/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.annotationLayer section {
  position: absolute;
}

.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: #ff0;
  box-shadow: 0px 2px 10px #ff0;
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}

.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 9px;
  height: 100%;
  margin: 0;
  padding: 0 3px;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 9px;
  resize: none;
}

.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1px solid transparent;
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1px solid #000;
}

.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1px solid transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: #000;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 115%;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  appearance: none;
  padding: 0;
}

.annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}

.annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #FFFF99;
  box-shadow: 0px 2px 5px #888;
  border-radius: 2px;
  padding: 6px;
  margin-left: 5px;
  cursor: pointer;
  font: message-box;
  font-size: 9px;
  word-wrap: break-word;
}

.annotationLayer .popup > * {
  font-size: 9px;
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popup span {
  display: inline-block;
  margin-left: 5px;
}

.annotationLayer .popup p {
  border-top: 1px solid #333;
  margin-top: 2px;
  padding-top: 2px;
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ReactVirtualized__Table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}
.ReactTable {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 4px;
  box-shadow: none;
  background-color: white;
  font-size: 0.825rem;
}

.ReactTable * {
  box-sizing: border-box;
}

.ReactTable .rt-table {
  -webkit-box-flex: 1;
  -ms-flex: auto 1;
  flex: auto 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  border-collapse: collapse;
  overflow: auto;
}

.ReactTable .rt-thead {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 56px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgba(0, 0, 0, 0.54);
}

.ReactTable .rt-thead.-headerGroups {
  background: rgba(0,0,0,0.03);
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

.ReactTable .rt-thead.-filters {
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

.ReactTable .rt-thead.-filters input,
.ReactTable .rt-thead.-filters select {
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline: none;
}

.ReactTable .rt-thead.-filters .rt-th {
  border-right: 1px solid rgba(0,0,0,0.02);
  outline: none;
}

.ReactTable .rt-thead.-filters .rt-th .hiddenFilter > input{
  display: none;
}

.ReactTable .rt-thead.-header {
  border-bottom: 1px solid rgba(224, 224, 224, 1);
  padding: 0 10px;
}

.ReactTable .rt-thead .rt-tr {
  text-align: center;
}

.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px;
  line-height: normal;
  position: relative;
  border-right: 1px solid rgba(0,0,0,0.05);
  transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: inset 0 0 0 0 transparent;
}

.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-td.-sort-asc {
  box-shadow: inset 0 3px 0 0 rgba(0,0,0,0.6);
}

.ReactTable .rt-thead .rt-th.-sort-desc,
.ReactTable .rt-thead .rt-td.-sort-desc {
  box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.6);
}

.ReactTable .rt-thead .rt-th.-cursor-pointer,
.ReactTable .rt-thead .rt-td.-cursor-pointer {
  cursor: pointer;
}

.ReactTable .rt-thead .rt-th:last-child,
.ReactTable .rt-thead .rt-td:last-child {
  border-right: 0;
}

.ReactTable .rt-thead .rt-resizable-header {
  overflow: visible;
}

.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden;
}

.ReactTable .rt-thead .rt-resizable-header-content {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ReactTable .rt-thead .rt-header-pivot {
  border-right-color: #f7f7f7;
}

.ReactTable .rt-thead .rt-header-pivot:after,
.ReactTable .rt-thead .rt-header-pivot:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ReactTable .rt-thead .rt-header-pivot:after {
  border-color: rgba(255,255,255,0);
  border-left-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}

.ReactTable .rt-thead .rt-header-pivot:before {
  border-color: rgba(102,102,102,0);
  border-left-color: #f7f7f7;
  border-width: 10px;
  margin-top: -10px;
}

.ReactTable .rt-tbody {
  -webkit-box-flex: 99999;
  -ms-flex: 99999 1 auto;
  flex: 99999 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
}

.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: solid 1px rgba(224, 224, 224, 1);
  padding: 0 10px;
  cursor: pointer;
}

.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0;
}

.ReactTable .rt-tbody .rt-expandable {
  cursor: pointer;
}

.ReactTable .rt-tr-group {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.ReactTable .rt-tr {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ReactTable .rt-th,
.ReactTable .rt-td {
  outline: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  white-space: normal;
  text-overflow: ellipsis;
  padding: 7px 5px;
  overflow: hidden;
  transition: 0.3s ease;
  transition-property: width, min-width, padding, opacity;
}

.ReactTable .rt-th.-hidden,
.ReactTable .rt-td.-hidden {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}

.ReactTable .rt-expander {
  display: inline-block;
  position: relative;
  margin: 0;
  color: transparent;
  margin: 0 10px;
}

.ReactTable .rt-expander:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  border-left: 5.04px solid transparent;
  border-right: 5.04px solid transparent;
  border-top: 7px solid rgba(0,0,0,0.8);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}

.ReactTable .rt-expander.-open:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
}

.ReactTable .rt-resizer {
  display: inline-block;
  position: absolute;
  width: 36px;
  top: 0;
  bottom: 0;
  right: -18px;
  cursor: col-resize;
  z-index: 10;
}

.ReactTable .rt-tfoot {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}

.ReactTable .rt-tfoot .rt-td {
  border-right: 1px solid rgba(0,0,0,0.05);
}

.ReactTable .rt-tfoot .rt-td:last-child {
  border-right: 0;
}

.ReactTable.-striped .rt-tr.-odd {
  background: rgba(0,0,0,0.03);
}

.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: rgba(0,0,0,0.05);
}

.ReactTable .-pagination {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3px;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
  border-top: 2px solid rgba(0,0,0,0.1);
}

.ReactTable .-pagination input,
.ReactTable .-pagination select {
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline: none;
}

.ReactTable .-pagination .-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
  padding: 6px;
  font-size: 1em;
  color: rgba(0,0,0,0.6);
  background: rgba(0,0,0,0.1);
  transition: all 0.1s ease;
  cursor: pointer;
  outline: none;
}

.ReactTable .-pagination .-btn[disabled] {
  opacity: 0.5;
  cursor: default;
}

.ReactTable .-pagination .-btn:not([disabled]):hover {
  background: rgba(0,0,0,0.3);
  color: #fff;
}

.ReactTable .-pagination .-previous,
.ReactTable .-pagination .-next {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.ReactTable .-pagination .-center {
  -webkit-box-flex: 1.5;
  -ms-flex: 1.5;
  flex: 1.5;
  text-align: center;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.ReactTable .-pagination .-pageInfo {
  display: inline-block;
  margin: 3px 10px;
  white-space: nowrap;
}

.ReactTable .-pagination .-pageJump {
  display: inline-block;
}

.ReactTable .-pagination .-pageJump input {
  width: 70px;
  text-align: center;
}

.ReactTable .-pagination .-pageSizeOptions {
  margin: 3px 10px;
}

.ReactTable .rt-noData {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255,255,255,0.8);
  transition: all 0.3s ease;
  z-index: 1;
  pointer-events: none;
  padding: 20px;
  color: rgba(0,0,0,0.5);
}

.ReactTable .-loading {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255,255,255,0.8);
  transition: all 0.3s ease;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.ReactTable .-loading > div {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  font-size: 15px;
  color: rgba(0,0,0,0.6);
  -webkit-transform: translateY(-52%);
  transform: translateY(-52%);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ReactTable .-loading.-active {
  opacity: 1;
  z-index: 2;
  pointer-events: all;
}

.ReactTable .-loading.-active > div {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.ReactTable .rt-resizing .rt-th,
.ReactTable .rt-resizing .rt-td {
  transition: none !important;
  cursor: col-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@keyframes dtSpin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@keyframes dtVerticalExpand {
	from {
		max-height: 0;
		padding: 0 15px;
	}
	to {
		max-height: 325px;
	}
}
:root {
    /*PALETTE*/
    /* TODO: add the rest of the colors to palette */
    --disabled: rgba(233, 233, 233, 0.7);
    --disabled-light: rgba(180, 180, 180, 0.2);

    /*Text*/
    --text-main: #252b33;
    --disabled-text: #76748d;

    /*Accents*/
    --highlight: rgba(232, 68, 97, 0.5);

    /*Z-INDEX*/
    /*TODO: calibrate the numbers*/
    --z-index-highlight-element: 100;
    --z-index-popup: 4000;
    --z-index-alert: 5000;
    --z-index-debug-console: 10000;
}

/**
 * Application.
 */
@font-face {
	font-family: AppText; font-weight: 100; font-style: normal;
	src: url(/docs/assets/fonts/app/SofiaPro-UltraLight.woff);
}
@font-face {
	font-family: AppText; font-weight: 100; font-style: italic;
	src: url(/docs/assets/fonts/app/SofiaPro-UltraLightItalic.woff);
}

@font-face {
	font-family: AppText; font-weight: 200; font-style: normal;
	src: url(/docs/assets/fonts/app/SofiaPro-ExtraLight.woff);
}
@font-face {
	font-family: AppText; font-weight: 200; font-style: italic;
	src: url(/docs/assets/fonts/app/SofiaPro-ExtraLightItalic.woff);
}

@font-face {
	font-family: AppText; font-weight: 300; font-style: normal;
	src: url(/docs/assets/fonts/app/SofiaPro-Light.woff);
}
@font-face {
	font-family: AppText; font-weight: 300; font-style: italic;
	src: url(/docs/assets/fonts/app/SofiaPro-LightItalic.woff);
}

@font-face {
	font-family: AppText; font-weight: 400; font-style: normal;
	src: url(/docs/assets/fonts/app/SofiaPro-Regular.woff);
}
@font-face {
	font-family: AppText; font-weight: 400; font-style: italic;
	src: url(/docs/assets/fonts/app/SofiaPro-RegularItalic.woff);
}

@font-face {
	font-family: AppText; font-weight: 500; font-style: normal;
	src: url(/docs/assets/fonts/app/SofiaPro-Medium.woff);
}
@font-face {
	font-family: AppText; font-weight: 500; font-style: italic;
	src: url(/docs/assets/fonts/app/SofiaPro-MediumItalic.woff);
}

@font-face {
	font-family: AppText; font-weight: 600; font-style: normal;
	src: url(/docs/assets/fonts/app/SofiaPro-SemiBold.woff);
}
@font-face {
	font-family: AppText; font-weight: 600; font-style: italic;
	src: url(/docs/assets/fonts/app/SofiaPro-SemiBoldItalic.woff);
}

@font-face {
	font-family: AppText; font-weight: 700; font-style: normal;
	src: url(/docs/assets/fonts/app/SofiaPro-Bold.woff);
}
@font-face {
	font-family: AppText; font-weight: 700; font-style: italic;
	src: url(/docs/assets/fonts/app/SofiaPro-BoldItalic.woff);
}

@font-face {
	font-family: AppText; font-weight: 800; font-style: normal;
	src: url(/docs/assets/fonts/app/SofiaPro-Black.woff);
}
@font-face {
	font-family: AppText; font-weight: 800; font-style: italic;
	src: url(/docs/assets/fonts/app/SofiaPro-BlackItalic.woff);
}


/**
 * Icons.
 */
@font-face {

	font-family: AppIconMaterial;
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/icon/material.woff2?v=1465396043055) format('woff2'),
		 url(/docs/assets/fonts/icon/material.woff?v=1465396043055) format('woff'),
		 url(/docs/assets/fonts/icon/material.ttf?v=1465396043055) format('truetype');
}
@font-face {
	font-family: AppIconDealTap;
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/icon/dealtap.eot);
	src: url(/docs/assets/fonts/icon/dealtap.eot?#iefix) format('embedded-opentype'),
		 url(/docs/assets/fonts/icon/dealtap.ttf) format('truetype');
}

/*
 * The following fonts are for OREA FORMS.
 */

/* TODO: @sonal Below code needs to be removed after business team approval, as per DTU-64 */
@font-face {
	font-family: Metrophobic;
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/forms/Metrophobic.eot);
	src: url(/docs/assets/fonts/forms/Metrophobic.woff) format('woff'),
		 url(/docs/assets/fonts/forms/Metrophobic.ttf) format('truetype');
}

/**
	The following are for types Signature/Initials.
 */
@font-face {
	font-family: AppCursive;
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/jenna-sue.eot);
	src: url(/docs/assets/fonts/jenna-sue.eot?#iefix) format('embedded-opentype'),
	url(/docs/assets/fonts/jenna-sue.ttf) format('truetype');
}
@font-face {
	font-family: Caveat;
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/signature/Caveat-Regular.ttf) format('truetype');
}
@font-face {
	font-family: Cookie;
	font-weight: 400;
	font-style: normal;
	src: url(/docs/assets/fonts/signature/Cookie-Regular.ttf) format('truetype');
}
@font-face {
	font-family: Courgette;
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/signature/Courgette-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Kaushan Script';
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/signature/KaushanScript-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Mr Dafoe';
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/signature/MrDafoe-Regular.ttf) format('truetype');
}
@font-face {
	font-family: Norican;
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/signature/Norican-Regular.ttf) format('truetype');
}
@font-face {
	font-family: Satisfy;
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/signature/Satisfy-Regular.ttf) format('truetype');
}
@font-face {
	font-family: Yellowtail;
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/signature/Yellowtail-Regular.ttf) format('truetype');
}
@font-face {
	font-family: Yesteryear;
	font-weight: 400;
	font-style: normal;

	src: url(/docs/assets/fonts/signature/Yesteryear-Regular.ttf) format('truetype');
}

.dtRoot {
    margin: 0;
}

.dtRoot,
.dtPageApplication {

    font-family: AppText, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;

    line-height: 1.4;

    color: #191b24;

    -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;

    cursor: default;
}

.dtRoot::selection,
.dtPageApplication::selection,
input::selection {
    background: #2868D7;
    color: #ffffff;
}

.dtPageApplication h1,
.dtPageApplication h2,
.dtPageApplication h3,
.dtPageApplication h4,
.dtPageApplication h5,
.dtPageApplication h6 {
    margin: 0;
    line-height: 1.1;
    color: #181818;
}

.dtPageApplication h1 { font-weight: 200; font-size: 2em; }
.dtPageApplication h2 { font-weight: 300; font-size: 1.5em; }

.dtPageApplication p { margin: 0; }
.dtPageApplication p + p { margin-top: 20px; }

.dtPageApplication a {
    color: #5b9cc6;
}
.dtPageApplication a:hover {
    text-decoration: underline;
}

.dtPageApplication strong {
    font-weight: 500;
}

input,
textarea {
    -webkit-user-select: text;
    -ms-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

div:focus,
div:hover,
div:active,

input:focus,
input:hover,
input:active,

textarea:focus,
textarea:hover,
textarea:active {
    outline: none;
}

b {
	font-weight: inherit;
	color: #000;
}
input::-ms-clear {
    display: none;
}
/* Placeholders. */
/* http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css */
::-webkit-input-placeholder { color: #999; opacity: 1; }
::-moz-placeholder { color: #666; opacity: 1; }
:-ms-input-placeholder { color: #666; opacity: 1; }

/* Bubble. */
.dtBubble {
    display: inline-block;

    padding: .25em .75em;

    font-size: 14px;
    font-weight: 400;
    text-align: center;

    color: #222;

    border: 1px solid #ccc;
    border-radius: 1em;

    background-color: #fafafa;
}

/** Well... */
.dtClickThrough {
    pointer-events: none;
}

/* Ellipsis. */
.dtEllipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Fit. */
.dt--isFit {
	-webkit-flex: 1;
	flex: 1;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	max-width: 100%;
}

/* User-Select. */
.dt--isUserSelect {
	-webkit-user-select: text;
	-ms-user-select: text;
	-moz-user-select: text;
	user-select: text;
}

/* Hyphen. */
.dtHyphen {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	overflow-wrap: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/* Inline. */
.dtInline {
	display: inline;
}

/* Applies to any UI element which is clickable */
.dt--isClickable {
	cursor: pointer;
}

.dt--isSpin {
	animation-name: dtSpin;
	animation-duration: 900ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	opacity: 0.5;
}

/* Strike Through. */
.dtStrikeThrough {
	text-decoration: line-through;
}

/* Text: Align. */
.dtTextAlign--left {
	text-align: left;
}
.dtTextAlign--center {
	text-align: center;
}
.dtTextAlign--right {
	text-align: right;
}

/* Wrapper. */
.dtWrapper {
    width: 960px;
    margin: auto;
}
.dtGrid--md .dtWrapper {
    width: 100%;
}
/* Wrapper: Blocker. */
.dtWrapper--blocker {
	width: 460px;
	margin: auto;
}
.dtGrid--ss .dtWrapper--blocker {
	width: 290px;
}
/* Wrapper: Login. */
.dtWrapper--login {
	width: 460px;
	margin: auto;
}
.dtGrid--ss .dtWrapper--login {
	width: 292px;
}
/* Wrapper: Medium. */
.dtWrapper--medium {
	width: 460px;
	margin: auto;
}
.dtGrid--sm .dtWrapper--medium {
	width: 100%;
}

/* Wrapper: Mini. */
.dtWrapperMini {
	width: 320px;
	margin: auto;
}
.dtGrid--xs .dtWrapperMini {
	width: 100%;
}

/* Wrapper: Small. */
.dtWrapperSmall {
	width: 400px;
	margin: auto;
}

/* Wrapper: Expired. */
.dtWrapper--expired {
	width: 400px;
}

.dtGrid--sm .dtWrapper--expired {
	width: 100%;
}
.dtGrid--xs .dtWrapperSmall {
	width: 100%;
}

.dtIcon-signature:before,
.dtIcon-edit:before {
	display: block;
	position: relative;
	font-family: AppIconDealTap, sans-serif;
	font-size: inherit;
	line-height: inherit;
	text-align: center;
	/* rendering method - make the icon more clear */
	-webkit-font-smoothing: antialiased;
}

.faIcon-accessTime:before,
.faIcon-account:before,
.faIcon-add:before,
.faIcon-addCircle:before,
.faIcon-addNote:before,
.faIcon-allInclusive:before,
.faIcon-archive:before,
.faIcon-arrowBack:before,
.faIcon-arrowDownward:before,
.faIcon-arrowForward:before,
.faIcon-aspectRatio:before,
.faIcon-attachFile:before,
.faIcon-attachMoney:before,
.faIcon-backButton:before,
.faIcon-borderColor:before,
.faIcon-checkBox:before,
.faIcon-brush:before,
.faIcon-build:before,
.faIcon-check:before,
.faIcon-checkCircle:before,
.faIcon-clause:before,
.faIcon-cloud:before,
.faIcon-cloudDone:before,
.faIcon-close:before,
.faIcon-contacts:before,
.faIcon-contactMail:before,
.faIcon-contactPhone:before,
.faIcon-contentCopy:before,
.faIcon-controlPointDuplicate:before,
.faIcon-createNewFolder:before,
.faIcon-dashboard:before,
.faIcon-dateRange:before,
.faIcon-document:before,
.faIcon-delete:before,
.faIcon-description:before,
.faIcon-details:before,
.faIcon-dialpad:before,
.faIcon-document:before,
.faIcon-dropDown:before,
.faIcon-dropRight:before,
.faIcon-dropUp:before,
.faIcon-editTitle:before,
.faIcon-eject:before,
.faIcon-email:before,
.faIcon-error:before,
.faIcon-errorOutline:before,
.faIcon-exitToApp:before,
.faIcon-expandLess:before,
.faIcon-expandMore:before,
.faIcon-explore:before,
.faIcon-face:before,
.faIcon-feedback:before,
.faIcon-fiberManualRecord:before,
.faIcon-fields:before,
.faIcon-fileUpload:before,
.faIcon-fileDownload:before,
.faIcon-filterList:before,
.faIcon-findInPage:before,
.faIcon-fingerPrint:before,
.faIcon-firstPage:before,
.faIcon-fitnessCenter:before,
.faIcon-folder:before,
.faIcon-folderShare:before,
.faIcon-fontDownload:before,
.faIcon-formatListBulleted:before,
.faIcon-formatListNumbered:before,
.faIcon-formatShapes:before,
.faIcon-formatStrikeThrough:before,
.faIcon-gesture:before,
.faIcon-group:before,
.faIcon-groupWork:before,
.faIcon-globalFieldLanguage:before,
.faIcon-help:before,
.faIcon-history:before,
.faIcon-home:before,
.faIcon-info:before,
.faIcon-insertDriveFile:before,
.faIcon-importContacts:before,
.faIcon-keyboradArrowUp:before,
.faIcon-keyboradArrowDown:before,
.faIcon-keyboardArrowLeft:before,
.faIcon-keyboardArrowRight:before,
.faIcon-label:before,
.faIcon-lastPage:before,
.faIcon-libraryAdd:before,
.faIcon-list:before,
.faIcon-lock:before,
.faIcon-looksOne:before,
.faIcon-keyboard:before,
.faIcon-menu:before,
.faIcon-message:before,
.faIcon-modeEdit:before,
.faIcon-more:before,
.faIcon-moveToInbox:before,
.faIcon-myLocation:before,
.faIcon-navigateBefore:before,
.faIcon-navigateNext:before,
.faIcon-noteAdd:before,
.faIcon-openInBrowser:before,
.faIcon-openInNew:before,
.faIcon-openWith:before,
.faIcon-package:before,
.faIcon-pageView:before,
.faIcon-people:before,
.faIcon-peopleOutline:before,
.faIcon-person:before,
.faIcon-personAdd:before,
.faIcon-playlistAdd:before,
.faIcon-playlistAddCheck:before,
.faIcon-radioButtonChecked:before,
.faIcon-radioButtonUnchecked:before,
.faIcon-redo:before,
.faIcon-refresh:before,
.faIcon-removeCircle:before,
.faIcon-removeRedEye:before,
.faIcon-rename:before,
.faIcon-reply:before,
.faIcon-replyRev:before,
.faIcon-replyRevFlip:before,
.faIcon-save:before,
.faIcon-school:before,
.faIcon-search:before,
.faIcon-security:before,
.faIcon-send:before,
.faIcon-setting:before,
.faIcon-share:before,
.faIcon-smartDate:before,
.faIcon-sort:before,
.faIcon-sortByAlpha:before,
.faIcon-subdirectory:before,
.faIcon-speakerNotes:before,
.faIcon-straighten:before,
.faIcon-supervisorAccount:before,
.faIcon-textFields:before,
.faIcon-trackChanges:before,
.faIcon-unarchive:before,
.faIcon-undo:before,
.faIcon-unlock:before,
.faIcon-update:before,
.faIcon-viewModule:before,
.faIcon-viewStream:before,
.faIcon-visibilityOff:before,
.faIcon-warning:before,
.faIcon-wrapText:before,
.faIcon-zoomIn:before,
.faIcon-zoomOut:before,
.faIcon-formatBold:before,
.faIcon-formatItalic:before,
.faIcon-formatUnderlined:before,
.faIcon-formatAlignLeft:before,
.faIcon-formatAlignCenter:before,
.faIcon-formatAlignRight:before,
.faIcon-formatAlignJustify:before,
.faIcon-formatIndentIncrease:before,
.faIcon-formatIndentDecrease:before,
.faIcon-formatListBulleted:before,
.faIcon-formatListNumbered:before,
.faIcon-formatStrikethrough:before,
.faIcon-lockOpen:before,
.faIcon-lockLocked:before,
.faIcon-formPrint:before,
.faIcon-helpOutline:before,

x:before {
    display: block;
    position: relative;
    font-family: AppIconMaterial, sans-serif;
    font-size: inherit;
    line-height: inherit;
    text-align: center;
}


.faIcon-accessTime:before { content: '\e192'; }
.faIcon-account:before { content: '\e851'; }
.faIcon-add:before { content: '\e145'; }
.faIcon-addCircle:before { content: '\e147'; }
.faIcon-addNote:before { content: '\e89c'; }
.faIcon-allInclusive:before { content: '\eb3d'; }
.faIcon-archive:before { content: '\e149'; }
.faIcon-arrowBack:before { content: '\e5c4'; }
.faIcon-arrowDownward:before { content: '\e5db'; }
.faIcon-arrowForward:before { content: '\e5c8'; }
.faIcon-aspectRatio:before { content: '\e85b'; }
.faIcon-attachFile:before { content: '\e226'; }
.faIcon-attachMoney:before { content: '\e227'; }
.faIcon-backButton:before { content: '\e317'; }
.faIcon-borderColor:before { content: '\e22b'; }
.faIcon-checkBox:before { content: '\e834'}
.faIcon-brush:before { content: '\e3ae'; }
.faIcon-build:before { content: '\e869'; }
.faIcon-check:before { content: '\e5ca'; }
.faIcon-checkCircle:before { content: '\e86c'; }
.faIcon-cloud:before { content: '\e2bd'; }
.faIcon-cloudDone:before { content: '\e2bf'; }
.faIcon-cloudUpload:before { content: '\e2c3'; }
.faIcon-clause:before { content: '\e873';}
.faIcon-close:before { content: '\e5cd'; }
.faIcon-contacts:before { content: '\e0ba'; }
.faIcon-contactMail:before { content: '\e0d0'; }
.faIcon-contactPhone:before { content: '\e0cf'; }
.faIcon-contentCopy:before { content: '\e14d'; }
.faIcon-controlPointDuplicate:before { content: '\e3bb'; }
.faIcon-createNewFolder:before { content: '\e2cc'; }
.faIcon-dashboard:before { content: '\e871'; }
.faIcon-dateRange:before { content: '\e916'; }
.faIcon-delete:before { content: '\e872'; }
.faIcon-description:before { content: '\e873'; }
.faIcon-details:before { content: '\e3c8'; }
.faIcon-document:before { content: '\e24d';}
.faIcon-dialpad:before { content: '\e0bc'; }
.faIcon-document:before { content: '\e24d'; }
.faIcon-dropDown:before { content: '\e5c5'; }
.faIcon-dropUp:before { content: '\e5c7'; }
.faIcon-editTitle:before { content: '\e150';}
.faIcon-dropRight:before { content: '\e037'; }
.faIcon-eject:before { content: '\e8fb'; }
.faIcon-error:before { content: '\e000'; }
.faIcon-errorOutline:before { content: '\e001'; }
.faIcon-email:before { content: '\e158'; }
.faIcon-exitToApp:before { content: '\e879'; }
.faIcon-expandLess:before { content: '\e5ce'; }
.faIcon-expandMore:before { content: '\e5cf'; }
.faIcon-explore:before { content: '\e87a'; }
.faIcon-face:before { content: '\e87c'; }
.faIcon-feedback:before { content: '\e87f'; }
.faIcon-fiberManualRecord:before { content: '\e061'; }
.faIcon-fields:before { content: '\e236'; }
.faIcon-fileUpload:before { content: '\e2c6'; }
.faIcon-fileDownload:before { content: '\e2c4'; }
.faIcon-filterList:before { content: '\e152'; }
.faIcon-findInPage:before { content: '\e880'; }
.faIcon-fingerPrint:before { content: '\e90d'; }
.faIcon-firstPage:before { content: '\e5dc'; }
.faIcon-fitnessCenter:before { content: '\eb43'; }
.faIcon-folder:before { content: '\e2c7'; }
.faIcon-folderShare:before { content: '\e2c9'; }
.faIcon-fontDownload:before { content: '\e167'; }
.faIcon-formatListBulleted:before { content: '\e241'; }
.faIcon-formatListNumbered:before { content: '\e242'; }
.faIcon-formatShapes:before { content: '\e25e'; }
.faIcon-formatStrikeThrough:before { content: '\e246'; }
.faIcon-gesture:before { content: '\e155'; }
.faIcon-group:before { content: '\e7ef'; }
.faIcon-groupWork:before { content: '\e886'; }
.faIcon-globalFieldLanguage:before {content: '\e894'; }
.faIcon-help:before { content: '\e887'; }
.faIcon-history:before { content: '\e889'; }
.faIcon-home:before { content: '\e88a'; }
.faIcon-info:before { content: '\e88e'; }
.faIcon-insertDriveFile:before  { content: '\e24d'; }
.faIcon-importContacts:before { content: '\e0e0'; }
.faIcon-keyboradArrowDown:before { content: '\e313';}
.faIcon-keyboardArrowLeft:before { content: '\e314'; }
.faIcon-keyboardArrowRight:before { content: '\e315'; }
.faIcon-keyboradArrowUp:before { content: '\e316';}
.faIcon-label:before { content: '\e892'; }
.faIcon-lastPage:before { content: '\e5dd'; }
.faIcon-libraryAdd:before { content: '\e02e'; }
.faIcon-list:before { content: '\e896'; }
.faIcon-lock:before { content: '\e897'; }
.faIcon-looksOne:before { content: '\e400'; }
.faIcon-keyboard:before { content: '\e312'; }
.faIcon-menu:before { content: '\e5d2'; }
.faIcon-message:before { content: '\e0c9'; }
.faIcon-modeEdit:before { content: '\e254'; }
.faIcon-more:before { content: '\e5d3'; }
.faIcon-moveToInbox:before { content: '\e168'; }
.faIcon-myLocation:before { content: '\e55c'; }
.faIcon-noteAdd:before { content: '\e89c'; }
.faIcon-openInBrowser:before { content: '\e89d'; }
.faIcon-openInNew:before { content: '\e89e'; }
.faIcon-openWith:before { content: '\e89f'; }
.faIcon-package:before { content: '\e8f9'; }
.faIcon-pageView:before { content: '\e8a0'; }
.faIcon-people:before { content: '\e7fb'; }
.faIcon-peopleOutline:before { content: '\e7fc'; }
.faIcon-person:before { content: '\e7fd'; }
.faIcon-personAdd:before { content: '\e7fe'; }
.faIcon-playlistAdd:before { content: '\e03b'; }
.faIcon-playlistAddCheck:before { content: '\e065';}
.faIcon-radioButtonChecked:before { content: '\e837'; }
.faIcon-radioButtonUnchecked:before { content: '\e836'; }
.faIcon-redo:before { content: '\e15a'; }
.faIcon-refresh:before { content: '\e5d5'; }
.faIcon-removeCircle:before { content: '\e15c'; }
.faIcon-removeRedEye:before { content: '\e417'; }
.faIcon-rename:before { content: '\e165'; }
.faIcon-reply:before { content: '\e15e'; }
.faIcon-replyRev:before {
    content: '\e15e';
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.faIcon-replyRevFlip:before {
    content: '\e15e';
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}


.faIcon-save:before { content: '\e161'; }
.faIcon-school:before { content: '\e80c'; }
.faIcon-search:before { content: '\e8b6'; }
.faIcon-security:before { content: '\e32a'; }
.faIcon-send:before { content: '\e163'; }
.faIcon-setting:before { content: '\e8B8'; }
.faIcon-share:before { content: '\e80d'; }
.faIcon-smartDate:before {content: '\e003';}
.faIcon-sort:before { content: '\e164'; }
.faIcon-sortByAlpha:before { content: '\e053'; }
.faIcon-speakerNotes:before { content: '\e8cd'; }
.faIcon-straighten:before { content: '\e41c'; }
.faIcon-subdirectory:before { content: '\e5da';}
.faIcon-supervisorAccount:before { content: '\e8d3'; }
.faIcon-textFields:before { content: '\e262'; }
.faIcon-trackChanges:before { content: '\e8e1'; }
.faIcon-unarchive:before { content: '\e169'; }
.faIcon-undo:before { content: '\e166'; }
.faIcon-unlock:before { content: '\e898'; }
.faIcon-update:before { content: '\e923'; }
.faIcon-viewModule:before { content: '\e8f0'; }
.faIcon-viewStream:before { content: '\e8f2'; }
.faIcon-visibilityOff:before { content: '\e8f5'; }
.faIcon-warning:before { content: '\e002'; }
.faIcon-wrapText:before {content: '\e25b'; }
.faIcon-zoomIn:before {content: '\e8ff'; }
.faIcon-zoomOut:before {content: '\e900'; }
.faIcon-formatBold:before {content: '\e238'; }
.faIcon-formatItalic:before {content: '\e23f'; }
.faIcon-formatUnderlined:before {content: '\e249'; }
.faIcon-formatAlignLeft:before {content: '\e236'; }
.faIcon-formatAlignCenter:before {content: '\e234'; }
.faIcon-formatAlignRight:before {content: '\e237'; }
.faIcon-formatAlignJustify:before {content: '\e235'; }
.faIcon-formatIndentIncrease:before {content: '\e23e'; }
.faIcon-formatIndentDecrease:before {content: '\e23d'; }
.faIcon-formatListBulleted:before {content: '\e241'; }
.faIcon-formatListNumbered:before {content: '\e242'; }
.faIcon-formatStrikethrough:before {content: '\e246'; }
.faIcon-lockOpen:before {content: '\e898';}
.faIcon-lockLocked:before {content: '\e897'; }
.faIcon-formPrint:before {content: '\e555'; }
.faIcon-helpOutline:before {content: '\e8fd'; }

/* SVG Icons. */
.dtIconSvg {
    display: block;
}
.dtIconSvg path {
    fill: none;
    stroke: none;
}
.dtIconSvg path.dtIconSvg-stroke {
    stroke: #666;
    stroke-width: 1.25;
}
.dtIconSvg path.dtIconSvg-fillA {
    fill: #666;
}
.dtIconSvg path.dtIconSvg-fillB {
    fill: #eee;
}
.dtIconSvg text.dtIconSvg-text {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.05em;
    fill: #fff;
}

/* Logo: Path. */
.dtIconSvg.dtIconSvg--logoDealTap path.dtIconSvg-fillA { fill: #2868D7; }
.dtIconSvg.dtIconSvg--logoDealTap-menu path.dtIconSvg-fillA { fill: #ffffff; }

/* Logo: Full. */
.dtIconSvg.dtIconSvg--logoDealTapFull path.dtIconSvg-fillA { fill: #2868D7; }
.dtIconSvg.dtIconSvg--logoDealTapFull path.dtIconSvg-fillB { fill: #252b33; }
.dtIconSvg.dtIconSvg--logoDealTapFull-menu path.dtIconSvg-fillA { fill: #ffffff; }
.dtIconSvg.dtIconSvg--logoDealTapFull-menu path.dtIconSvg-fillB { fill: #ffffff; }

/* TODO: reidenzon - Get right colors. */
/* Doc: Clause Group. */
.dtIconSvg.dtIconSvg--doc-clause-group path.dtIconSvg-fillA { fill: #a3a3a3; }
.dtIconSvg.dtIconSvg--doc-clause-group path.dtIconSvg-fillB { fill: #ddd; }

/* TODO: reidenzon - Get right colors. */
/* Doc: Contact. */
.dtIconSvg.dtIconSvg--doc-contact path.dtIconSvg-fillA { fill: #a3a3a3; }
.dtIconSvg.dtIconSvg--doc-contact path.dtIconSvg-fillB { fill: #ddd; }

/* Doc: Document. */
.dtIconSvg.dtIconSvg--doc-document path.dtIconSvg-fillA { fill: #2868D7; }
.dtIconSvg.dtIconSvg--doc-document path.dtIconSvg-fillB { fill: #A477D7; }

/* Doc: Source Form. */
.dtIconSvg.dtIconSvg--doc-source-form path.dtIconSvg-fillA { fill: #2868D7; }
.dtIconSvg.dtIconSvg--doc-source-form path.dtIconSvg-fillB { fill: #A477D7; }

/* Doc: Template. */
.dtIconSvg.dtIconSvg--doc-template path.dtIconSvg-fillA { fill: #2868D7; }
.dtIconSvg.dtIconSvg--doc-template path.dtIconSvg-fillB { fill: #A477D7; }

/* Doc: Upload: New. */
.dtIconSvg.dtIconSvg--doc-upload path.dtIconSvg-fillA { fill: #a3a6aa; }
.dtIconSvg.dtIconSvg--doc-upload path.dtIconSvg-fillB { fill: #dadfe3; }

/* Doc: Upload: DOC. */
.dtIconSvg.dtIconSvg--doc-upload-doc path.dtIconSvg-fillA { fill: #00bed6; }
.dtIconSvg.dtIconSvg--doc-upload-doc path.dtIconSvg-fillB { fill: #03aeba; }

/* Doc: Upload: GIF. */
.dtIconSvg.dtIconSvg--doc-upload-gif path.dtIconSvg-fillA { fill: #f39e49; }
.dtIconSvg.dtIconSvg--doc-upload-gif path.dtIconSvg-fillB { fill: #faaf4c; }

/* Doc: Upload: JPG. */
.dtIconSvg.dtIconSvg--doc-upload-jpg path.dtIconSvg-fillA { fill: #f39e49; }
.dtIconSvg.dtIconSvg--doc-upload-jpg path.dtIconSvg-fillB { fill: #faaf4c; }
.dtIconSvg.dtIconSvg--doc-upload-jpeg path.dtIconSvg-fillA { fill: #f39e49; }
.dtIconSvg.dtIconSvg--doc-upload-jpeg path.dtIconSvg-fillB { fill: #faaf4c; }

/* Doc: Upload: PNG. */
.dtIconSvg.dtIconSvg--doc-upload-png path.dtIconSvg-fillA { fill: #f39e49; }
.dtIconSvg.dtIconSvg--doc-upload-png path.dtIconSvg-fillB { fill: #faaf4c; }

/* Doc: Upload: PDF. */
.dtIconSvg.dtIconSvg--doc-upload-pdf path.dtIconSvg-fillA { fill: #bd2132; }
.dtIconSvg.dtIconSvg--doc-upload-pdf path.dtIconSvg-fillB { fill: #ed403d; }

/* Doc: Upload: TXT. */
.dtIconSvg.dtIconSvg--doc-upload-txt path.dtIconSvg-fillA { fill: #a3a6aa; }
.dtIconSvg.dtIconSvg--doc-upload-txt path.dtIconSvg-fillB { fill: #dadfe3; }

/* Doc: Upload: XLS. */
.dtIconSvg.dtIconSvg--doc-upload-xls path.dtIconSvg-fillA { fill: #58aa70; }
.dtIconSvg.dtIconSvg--doc-upload-xls path.dtIconSvg-fillB { fill: #428356; }

/* Doc: White. */
.dtIconSvg.dtIconSvg--doc-white path.dtIconSvg-fillA { fill: #ffffff; }
.dtIconSvg.dtIconSvg--doc-white path.dtIconSvg-fillB { fill: #c1c1c1; }

/* DocStack: Deal. */
.dtIconSvg.dtIconSvg--docStack-deal path.dtIconSvg-fillA { fill: #2868D7; }
.dtIconSvg.dtIconSvg--docStack-deal path.dtIconSvg-fillB { fill: #A477D7; }

/* DocStack: White. */
.dtIconSvg.dtIconSvg--docStack-white path.dtIconSvg-fillA { fill: #ffffff; }
.dtIconSvg.dtIconSvg--docStack-white path.dtIconSvg-fillB { fill: #c1c1c1; }

/* Folder. */
.dtIconSvg.dtIconSvg--folder path.dtIconSvg-fillA { fill: #f3a91c; }
.dtIconSvg.dtIconSvg--folder path.dtIconSvg-fillB { fill: #ffffff; }
.dtIconSvg.dtIconSvg--folder path.dtIconSvg-fillC { fill: #f7d26d; }
.dtIconSvg.dtIconSvg--folder circle.dtIconSvg-fillD { fill: #01bdd5; }

/* broker. */
.dtIconSvg.dtIconSvg--broker path.dtIconSvg-fillA { fill: #f3a91c; }
.dtIconSvg.dtIconSvg--broker path.dtIconSvg-fillB { fill: #ffffff; }
.dtIconSvg.dtIconSvg--broker path.dtIconSvg-fillC { fill: #f7d26d; }
.dtIconSvg.dtIconSvg--broker circle.dtIconSvg-fillD { fill: #01bdd5; }
.dtActionListItem {
    padding: 0 12px 0 8px;
	line-height: 44px;

    font-size: 12px;
}

.dtActionListItem.dtActionListItem--isDisabled {
    opacity: 0.5;
}

.dtActionListItem + .dtActionListItem{
    margin-top: 1px;
}

.dtActionListItem .dtActionListItem-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    min-height: 44px;
}

.dtActionListItem .dtActionListItem-icon {
    width: 24px;
    height: 24px;
    margin-right: 13px;
}

.dtActionListItem .dtActionListItem-caption {
    max-width: 320px;
}

.dtActionListItem .dtActionListItem-arrow {
    width: 24px;
    height: 24px;
    margin-left: auto;
}

/* Theme: A. */
.dtActionList.dtTheme--a .dtActionListItem .dtActionListItem-content {
    color: #252b33;
}

/* Theme: B. Used in context menu on tablets. */
.dtActionList.dtTheme--b .dtActionListItem {
    width: 188px;
    height: 40px;
}
.dtActionListItem.dtTheme--b .dtActionListItem-icon {
    margin-right: 10px;
}

.dtActionSheet {
    height: 100%;
}
.dtActionSheet .dtActionSheet-footer {
    padding: 10px;
}
.dtActionSheet.dtActionSheet--isFakePopup .dtActionSheet-content{
    height: 100%;
	padding: 0;
}
.dtActionSheet.dtActionSheet--isFakePopup.dtActionSheet--isPadding .dtActionSheet-content{
    padding: 15px;
}

.dtAnnouncementViewer {
	width: 540px;
	min-height: 180px;
}
.dtModal.dtTheme--b.dtModal--isFooter .dtAnnouncementViewer {
	margin-bottom: 55px;
}
.dtAnnouncementViewer-content {
	padding: 15px;
	text-align: center;
}
.dtAnnouncementViewer-symbol {
	height: 60px;
}
.dtAnnouncementViewer-owner {
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
}
.dtAnnouncementViewer-title {
	font-size: 18px;
	font-weight: 500;
	margin-top: 15px;
}
.dtAnnouncementViewer-body {
	color: #777;
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px;
	overflow-wrap: break-word;
	text-align: left;
	white-space: pre-wrap;
}

body.dtTouch.dtGrid--sm .dtAnnouncementViewer {
	width: auto;
	height: auto;
}
.dtAuditEntry {

}

/* Header. */
.dtAuditEntry-header {
	font-size: 24px;
	margin-bottom: 20px;
}

/* Content. */
.dtAuditEntry-content {

}
.dtAuditEntry-contentItems {

}

/* Footer. */
.dtAuditEntry-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtAuditEntry-footerSpacer {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtAuditEntry-button {
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	opacity: .7;
}
.dtAuditEntry-button:hover {
	opacity: 1;
}
.dtAuditEntry-button:before {
	position: absolute;
	content: '';

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	margin: -5px -10px;
}
.dtAuditEntry-buttonCaption {
	font-size: 14px;
}
.dtAuditEntry-buttonIcon {
	width: 30px;
}

/* Item. */
.dtAuditEntryItem {

}
.dtAuditEntryItem + .dtAuditEntryItem {
	margin-top: 10px;
}
.dtAuditEntry .dtAuditEntryItem.dtAuditEntryItem--isExpanded {
	display: none;
}
.dtAuditEntry.dtAuditEntry--isExpanded .dtAuditEntryItem.dtAuditEntryItem--isExpanded {
	display: block;
}
.dtAuditEntryItem-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	font-size: 14px;
}
.dtGrid--sm .dtAuditEntryItem-content {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtAuditEntryItem-caption {
	-webkit-flex: 1;
	flex: 1;

	font-weight: 500;
	color: #444;

	min-width: 60px;
	max-width: 160px;
	margin-right: 10px;
}

/* Item: Value. */
.dtAuditEntryItem-value {
	-webkit-flex: 2;
	flex: 2;

	color: #999;
}
.dtAuditEntryItem-image {}
.dtAuditEntryItem-image img {
	display: block;

	max-width: 400px;
	max-height: 150px;

	border: 1px solid #ccc;
}
.blockerScreen {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* Logo. */
.blockerScreen-logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;

	padding-bottom: 40px;
}

/* Theme A - Whatever */
.blockerScreen.dtTheme--a .blockerScreen-logoContent {
	width: 240px;
	height: 80px;
}
.blockerScreen.dtTheme--a .blockerScreen-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;

	min-height: 477px;

	padding: 40px 52px;
	border-radius: 3px;
	box-shadow: 0 0 17px 0 rgba(213, 213, 213, 0.7);

	background-color: #fff;
}
.dtGrid--ss .blockerScreen.dtTheme--a .blockerScreen-content {
	padding: 20px;
}

/* Theme S - for signing completion*/
.blockerScreen.dtTheme--s .blockerScreen-logoContent {
	width: 240px;
	height: 80px;
}
.blockerScreen.dtTheme--s .blockerScreen-content {

}
.dtCookiesDisabled {
	width: 100%;
}
.dtCookiesDisabled-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-align-items: center;
	align-items: center;
}
.dtCookiesDisabled-logo {
	width: 107px;
	height: 24px;
}
.dtCookiesDisabled-icon {
	width: 120px;
	height: 120px;
	margin: 0 0 20px;
	background: url(/docs/assets/images/no-support/ill-small-cookies.svg) no-repeat center center;
}
.dtCookiesDisabled-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #252b33;
}
.dtCookiesDisabled-body {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #767486;
	margin-top: 18px;
}
.dtCookiesDisabled-button {
	 margin-top: 37px;
}

.dealFooterBar {

}
.dealFooterBar-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    padding: 15px 10px;

    font-size: 18px;
    line-height: 25px;

	background-color: #252b33;
	color: #fff;
}
.dealFooterBar.dtGrid--ss .dealFooterBar-content {
	padding: 10px;
}
.dealFooterBar-iconContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.dealFooterBar-icon {
	width: 30px;
	height: 30px;
	line-height: 30px;

	border-radius: 100%;
	background-color: #2868D7;
	color: #fff;
}
.dealFooterBar-icon.dealFooterBar-icon--close {
	background: none;
	color: #b0c2cc;
}
.dealFooterBar-icon.dealFooterBar-icon--close:hover {
	color: #fff;
}
.dealFooterBar-main {
	-webkit-flex: 1;
	flex: 1 auto;


	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin-left: 20px;
	margin-right: 10px;
	padding-right: 10px;

	border-right: 1px solid #ccc;
}
.dealFooterBar-toolbar {

}
.dealFooterBar.dealHistoryBar {

}

.dealFooterBar.dealHistoryBar .dealHistoryBar-toggle {

}
.dealFooterBar.dealSignatureBar {

}
.dealFooterBar.dealSignatureBar .dealSignatureBar-progress {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dealFooterBar.dealSignatureBar .dealSignatureBar-name {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin-left: 20px;
	margin-right: 10px;

	font-size: 16px;
	font-weight: 400;
}
.dealFooterBar.dealVersionsBar {

}
.dealFooterBar.dealVersionsBar .dealVersionsBar-slider {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtDealChanges{

}

.dtDealChange.dtDealChangeString.dtDealChangeString--isWhitespacePrewrap  .dtDealChange-value{
    white-space: pre-wrap;
}

/* Deal Change Image */
.dtDealChangeImage-valueChangeType {
    margin-bottom: 8px;
    color: #767486;
    font-weight: 500;
    text-transform: capitalize;
}

.dtDealChangeImage-valueContent {
    position: relative;
    width: 150px;
    height: 75px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: #fff;
}

.dtDealChangeImage-valueContentImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
/* Deal Change Signature */

.dtDealChangeSignature-valueSignature {
    position: relative;
    width: 120px;
}
.dealChangeStack {
    border-left: 1px solid rgba(0, 0, 0, 0.04);
}

.dealChangeStack-bodyScroll {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.dealChangeStack-bodyContent {

}

/** Item. */
.dealChangeStackItem {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.dealChangeStackItem.dealChangeStackItem--isSelected {
    background-color: rgba(0, 0, 0, 0.02);
}

.dealChangeStackItem-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    height: 50px;
    padding: 0 10px;
}

.dealChangeStackItem.dealChangeStackItem--isNotSelected .dealChangeStackItem-header:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.dealChangeStackItem-header-caption {
    -webkit-flex: 1;
    flex: 1 auto;

    color: #252b33;

    font-size: 12px;
    font-weight: 500;
}

.dealChangeStackItem-header-triangleSymbol {
    width: 10px;
    height: 10px;
}

.dealChangeStackItem-header-triangleRight,
.dealChangeStackItem-header-triangleDown {
    display: none;
}

.dealChangeStackItem--isSelected .dealChangeStackItem-header-triangleDown {
    display: block;
}

.dealChangeStackItem--isNotSelected .dealChangeStackItem-header-triangleRight {
    display: block;
}

.dealChangeStackItem-body {
    padding: 0 10px;

    font-size: 12px;
}

.dealChangeStackItem.dealChangeStackItem--isNotSelected .dealChangeStackItem-body {
    display: none;
}

.dealChangeStackItem.dealChangeStackItem--isSelected .dealChangeStackItem-body {
    display: block;
}

.dealChangeStackItem-change-date {
    margin-bottom: 5px;
}

.dealChangeStackItem-change-owner {
    display: inline-block;
    padding: 3px 11px;
    border-radius: 2px;
    margin-bottom: 22px;

    color: #fff;
    background-color: #e94461;

    font-size: 10px;
    font-weight: 500;
}

.dealChangeStackItem-change-details {
    margin-top: 14px;
    margin-bottom: 23px;
    color: #2868D7;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
}

/* Deal Change Stack Change Item*/
.dealChangeStackItem-change-positionChangeLabel,
.dealChangeStackItem-change-valueDeletedLabel,
.dealChangeStackItem-change-valueChangeLabel {
    font-size: 10px;
    text-transform: uppercase;
}

.dealChangeStackItem-change-positionChangeLabel,
.dealChangeStackItem-change-valueDeletedLabel {
    margin: 0 0 10px;
}

.dealChangeStackItem-change-valueChangeArrow {
    width: 10px;
    height: 10px;
    margin: 5px 0;
}

.dealChangeStackItem-change-valueOld,
.dealChangeStackItem-change-valueNew {
    color: #767486;
}

.dealChangeStackItem-change-valueOld:empty {
    display: none;
}

.dealChangeStackItem-change-valueNew {
    font-weight: 500;
}

/* Deal Change Image */
.dtDealChangeImage-valueChangeType {
    margin-bottom: 8px;
    color: #767486;
    font-weight: 500;
    text-transform: capitalize;
}
.dealChangeSummary {

}
.dealChangeSummary-content {

}

/** Item. */
.dealChangeSummaryItem {

}
.dealChangeSummaryItem-header {
	font-weight: 500;
	margin-bottom: 2px;
}
.dealChangeSummaryItem-content {

}
.dealClauseList {

}
.dealClauseList-content {

}
.dealClauseList-contentItems {

}

/* Item. */
.dealClauseListItem {

}
.dealClauseListItem + .dealClauseListItem {
	margin-top: 15px;
}
.dealClauseListItem-content {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
}

/* Body. */
.dealClauseListItem-body {

}
.dealClauseListItem.dealClauseListItem--isStrike .dealClauseListItem-body {
	text-decoration: line-through;
}
.dealClauseListItem-bodyOutput {
	display: none;
	font-size: 16px;
}
.dealClauseListItem.dealClauseListItem--isEditNot .dealClauseListItem-bodyOutput,
.dealClauseListItem.dealClauseListItem--isChanged .dealClauseListItem-bodyOutput {
	display: block;
}
.dealClauseListItem.dealClauseListItem--isChanged .dealClauseListItem-content{
	background-color: rgb(255, 255, 194);
	border: 1px solid rgb(255, 235, 100);
}
.dealClauseListItem-bodyEditor {
	display: none;
}
.dealClauseListItem.dealClauseListItem--isEdit .dealClauseListItem-bodyEditor {
	display: block;
}

/* Footer. */
.dealClauseListItem-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	margin-top: 10px;
	border-top: 1px solid #ccc;
	padding-top: 5px;
}
.dealClauseListItem-footerSpacer {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dealClauseListItem-footerToolbar {
	display: none;
}
.dealClauseListItem-footerCaption{
	display: block;
	line-height: 30px;
}
.dealClauseListItem.dealClauseListItem--isEditNot .dealClauseListItem-footerToolbar,
.dealClauseListItem.dealClauseListItem--isChanged .dealClauseListItem-footerToolbar {
	display: block;
}
.dealClauseListItem-footerEditor {
	display: none;
}
.dealClauseListItem.dealClauseListItem--isEdit .dealClauseListItem-footerEditor {
	display: block;
}
.dealClauseListItem.dealClauseListItem--isChanged .dealClauseListItem-footer {
	border-top: 1px solid rgb(255, 235, 100);
}
.dtDealDetails{
    width: 414px;
}

.dtRoot.dtGrid--ml .dtDealDetails {
    width: 320px;
}

.dtRoot.dtGrid--sm .dtDealDetails {
    width: 100%;
    height: 100%;
}

.dtDealDetails-content {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    max-height: 560px;
    overflow: auto;
}

.dtDealDetails-section {
    padding: 19px 22px 20px;
}

.dtRoot.dtGrid--ml .dtDealDetails-section {
    padding: 13px 12px 18px;
}

.dtDealDetails-section.dtDealDetails-section-change,
.dtDealDetails-section.dtDealDetails-section-signature,
.dtDealDetails-section.dtDealDetails-section-mls,
.dtDealDetails-section.dtDealDetails-section-action {
    background-color: #f7f6f8;
}

.dtDealDetails-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-shrink: 0;
    flex-shrink: 0;

    padding: 16px 13px;
    border-top: 1px solid #f7f6f8;
}

.dtRoot.dtGrid--ml .dtDealDetails-footer {
    padding: 11px 10px 12px;
}

.dtDealDetails-footerSpacer {
    -webkit-flex: 1;
    flex: 1 auto;
}

.dtDealDetails-footerLeft .dtButton.dtButton--lg .dtButton-content {
    width: 84px;
    padding: 0;
}

.dtDealDetails-footerRight .dtButton.dtButton--lg .dtButton-content {
    width: 107px;
    padding: 0;
}

.dtDealDetails-footerLeft .dtButton.dtButton--sm .dtButton-content,
.dtDealDetails-footerRight .dtButton.dtButton--sm .dtButton-content {
    width: 66px;
    padding: 0;
}

/* Deal Details History */
.dtDealDetailsHistory .dtDealDetails-footer {
    padding: 12px 13px 16px;
}

.dtRoot.dtGrid--ml .dtDealDetailsHistory .dtDealDetails-footer {
    padding: 11px 10px 12px;
}

/* Field Revert */
.dtDealDetailsHistoryFieldRevert-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.dtDealDetailsHistoryFieldRevert-caption {
    -webkit-flex: 1;
    flex: 1;
}
.dtDealDetailsSimple {
    color: #fff;
    background-color: #2868D7;
}

.dtDealDetailsSimple-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    height: 44px;
    padding: 0 22px 0 19px;
}

.dtDealDetailsSimple-contentSpacer {
    -webkit-flex: 1;
    flex: 1 auto;
}

.dtDealDetailsSimple-contentDetail {
    font-size: 12px;
    font-weight: 500;
}

.dealFieldHistory {

}
.dealFieldHistory-content {

}
.dealFieldHistory-items {

}

/* Items. */
.dealFieldHistoryItem {

}
.dealFieldHistoryItem-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	font-size: 14px;
	line-height: 3em;

	padding: 0 20px;
}
.dealFieldHistoryItem-value {
	max-width: 300px;
	color: #000;

	-webkit-flex: 1;
	flex: 1 auto;
}
.dealFieldHistoryItem.dealFieldHistoryItem--isStrike .dealFieldHistoryItem-value {
	text-decoration: line-through;
}
.dealFieldHistoryItem-timestamp {
	margin-left: 10px;

	font-size: 12px;
	font-weight: 500;

	white-space: nowrap;
	text-align: right;

	color: #999;
}
.dealFormStack {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	padding: 0;

	border-right: solid 1px rgba(0, 0, 0, 0.04);
}
.dealFormStack-body {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;
}
.dealFormStack-bodyScroll {
	position: absolute;

	top: 0;
	left: 0;
	right: -30px;
	bottom: 0;
	overflow-y: auto;
}
.dealFormStack-bodyContent {
	overflow: hidden;
}
.dealFormStack.dealFormStack--isExpanded .dealFormStack-bodyContent {
	padding-right: 0;
}
.dealFormStack-deals {
}

/* Item: Deal. */
.dealFormStackDeal {

}
.dealFormStackDeal.dealFormStackDeal--isCurrentDealUnderDealPeople {
	border-left: solid 3px #2868D7;
}
.dealFormStackDeal .dealFormStackDeal-content {
	border-bottom: solid 1px rgba(0, 0, 0, 0.04);
}
.dealFormStackDeal .dealFormStackDeal-content.dealFormStackDeal--isCurrent{
	background-color: rgba(0, 0, 0, 0.02);
}
.dealFormStackDeal .dealFormStackDeal-content {}
.dealFormStackDeal .dealFormStackDeal-content .dealFormStackDeal-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	min-height: 42px;
}
.dealFormStackDeal .dealFormStackDeal-content .dealFormStackDeal-header:hover {
	background: rgba(0,0,0,.05);
}
.dealFormStackDeal .dealFormStackDeal-content .dealFormStackDeal-header-icon {
	flex: 0;
	min-width: 30px;
	height: 30px;
	padding: 5px;
}
.dealFormStackDeal .dealFormStackDeal-content .dealFormStackDeal-header-caption {
	flex: 1;
}
.dealFormStackDeal .dealFormStackDeal-content .dealFormStackDeal-header-captionContainer {
	display: table;
	min-height: 42px;
	word-break: break-word;
	max-width: 98%;
	padding-top: 8px;
	padding-bottom: 6px;
}
.dealFormStackDeal .dealFormStackDeal-content .dealFormStackDeal-header-captionContainer .dealFormStackDeal-header-captionContent {
	display: table-cell;
	vertical-align: middle;
	color: #252b33;
	font-size: 10px;
	line-height: 14px;
	font-weight: 500;
}
.dealFormStackDeal .dealFormStackDeal-content .dealFormStackDeal-header-notification {
	min-width: 24px;
	height: 24px;
	flex: 0;
}
.dealFormStackDeal .dealFormStackDeal-content .dealFormStackDeal-header-arrow {
	color: #c5cad6;
	margin-right: 7px;
	height: 10px;
	width: 10px;
}

.dealFormStackDeal .dealFormStackDeal-content .dealFormStackDeal-body{
	display: none;
}

.dealFormStackDeal.dealFormStackDeal--isExpanded .dealFormStackDeal-content .dealFormStackDeal-body{
	display: block;
}

/* Item: Form. */
.dealFormStackForm {

}
.dealFormStackForm-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	margin: 10px 0;
}
.dealFormStackForm-pages {
	-webkit-flex: 1;
	flex: 1;
}
.dealFormStackForm-strip {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	width: 5px;

	padding: 40px 0;
}
.dealFormStack.dealFormStack--isNotExpanded .dealFormStackForm-strip {
	display: none;
}
.dealFormStackForm-stripIndicator {
	-webkit-flex: 1;
	flex: 1 auto;

	background-color: #fff;
}

/* Indicator. */
.dealFormStackForm.dealFormStackForm--smart .dealFormStackForm-stripIndicator {
	background-color: #2868D7;
}
.dealFormStackForm.dealFormStackForm--dynamic .dealFormStackForm-stripIndicator {
	background-color: #ec433d;
}

/* Form: Page. */
.dealFormStackFormPage {

}
.dealFormStack.dealFormStack--isNotExpanded .dealFormStackFormPage {
	/*background-color: #555;*/
}
.dealFormStackFormPage-content {
	position: relative;

	text-align: center;
	height: 85px;
}
.dealFormStackFormPage-number {
	display: inline-block;

	width: 20px;

	font-size: 12px;
	font-weight: 500;
	color: #252b33;
}
/* Form: Page: Details. */
.dealFormStackFormPage-details {
	display: inline-block;
	position: relative;
}
.dealFormStack.dealFormStack--isNotExpanded .dealFormStackFormPage-details {
	display: none;
}
.dealFormStackFormPage-image,
.dealFormStackFormPage-canvas {
	display: block;
	background-size: cover;
	background-color: #fff;
	width: 60px;
	height: 77px;

}
.dealFormStackFormPage .dealFormStackFormPage-imageMask {
	display: block;

	position: absolute;
	top: 0;
	left: 0;

	border-left: solid 2px #2868D7;

	width: 60px;
	height: 77px;
}

.dealFormStackFormPage.dealFormStackFormPage--isSelected .dealFormStackFormPage-imageMask,
.dealFormStackFormPage.dealFormStackFormPage--isNotSelected:hover .dealFormStackFormPage-imageMask {
	background-color: rgba(122, 151, 204, 0.2);
	border: solid 2px #2868D7;
}

/* Form: Page: Change mark. */
.dealFormStackFormPage-changeMark {
	position: absolute;
	top: 50%;
	right: -5px;
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
}
.dealFormStackFormPage-workflowNotification {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: -5px;
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
}
.dealFormStackFormPage-workflowNotificationText {
	position: absolute;
	color: #ffa24c;
	width: 20px;
	font-size: 12px;
	text-align: left;
	top: -5px;
	left: 18px;
}
.dealFormStackFormPage-detailsIcon {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;
}
.dealFormStackFormPage-detailsContent {
	-webkit-flex: 1;
	flex: 1;
}
.dealFormStackFormPage-detailsName {
	position: relative;

	font-size: 14px;
	line-height: 20px;

	height: 60px;

	margin: 10px 0;
	margin-right: 10px;

	overflow: hidden;
}
.dealFormStackFormPage-detailsNameInner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	height: 100%;
}

.dealFormStackForm + .dealFormStackForm,
.dealFormStackFormPage + .dealFormStackFormPage {
	margin-top: 2px;
}

/** ESign Stack  **/
.dealFormStackTheme--eSignDetails .dealFormStack-bodyScroll {
	position: absolute;
	top: 0;
	left: 0;
	right: -9px;
	bottom: 0;
	overflow-y: auto;
}

.dealFormStackTheme--eSignDetails.dealFormStack--isNotExpanded .dealFormStack-bodyScroll {
	right: 0;
}

.dealFormStackTheme--eSignDetails .dealFormStackDeal-content .dealFormStackDeal-header {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-bottom: 5px;
}

.dtGrid--sm .dealFormStackTheme--eSignDetails .dealFormStack-bodyScroll {
	right: 0;
}

.dealFormStackTheme--eSignDetails .dealFormStackDeal-header-arrow, .dealFormStackTheme--eSignDetails .dealFormStackDeal-header-icon,
.dealFormStackTheme--eSignDetails .dealFormStackFormPage .dealFormStackFormPage-imageMask, .dealFormStackTheme--eSignDetails .dealFormStackForm-strip,
.dealFormStackTheme--eSignDetails.dealFormStack.dealFormStack--isNotExpanded .dealFormStackForm-pages {
	display: none;
}

.dealFormStackTheme--eSignDetails .dealFormStackFormPage-content {
	height: 230px;
}
.dealFormStackTheme--eSignDetails .dealFormStack.dealFormStack--isNotExpanded .dealFormStackTheme--eSignDetails .dealFormStackFormPage-content {
	display:none;
}

.dealFormStackTheme--eSignDetails .dealFormStackFormPage-image, .dealFormStackTheme--eSignDetails .dealFormStackFormPage-canvas {
	width: 161px;
	height: 209px;
}
.dealFormStackTheme--eSignDetails .dealFormStackFormPage-number {
	position: absolute;
	z-index: 1;
	bottom: 25px;
	color: #808080;
	font-size: 14px;
}

.dealFormStackTheme--eSignDetails .dealFormStackDeal-header-captionContent {
	padding: 0 12px;
}

.dealFormStackTheme--eSignDetails .dealFormStackFormPage-downloadContent {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 21px;
	height: 23px;
}

.dealFormStackTheme--eSignDetails .dealFormStackDeal-header {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dtGrid--sm .dealFormStackTheme--eSignDetails .dealFormStackForm-pages {
	display: -webkit-flex;
	display: flex;
	overflow-x: auto;
}

.dtGrid--sm .dealFormStackTheme--eSignDetails .dealFormStackFormPage {
	margin: 0 10px;
}

.dtDealHeader {

}
.dtDealHeader-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;
}
.dtDealHeader-title {
    font-size: 32px;
    font-weight: 200;
    color: #666;
}
.dtDealHeader-step {
    margin-left: 20px;
}
.dealHistoryFieldSummary-label {
    font-size: 10px;
    text-transform: uppercase;
}
.dealHistoryFieldSummary-arrow {
    width: 10px;
    height: 10px;
    margin: 5px 0;
}
.dealHistoryFieldSummary-valueOld,
.dealHistoryFieldSummary-valueNew {
    color: #767486;
    font-size: 12px;
}
.dealHistoryFieldSummary-valueNew {
    font-weight: 500;
}
.dealHistoryFieldSummary-caption {
    margin-bottom: 5px;
    color: #252b33;
    font-size: 10px;
    font-weight: 500;
    text-decoration: underline;
}
.dealHistoryFieldSummary-positionChangeLabel {
    margin: 0 0 10px;
    font-size: 10px;
    text-transform: uppercase;
}
.dealHistoryFieldSummary + .dealHistoryFieldSummary {
    margin-top: 20px;
}
.dealHistoryFieldSummary-valueOld + .dealHistoryFieldSummary-label {
    margin-top: 5px;
}


.dealHistoryFieldSummaryClause-label {
    font-size: 10px;
    text-transform: uppercase;
}
.dealHistoryFieldSummaryClause-arrow {
    width: 10px;
    height: 10px;
    margin: 5px 0;
}
.dealHistoryFieldSummaryClause-valueOld,
.dealHistoryFieldSummaryClause-valueNew {
    color: #767486;
    font-size: 12px;
}
.dealHistoryFieldSummaryClause-valueNew {
    font-weight: 500;
}
.dealHistoryFieldSummaryClause-caption {
    margin-bottom: 5px;
    color: #252b33;
    font-size: 10px;
    font-weight: 500;
    text-decoration: underline;
}
.dealHistoryFieldSummaryClause + .dealHistoryFieldSummaryClause {
    margin-top: 20px;
}

.dealHistoryFieldSummaryClause-valueOld + .dealHistoryFieldSummaryClause-label {
    margin-top: 5px;
}
.dealHistoryGroupStack {
    -webkit-flex: 1;
    flex: 1 auto;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    padding: 0;

    border-left: 1px solid rgba(0, 0, 0, 0.04);
}

.dealHistoryGroupStack-body {
    position: relative;

    -webkit-flex: 1;
    flex: 1 auto;
}

.dealHistoryGroupStack-bodyScroll {
    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}
.dealHistoryGroupStack-bodyContent {
    overflow: hidden;
}

/* Back Item */
.dealHistoryGroupStack-backItem,
.dealHistoryGroupStackItem-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    height: 45px;
    padding: 0 10px;
}
.dealHistoryGroupStack-backItem {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.dealHistoryGroupStack-backItem:hover {
    background-color: rgba(0,0,0,0.05);
}
.dealHistoryGroupStack-backItemArrow {
    width: 16px;
    height: 16px;
}
.dealHistoryGroupStack-backItemCaption {
    padding: 0 3px;
    color: #252b33;
    font-size: 10px;
    font-weight: 500;
}

/* Item. */
.dealHistoryGroupStackItem {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.dealHistoryGroupStackItem.dealHistoryGroupStackItem--isSelected {
    background-color: rgba(0, 0, 0, 0.02);
}

/* Item: Header. */
.dealHistoryGroupStackItem.dealHistoryGroupStackItem--isNotSelected .dealHistoryGroupStackItem-header:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.dealHistoryGroupStackItem-header-caption {
    -webkit-flex: 1;
    flex: 1 auto;

    color: #252b33;

    font-size: 10px;
    font-weight: 500;
}
.dealHistoryGroupStackItem-header-expandSymbol {
    width: 10px;
    height: 10px;
}
.dealHistoryGroupStackItem-header-header-symbol.dealHistoryGroupStackItem-header-symbolDown .dtSymbol.dt--isFit,
.dealHistoryGroupStackItem-header-symbol .dtSymbol.dt--isFit {
    -webkit-flex-direction: row;
    flex-direction: row;
}
.dealHistoryGroupStackItem-header-symbolRight,
.dealHistoryGroupStackItem-header-symbolDown {
    display: none;
}
.dealHistoryGroupStackItem--isSelected .dealHistoryGroupStackItem-header-symbolDown {
    display: block;
}
.dealHistoryGroupStackItem--isNotSelected .dealHistoryGroupStackItem-header-symbolRight {
    display: block;
}

/* Item: Body. */
.dealHistoryGroupStackItem-body {
    padding: 5px 10px 20px;

    font-size: 10px;
}
.dealHistoryGroupStackItem.dealHistoryGroupStackItem--isNotSelected .dealHistoryGroupStackItem-body {
    display: none;
}
.dealHistoryGroupStackItem.dealHistoryGroupStackItem--isSelected .dealHistoryGroupStackItem-body {
    display: block;
}
.dealHistoryGroupStackItem-auditEntryDate {
    margin-bottom: 10px;
    font-weight: 500;
}
.dealHistoryGroupStackItem-revert,
.dealHistoryGroupStackItem-more {
    margin-top: 10px;
}
.dealHistoryGroupStackItem-auditEntryData {
    margin: 20px 0;
}
.dealHistoryGroupStackItem-label {
    font-size: 10px;
    text-transform: uppercase;
}
.dealHistoryGroupStackItem-auditEntryPerson, .dealHistoryGroupStackItem-auditEntryPersonEmail {
    color: #767486;
    font-size: 12px;
}

.dealHistoryPerson {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    color: #767486;
}

.dealHistoryPerson-avatar {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;

	border-radius: 20px;
	border: solid 1px #c1c1c1;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.dealHistoryPerson-details {

}

.dealHistoryPerson-name {
    color: #252b33;
    font-weight: 500;
}

/* Small */
.dealHistoryPerson.dealHistoryPerson--sm {
    font-size: 10px;
}

.dealHistoryPerson.dealHistoryPerson--sm .dealHistoryPerson-avatar {
    width: 22px;
    height: 22px;
    margin-right: 6px;
}

/* Medium */
.dealHistoryPerson.dealHistoryPerson--md {
    font-size: 14px;
}

.dealHistoryPerson.dealHistoryPerson--md .dealHistoryPerson-avatar {
    width: 26px;
    height: 26px;
    margin-right: 11px;
}
.dealHistoryStack {
    -webkit-flex: 1;
    flex: 1 auto;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    padding: 0;

    border-left: 1px solid rgba(0, 0, 0, 0.04);
}
.dealHistoryStack--isVisible {
    display: block;
}
.dealHistoryStack--isNotVisible {
    display: none;
}
.dealHistoryStack-bodyScroll {

}
.dealHistoryStack.dt--isFit .dealHistoryStack-bodyScroll {
    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;

    overflow-y: auto;
}
.dealHistoryStack-bodyContent {}
.dealHistoryStack.dt--isFit .dealHistoryStack-bodyContent {
    overflow: hidden;
}

/** Item */
.dealHistoryStackItem {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    color: #767486;
    font-size: 10px;
}
.dealHistoryStackItem.dealHistoryStackItem--isVersionCurrent {
    border-left: 3px solid #58dbac;
}
.dealHistoryStackItem.dealHistoryStackItem--isSelected {
    background-color: rgba(0, 0, 0, 0.02);
}
.dealHistoryStackItem-version {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    padding: 10px 10px 12px;
}
.dealHistoryStackItem.dealHistoryStackItem--isNotSelected .dealHistoryStackItem-version:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.dealHistoryStackItem-versionInfo {
    -webkit-flex: 1;
    flex: 1 auto;
}
.dealHistoryStackItem-version-symbol {
    width: 10px;
    height: 10px;
}
.dealHistoryStackItem-version-symbol.dealHistoryStackItem-version-symbolRedirect {
    width: 24px;
    height: 24px;
}
.dealHistoryStackItem-redirectSymbol {

}
.dealHistoryStackItem-version-symbolDown,
.dealHistoryStackItem-version-symbolRight {
    display: none;
}
.dealHistoryStackItem--isSelected .dealHistoryStackItem-version-symbolDown {
    display: block;
}
.dealHistoryStackItem--isNotSelected .dealHistoryStackItem-version-symbolRight {
    display: block;
}
.dealHistoryStackItem.dealHistoryStackItem--isNotSelected .dealHistoryStackItem-details {
    display: none;
}
.dealHistoryStackItem.dealHistoryStackItem--isSelected .dealHistoryStackItem-details {
    display: block;
}
.dealHistoryStackItem-revert {
    padding: 0 10px 8px;
}

/* Version Info */
.dealHistoryStackItem-versionNumber {
    display: inline-block;
    padding: 3px 11px;
    border-radius: 2px;
    margin-bottom: 5px;

    color: #252b33;
    background-color: #d6d6dd;

    font-size: 10px;
    font-weight: 500;
}
.dealHistoryStackItem.dealHistoryStackItem--isVersionCurrent .dealHistoryStackItem-versionNumber {
    color: #fff;
    background-color: #58dbac;
}
.dealHistoryStackItem-versionDateFull {
    margin-bottom: 5px;
}

/* Footer */
.dealHistoryStackItem-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    padding: 10px 13px 16px 16px;
}
.dealHistoryStackItem-footerSpacer {
    -webkit-flex: 1;
    flex: 1;
}

/* Item Item */
.dealHistoryStackItemItem {
    border-top: 1px solid rgba(0,0,0,0.04);
    padding: 8px 10px;
    color: #252b33;
}
.dealHistoryStackItemItem:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.dealHistoryStackItemItem-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;
}
.dealHistoryStackItemItem-group {
    -webkit-flex: 1;
    flex: 1 auto;
}
.dealHistoryStackItemItem-hierarchy {
    width: 16px;
    height: 16px;
    margin-right: 3px;
}
.dealHistoryStackItemItem-triangle {
    width: 10px;
    height: 10px;
}
.dealHistoryStackItem-groupItemCount {
    margin-top: 2px;
    font-weight: 500;
}
.dealHistoryStackItemItem-typeSymbol,
.dealHistoryStackItemItem-chevron {
    width: 24px;
    height: 24px;
}

.dealHistoryStackItemItem-typeSymbol {
    margin-right: 13px;
}

/* Stack: Theme B - used in info panel */
.dealHistoryStack.dtTheme--b {
    border: none;
}
.dealHistoryStack.dtTheme--b .dealHistoryStackDivider {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #252b33;
    border-bottom: solid 1px #e9ebec;
    margin: 0 0 15px 0;
    padding-left: 5px;
}

.dealHistoryStackItem.dtTheme--b {
	border-radius: 2px;
	background-color: #ffffff;
	border: solid 1px #e9e9e9;
	margin-bottom: 15px;
}
.dealHistoryStack.dtTheme--b .dealHistoryStackDivider + .dealHistoryStackItem.dtTheme--b,
.dealHistoryStackItem.dtTheme--b + .dealHistoryStackItem.dtTheme--b {
	margin-bottom: 20px;
}
.dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-version:hover {
	background-color: #ffffff;
}
.dealHistoryStackItem.dtTheme--b.dealHistoryStackItem--isVersionCurrent {
	border-left: 3px solid #58dbac;
}
.dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionInfo-generic,
.dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionInfo-additional {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionInfo-generic {
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionDateFull {
	flex: 1;
	text-align: right;
	margin-bottom: 0;
	margin-right: 8px;
}
.dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionDateFull.dealHistoryStackItem-versionDateFull--isInSectionAdditional {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: flex-end;
    justify-content: flex-end;

    margin-right: 27px;
}
.dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionNumber {
	height: 16px;
	line-height: 16px;
	padding: 0 11px;
	margin-bottom: 0;
}
.dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionInfo-additional {
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
.dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionLink {
	flex: 1;
	text-align: right;
}

/* History Stack Theme B2 with Theme B Items - used in Simple History */
.dealHistoryStack.dtTheme--b2 {
    width: 414px;
    border: none;
}
.dealHistoryStack.dtTheme--b2 .dealHistoryStackItem.dtTheme--b {
    min-height: 80px;
    border-color: #ffffff;
    margin-bottom: 0;
    background-color: #f7f6f8;
}
.dealHistoryStack.dtTheme--b2 .dealHistoryStackItem.dtTheme--b.dealHistoryStackItem--isVersionCurrent {
    border-left-color: #58dbac;
    background-color: #fff;
}
.dealHistoryStack.dtTheme--b2 .dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-version:hover,
.dealHistoryStack.dtTheme--b2 .dealHistoryStackItem.dtTheme--b.dealHistoryStackItem--isNotSelected .dealHistoryStackItem-version:hover {
    background-color: transparent;
}

/* History Stack Theme B3 with Theme B Items - used in History View Mobile Resolution */
.dealHistoryStack.dtTheme--b3 {
    border: none;
}
.dealHistoryStack.dtTheme--b3 .dealHistoryStackItem.dtTheme--b {
    min-height: 70px;
    border-color: transparent;
    margin-bottom: 0;
}
.dealHistoryStack.dtTheme--b3 .dealHistoryStackItem.dtTheme--b.dealHistoryStackItem--isVersionCurrent {
    border-left-color: #58dbac;
}
.dealHistoryStack.dtTheme--b3 .dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionInfo-generic {
    margin-bottom: 10px;
}

/* History Stack Theme B4 with Theme B Items - used in History View Mobile Resolution */
.dealHistoryStack.dtTheme--b4 {
    height: 100%;
    border: none;
}
.dealHistoryStack.dtTheme--b4 .dealHistoryStack-bodyContent {
    height: 100%;
}
.dealHistoryStack.dtTheme--b4 .dealHistoryStackItem.dtTheme--b {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    height: 100%;
    border: none;
    margin-bottom: 0;
    font-size: 12px;
}
.dealHistoryStack.dtTheme--b4 .dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-content {
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
}
.dealHistoryStack.dtTheme--b4 .dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-version {
    background-color: #f7f6f8;
    padding: 11px 10px 10px;
    border-bottom: 1px solid #f0eff2;
}
.dealHistoryStack.dtTheme--b4 .dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionNumber,
.dealHistoryStack.dtTheme--b4 .dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-expandSymbol {
    display: none;
}
.dealHistoryStack.dtTheme--b4 .dealHistoryStackItem.dtTheme--b .dealHistoryStackItem-versionDateFull.dealHistoryStackItem-versionDateFull--isInSectionAdditional {
    margin-right: 0;
    font-size: 14px;
}
.dealHistoryStack.dtTheme--b4 .dealHistoryStackItemItem {
    border-top: none;
}
.dealHistoryStack.dtTheme--b4 .dealHistoryStackItemItem:hover {
    background-color: transparent;
}


.dealSignatureComplete {

}
.dealSignatureComplete .dealSignatureComplete-icon {
	width: 140px;
	height: 50px;
	margin: auto;
	background: url(/docs/assets/images/slideshows/ill_small_signingcomplete.svg) no-repeat center center;
	background-size: cover;
	margin-bottom: 40px;
}

.dealSignatureComplete .dealSignatureComplete-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	text-align: center;
	color: #252b33;
	margin: 0 auto 15px auto;
	max-width: 315px;
}

.dealSignatureComplete .dealSignatureComplete-description {
	font-size: 14px;
	line-height: 1.29;
	text-align: center;
	color: #767486;
	margin: 0 auto 25px auto;
	max-width: 315px;
}

.dealSignatureComplete .dealSignatureComplete-toolbarContainer {
	margin: 0 auto 65px auto;
	max-width: 240px;
}

.dealSignatureComplete .dealSignatureComplete-button {
	margin: 0 auto 25px auto;
	text-align: center;
}
.dealSignatureComplete .dealSignatureComplete-button .dtButton .dtButton-content {
	height: 40px;
}

/*Mobile*/
.dtGrid--ss .dealSignatureComplete .dealSignatureComplete-icon {
	width: 83px;
	height: 32px;
	margin-bottom: 25px;
}
.dtGrid--ss .dealSignatureComplete .dealSignatureComplete-toolbarContainer {
	margin: 0 auto 40px auto;
}
.dtGrid--ss .dealSignatureComplete .dealSignatureComplete-description {
	font-size: 12px;
}
.dtRoot.dtGrid--sm .dealSignatureComplete .dtToolbarItem.dtTheme--a .dtToolbarItem-caption {
	display: block;
}
.dealSignatureDecline {

}
.dealSignatureDecline .dealSignatureDecline-icon {
	width: 140px;
	height: 50px;
	margin: auto;
	background: url(/docs/assets/images/slideshows/ill_small_signingcomplete.svg) no-repeat center center;
	background-size: cover;
	margin-bottom: 40px;
}

.dealSignatureDecline .dealSignatureDecline-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	text-align: center;
	color: #252b33;
	margin: 0 auto 15px auto;
	max-width: 315px;
}

.dealSignatureDecline .dealSignatureDecline-description {
	font-size: 14px;
	line-height: 1.29;
	text-align: center;
	color: #767486;
	margin: 0 auto 25px auto;
	max-width: 315px;
}

.dealSignatureDecline .dealSignatureDecline-toolbarContainer {
	margin: 0 auto 65px auto;
	max-width: 240px;
}

.dealSignatureDecline .dealSignatureDecline-button {
	margin: 0 auto 25px auto;
	text-align: center;
}
.dealSignatureDecline .dealSignatureDecline-button .dtButton .dtButton-content {
	height: 40px;
}

/*Mobile*/
.dtGrid--ss .dealSignatureDecline .dealSignatureDecline-icon {
	width: 83px;
	height: 32px;
	margin-bottom: 25px;
}
.dtGrid--ss .dealSignatureDecline .dealSignatureDecline-toolbarContainer {
	margin: 0 auto 40px auto;
}
.dtGrid--ss .dealSignatureDecline .dealSignatureDecline-description {
	font-size: 12px;
}
.dtRoot.dtGrid--sm .dealSignatureDecline .dtToolbarItem.dtTheme--a .dtToolbarItem-caption {
	display: block;
}
.simpleHistory {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    height: 475px;
    overflow: auto;
}

.simpleHistory.simpleHistory--isFullHeight {
    height: 100%;
    overflow: hidden;
}

.simpleHistory.simpleHistory--isFullHeight .simpleHistory-content {
    height: 100%;
    overflow: auto;
}

.simpleHistory-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: flex-end;
    justify-content: flex-end;

    padding: 10px 13px 16px;
    margin-top: auto;
}

.dealVersionIndicator {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dealVersionIndicator-content {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	line-height: 30px;

	color: #fff;
}
.dealVersionIndicator-number {
	font-size: 18px;

	border-right: 1px solid #ccc;

	padding-right: 10px;
	margin-right: 10px;
}
.dealVersionIndicator-date {
	font-size: 15px;
}
.dealWorkflowErrors {

}
.dealWorkflowErrors-header {
	margin-bottom: 10px;
}
.dealWorkflowErrors-content {

}
.dealWorkflowNotifications {

}
.dealWorkflowNotifications-header {
	margin-top: 7px;
	margin-bottom: 26px;
}

.dealWorkflowNotifications-subheader {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 13px;
}

.dealWorkflowNotifications-content {
	max-height: 210px;
	overflow-y: auto;
}

.dealWorkflowNotifications-section {

}

.dealWorkflowNotifications-sectionHeader {
	margin: 10px 0;
	font-size: 10px;
	text-transform: uppercase;
}

.dealWorkflowNotifications-section .dtListItem {
	margin: 5px 0;
}

.dealWorkflowNotifications-content .dtList + .dtList {
	margin-bottom: 26px;
}

.dealWorkflowNotifications-subcontent {
	margin-bottom: 13px;
}


.fileExplorer {

}
.fileExplorer.fileExplorer--isEmpty {
	display: none;
}
.fileExplorer.fileExplorer--isFit {
	position: absolute;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 100%;
}
.fileExplorer.fileExplorer--isFit .fileExplorer-contentWrapper {
	position: relative;
	-webkit-flex: 1;
	flex: 1 auto;
}
.fileExplorer.fileExplorer--isFit .fileExplorer-contentScroll {
	-webkit-overflow-scrolling: touch;
	position: absolute;
	width: 100%;
	height: 100%;
	max-height: 100%;
	padding: 20px;
	overflow: auto;
}

.fileExplorer .fileExplorer-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	padding: 30px 0;

	-webkit-flex-direction: column;
	flex-direction: column;

	align-items: center;
}
.fileExplorer.fileExplorer--isPageLast .fileExplorer-footer {
	display: none;
}
.fileExplorer.dtGrid--xs .fileExplorer-footer {
	padding: 15px 0;
}
.fileUpload {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.fileUpload-controlContent {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	border: 1px dashed #aaa;
	margin: 1px;
}
.fileUpload.fileUpload--isFileSelected .fileUpload-controlContent {
	border: 2px solid #2868D7;
	margin: 0;
}

/* Content. */
.fileUpload-content {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

	text-align: center;
	padding: 10px 20px;
}
.fileUpload-content:hover {
	background-color: rgba(0,0,0,.1);
}
.fileUpload-header {
	font-size: 24px;
	font-weight: 300;
}
.fileUpload-headerOr {
	font-size: 15px;
}
.fileUpload-buttonContainer {
	/*position: relative;*/
	margin: 15px 0;
	opacity: .5;
}
.fileUpload-content:hover .fileUpload-buttonContainer {
	opacity: 1;
}
.fileUpload-input {
	position: absolute;
	display: block;

	opacity: 0;

	width: 100%;
	height: 100%;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	padding: 0;
	margin: 0;

	border: 0;
	background-color: transparent;
}
.fileUpload-input:focus,
.fileUpload-input:hover,
.fileUpload-input:active {
	outline: none;
}
.fileUpload-footer {
	margin: 0 20px;
}

/* No Support. */
.fileUpload-noSupport {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

	color: #cd675b;

	padding: 20px;

	text-align: center;
}
.fileUpload-noSupportHeader {
	font-size: 28px;
	font-weight: 300;
}
.clauseCreationMenu-control {

}

.clauseCreationMenu-control.clauseCreationMenu-control--isHidden {
	display: none;
}
.clauseCreationMenu-control--isHasClause {
	position: relative;
	width: 100%;
	padding: 5px 0;
}

.clauseCreationMenu-control--isNotHasClause {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}

.clauseCreationMenu-control--isCenteredStatic {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;
}

.clauseCreationMenu-control--isNotCenteredStatic {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.clauseCreationMenu-controlContent {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.clauseCreationMenu-control--isHasClause.clauseCreationMenu-control--isCenteredStatic.clauseCreationMenu-control--isNotHasUpload .clauseCreationMenu-controlContent,
.clauseCreationMenu-control--isNotHasClause.clauseCreationMenu-control--isCenteredStatic.clauseCreationMenu-control--isNotHasUpload .clauseCreationMenu-controlContent{
	margin: auto;
	width: 100%;
}
.clauseCreationMenu-control--isNotHasClause.clauseCreationMenu-control--isCenteredStatic.clauseCreationMenu-control--isHasUpload .clauseCreationMenu-controlContent {
	margin: auto;
}

.clauseCreationMenu-input {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.clauseCreationMenu-dragDropContentText {
	color: #444;
}
.clauseCreationMenu-dragAndDrop-icon {
	margin-right: 5px;
}
.clauseCreationMenu-dragDropTextStyled {
	text-decoration: underline;
}

.clauseCreationMenu-buttonsContent {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.clauseCreationMenu-dragDrop--isHasClause {
	display: none;
}

.clauseCreationMenu-dragDrop--isNotHasClause {
	display: block;
}

.clauseCreationMenu-dragDropContent {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 10px;
	border-radius: 16px;
	background-color: rgba(255, 255, 255, 0.9);
	border: dashed 1px #2868D7;
	position: relative;
	width: fit-content;
	margin: auto;
}

.clauseCreationMenu-dragDropContentText {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}

.clauseCreationMenu-dragDropItem:not(:last-of-type) {
	margin-bottom: 7px;
}

.clauseCreationMenu-slideshowLink {
	margin-bottom: 60px;
}

.clauseCreationMenu-slideshowContent {
	font-size: 18px;
	color: #2868D7;
	font-weight: 600;

	display: flex;
	align-items: center;
}

.clauseCreationMenu-slideshowContentSymbol {
	height: 30px;
	width: 30px;
	margin-right: 5px;
}

.clauseCreationMenu-slideshowContentText {

}

.fileUpload {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.fileUpload-controlContent {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	border: 1px dashed #aaa;
	margin: 1px;
}
.fileUpload.fileUpload--isFileSelected .fileUpload-controlContent {
	border: 2px solid #2868D7;
	margin: 0;
}

/* Content. */
.fileUpload-content {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

	text-align: center;
	padding: 10px 20px;
}
.fileUpload-content:hover {
	background-color: rgba(0,0,0,.1);
}
.fileUpload-header {
	font-size: 24px;
	font-weight: 300;
}
.fileUpload-headerOr {
	font-size: 15px;
}
.fileUpload-buttonContainer {
	/*position: relative;*/
	margin: 15px 0;
	opacity: .5;
}
.fileUpload-content:hover .fileUpload-buttonContainer {
	opacity: 1;
}
.fileUpload-input {
	position: absolute;
	display: block;

	opacity: 0;

	width: 100%;
	height: 100%;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	padding: 0;
	margin: 0;

	border: 0;
	background-color: transparent;
}
.fileUpload-input:focus,
.fileUpload-input:hover,
.fileUpload-input:active {
	outline: none;
}
.fileUpload-footer {
	margin: 0 20px;
}

/* No Support. */
.fileUpload-noSupport {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

	color: #cd675b;

	padding: 20px;

	text-align: center;
}
.fileUpload-noSupportHeader {
	font-size: 28px;
	font-weight: 300;
}
.dtForm.formClauseImageUpload {

}
.dtGrid--sm .dtForm.formClauseImageUpload {
	/*width: auto;*/
}
.formClauseImageUpload-body {
	-webkit-flex: 1;
	flex: 1 auto;

	width: 340px;
}
.formClauseImageUpload-section {
}
.formClauseImageUpload-section + .formClauseImageUpload-section {
	/*margin-top: 20px;*/
}
.formClauseImageUpload-sectionCaption {
	font-size: 15px;
	margin-bottom: 5px;
}
.formClauseImageUpload-sectionContent {
}

.formClauseImageUpload-sectionContent .imageCropper-spacer {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.19);
	border: solid 1px rgba(36, 43, 51, 0.15);
}
.formClauseImageUpload-section.formClauseImageUpload-section--image {
	/*display: none;*/
	/*margin-bottom: 20px;*/
}
.formClauseImageUpload.formClauseImageUpload--isImage .formClauseImageUpload-section.formClauseImageUpload-section--image {
	display: block;
}

.formClauseImageUpload-section.formClauseImageUpload-section--upload {
	margin-top: 20px;
}
.formClauseImageUpload.formClauseImageUpload--isUpload .formClauseImageUpload-section.formClauseImageUpload-section--upload {
	/*display: none;*/
}

.dtForm.formClauseImageUpload .dtForm-footer {
	padding-right: 10px;
	padding-bottom: 10px;
}
.dtForm.formClauseImageUpload .formClauseImageUpload-actions--isNotCreateNew {
	text-align: right;
}
.inputCheckbox {
	padding: 5px 0;
}

.inputCheckbox-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.inputCheckbox-checkbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.inputCheckbox-label {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin-left: 10px;
	padding: 3px;
	padding-top: 5px;

	font-weight: 400;
	font-size: 12px;

	text-align: left;
}

.inputCheckbox-label:empty {
	display: none;
}

.inputCheckbox.inputCheckbox--isEnabled:hover .inputCheckbox-label {
	color: #2868D7;
}

.inputCheckbox.inputCheckbox--isSelected .inputCheckbox-label {
	font-weight: 400;
}

.inputCheckbox.dtInput--isDisabled .inputCheckbox-label {
	color: #729BE9;
}

/* Theme B. */
.inputCheckbox.dtTheme--b {
	border-left: 1px solid #729BE9;
	border-right: 1px solid #729BE9;
	padding: 0 10px;
}

.inputCheckbox.dtTheme--b.inputCheckbox--isEnabled:hover {
	background-color: #f0eff2;
}

.inputCheckbox.dtTheme--b .inputCheckbox-content {
	height: 28px;
}

.inputCheckbox.dtTheme--b  .inputCheckbox-checkbox {
	margin-top: 0;
}

.inputCheckbox.dtTheme--b .inputCheckbox-label {
	color: #767486;
	margin-left: 5px;
	line-height: normal;
	font-size: 12px;
	font-weight: 500;
}

.inputCheckbox.inputCheckboxTheme-inputConfirmation .inputCheckbox-label {
	display: block;
	padding: 5px;
}

.inputCheckbox.dtTheme--b.inputCheckbox--isEnabled:hover .inputCheckbox-label {
	color: #767486;
}

.inputCheckboxList {

}
.inputCheckboxList-content {

}
.inputCheckboxList-header {

}
.inputCheckboxList-items {

}
.inputCheckboxList.dtInput--isInvalid .inputCheckboxList-items{
    border: 1px solid #e94461;
    padding: 0 5px 5px;
}
.inputCheckboxList .inputCheckboxList-validationText {
    width: 100%;

    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-top: 4px;

    color: #e84461;
}
.inputCheckboxList.dtInput--isValid .inputCheckboxList-validationText{
    display: none;
}

/* Item. */
.inputCheckboxListItem {

}

.inputCheckboxList.dtTheme--s .inputCheckboxListItem .inputCheckbox-checkbox {
	display: none;
}

.inputCheckboxList.dtTheme--s .inputCheckboxList-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	height: 22px;
	border-radius: 1px;
	background-color: #f8f9f9;
	border: none;
}

.inputCheckboxList.dtTheme--s .inputCheckboxListItem {
	-webkit-flex: 1;
	flex: 1;
	display: flex;
}

.inputCheckboxList.dtTheme--s .inputCheckboxListItem .inputCheckbox-label {
	margin: 0;
	padding: 0;
	font-size: large;
}

.inputCheckboxList.dtTheme--s .inputCheckboxListItem .inputCheckbox:hover {
	background-color: #ededed;
}

.inputCheckboxList.dtTheme--s .inputCheckboxListItem .inputCheckbox:hover .inputCheckbox-label {
	color: inherit;
}

.inputCheckboxList.dtTheme--s .inputCheckboxListItem .inputCheckbox {
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0;
	border: solid 1px #d6d6dd;
	border-right: none;
	color: #000;
}

.inputCheckboxList.dtTheme--s .inputCheckboxListItem .inputCheckbox.inputCheckbox--isSelected {
	background-color: #d6d6dd;
	border: 1px solid #bcbcc8;
}

.inputCheckboxList.dtTheme--s .inputCheckboxListItem:last-child .inputCheckbox {
	border-right: solid 1px #d6d6dd;
}

.inputCheckboxList.dtTheme--s .inputCheckboxListItem:last-child .inputCheckbox.inputCheckbox--isSelected {
	background-color: #d6d6dd;
	border: 1px solid #bcbcc8;
}

.inputDate {

}
.inputDate .inputDate-contentInput {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	color: #444;

	line-height: 35px;

	border-bottom: 1px solid #aaa;
}

.inputDate-contentInput:hover {
	border-color: #2868D7;
}
.inputDate.dtInput--isInvalid .inputDate-contentInput {
	border-color: #a00;
	background-color: #fff0f0;
}
.inputDate.inputDate--isCalendarOpen .inputDate-contentInput {
}

.inputDate-contentInputInput {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1;
}
.inputDate-input {
	display: block;

	-webkit-flex: 1;
	flex: 1 auto;

	width: 100px;
	height: 35px;

	padding: 0;

	font-family: inherit;
	font-weight: 300;
	font-size: 16px;
	line-height: 35px;

	color: inherit;

	border: 0;
	background-color: transparent;
}

/* Icon. */
.inputDate-inputIcon {
	margin-left: 15px;

	font-size: 16px;
	line-height: 35px;

	text-align: center;

	color: #aaa;
}
.inputDate-contentInput:hover .inputDate-inputIcon {
	color: #474747;
}

.inputDate-inputIconClear {
	font-size: 20px;
	width: 30px;
	line-height: 35px;
}

/* Calendar. */
.inputDate .inputDate-calendar {
	display: none;

	padding-top: 15px;
}
.inputDate.inputDate--isCalendarOpen .inputDate-calendar {
	display: block;
	position: relative;
}

/* Theme: COMPACT */
.formFrame.formFrame--theme-compact .inputDate-input {
	height: 25px;
	line-height: 25px;
	font-size: 14px;
}
.formFrame.formFrame--theme-compact .inputDate-inputIconClear,
.formFrame.formFrame--theme-compact .inputDate-inputIcon {
	line-height: 25px;
}
.inputDateInline {
}

.inputDateInline-selector {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.inputDateInline-selectorItemMonth {
	-webkit-flex: 4;
	flex: 4;
}

.inputDateInline-selectorItemDay {
	-webkit-flex: 1;
	flex: 1;
}

.inputDateInline-selectorItemYear {
	-webkit-flex: 2;
	flex: 2;
}

.inputDateInline-selectorItem:not(:last-of-type) {
	margin-right: 10px;
}

.inputDateInline-selectorItemClearIcon {
	font-size: 20px;
	width: 30px;
	line-height: 30px;
}


.inputFile {

}
.inputFile-content {
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	color: #444;

	border: 1px solid #aaa;

	background-color: #fff;
}
.inputFile:hover .inputFile-content {
	border-color: #474747;
}
.inputFile-label {
	-webkit-flex: 1;
	flex: 1 auto;

	font-family: inherit;
	font-weight: 300;
	font-size: 16px;
	line-height: 35px;

	margin-left: 10px;
}
.inputFile-input {
	position: absolute;
	display: block;

	opacity: 0;

	width: 100%;
	height: 100%;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	padding: 0;
	margin: 0;

	border: 0;
	background-color: transparent;
}
.inputFile-input:focus,
.inputFile-input:hover,
.inputFile-input:active {
	outline: none;
}
.inputFile-browse {
	max-width: 75px;
	height: 35px;

	font-size: 16px;
	line-height: 35px;

	text-align: center;

	background-color: #aaa;
	color:#fff;

	padding: 0 10px;
}
.inputFile:hover .inputFile-browse {
    background-color: #474747;
}
.inputFile-icon.inputFile-icon--clear {

}
.inputNumber {
    color: #444;
    border-bottom: 1px solid #aaa;
}
.inputNumber.dtInput--isDisabled {
    /* Override ios styling */
    -webkit-text-fill-color: #888;
    color: #888;
    background-color: #f4f4f4;
}
.inputNumber.dtInput--isInvalid {
    border-color: #a00;
    background-color: #fff0f0;
}
.inputNumber:hover {
   border-color: #2868D7;
}
.inputNumber-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;
}
.inputNumber-input {
    display: block;

    -webkit-flex: 1;
    flex: 1 auto;

    width: 100px;
    height: 35px;

    padding: 0;

    font-family: inherit;
    font-weight: 400;
    font-size: 14px;
    line-height: 35px;

    color: inherit;

    border: 0;
    background-color: transparent;
}
.inputNumber-input:focus,
.inputNumber-input:hover,
.inputNumber-input:active {
    outline: none;
}
.inputNumber.dtInput--isDisabled .inputNumber-input {

}
.inputNumber-inputIcon {
    font-size: 16px;
    line-height: 35px;
    text-align: center;
}

.inputNumber-input {
    -moz-appearance: textfield;
}
.inputNumber-input::-webkit-inner-spin-button,
.inputNumber-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/*
* Theme: B
* Used in Time Control in Calendar.
*/
.inputNumber {
    color: #191b24;
    background-color: #fff;
    border: 1px solid #d6d6dd;
}
.inputNumber.dtTheme--b:hover {
    border-color: #d6d6dd;
}
.inputNumber.dtTheme--b .inputNumber-input {
    width: 36px;
    height: 39px;

    font-size: 16px;
    line-height: 39px;
}


.inputRadioList {

}
.inputRadioList-content {
}
.inputRadioList-header {

}
.inputRadioList-items {

}
.inputRadioList.dtInput--isInvalid .inputRadioList-items{
	border: 1px solid #e94461;
	padding: 0 5px 5px;
}

/* Item. */
.inputRadioListItem {
	padding: 3px 0;
}
.inputRadioList.inputRadioList--isInline .inputRadioListItem {
	display: inline-block;
	margin-right: 20px;
}
.inputRadioListItem-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.inputRadioListItem-radio {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

    -webkit-justify-content: center;
	justify-content: center;

    padding: 3px 0;
}
.inputRadioListItem-container {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin-left: 10px;
	padding: 3px 0;

	/* line-height must be the same as: .dtRadio height for label to align*/
	line-height: 28px;
}
.inputRadioListItem-label {

	font-weight: 300;
	font-size: 14px;

	text-align: left;
}
.inputRadioListItem-label:empty {
	display: none;
}
.inputRadioListItem .inputRadioListItem-label {
    color: inherit;
}
.inputRadioListItem .inputRadioListItem-symbol {
	width: 24px;
	height: 24px;
	margin: 0 5px;
}
.inputRadioListItem .inputRadioListItem-actionAdditional {
	margin-right: 5px;
	font-size: 12px;
	line-height: 28px;
	color: #2868D7;
	visibility: hidden;
}
.inputRadioListItem.inputRadioListItem--isEnabled:hover .inputRadioListItem-actionAdditional {
	visibility: visible;
}
.inputRadioListItem.inputRadioListItem--isEnabled .inputRadioListItem-label {
}
.inputRadioListItem.inputRadioListItem--isEnabled:hover .inputRadioListItem-label {
    color: #2868D7;
}
.inputRadioListItem.inputRadioListItem--isDisabled .inputRadioListItem-label,
.inputRadioListItem.inputRadioListItem--isDisabled:hover .inputRadioListItem-label {
    color: #729BE9;
}
.inputRadioListItem.inputRadioListItem--isSelected .inputRadioListItem-label {
	color: #000000;
}
.inputRadioListItem-other {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin-left: 10px;
}
.inputRadioListItem .inputText {
	min-width: 100px;
}
.inputRadioListItem.inputRadioListItem--isSelected  .inputText {
	background-color: #f0eff2;
}
.inputRadioList .inputRadioList-validationText {
    width: 100%;

    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-top: 4px;

    color: #e84461;
}
.inputRadioList.dtInput--isValid .inputRadioList-validationText{
    display: none;
}

/* Theme B */
.inputRadioList.dtTheme--b {
}

.inputRadioList.dtTheme--b.inputRadioList--isInline .inputRadioListItem {
	display: block;
	padding: 3px 5px;
	margin: 0;
}
.inputRadioList.dtTheme--b .inputRadioListItem.inputRadioListItem--isSelected {
	background-color: #f0eff2;
}
.inputRadioList.dtTheme--b .inputRadioListItem-label {
	white-space: nowrap;
}
.inputRadioList.dtTheme--b .inputRadioListItem.inputRadioListItem--isSelected .inputRadioListItem-label {
	background-color: #f0eff2;
}

.inputRadioList.dtTheme--b .inputRadioListItem.inputRadioListItem--isSelected:hover .inputRadioListItem-label {
	color: #444;
}
.inputRadioList.dtTheme--b .inputRadioListItem.inputRadioListItem--isSelected .inputText-input {
	background-color: #fff;
	border: solid 1px #dcdee4;
}
.inputRadioList.dtTheme--b .inputRadioListItem.inputRadioListItem--isSelected .inputText-input:focus {
	background-color: #E5EDF7;
}
.inputRadioList.dtTheme--b .inputRadioListItem.inputRadioListItem--isSelected .inputText-input:hover,
.inputRadioList.dtTheme--b .inputRadioListItem.inputRadioListItem--isSelected .inputText-input:focus {
	border-color: #2868D7;
}

/* Theme: inputRadioList--theme-partyToggle */
.inputRadioList.inputRadioList--theme-partyToggle .inputRadioListItem.inputRadioListItem--isDisabled .inputRadioListItem-label,
.inputRadioList.inputRadioList--theme-partyToggle .inputRadioListItem.inputRadioListItem--isDisabled:hover .inputRadioListItem-label {
	color: #767486;
}
.inputSearch {
	text-align: left;
}
.inputSearch.inputSearch--isModalAttachedToSelf {
    position: relative;
}
.inputSearch-contentInput {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	min-width: 40px;

	-webkit-align-items: center;
	align-items: center;

	padding: 0 5px;
}
.inputSearch.inputSearch--isInputBorder .inputSearch-contentInput {
	border: 1px solid transparent;
}
.inputSearch-input {
	display: block;

	-webkit-flex: 1;
	flex: 1 auto;

	width: 100px;
	height: 28px;

	padding: 0;

	font-family: inherit;
	font-weight: 400;
	font-size: 14px;

	text-align: inherit;
	line-height: 26px;

	color: inherit;

	border: 0;
	background-color: transparent;
}
.inputSearch-input.inputSearch-inputNumber {
	-moz-appearance: textfield;
}
.inputSearch-input.inputSearch-inputNumber::-webkit-inner-spin-button,
.inputSearch-input.inputSearch-inputNumber::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
.inputSearch-input--withTag {
	display: inline-block;
	min-width: 65px;
}
.inputSearch .inputSearch-input + .inputSearch-inputIcon {
	margin-left: 0;
}
.inputSearch .inputSearch-input + .inputSearch-inputIcon.inputSearch-inputIcon--expand {
	margin-left: 10px;
}
.inputSearch.dt--isFit .inputSearch-input {
	width: 10px;
}
.inputSearch.inputSearch--isDisabled .inputSearch-input {

}
.inputSearch.inputSearch--isEmpty .inputSearch-input {
	margin-right: 0;
}
.inputSearch .inputSearch-contentInputContainer {
	display: block;

	-webkit-flex: 1;
	flex: 1 auto;
}
.inputSearch.dt--isFit .inputSearch-contentInputContainer {
	width: 10px;
}
.inputSearch-inputIcon {
	width: 24px;
    height: 24px;
}
.inputSearch-inputIcon.inputSearch-inputIcon--expand {
	width: 10px;
	/*height: 10px;*/
}
.inputSearch-inputIcon.inputSearch-inputIcon--searchLeft,
.inputSearch-inputIcon.inputSearch-inputIcon--custom {
	margin-right: 13px;
}
.inputSearch-inputIcon.inputSearch-inputIcon--search {

}
.inputSearch.inputSearch--isNotEmpty .inputSearch-inputIcon.inputSearch-inputIcon--search {
    display: none;
}
.inputSearch-inputIcon.inputSearch-inputIcon--clear {
	opacity: .5;
}
.inputSearch-inputIcon.inputSearch-inputIcon--clear:hover {
	opacity: 1;
	color: #2868D7;
}
.inputSearch.inputSearch--isEmpty .inputSearch-inputIcon.inputSearch-inputIcon--clear {
	display: none;
}

.inputSearch .inputSearch-validationText {
	font-size: 10px;
	/*font-weight: 500;*/
	letter-spacing: 0.01em;
	margin-top: 4px;

	height: 14px;
	color: #e84461;
}
.inputSearch .inputSearch-validationText:empty,
.inputSearch.dtInput--isValid .inputSearch-validationText{
	visibility: hidden;
}

/* Input: Theme: A. */
.inputSearch.dtTheme--a .inputSearch-contentInput {
	color: #191b24;
	background-color: #f8f9f9;
	border-color: #d6d6dd;
}
.inputSearch.dtTheme--a .inputSearch-contentInput:active .inputSearch-inputIcon,
.inputSearch.dtTheme--a.inputSearch--isInFocus .inputSearch-contentInput .inputSearch-inputIcon {
	color: #2868D7;
}
.inputSearch.dtTheme--a .inputSearch-contentInput:hover,
.inputSearch.dtTheme--a .inputSearch-contentInput:active,
.inputSearch.dtTheme--a.inputSearch--isInFocus .inputSearch-contentInput {
	border-color: #2868D7;
}
.inputSearch.dtTheme--a .inputSearch-contentInput:active,
.inputSearch.dtTheme--a.inputSearch--isInFocus .inputSearch-contentInput {
	background-color: #E5EDF7;
}
.inputSearch.dtTheme--a.dtInput--isDisabled .inputSearch-contentInput,
.inputSearch.dtTheme--a.dtInput--isDisabled .inputSearch-contentInput:hover{
	color: #959caa;
	background-color: transparent;
	border-color: #d6d6dd;
}

/* Input: Theme: A2. */
/* Used in Doc Selections. */
.inputSearch.dtTheme--a2 .inputSearch-contentInput {
	color: #252b33;
	background-color: #ffffff;
	border-color: #c5cad6;

	border-radius: 4px;
}
.inputSearch.dtTheme--a2 .inputSearch-input {
	color: #252b33;
	font-size: 12px;
	font-weight: 400;
}
.inputSearch.dtTheme--a2 .inputSearch-contentInput:active .inputSearch-inputIcon,
.inputSearch.dtTheme--a2.inputSearch--isInFocus .inputSearch-contentInput .inputSearch-inputIcon {
	color: #2868D7;
}
.inputSearch.dtTheme--a2 .inputSearch-contentInput:hover,
.inputSearch.dtTheme--a2 .inputSearch-contentInput:active,
.inputSearch.dtTheme--a2.inputSearch--isInFocus .inputSearch-contentInput {
	border-color: #2868D7;
}
.inputSearch.dtTheme--a2 .inputSearch-contentInput:active,
.inputSearch.dtTheme--a2.inputSearch--isInFocus .inputSearch-contentInput {
	background-color: #E5EDF7;
}
.inputSearch.dtTheme--a2 .inputSearch-inputIcon.inputSearch-inputIcon--searchLeft {
	margin-right: 5px;
}
.inputSearch.dtTheme--a2 .inputSearch-inputIcon.inputSearch-inputIcon--clear {
	opacity: 1;
}

/* Input: Theme: B. */
.inputSearch.dtTheme--b .inputSearch-contentInput {
	color: rgba(255,255,255,.7);
	border-color: rgba(255,255,255,.7);
}
.inputSearch.dtTheme--b .inputSearch-inputIcon {
	color: #fff;
}

/*
* Input: Theme: C.
* Dropdown Select Style.
* Dropdown triangle icon
*/
.inputSearch.dtTheme--c .inputSearch-contentInput {
	color: #252b33;
	background-color: #fff;
	border-color: #729BE9;
}
.inputSearch.dtTheme--c .inputSearch-contentInput:hover {
	border-color: #729BE9;
}
.inputSearch.dtTheme--c .inputSearch-contentInput:active,
.inputSearch.dtTheme--c.inputSearch--isInFocus .inputSearch-contentInput {
	background-color: #E5EDF7;
	border-color: #729BE9;
}
.inputSearch.dtTheme--c .inputSearch-inputIcon {
	color: #c5cad6;

	font-size: 24px;
}
.inputSearch.dtTheme--c .inputSearch-contentInput:active .inputSearch-inputIcon .dtSymbol.dtSymbol-theme--primary .dtSs--A,
.inputSearch.dtTheme--c.inputSearch--isInFocus .inputSearch-contentInput .inputSearch-inputIcon .dtSymbol.dtSymbol-theme--primary .dtSs--A {
    stroke: #2868D7;
}
.inputSearch.dtTheme--c .inputSearch-input {
	font-size: 12px;
	font-weight: 400;
}
.inputSearch.dtTheme--c .inputSearch-input + .inputSearch-inputIcon {
	margin-left: 0;
}

/*
* Theme: D
* Used to display adjacent menu in deal editor on touch.
*/
.inputSearch.dtTheme--d .inputSearch-contentInput {
	color: #252b33;
}
.inputSearch.dtTheme--d .inputSearch-input {
	width: 230px;
}
.dtRoot.dtGrid--sm .inputSearch.dtTheme--d .inputSearch-input {
    width: 150px;
}
.dtRoot.dtGrid--ss .inputSearch.dtTheme--d .inputSearch-input {
    width: 100px;
}
.inputSearch.dtTheme--d .inputSearch-inputIcon.inputSearch-inputIcon--custom .dtSymbol.dtSymbol-theme--primary .dtSf--A {
	fill: #302f3b;
}
.inputSearch.dtTheme--d .inputSearch-inputIcon.inputSearch-inputIcon--custom .dtSymbol.dtSymbol-theme--primary .dtSs--A {
	stroke: #302f3b;
}

/*
* Theme: D2
* Used to display Documents person is apart of.
*/
.inputSearch.dtTheme--d2 .inputSearch-contentInput {
	color: #252b33;
}
.inputSearch.dtTheme--d2 .inputSearch-input {
	width: 230px;
	font-size: 12px;
}
.dtRoot.dtGrid--sm .inputSearch.dtTheme--d2 .inputSearch-input {
	width: 150px;
}
.dtRoot.dtGrid--ss .inputSearch.dtTheme--d2 .inputSearch-input {
	width: 100px;
}
.inputSearch.dtTheme--d2 .inputSearch-inputIcon.inputSearch-inputIcon--custom .dtSymbol.dtSymbol-theme--primary .dtSf--A {
	fill: #302f3b;
}
.inputSearch.dtTheme--d2 .inputSearch-inputIcon.inputSearch-inputIcon--custom .dtSymbol.dtSymbol-theme--primary .dtSs--A {
	stroke: #302f3b;
}

/*
* Theme: E
* Used in Time Control in Calendar.
*/
.inputSearch.dtTheme--e .inputSearch-contentInput {
	min-width: 38px;
	height: 39px;
	color: #191b24;
	background-color: #fff;
	border-color: #d6d6dd;
}
.inputSearch.dtTheme--e .inputSearch-contentInput:active .inputSearch-inputIcon,
.inputSearch.dtTheme--e.inputSearch--isInFocus .inputSearch-contentInput .inputSearch-inputIcon {
	color: #191b24;
}
.inputSearch.dtTheme--e .inputSearch-input {
	height: 39px;
	line-height: 39px;
	font-size: 16px;
}

/*InputSearch: Theme V extends Theme A */
.inputSearch.dtTheme--v .inputSearch-contentInput {
	color: #191b24;
	background-color: #f8f9f9;
	border-color: #d6d6dd;
}
.inputSearch.dtTheme--v .inputSearch-contentInput:active .inputSearch-inputIcon,
.inputSearch.dtTheme--v.inputSearch--isInFocus .inputSearch-contentInput .inputSearch-inputIcon {
	color: #2868D7;
}
.inputSearch.dtTheme--v .inputSearch-contentInput:hover,
.inputSearch.dtTheme--v .inputSearch-contentInput:active,
.inputSearch.dtTheme--v.inputSearch--isInFocus .inputSearch-contentInput {
	border-color: #2868D7;
}
.inputSearch.dtTheme--v .inputSearch-contentInput:active,
.inputSearch.dtTheme--v.inputSearch--isInFocus .inputSearch-contentInput {
	background-color: #E5EDF7;
}
.inputSearch.dtTheme--v.dtInput--isDisabled .inputSearch-contentInput,
.inputSearch.dtTheme--v.dtInput--isDisabled .inputSearch-contentInput:hover{
	color: #959caa;
	background-color: transparent;
	border-color: #d6d6dd;
}
.inputSearch.dtTheme--v .inputSearch-input {
	width: 168px;
	font-size: 12px;
}

/* Theme: X. */
.dtSelectList.dtTheme--x .dtSelectList-content {
	background-color: #fff;
}
.dtSelectList.dtTheme--x .dtSelectListItemSimple {
	width: 100%;
	height: 28px;
	display: flex;
	align-items: center;
}
.dtSelectList.dtTheme--x .dtSelectListItem .dtSelectListItem-body {
	min-height: auto;
	/* TODO: hdk - what is the intent for using decimal here? */
	width: 32.3px;
	height: 16px;
	border-radius: 4px;
	-webkit-flex: inherit;
	flex: inherit;
}
.dtSelectList.dtTheme--x .dtSelectListItem:hover .dtSelectListItemSimple-caption,
.dtSelectList.dtTheme--x .dtSelectListItem.dtSelectListItem--isSelected .dtSelectListItemSimple-caption {
	color: #fff;
}
.dtSelectList.dtTheme--x .dtSelectListItem:hover,
.dtSelectList.dtTheme--x .dtSelectListItem.dtSelectListItem--isSelected {
	background-color: #2868D7;
}

/* Input: Theme: Y. */
.inputSearch.dtTheme--y .inputSearch-contentInput .inputSearch-input{
	width: 32.3px;
	height: 20px;
	margin: 3px 0;
	border-radius: 4px;
	/*background-color: #ffa24c;*/
	border: solid 1px rgba(0, 0, 0, 0.2);
}
.inputSearch.dtTheme--y .inputSearch-contentInput svg{
	border-radius: 4px;
	margin: 3px 0;
	flex: 1;
	box-sizing: border-box;

}
.inputSearch.dtTheme--y .inputSearch-contentInput svg + .inputSearch-inputIcon {
	margin-left: 10px;
}
.inputSearch.dtTheme--y .inputSearch-contentInput svg line{
	stroke: #e94461;
	stroke-width: 2;
}
.inputSearch.dtTheme--y .inputSearch-contentInput:active .inputSearch-inputIcon,
.inputSearch.dtTheme--y.inputSearch--isInFocus .inputSearch-contentInput .inputSearch-inputIcon {
	color: #2868D7;
}
.inputSearch.dtTheme--y .inputSearch-contentInput:hover,
.inputSearch.dtTheme--y .inputSearch-contentInput:active,
.inputSearch.dtTheme--y.inputSearch--isInFocus .inputSearch-contentInput {
	border-color: #2868D7;
}
.inputSearch.dtTheme--y .inputSearch-contentInput:active,
.inputSearch.dtTheme--y.inputSearch--isInFocus .inputSearch-contentInput {
	background-color: #E5EDF7;
}

/* Input: Theme: Y.
*  Text Color Select Style.
*/
.inputSearch.dtTheme--y2 .inputSearch-contentInput{
	position: relative;
}
.inputSearch.dtTheme--y2 .inputSearch-contentInput .inputSearch-input{
	max-width: 30px;
	height: 16px;
	margin: 4px 0;
	border-radius: 5px;
	border: 2px solid #FFF;
}
.inputSearch.dtTheme--y2 .inputSearch-contentInput .inputSearch-inputIcon{
	position: absolute;
	right:10px;
	top: 10px;
}
.inputSearch.dtTheme--y2 .inputSearch-contentInput svg {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;

	border-radius: 4px;
	margin: 3px 0;
	box-sizing: border-box;
}
.inputSearch.dtTheme--y2 .inputSearch-contentInput svg + .inputSearch-inputIcon {
	margin-left: 10px;
}
.inputSearch.dtTheme--y2 .inputSearch-contentInput svg line{
	stroke: #e94461;
	stroke-width: 2;
}
.inputSearch.dtTheme--y2 .inputSearch-contentInput:active .inputSearch-inputIcon,
.inputSearch.dtTheme--y2.inputSearch--isInFocus .inputSearch-contentInput .inputSearch-inputIcon {
	color: #2868D7;
}
.inputSearch.dtTheme--y2 .inputSearch-contentInput:hover,
.inputSearch.dtTheme--y2 .inputSearch-contentInput:active,
.inputSearch.dtTheme--y2.inputSearch--isInFocus .inputSearch-contentInput {
	border-color: #2868D7;
}
.inputSearch.dtTheme--y2 .inputSearch-contentInput:active,
.inputSearch.dtTheme--y2.inputSearch--isInFocus .inputSearch-contentInput {
	background-color: #E5EDF7;
}

/* Theme: Z
 * Used in AppHeader
*/
.inputSearch.dtTheme--z .inputSearch-contentInput {
    height: 40px;
    border: solid 1px #f0eff2;

    background-color: #f8f9f9;
}
.inputSearch.dtTheme--z.dtInput--isEnabled .inputSearch-contentInput {
    padding: 0 10px;
}
.inputSearch.dtTheme--z .inputSearch-inputIcon {
    color: #000;

    font-size: 24px;
}
.inputSearch.dtTheme--z .inputSearch-inputIcon.inputSearch-inputIcon--clear {
    font-size: 20px;
}
.inputSearch.dtTheme--z .inputSearch-input {
    color: #252b33;

    font-weight: 400;
}
.inputSearch.dtTheme--z.inputSearch--isShowingResults .inputSearch-contentInput {
    border-color: #729BE9;
    color: #fff;
    background-color: #E5EDF7;
}

/* Theme: Z for mobile app header */
.inputSearch.inputSearch--mobile.dtTheme--z {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;

	padding: 3px;
	height: 60px;

	z-index: 3001;
}
.inputSearch.inputSearch--mobile.dtTheme--z .inputSearch-contentInput {
	height: 54px;
	background-color: #E5EDF7;
	border: solid 1px #729BE9;
}
.dtRoot.dtGrid--ss .inputSearch.inputSearch--mobile.dtTheme--z {
	height: 44px;
	padding: 2px;
}
.dtRoot.dtGrid--ss .inputSearch.inputSearch--mobile.dtTheme--z .inputSearch-contentInput {
	height: 40px;
}
.inputSearch--mobile-blocker {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3000;
}

.inputSearch.dtInputSearchTheme--withMinWidth .inputSearch-contentInput {
	color: #191b24;
	background-color: #f8f9f9;
	border-color: #d6d6dd;
	min-width: 80px;
}

.dtSelect {

}
.dtSelect-content {
	position: relative;
	font-weight: 500;
	font-size: 14px;
}
.dtSelect.dtSelect--isEnabled {

}
.dtSelect-contentInput {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	min-height: 15px;
}
.dtSelect-contentSelect {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1;

	color: #444;
	letter-spacing: 0.02em;

	background-color: #f8f9f9;
	border: 1px solid #f0eff2;

	max-width: 100%;
	min-width: 55px;

	padding: 0 5px;
}
.dtSelect-contentSelect:active,
.dtSelect.dtSelect--isOpen .dtSelect-contentSelect {
	background-color: #E5EDF7;
}
.dtSelect.dtSelect--isDisabled .dtSelect-contentSelect {
	color: #c4cbce;
	background-color: #fff;
}
.dtSelect.dtSelect--isEnabled .dtSelect-content:focus .dtSelect-contentSelect,
.dtSelect.dtSelect--isEnabled .dtSelect-content:hover .dtSelect-contentSelect {
	border-color: #2868D7;
}
.dtSelect.dtSelect--isEnabled.dtSelect--isOpen .dtSelect-contentSelect {
	border-color: #2868D7;
}
.dtSelect.dtInput--isInvalid .dtSelect-contentSelect {
	border-color: #e94461;
}
.dtSelect.dtSelect--isPlaceholder .dtSelect-contentSelect {
	color: rgba(68,68,68,0.5);
}

.dtSelect-select {
	-webkit-flex: 1;
	flex: 1;

	line-height: 28px;
	max-width: 100%;
}
/* Select Icon */
.dtSelect-selectIcon {
	margin-left: 10px;
	line-height: 30px;
	text-align: center;
	color: #f0eff2;
}
.dtSelect.dtSelect--isEnabled .dtSelect-selectIcon {
	color: #b0c2cc;
}
.dtSelect.dtSelect--isEnabled .dtSelect-contentSelect:active .dtSelect-selectIcon,
.dtSelect.dtSelect--isEnabled.dtSelect--isOpen .dtSelect-selectIcon {
	font-weight: 700;
	color: #2868D7;
}
/* Custom Icon: DropDown/DropUp base (css triangle)*/
.cssIcon-dropDown,
.cssIcon-dropUp{
	width: 0;
	height: 0;

	font-size: 0;
	line-height: 0;
	margin: 10px 5px 11px 0;

	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
/* - DropDown Custom Icon (css triangle)*/
.dtSelect.dtSelect--isDisabled .cssIcon-dropDown {
	border-top: 7px solid #f0eff2;
	border-bottom: 0;
}
.dtSelect.dtSelect--isEnabled .cssIcon-dropDown {
	border-top: 7px solid #b0c2cc;
	border-bottom: 0;
}
.dtSelect.dtSelect--isEnabled .dtSelect-contentSelect:active .cssIcon-dropDown,
.dtSelect.dtSelect--isEnabled.dtSelect--isOpen  .cssIcon-dropDown {
	border-top: 7px solid #2868D7;
	border-bottom: 0;
}
/* - DropUp Custom Icon (css triangle)*/
.dtSelect.dtSelect--isEnabled  .cssIcon-dropUp {
	border-bottom: 7px solid #b0c2cc;
	border-top: 0;
}
.dtSelect.dtSelect--isEnabled .dtSelect-contentSelect:active  .cssIcon-dropUp,
.dtSelect.dtSelect--isEnabled.dtSelect--isOpen  .cssIcon-dropUp {
	border-bottom: 7px solid #2868D7;
	border-top: 0;
}
/* Select Dropdown */
.dtSelect-dropdown {
	display: none;

	top: 100%;
	left: 0;
	right: 0;

	max-height: 210px;
	overflow-y: auto;

	background-color: #f8f9f9;
	border: 1px solid #729BE9;
	border-top: 0;
}
.dtSelect.dtSelect--isOpen .dtSelect-dropdown {
	display: block;
	background-color: #fff;
}
.dtSelect.dtSelect--isFloat .dtSelect-dropdown {
	position: absolute;

	margin-bottom: 30px;

	box-shadow: 0 1px 2px 1px rgba(0,0,0,.15);

	z-index: 2;
}

.dtSelect.dtSelect--isOpen .dtSelect-contentInput:hover {
}
.dtSelect.dtSelect--isOpen .dtSelect-contentInput:hover .dtSelect-contentSelect {
	/*color: #fff;*/
}

.dtSelect-dropdownItem {
	line-height: 34px;
	letter-spacing: 0.02em;
	padding: 0 0 0 10px;

	color: #646c78;
}
.dtSelect-dropdownItem.dtSelect-dropdownItem--isSelected,
.dtSelect-dropdownItem.dtSelect-dropdownItem--isSelected:hover {
	color: #fff;
	background-color: #2868D7;
}
.dtSelect-dropdownItem:hover {
	background-color: #ededed;
}
.dtSelect-dropdownItem:active {
	color: #444;
	background-color: #E5EDF7;
}
/* Validation text */
.dtSelect .dtSelect-validationText {
	width: 100%;

	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.01em;
	margin-top: 4px;

	color: #e84461;
}
.dtSelect .dtSelect-validationText:empty {
	display: none;
}
.dtSelect.dtInput--isValid .dtSelect-validationText {
	display: none;
}

/* Theme B */
/* Used in Calendar */
.dtSelect.dtTheme--b .dtSelect-select {
    font-weight: 700;
    text-transform: uppercase;
}

.dtSelect.dtTheme--b .dtSelect-content {
    font-size: 13px;
}

.dtSelect.dtTheme--b .dtSelect-contentInput {
    height: 28px;
}

.dtSelect.dtTheme--b .dtSelect-contentSelect {
	padding: 0 10px;
	border: 1px solid #f0eff2;
	color: #191b24;
	background-color: #f8f9f9;
}

.dtSelect.dtTheme--b.dtSelect--isEnabled .dtSelect-content:focus .dtSelect-contentSelect,
.dtSelect.dtTheme--b.dtSelect--isEnabled .dtSelect-content:hover .dtSelect-contentSelect {
    border-color: #f0eff2;
}

.dtSelect.dtTheme--b .dtSelect-selectIcon {
	color: #c5cad6;
	font-size: 24px;
	font-weight: 700;
    line-height: 26px;
}

.dtSelect.dtTheme--b.dtSelect--isEnabled.dtSelect--isOpen .dtSelect-selectIcon {
    color: #c5cad6;
}

.dtSelect.dtTheme--b.dtSelect--isOpen .dtSelect-dropdown {
	color: #191b24;
	background-color: #fff;
}

.dtSelect.dtTheme--b.dtSelect--isFloat .dtSelect-dropdown {
	margin-top: 0;
	margin-bottom: 0;

	box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);

	z-index: 5;
}

.dtSelect.dtTheme--b .dtSelect-dropdownItem:hover,
.dtSelect.dtTheme--b .dtSelect-dropdownItem.dtSelect-dropdownItem--isSelected,
.dtSelect.dtTheme--b .dtSelect-dropdownItem.dtSelect-dropdownItem--isSelected:hover {
	color: #000;
	background-color: #f0eff2;
}

.dtSelect.dtTheme--b .dtSelect-dropdownItem:hover {
    font-weight: 700;
}

/* Theme v */
.dtSelect.dtTheme--v .dtSelect-contentInput {
	display: none;
}

.dtSelect.dtTheme--v .dtSelect-dropdown {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	height: 22px;
	border-radius: 1px;
	background-color: #f8f9f9;
	border: none;
}

.dtSelect.dtTheme--v .dtSelect-dropdownItem {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0;
	border: solid 1px #d6d6dd;
	border-right: none;
	color: #000;
}

.dtSelect.dtTheme--v .dtSelect-dropdownItem.dtSelect-dropdownItem--isSelected {
	background-color: #d6d6dd;
	border: 1px solid #bcbcc8;
}

.dtSelect.dtTheme--v .dtSelect-dropdownItem.dtSelect-dropdownItem--isSelected+.dtSelect-dropdownItem {
	border-left: none;
}

.dtSelect.dtTheme--v .dtSelect-dropdownItem:last-child {
	border-right: solid 1px #d6d6dd;
}

.dtSelect.dtTheme--v .dtSelect-dropdownItem:last-child.dtSelect-dropdownItem--isSelected {
	background-color: #d6d6dd;
	border: 1px solid #bcbcc8;
}
.dtSelectInline {

}
.dtSelectInline-content {

}
.dtSelectInline-contentItems {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    overflow: hidden;
}

.dtForm.dtGrid--ss .dtSelectInline-contentItems {
    -webkit-flex-direction: column;
    flex-direction: column;
}
.dtSelectInline-contentInput {
    display: none;
    margin-top: 5px;
}
.dtSelectInline.dtSelectInline--isOther .dtSelectInline-contentInput {
    display: block;
}

/* Item. */
.dtSelectInlineItem {
    -webkit-flex: 1;
    flex: 1 auto;
}
.dtSelectInlineItem.dtSelectInlineItem--isSelected {
	color: #fff;
	background-color: #2868D7;
}
.dtSelectInlineItem-content {
    font-size: 16px;
    font-weight: 300;
    line-height: 35px;

    text-align: center;

    padding: 0 10px;
}


/* Theme A */
.dtSelectInline.dtTheme--a .dtSelectInlineItem:not(:last-of-type) {
    border-right: 1px solid #bebebe;
}
.dtForm.dtGrid--ss .dtSelectInline.dtTheme--a .dtSelectInlineItem:not(:last-of-type) {
    border: none;
    border-bottom: 1px solid #bebebe;
}
.dtSelectInline.dtTheme--a .dtSelectInlineItem:hover,
.dtSelectInline.dtTheme--a .dtSelectInlineItem:focus {
    color: #fff;
    background-color: #2868D7;
}
.dtSelectInline.dtTheme--a .dtSelectInlineItem.dtSelectInlineItem--isSelected {
	color: #fff;
	background-color: #2868D7;
}

/* Theme B */
/* Used in Calendar Input Time */
.dtSelectInline.dtTheme--b .dtSelectInlineItem {
    margin: 0 0 0 5px;
}

.dtSelectInline.dtTheme--b .dtSelectInlineItem:hover,
.dtSelectInline.dtTheme--b .dtSelectInlineItem:focus {
    border-radius: 100%;

    color: #fff;
    background-color: #474747;
}

.dtSelectInline.dtTheme--b .dtSelectInlineItem.dtSelectInlineItem--isSelected {
    border-radius: 100%;

    color: #000;
    background-color: rgba(0,0,0,.1);
}

.dtSelectInline.dtTheme--b .dtSelectInlineItem-content {
    width: 30px;
    padding: 0;

    font-size: 11px;
    font-weight: 700;
    line-height: 30px;
}

/* Theme C - used on registration, when selecting province */
.dtSelectInline.dtTheme--c .dtSelectInline-content {
	border: solid 1px #2868D7;
}

/* Setting Field */
/* Item. */
.dtSelectPropertyField.dtPropertyField--isSetting .dtSelectInlineItem {
    margin: 0 2px;

    color: #2868D7;
    background: rgba(143,93,201,.2);
}

.dtSelectPropertyField.dtPropertyField--isSetting .dtSelectInlineItem-content {
    font-weight: 400;
}

.dtSelectPropertyField.dtPropertyField--isSetting .dtSelectInline .dtSelectInlineItem.dtSelectInlineItem--isSelected {
    color: #fff;
    background-color: #2868D7;
}

.dtSelectPropertyField.dtPropertyField--isSetting .dtSelectInline .dtSelectInlineItem:not(:last-of-type) {
    border-right: none;
}

/** Theme--P, registration account type */
.dtSelectInline.dtTheme--p .dtSelectInline-contentItems {

	flex-direction: row;
}

/*dtTheme--t*/
.dtSelectInline.dtTheme--t .dtSelectInline-contentItems {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	height: 22px;
	border-radius: 1px;
	background-color: #f8f9f9;
	border: none;
	overflow: hidden;
	min-width: auto;
	flex-direction: row;
}

.dtSelectInline.dtTheme--t .dtSelectInline-contentItems .dtSelectInlineItem {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0;
	border: solid 1px #d6d6dd;
	border-right: none;
	color: #000;
	overflow: hidden;
}

.dtSelectInline.dtTheme--t .dtSelectInline-contentItems .dtSelectInlineItem .dtSelectInlineItem-content {
	line-height: initial;
	text-align: center;
	padding: 0;
	font-size: large;
}

.dtSelectInline.dtTheme--t .dtSelectInline-contentItems .dtSelectInlineItem:hover {
	background-color: #ededed;
}

.dtSelectInline.dtTheme--t .dtSelectInline-contentItems .dtSelectInlineItem.dtSelectInlineItem--isSelected,
.dtSelectInline.dtTheme--t .dtSelectInline-contentItems .dtSelectInlineItem.dtSelectInlineItem--isSelected:hover {
	background-color: #d6d6dd;
	border: 1px solid #bcbcc8;
}

.dtSelectInline.dtTheme--t .dtSelectInline-contentItems .dtSelectInlineItem.dtSelectInlineItem--isSelected+.dtSelectInlineItem {
	border-left: none;
}

.dtSelectInline.dtTheme--t .dtSelectInline-contentItems .dtSelectInlineItem:last-child {
	border-right: solid 1px #d6d6dd;
}

.dtSelectInline.dtTheme--t .dtSelectInline-contentItems .dtSelectInlineItem:last-child.dtSelectInlineItem--isSelected {
	background-color: #d6d6dd;
	border: 1px solid #bcbcc8;
}



.dtSelectInlineItemProvince {

}

.dtSelectInlineItemProvince:not(:last-of-type) {
	border-bottom: 1px solid #bebebe;
}
.dtSelectInlineItemProvince .dtSelectInlineItemProvince-symbol {
	flex: 0;
}
.dtSelectInlineItemProvince .dtSelectInlineItemProvince-content {
	font-size: 16px;
	font-weight: 300;
	line-height: 35px;

	text-align: center;

	padding: 0 10px;
}

/*Enabled*/
.dtSelectInlineItemProvince.dtSelectInlineItemProvince--isEnabled {
	display: flex;
}

/* Selected or hover over */
.dtSelectInlineItemProvince.dtSelectInlineItemProvince--isEnabled.dtSelectInlineItem--isSelected,
.dtSelectInlineItemProvince.dtSelectInlineItemProvince--isEnabled:hover {
	color: #fff;
	background-color: #2868D7;
}

.dtSelectInlineItemProvince.dtSelectInlineItemProvince--isEnabled .dtSelectInlineItemProvince-symbol {
	flex: 0;
}

/** Symbol only available when item is selected */
.dtSelectInlineItemProvince.dtSelectInlineItem--isSelected .dtSelectInlineItemProvince-symbol {
	flex: 0 0 auto;
	margin-left: 10px;
	width: 24px;
	height: 24px;
}
.dtSelectInlineItemProvince.dtSelectInlineItem--isSelected .dtSelectInlineItemProvince-content {
	margin-right: 34px;
	flex: 1;
}
.dtSelectInlineItemProvince.dtSelectInlineItemProvince--isEnabled .dtSelectInlineItemProvince-content {
	flex: 1;
}

/*Disabled*/
.dtSelectInlineItemProvince.dtSelectInlineItemProvince--isDisabled {
	display: block;
}
.dtSelectInlineItemProvince.dtSelectInlineItemProvince--isDisabled .dtSelectInlineItemProvince-symbol {
	flex: 0;
	width: 0;
}
.dtSelectInlineItemProvince.dtSelectInlineItemProvince--isDisabled .dtSelectInlineItemProvince-content {
	padding-top: 2px;
	height: 25px;
	line-height: 25px;
	color: #999;
}
.dtSelectInlineItemProvince.dtSelectInlineItemProvince--isDisabled .dtSelectInlineItemProvince-contentSub {
	text-align: center;
	color: #999;
	height: 10px;
	line-height: 10px;
	font-size: 9px;
}
.dtSelectOnBar {}

.dtSelectOnBar .dtSelectContent {
	text-align: left;
	padding: 0px 5px;
	background-color: #FFFFFF;
	min-width: 116px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1;
	color: #444;
	letter-spacing: 0.02em;
	border: 1px solid #D9DADC;
	max-width: 100%;
}

.dtSelectOnBar .dtSelect-select {
	-webkit-flex: 1;
	flex: 1;
	line-height: 28px;
	/*max-width: 100%;*/
	color: #000000;
	display: flex;
}

.dtSelectOnBar .dtSelectContent.dtSelect--isOpen {
	background-color: #E5EDF7;
	border: 1px solid #d5c2eb;
}

.dtSelectOnBar .dtSelectContent:hover {
	border: 1px solid #729BE9;
	cursor: pointer;
}

.dtSelectOnBar .dtSelectContent:active {
	background-color: #E5EDF7;
	border: 1px solid #d5c2eb;
	cursor: pointer;
}

.dtSelectOnBar .dtSelectContent:active .cssIcon-dropDown {
	border-top: 7px solid #8D68C2;
}

.dtSelectOnBar .cssIcon-dropDown {
	border-top: 7px solid #C5CAD5;
	border-bottom: 0;
}

.dtSelectOnBar .cssIcon-dropUp {
	border-bottom: 7px solid #8D68C2;
	border-top: 0;
}
.inputText {
	border: 0;
}
.inputText.dtInput--isEnabled {
	color: #191b24;
}
.inputText.dtInput--isEnabled:hover {
	border-color: #2868D7;
}
.inputText-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.inputText-input {
	display: block;

	-webkit-flex: 1;
	flex: 1 auto;

	/** This is set low to override default browser behaviour. */
	width: 10px;
	height: 26px;

	font-family: inherit;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
	padding: 2px 5px 0;

	color: inherit;
	font-style: normal;
	border: 1px solid #d6d6dd;
	background-color: #f8f9f9;

	/** Override IOS and other native platform default styles. */
	-webkit-appearance: none;
	-moz-appearance: none;

	-webkit-border-radius: 0;
	border-radius: 0;
}
.inputText-input.inputText--isItalic {
	font-style: italic;
}
.inputText-input:focus,
.inputText-input:hover,
.inputText-input:active {
	outline: none;
}
.inputText.dtInput--isEnabled .inputText-input:hover,
.inputText.dtInput--isEnabled .inputText-input:focus {
	border: 1px solid #2868D7;
}
.inputText.dtInput--isEnabled .inputText-input:focus {
	background-color: #e5edf7;
}
.inputText.dtInput--isEnabled.inputText--isEdit:focus .inputText-input,
.inputText.dtInput--isEnabled.inputText--isEdit:hover .inputText-input,
.inputText.dtInput--isEnabled.dtInput--isValid.inputText--isEdit:focus .inputText-input {
	border-color: #2868D7;
}
.inputText.dtInput--isEnabled.dtInput--isRequired.dtInput--isValid:hover .inputText-input {
	border-color: #2868D7;
}
.inputText.dtInput--isRequired.dtInput--isValid .inputText-input {
}
.inputText.dtInput--isInvalid:hover .inputText-input,
.inputText.dtInput--isInvalid .inputText-input {
	border-color: #e94461;
}
.inputText.dtInput--isDisabled .inputText-input {
	background-color: #fff;
	color: #767486;
}
.inputText-edit,
.inputText-icon {
	color: #aaa;
	line-height: 30px;
	margin-left: 15px;
}
.inputText .inputText-validationText {
	font-size: 10px;
	/*font-weight: 500;*/
	letter-spacing: 0.01em;
	margin-top: 4px;

	height: 14px;
	color: #e84461;
}

.inputText .inputText-validationText.inputText-validationText--isAllowValidationExpand {
	height: auto;
	min-height: 14px;
}

.inputText .inputText-validationText:empty,
.inputText.dtInput--isValid .inputText-validationText {
	visibility: hidden;
}

.inputText.inputText--isEdit:focus .inputText-edit,
.inputText.inputText--isEdit:hover .inputText-edit {
	color: #2868D7;
}

/** Theme A - used in global search */
.inputText.dtTheme--a {
	height: 100%;
	font-size: 14px;
}
.inputText.dtTheme--a .inputText-content{
	height: 100%;
}
.inputText.dtTheme--a .inputText-input {
	border: none;
	background-color: transparent;
}
.inputText.dtTheme--a.dtInput--isEnabled .inputText-input:hover,
.inputText.dtTheme--a.dtInput--isEnabled .inputText-input:focus {
	font-weight: 500;
	color: #252b33;
	border: none;
}

.inputTextArea {
    color: #444;

    border: 0;
}
.inputTextArea.inputTextArea--isEnabled:hover {
    border-color: #2868D7;
}
.inputTextArea.dtInput--isDisabled {

}
.inputTextArea-input {
    display: block;

    width: 100%;
    min-height: 80px;

    box-sizing: border-box;

    padding: 5px 7px;

    font-family: inherit;
    font-weight: 500;
    font-size: 13px;
    line-height: 25px;

    color: inherit;

    border: 1px solid #f0eff2;
    background-color: #f8f9f9;

	resize: vertical;

    /** Override IOS and other native platform default styles. */
    -webkit-appearance: none;
    -moz-appearance: none;

    -webkit-border-radius: 0;
    border-radius: 0;
}
.inputTextArea-input:focus,
.inputTextArea-input:hover,
.inputTextArea-input:active {
    outline: none;
}
.inputTextArea.dtInput--isDisabled .inputTextArea-input {
    background-color: #fff;
    /* Override ios styling */
    -webkit-text-fill-color: #c4cbce;
    color: #c4cbce;
}
.inputTextArea.dtInput--isDisabled .inputTextArea-input::-webkit-input-placeholder{
    -webkit-text-fill-color: #f0eff2;
    color: #f0eff2;
}
.inputTextArea.dtInput--isEnabled .inputTextArea-input:hover,
.inputTextArea.dtInput--isEnabled .inputTextArea-input:focus {
    border: 1px solid #2868D7;
}
.inputTextArea.dtInput--isInvalid .inputTextArea-input {
    border-color: #e94461;
}
.inputTextArea.dtInput--isEnabled .inputTextArea-input:focus {
    background-color: #E5EDF7;
}
.inputTextArea-input::selection {
    background-color: #2868D7;
    color: #fff;
}
.inputTextArea .inputTextArea-validationText {
    width: 100%;

    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.01em;
    margin-top: 4px;

    color: #e84461;
}
.inputTextArea.dtInput--isValid .inputTextArea-validationText{
    display: none;
}
.inputTextManipulator {
	position: relative;
	border: 0;
	outline: none;

	-webkit-user-select: text;
	-ms-user-select: text;
	-moz-user-select: text;
	user-select: text;
}
.inputTextManipulator.dtInput--isEnabled {
	color: #444;
}
.inputTextManipulator.dtInput--isEnabled:hover {
	border-color: #2868D7;
}
.inputTextManipulator-content {
	position: relative;
	-webkit-align-items: center;
	align-items: center;
}
.inputTextManipulator-input {
	display: block;

	-webkit-flex: 1;
	flex: 1 auto;

	/** This is set low to override default browser behaviour. */
	border: 1px solid #f0eff2;
	background-color: #f8f9f9;
	min-height: 25px;

	word-break: break-word;
	overflow-wrap: break-word;
}

.inputTextManipulator-input.inputTextManipulator-input--isCaretCustom {
	color: transparent;
	text-shadow: 0 0 #444;
}

.inputTextManipulator-input.inputTextManipulator-input--isNotCaretCustom {
	color: #444;
}
.inputTextManipulator-input:focus,
.inputTextManipulator-input:hover,
.inputTextManipulator-input:active {
	outline: none;
}
.inputTextManipulator.dtInput--isEnabled .inputTextManipulator-input:hover,
.inputTextManipulator.dtInput--isEnabled .inputTextManipulator-input:focus {
	border: 1px solid #2868D7;
}
.inputTextManipulator.dtInput--isEnabled .inputTextManipulator-input:focus {
	background-color: #E5EDF7;
}
.inputTextManipulator.dtInput--isEnabled.inputTextManipulator--isEdit:focus .inputTextManipulator-input,
.inputTextManipulator.dtInput--isEnabled.inputTextManipulator--isEdit:hover .inputTextManipulator-input,
.inputTextManipulator.dtInput--isEnabled.dtInput--isValid.inputTextManipulator--isEdit:focus .inputTextManipulator-input {
	border-color: #2868D7;
}
.inputTextManipulator.dtInput--isEnabled.dtInput--isRequired.dtInput--isValid:hover .inputTextManipulator-input {
	border-color: #2868D7;
}
.inputTextManipulator.dtInput--isRequired.dtInput--isValid .inputTextManipulator-input {
}
.inputTextManipulator.dtInput--isInvalid:hover .inputTextManipulator-input,
.inputTextManipulator.dtInput--isInvalid .inputTextManipulator-input {
	border-color: #e94461;
}
.inputTextManipulator.dtInput--isDisabled .inputTextManipulator-input {
	background-color: #fff;
	color: #c4cbce;
}
.inputTextManipulator-edit,
.inputTextManipulator-icon {
	color: #aaa;
	line-height: 30px;
	margin-left: 15px;
}
.inputTextManipulator .inputTextManipulator-validationText {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.01em;
	margin-top: 4px;

	color: #e84461;
}
.inputTextManipulator .inputTextManipulator-validationText:empty,
.inputTextManipulator.dtInput--isValid .inputTextManipulator-validationText{
	display: none;
}
.inputTextManipulator.inputTextManipulator--isEdit:focus .inputTextManipulator-edit,
.inputTextManipulator.inputTextManipulator--isEdit:hover .inputTextManipulator-edit {
	color: #2868D7;
}
.inputTextManipulator-input::-moz-selection {
	background-color: #2868D7;
	color: #fff;
}

.inputTextManipulator-input::selection,
.inputTextManipulator-input ::selection {
	background-color: #2868D7;
	color: #fff;
}

/********* Caret Control ***********/
.inputTextManipulator-caretControl {
	position: absolute;
	width: 3px;
	height: 20px;
	border-radius: 2px;
	background-color: #2868D7;
}
.inputTextManipulator-caretControl--isCaretCustom {
	display: block;
	z-index: 14;
}
.inputTextManipulator-caretControl--isNotCaretCustom {
	display: none;
}
@-webkit-keyframes blink  {
	50% {visibility: hidden;}
	100% {visibility: visible;}
}

@keyframes blink {
	50% {visibility: hidden;}
	100% {visibility: visible;}
}
.inputTextManipulator-caretControl--animate.inputTextManipulator-caretControl--isCaretCustom  {
	animation-name: blink;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	animation-duration: 0.9s;
	animation-timing-function: linear;
	visibility: hidden;
}
.inputTextManipulator-caretControl--isTextSelected {
	opacity: 0;
}
.inputTextManipulator-caretControl--isNotVisible {
	visibility: hidden;
}

.inputTime {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.dtRoot.dtGrid--sm .inputTime {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.inputTime .inputTime-time {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.inputTime .inputTime-timeSeparator {
	padding: 0 5px;

    font-size: 16px;
	line-height: 40px;

	color: #191b24;

	font-weight: 700;
}
.inputTime .inputTime-timeHours,
.inputTime .inputTime-timeMinutes {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	min-width: 52px;
	max-height: 39px;
}

.inputTime .inputTime-timeHours > div + div,
.inputTime .inputTime-timeMinutes > div + div {
	margin-left: -1px;
}

.inputTime .inputTime-meridiem {
	min-width: 65px;
	height: 39px;
}

.inputTime .inputTime-meridiem .inputSearch,
.inputTime .inputTime-meridiem .inputSearch .inputSearch-contentInput {
	height: 100%;
}

.inputTime .inputTime-meridiem .inputSearch .inputSearch-input + .inputSearch-inputIcon {
	margin-left: 5px;
}

.inputTime .inputTime-meridiem .inputSearch .dtSelectList .dtSelectList-content {
	min-width: 65px;
}

.dtToggle {

}
.dtToggle-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
    align-items: center;
}
.dtToggle.dtToggle--hasCaptions .dtToggle-content {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtToggle.dtToggle--hasCaptions .dtToggle-positionCaptions {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	margin-bottom: 8px;
}

.dtToggle.dtToggle--hasCaptions .dtToggle-positionCaptions .dtToggle-caption:not(:last-child) {
	margin-right: 15px;
}

.dtToggle.dtTheme--b.dtToggle--hasCaptions .dtToggle-caption {
	font-size: 10px;
	font-weight: 500;
	line-height: 1.4;
	color: #252b33;
}

.dtToggle.dtTheme--a.dtToggle--hasCaptions .dtToggle-label {
    font-size: 14px;
	font-weight: 500;
	color: #aaa;
	line-height: 1;

	/*text-transform: uppercase;*/
	font-variant: small-caps;

	margin-right: 15px;

	max-width: 200px;
}



.dtToggle-slider {
	-webkit-flex: 1;
	flex: 1 auto;

	min-width: 40px;
	max-width: 40px;
}

/* Slider. */
.dtToggle.dtToggle--isOn .dtSlider.dtTheme--b .dtSlider-handleContent {
    background-color: #fff;
}
.folderExplorer {

}
.folderExplorer.folderExplorer--sizeExtend {
	width: 644px;
	height: 729px;
}
.dtRoot.dtGrid--sm .folderExplorer.folderExplorer--sizeExtend {
	max-height: 100%;
}
.folderExplorer.folderExplorer--sizeExtend .itemExplorer-content {
	max-height: none;
}

/* Dirty Mobile style changes */
.dtRoot.dtGrid--ss .folderExplorer .itemExplorer-footer-commandsAux .dtButton .dtButton-caption {
	padding: 0;
}
.dtRoot.dtGrid--ss .folderExplorer .itemExplorer-footer-commandsMain .dtButton.dtButton--isCaption .dtButton-content {
	padding: 0 5px;
}
.itemExplorer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    width: 414px;
    height: 424px;

    color: #252b33;
}
.itemExplorer.itemExplorer--isFit {
	width: 100%;
}
.itemExplorer-search {
    padding: 7px;
}

.itemExplorer-content {
	position: relative;

    -webkit-flex: 1;
    flex: 1;

    max-height: 330px;
    overflow-y: auto;
}

.itemExplorer-list {

}
.itemExplorer-empty {
	display: none;
}
.itemExplorer.itemExplorer--isEmpty .itemExplorer-empty {
	position: absolute;
	display: flex;

	width: 100%;
	height: 100%;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.itemExplorer-aux {

    line-height: 50px;
    padding: 0 7px;
}

.itemExplorer-newFolder {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    -webkit-flex: 1;
    flex: 1;

    min-height: 40px;
    margin-top: 1px;
    line-height: 1.2;
}

.itemExplorer-newFolder-icon {

	width: 24px;
	height: 24px;
    margin-right: 12px;

    color: #9393ac;

    font-size: 20px;
}

.itemExplorer-newFolder-input {
    width: 290px;

    font-family: AppText, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.itemExplorer-newFolder-input:focus {
	background-color: #E5EDF7;
	border: solid 1px #729BE9;
}

.itemExplorer-newFolder-commands {
    color: #9393ac;
}
.itemExplorer-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	align-self: flex-end;

	width: 100%;
	height: 50px;
	border-top: 1px solid #f8f9f9;
	padding: 9px 8px 9px 10px;
	margin-top: auto;
}

.itemExplorer-footer .itemExplorer-footer-commandsAux {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.itemExplorer-footer .itemExplorer-footer-commandsMain {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}


.dtCheckboxListView {
	border: solid 1px #d6d6dd;
}

/** Theme A **/


.dtCheckboxListView.dtTheme--a .dtListViewItem,
.dtRadioListView.dtTheme--a .dtListViewItem {
	border-right: solid 1px #bcbcc8;
	height: 22px;
}

.isMobile .dtCheckboxListView.dtTheme--a .dtListViewItem,
.isMobile .dtRadioListView.dtTheme--a .dtListViewItem {
	height: 32px;
}

.dtCheckboxListView.dtTheme--a .dtListViewItem:last-child,
.dtRadioListView.dtTheme--a .dtListViewItem:last-child {
	border-right: none;
}

/** Theme B - used for changing text style for markup textbox on mobile */
.dtCheckboxListView.dtTheme--b{
	background-color: rgba(25, 27, 36, 0.95);
	border: solid 1px rgba(25, 27, 36, 0.1);
}

.dtCheckboxListView.dtTheme--b .dtListViewContent {
	background-color: rgba(25, 27, 36, 0.95);
}

.dtCheckboxListView.dtTheme--b .dtListViewItem {
	border-bottom: solid 1px rgba(25, 27, 36, 0.1);
	height: 22px;
	line-height: 22px;
}

.dtCheckboxListView.dtTheme--b .dtListViewItem--itemSelected,
.dtCheckboxListView.dtTheme--b .dtListViewItem:hover{
	background: rgba(118, 116, 134, 0.47);
}


.dtCheckboxListView.dtTheme--b .dtListView-listItemText{
	color: #FFF;
}

.dtCheckboxListView.dtTheme--b .dtListView-listItemIcon{
	height: 15px;
	margin-right:10px;
	width:15px;
}





.dtListView {
	background-color: #f8f9f9;
	color: #252b33;
}

.dtListViewContent {
	display: flex;
	align-items: center;
}

.isMobile .dtListViewContent {
	display: block;
}

.dtListViewList {}

.dtListViewItem {}

.dtListViewContent {

	/*
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	align-items: center;
	*/
}

.dtListViewList {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	/*
	flex-wrap: wrap;
	 */
}

.dtListView--row {
	-webkit-flex-direction: row;
	flex-direction: row;
}

.dtListView--column {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dtListViewItem--itemSelected,
.dtListViewItem:hover {
	background-color: #d6d6dd;
}

.dtListView {
	position: relative;
	border: solid 1px #d6d6dd;
}

.dtListView .dtListViewContent {
	min-height: 28px;
}

.dtListView-content-title,
.dtListView-content-color {
	display: inline-block;
	overflow: hidden;
}

.dtListView-content-title {
	font-size: 12px;
	color: #252b33;
	white-space: nowrap;
	word-break: keep-all;
	padding-left: 5px;
}

.dtListView-content-color {
	width: 32px;
	height: 16px;
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	margin-left: 5px;
}

.dtListView .dtListView--arrowDown {
	position: absolute;
	right:  5px;
	top: 12px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #c5cad6;
}


.isMobile .dtListView .dtListView--arrowDown{
	border-top-color: #FFF;
}

.dtListView .dtListViewItem {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	height: 28px;
	padding-left: 5px;
	padding-right: 5px;
}

/*
.dtListViewItem {

	-webkit-justify-content: center;
	justify-content: center;

	overflow: hidden;
	-webkit-flex: 1;
	flex: 1;
}
*/


.dtPopupView.dtListView {
	border: none;
}

.dtPopupView .dtListViewItem--itemSelected,
.dtPopupView .dtListViewItem:hover {
	background-color: rgba(118, 116, 134, 0.47);
}

.dtListViewList .dtListView-ItemListItemColorContent {
	display: flex;
	width: 32px;
	height: 16px;
	border-radius: 4px;
	overflow: hidden;
	border: solid 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	margin-left: 5px;
}

isTablet .dtListViewList .dtListView-ItemListItemColorContent
isMobile .dtListViewList .dtListView-ItemListItemColorContent {
	border: solid 2px rgba(255, 255, 255, 0.8);
}



/*
.dtModal.dtListView.isTablet .dtListView-ItemListItemColorContent {
	border: solid 1px rgba(255, 255, 255, 0.9);
}
*/

.dtListView .dtListView-ItemListItemColor {
	width: 75px;
}

.dtListViewList.listColor {
	flex-wrap: wrap;
	max-width: 150px;
}

.dtListViewList.listColor .dtListView-ItemListItemColorContent {
	border: solid 1px rgba(255, 255, 255, 0.9);
}

.dtListViewList.listColor .dtListView-ItemListItemColor {
	width: 50px;
	justify-content: center;
}

.dtListViewItem.dtListViewItem--center {
	justify-content: center;
}

.dtListViewList .dtListView-listItemWithIcon {
	display: flex;
	justify-content: space-between;
}
.dtListViewList .dtListView-listItemIcon {
	display: inline-block;
	width: 24px;
	height: 24px;
}
.dtListViewList .dtListView-listItemText {
	flex: auto;
}


.dtListView-content-color svg line,
.dtListViewList svg line{
	stroke: #e94461;
	stroke-width:2px;
}

.dtPopupView {
	position: relative;
}

.dtModal-blocker.dtPopupView {
	background-color: transparent;
}
.dtPopupView .dtPopupView-contentView {
	width: 100%;
	background-color: #f8f9f9;
}

.dtPopupView .dtPopupView-contentTitle {
	display: flex;
	align-items: center;
	background-color: #191b24;
	white-space: nowrap;
	color: #ffffff;

	height: 31px;
	padding-left: 5px;
	padding-right: 5px;
}

.dtPopupView .dtPopupView--ListViewArrow {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(25, 27, 36, 0.95);
	line-height: 0;
	letter-spacing: 0;
}

.dtPopupView .dtPopupView--close {
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	top: 3px;
	right: 5px;
}

.dtPopupView .dtPopupView-footer {
	display: block;
	line-height: 0;
	text-align: center;
}

.dtPopupView.isTablet,
.dtPopupView.isMobile{
	border-radius: 4px;
	min-width: 50px;
	color: #ffffff;
}
.dtPopupView.dtListView.isTablet,
.dtPopupView.dtListView.isMobile {
	background-color: transparent;
}


.dtPopupView.isTablet .dtPopupView-contentTitle,
.dtPopupView.isMobile .dtPopupView-contentTitle {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.dtPopupView.isTablet .dtPopupView-contentView,
.dtPopupView.isMobile .dtPopupView-contentView {
	background-color: rgba(25, 27, 36, 0.95);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.dtPopupView.isTablet .dtPopupView-contentScroll,
.dtPopupView.isMobile .dtPopupView-contentScroll{
	max-height: 200px;
	overflow: scroll;
}
.dtRadioListView {
	border: solid 1px #d6d6dd;
}
.dtAssignRoles {

}

.dtAssignRoles .dtAssignRoles-assignableRoleAssignMap {
    flex: 1;
}

.dtAssignRoles-assignableRoleAssignMap .dtAssignRoles-assignableRoleMapItem {
    display: inline-block;
}

.dtRoot.dtGrid--ss .dtSidebarView .dtAssignRoles-assignableRoleMapItem:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 15px
}

.dtSidebarView .dtAssignRoles-assignableRoleMapItem:not(:last-of-type) {
    margin-right: 5px;
}

.dtSidebarView .dtAssignRoles-assignableRoleAssignMap {
    width: 50%;
    display:inline-block;
}

.dtSidebarView .dtAssignRoles-assignableIndexPattern {
    width: 46%;
    display: inline-block;
}

.dtAssignRoles.dtAssignRoles--isNotIntentTouch .dtAssignRoles-indexPatternHeader,
.dtAssignRoles.dtAssignRoles--isNotIntentTouch .dtAssignRoles-rolesHeader {
    font-size: 10px;
    line-height: 1.4;
    color: #767486;
    padding-bottom: 5px;
}

.dtAssignRoles.dtAssignRoles--isIntentTouch .dtAssignRoles-indexPatternHeader,
.dtAssignRoles.dtAssignRoles--isIntentTouch .dtAssignRoles-rolesHeader {
    display: none;
}

.dtMovableMarkupFrame {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.dtMovableMarkupFrame:hover {
	cursor: move;
}
.dtMovableMarkupFrame-anchors {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.dtMovableMarkupFrame.dtMovableMarkupFrame--isDisabled {
	display: none;
}
.dtMovableMarkupFrame-anchor {
	display: inline-block;
	position: absolute;
}
.dtMovableMarkupFrame-anchor::after {
	content: '';
	display: inline-block;
	position: absolute;
}
.dtMovableMarkupFrame--isElement .dtMovableMarkupFrame-anchor::after {
	background-color: #2868D7;
	border-radius: 12px;
}
.dtMovableMarkupFrame--isGroup .dtMovableMarkupFrame-anchor::after {
	background-color: #fff;
	border: solid 1px  #2868D7;
	top: -5px;
	left: -5px;
}

/* Items. */
.dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--top::after,
.dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--bottom::after,
.dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--left::after,
.dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--right::after {
	width: 10px;
	height: 10px;
	top: -15px;
	left: -16px;
	background-clip: content-box;
	border: 10px solid transparent;
}

.dtMovableMarkupFrame-anchor--top-left::after,
.dtMovableMarkupFrame-anchor--top-right::after,
.dtMovableMarkupFrame-anchor--bottom-left::after,
.dtMovableMarkupFrame-anchor--bottom-right::after,
.dtMovableMarkupFrame-anchor--start::after,
.dtMovableMarkupFrame-anchor--end::after {
	width: 12px;
	height: 12px;
	top: -16px;
	left: -16px;
	background-clip: content-box;
	border: 10px solid transparent;
}

.dtMovableMarkupFrame-anchor--top,
.dtMovableMarkupFrame-anchor--bottom { cursor: s-resize; }
.dtMovableMarkupFrame-anchor--left,
.dtMovableMarkupFrame-anchor--right { cursor: w-resize; }

.dtMovableMarkupFrame-anchor--top-left { cursor: se-resize; }
.dtMovableMarkupFrame-anchor--top-right { cursor: sw-resize; }
.dtMovableMarkupFrame-anchor--bottom-left { cursor: ne-resize; }
.dtMovableMarkupFrame-anchor--bottom-right { cursor: nw-resize; }

/* For phones */
body.dtTouch.dtGrid--ss .dtMovableMarkupFrame--isElement .dtMovableMarkupFrame-anchor::after {
	background-color: #2868D7;
	border-radius: 21px;
}

/* Items. */
body.dtTouch.dtGrid--ss .dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--top::after,
body.dtTouch.dtGrid--ss .dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--bottom::after,
body.dtTouch.dtGrid--ss .dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--left::after,
body.dtTouch.dtGrid--ss .dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--right::after {
	width: 9px;
	height: 9px;
	top: -20px;
	left: -21px;
	background-clip: content-box;
	border: 16px solid transparent;
}

body.dtTouch.dtGrid--ss .dtMovableMarkupFrame-anchor--top-left::after,
body.dtTouch.dtGrid--ss .dtMovableMarkupFrame-anchor--top-right::after,
body.dtTouch.dtGrid--ss .dtMovableMarkupFrame-anchor--bottom-left::after,
body.dtTouch.dtGrid--ss .dtMovableMarkupFrame-anchor--bottom-right::after,
body.dtTouch.dtGrid--ss .dtMovableMarkupFrame-anchor--start::after,
body.dtTouch.dtGrid--ss .dtMovableMarkupFrame-anchor--end::after {
	width: 12px;
	height: 12px;
	top: -23px;
	left: -24px;
	background-clip: content-box;
	border: 18px solid transparent;
}

body.dtTouch.dtGrid--ss .dtMovableMarkupFrame--isGroup .dtMovableMarkupFrame-anchor::after {
	background-color: #fff;
	border: solid 1px  #2868D7;
	top: -7px;
	left: -8px;
}
.dtMovableMarkupGroup {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
	border: solid 1px #2868D7;
}
.dtMovableMarkupGroup.dtMovableMarkupGroup--isHide {
	display: none;
}
.dtModal {
	position: absolute;
	z-index: 4000;

	max-width: 100%;

	font-family: AppText, Helvetica, Arial, sans-serif;
}

.dtModal.isMobile {
	width: 100%;
}
.dtModal.dtModal--isAllowOverSizing {
	max-width: none;
}

.dtModal-content {}
.dtModal-contentHeader {}
.dtModal-contentBody {}
.dtModal.dtModal--isContentPadding > .dtModal-content > .dtModal-contentBody {
	padding: 10px 10px 13px;
}

.dtModal-blocker {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3999;

	background-color: rgba(0, 0, 0, 0.4);
}
.dtModal-blocker.dtTheme--b {
	opacity: 0;
}
/* Arrow. */
.dtModal-arrow {
	position: absolute;
}
.dtModal-arrow:before,
.dtModal-arrow:after {
	position: absolute;
	display: block;
	content: '';

	width: 0;
	height: 0;

	border: 11px solid transparent;
	z-index: 1;
}
.dtModal-arrow:after {
	border: 12px solid transparent;
	z-index: -1;
}

/* Arrow: Top. */
.dtModal.dtModal--position-top .dtModal-arrow {
	top: 100%;
	width: 100%;
}
.dtModal.dtModal--position-top .dtModal-arrow:before,
.dtModal.dtModal--position-top .dtModal-arrow:after {
	top: 0;
	left: 50%;

	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);

	border-bottom: none;
	border-top-color: red;
}
.dtModal.dtModal--position-top .dtModal-arrow:after {
	border-top-color: rgba(0,0,0,.1);
}

/* Arrow: Left. */
.dtModal.dtModal--position-left .dtModal-arrow {
	left: 100%;
	height: 100%;
}
.dtModal.dtModal--position-left .dtModal-arrow:before,
.dtModal.dtModal--position-left .dtModal-arrow:after {

	top: 50%;
	left: 0;

	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);

	border-right: none;
	border-left-color: #f9f4e9;
}
.dtModal.dtModal--position-left .dtModal-arrow:after {
	border-left-color: rgba(0,0,0,.1);
}

/* Arrow: Right. */
.dtModal.dtModal--position-right .dtModal-arrow {
	right: 100%;
	height: 100%;
}
.dtModal.dtModal--position-right .dtModal-arrow:before,
.dtModal.dtModal--position-right .dtModal-arrow:after {

	top: 50%;
	right: 0;

	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);

	border-left: none;
	border-right-color: #f9f4e9;
}
.dtModal.dtModal--position-right .dtModal-arrow:after {
	border-right-color: rgba(0,0,0,.1);
}

/* Arrow: Bottom. */
.dtModal.dtModal--position-bottom .dtModal-arrow {
	bottom: 100%;
	width: 100%;
}
.dtModal.dtModal--position-bottom .dtModal-arrow:before,
.dtModal.dtModal--position-bottom .dtModal-arrow:after {
	bottom: 0;
	left: 50%;

	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);

	border-top: none;
	border-bottom-color: #f9f4e9;
}
.dtModal.dtModal--position-bottom .dtModal-arrow:after {
	border-bottom-color: rgba(0,0,0,.1);
}


/* Theme: A */
.dtModal.dtTheme--a {
}

/* Theme: A: Arrow: Top. */
.dtModal.dtTheme--a.dtModal--position-top .dtModal-arrow:before,
.dtModal.dtTheme--a.dtModal--position-top .dtModal-arrow:after {
	border-top-color: #f9f4e9;
}
.dtModal.dtTheme--a.dtModal--position-top .dtModal-arrow:after {
	border-top-color: rgba(0,0,0,.1);
}

/* Theme: A: Arrow: Left. */
.dtModal.dtTheme--a.dtModal--position-left .dtModal-arrow:before,
.dtModal.dtTheme--a.dtModal--position-left .dtModal-arrow:after {
	border-left-color: #f9f4e9;
}
.dtModal.dtTheme--a.dtModal--position-left .dtModal-arrow:after {
	border-left-color: rgba(0,0,0,.1);
}

/* Theme: A: Arrow: Right. */
.dtModal.dtTheme--a.dtModal--position-right .dtModal-arrow:before,
.dtModal.dtTheme--a.dtModal--position-right .dtModal-arrow:after {
	border-right-color: #f9f4e9;
}
.dtModal.dtTheme--a.dtModal--position-right .dtModal-arrow:after {
	border-right-color: rgba(0,0,0,.1);
}

/* Theme: A: Arrow: Bottom. */
.dtModal.dtTheme--a.dtModal--position-bottom .dtModal-arrow:before,
.dtModal.dtTheme--a.dtModal--position-bottom .dtModal-arrow:after {
	border-bottom-color: #f9f4e9;
}
.dtModal.dtModal--position-bottom .dtModal-arrow:after {
	border-bottom-color: rgba(0, 0, 0, .1);
}

/* Theme: A: Header. */
.dtModal.dtTheme--a > .dtModal-content .dtModal-contentHeader {
	padding: 4px;

	display: flex;
	color: #fff;
	background-color: #2868D7;
}
.dtModal.dtTheme--a > .dtModal-content .dtModal-headerCommands {
	flex-grow: 0;
}
.dtModal.dtTheme--a > .dtModal-content .dtModal-headerCaption {
	flex-grow: 1;

	margin-right: 5px;
	line-height: 24px;

	font-weight: 500;
	white-space: nowrap;
}

/* Theme: A: Content. */
.dtModal.dtTheme--a > .dtModal-content {
	/* TODO Saninco - Modal doesn't take a width. The width of the modal is decided by the width of its contents. */
	/*width: 809px;*/
	border-radius: 2px;
	background-color: #f9f4e9;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11),
				0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

/* Theme: A: Content: Header. */
.dtModal.dtTheme--a > .dtModal-content .dtModal-contentHeader {
	color: #fff;
	background-color: #2868D7;
}
.dtModal.dtTheme--a .dtModal-contentFooter {
	background-color: #fff;
	text-align: right;
}

/* Theme: B. */
/* Theme: B2 - used in submission modal see dtCommentContentDetails*/
.dtModal.dtTheme--b,
.dtModal.dtTheme--b2 {
}
.dtModal.dtTheme--b.dtModal--isScroll .dtModal-content,
.dtModal.dtTheme--b2.dtModal--isScroll .dtModal-content {
	overflow: hidden;
}
.dtModal.dtTheme--b.dtModal--isScroll .dtModal-contentBody,
.dtModal.dtTheme--b2.dtModal--isScroll .dtModal-contentBody {
	overflow-y: auto;
}
.dtModal.dtTheme--b .dtModal-contentFooter,
.dtModal.dtTheme--b2 .dtModal-contentFooter {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	/*3px is border*/
	bottom: 3px;
	left: 3px;
	right: 3px;
	height: 55px;
	padding: 0 20px;
	align-items: center;
	background-color: #fff;
}
.dtRoot.dtGrid--ss .dtModal.dtTheme--b .dtModal-contentFooter,
.dtRoot.dtGrid--ss .dtModal.dtTheme--b2 .dtModal-contentFooter {
	padding: 0 5px;
}
.dtRoot.dtGrid--ss .dtModal.dtTheme--b .dtModal-contentFooter .dtButton .dtButton-content,
.dtRoot.dtGrid--ss .dtModal.dtTheme--b2 .dtModal-contentFooter .dtButton .dtButton-content {
	padding: 0 5px;
}

.dtModal.dtTheme--b .dtModal-contentFooter .dtModal-footerSection--left,
.dtModal.dtTheme--b2 .dtModal-contentFooter .dtModal-footerSection--left {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1 auto;
	align-items: center;
}
.dtModal.dtTheme--b .dtModal-contentFooter .dtModal-footerSection--right,
.dtModal.dtTheme--b2 .dtModal-contentFooter .dtModal-footerSection--right {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	align-items: center;
}

/* Theme: B: Arrow: Top. */
.dtModal.dtTheme--b.dtModal--isStickyFullHeight > .dtModal-content,
.dtModal.dtTheme--b2.dtModal--isStickyFullHeight > .dtModal-content {
	height: 100%;
}

.dtModal.dtTheme--b.dtModal--position-top .dtModal-arrow:before,
.dtModal.dtTheme--b.dtModal--position-top .dtModal-arrow:after,
.dtModal.dtTheme--b2.dtModal--position-top .dtModal-arrow:before,
.dtModal.dtTheme--b2.dtModal--position-top .dtModal-arrow:after {
	border-top-color: #2868D7;
}
.dtModal.dtTheme--b.dtModal--position-top .dtModal-arrow:after,
.dtModal.dtTheme--b2.dtModal--position-top .dtModal-arrow:after {
	border-top-color: rgba(0,0,0,.1);
}

/* Theme: B: Arrow: Left. */
.dtModal.dtTheme--b.dtModal--position-left .dtModal-arrow:before,
.dtModal.dtTheme--b.dtModal--position-left .dtModal-arrow:after,
.dtModal.dtTheme--b2.dtModal--position-left .dtModal-arrow:before,
.dtModal.dtTheme--b2.dtModal--position-left .dtModal-arrow:after {
	border-left-color: #2868D7;
}
.dtModal.dtTheme--b.dtModal--position-left .dtModal-arrow:after,
.dtModal.dtTheme--b2.dtModal--position-left .dtModal-arrow:after {
	border-left-color: rgba(0,0,0,.1);
}

/* Theme: B: Arrow: Right. */
.dtModal.dtTheme--b.dtModal--position-right .dtModal-arrow:before,
.dtModal.dtTheme--b.dtModal--position-right .dtModal-arrow:after,
.dtModal.dtTheme--b2.dtModal--position-right .dtModal-arrow:before,
.dtModal.dtTheme--b2.dtModal--position-right .dtModal-arrow:after {
	border-right-color: #2868D7;
}
.dtModal.dtTheme--b.dtModal--position-right .dtModal-arrow:after,
.dtModal.dtTheme--b2.dtModal--position-right .dtModal-arrow:after {
	border-right-color: rgba(0,0,0,.1);
}

/* Theme: B: Arrow: Bottom. */
.dtModal.dtTheme--b.dtModal--position-bottom .dtModal-arrow:before,
.dtModal.dtTheme--b.dtModal--position-bottom .dtModal-arrow:after,
.dtModal.dtTheme--b2.dtModal--position-bottom .dtModal-arrow:before,
.dtModal.dtTheme--b2.dtModal--position-bottom .dtModal-arrow:after {
	border-bottom-color: #2868D7;
}
.dtModal.dtModal--position-bottom .dtModal-arrow:after {
	border-bottom-color: rgba(0, 0, 0, .1);
}

/* Theme: B: Content. */
.dtModal.dtTheme--b > .dtModal-content,
.dtModal.dtTheme--b2 > .dtModal-content {
	border: 2px solid #2868D7;
	background-color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11),
				0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.dtModal.dtTheme--b2 > .dtModal-content {
	background-color: #F6F6F6;
}

.dtRoot.dtGrid--sm .dtModal.dtModal--page-explorer-property-field.dtTheme--b > .dtModal-content,
.dtRoot.dtGrid--sm .dtModal.dtModal--page-explorer-property-field.dtTheme--b2 > .dtModal-content {
	box-shadow: none;
}

/* Theme: B: Content: Header. */
.dtModal.dtTheme--b > .dtModal-content .dtModal-contentHeader,
.dtModal.dtTheme--b2 > .dtModal-content .dtModal-contentHeader {
	color: #fff;
	background-color: #2868D7;
}


/* Theme: C. */
.dtModal.dtTheme--c {
}

/* Theme: C: Arrow. */
.dtModal.dtTheme--c .dtModal-arrow:before {
	border-width: 7px;
}
.dtModal.dtTheme--c .dtModal-arrow:after {
	border-width: 7px;
}

/* Theme: C: Arrow: Top. */
.dtModal.dtTheme--c.dtModal--position-top .dtModal-arrow:before,
.dtModal.dtTheme--c.dtModal--position-top .dtModal-arrow:after {
	border-top-color: rgba(0,0,0,.9);
}
.dtModal.dtTheme--c.dtModal--position-top .dtModal-arrow:after {
	border-top-color: rgba(0,0,0,.1);
}

/* Theme: C: Arrow: Left. */
.dtModal.dtTheme--c.dtModal--position-left .dtModal-arrow:before,
.dtModal.dtTheme--c.dtModal--position-left .dtModal-arrow:after {
	border-left-color: rgba(0,0,0,.9);
}
.dtModal.dtTheme--c.dtModal--position-left .dtModal-arrow:after {
	border-left-color: rgba(0,0,0,.1);
}

/* Theme: C: Arrow: Right. */
.dtModal.dtTheme--c.dtModal--position-right .dtModal-arrow:before,
.dtModal.dtTheme--c.dtModal--position-right .dtModal-arrow:after {
	border-right-color: rgba(0,0,0,.9);
}
.dtModal.dtTheme--c.dtModal--position-right .dtModal-arrow:after {
	border-right-color: rgba(0,0,0,.1);
}

/* Theme: C: Arrow: Bottom. */
.dtModal.dtTheme--c.dtModal--position-bottom .dtModal-arrow:before,
.dtModal.dtTheme--c.dtModal--position-bottom .dtModal-arrow:after {
	border-bottom-color: rgba(0,0,0,.9);
}
.dtModal.dtModal--position-bottom .dtModal-arrow:after {
	border-bottom-color: rgba(0, 0, 0, .1);
}

/* Theme: C: Content. */
.dtModal.dtTheme--c > .dtModal-content {
	border-radius: 2px;
	background-color: rgba(0,0,0,.9);
}
.dtModal.dtTheme--c > .dtModal-content .dtModal-contentBody {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;

	max-width: 300px;

	padding: 10px;

	color: #fff;
}
.dtModal.dtTheme--c > .dtModal-content .dtModal-contentBody h2 {
	margin: 0;
	color: #ddd;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}
.dtModal.dtTheme--c > .dtModal-content .dtModal-contentBody p {
	margin: 0;
}
.dtModal.dtTheme--c > .dtModal-content .dtModal-contentBody p + p {
	margin-top: 10px;
}
.dtModal.dtTheme--c > .dtModal-content .dtModal-contentBody b {
	color: #fff;
	font-weight: 500;
}
.dtModal.dtTheme--c > .dtModal-content .dtModal-contentBody a {
	color: #fff;
	font-weight: 500;
	text-decoration: underline;
}

/* Theme: D - used for toolbarDropdown modals*/
.dtModal.dtTheme--d {
}
/* Theme: D: Arrow. */
.dtModal.dtTheme--d .dtModal-arrow:before {
	border-width: 7px;
}
.dtModal.dtTheme--d .dtModal-arrow:after {
	border-width: 7px;
}
/* Theme: D: Content. */
.dtModal.dtTheme--d > .dtModal-content {
	font-size: 12px;
	color: #fff;
	border-radius: 2px;
	background-color: rgba(25, 27, 36, 0.95);
}
/* Theme: D: Arrow: Top. */
.dtModal.dtTheme--d.dtModal--position-top .dtModal-arrow:before,
.dtModal.dtTheme--d.dtModal--position-top .dtModal-arrow:after {
	border-top-color: rgba(0,0,0,.9);
}
.dtModal.dtTheme--d.dtModal--position-top .dtModal-arrow:after {
	border-top-color: rgba(0, 0, 0, .1);
}

/* Theme: D2 - for select list in pdf markup toolbar mobile */
.dtModal.dtTheme--d2 {
}
/* Theme: D2: Content. */
.dtModal.dtTheme--d2 > .dtModal-content {
	font-size: 12px;
	color: #fff;
}
.dtModal.dtTheme--d2 > .dtModal-content .dtModal-contentHeader {
	background-color: #191b24;
	border-radius: 4px 4px 0 0;
	height: 31px;
	padding: 3px;
}
/* Theme: D2: Arrow. */
.dtModal.dtTheme--d2 .dtModal-arrow:before {
	border-width: 7px;
}
.dtModal.dtTheme--d2 .dtModal-arrow:after {
	border-width: 7px;
}
/* Theme: D2: Arrow: Top. */
.dtModal.dtTheme--d2.dtModal--position-top .dtModal-arrow:before,
.dtModal.dtTheme--d2.dtModal--position-top .dtModal-arrow:after {
	border-top-color: rgba(0,0,0,.9);
}
.dtModal.dtTheme--d2.dtModal--position-top .dtModal-arrow:after {
	border-top-color: rgba(0, 0, 0, .1);
}
.dtModal.dtTheme--d2 .dtModal-contentFooter {
	background-color: #191b24;
	border-radius: 0 0 4px 4px;
	text-align: right;
}

/**
	Theme: E
		-Slideshows
 */
.dtModal.dtTheme--e.isMobile {
	width: auto;
}

.dtModal.dtTheme--e .dtModal-content {

	width: 320px;
	border: 1px solid #ccc;
	background-color: #fff;

	box-shadow:
		0 4px 10px 0 rgba(0, 0, 0, 0.11),
		0 1px 2px 0 rgba(0, 0, 0, 0.26);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.dtModal.dtTheme--e.dtModal--isScroll .dtModal-content {
	overflow: auto;
}
.dtModal.dtTheme--e .dtModal-contentBody {

}

/*
* Theme: F.
* Search Property Editor Mobile Modal
*/
.dtModal.dtTheme--f {
	width: 100%;
}

/* Theme: V. DealPerson Selector in deal preview toolbar*/
.dtModal.dtTheme--v {
	background: #fff;
}

.dtModal.dtTheme--v > .dtModal-content{
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11),
	0 1px 2px 0 rgba(0, 0, 0, 0.26);
}

.dtModal.dtTheme--v .dtModal-contentFooter{
	padding: 0 5px 0 10px;
	text-align: right;
}
.dtModal.dtTheme--v .dtModal-contentFooter .dtButton-caption {
	font-size: 9px;
}

/*Mobile and Tablet*/
.dtModal.dtTheme--urgent {
	background-color: #fff;
}

.dtModal.dtTheme--urgent .dtModal-contentHeader {
	background-color: #ca443d;
	border-color: #ca443d;
	color: #fff;
}

.dtModal.dtTheme--urgent {
}
.dtModal.dtTheme--urgent.dtModal--isScroll .dtModal-content {
	overflow: hidden;
}

.dtModal.dtTheme--urgent.dtModal--isScroll .dtModal-contentBody {
	overflow: auto;
}

.dtModal.dtTheme--urgent > .dtModal-content {
	border: 2px solid #ca443d;
	background-color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11), 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}
.dtModal.dtTheme--urgent.dtModal--isStickyFullHeight > .dtModal-content {
	height: 100%;
}

/**
TODO: reidenzon - The follow is super garbage. What Theme.X is extreme, and showHeaderModal is inappropriate.
 */

.dtModal.isTablet.showHeaderModal {
	top: 0!important;
	right: 0!important;
	bottom: 0!important;
	left: 0!important;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.dtModal.isTablet.showHeaderModal .dtModal-content{
	border: solid 2px #2868D7;
	width: 320px;
	max-height: 240px;
}
.dtModal.isMobile.showHeaderModal .dtModal-content{
	width: 100%;
}
.dtModal.isMobile.showHeaderModal {
	top: auto!important;
	right: 0!important;
	bottom: 0!important;
	left: 0!important;
	width: 100%;
}

.dtModal.isTablet.showHeaderModal .dtSelectList.dtTheme--x .dtSelectListItemSimple {
	width: 100%;
}
.dtSelectList.dtTheme--x .dtSelectListItem-content{
	padding: 0 12px;
}
.dtSelectList.dtTheme--x .dtSelectListItemEnd {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	color: #252b33;
}
.dtModal.showHeaderModal .dtSelectList.dtTheme--x .dtSelectListItemSimple {
	height: 30px;
}
.dtModal.showHeaderModal .dtSelectList-content {
	padding-top: 10px;
	padding-bottom: 10px;
	max-height: 200px;
}
.dtModal.showHeaderModal .dtSelectList.dtTheme--x .dtSelectListItem.dtSelectListItem--isSelected {
	/*background-color: transparent;*/
}
.dtModal.showHeaderModal .dtSelectList.dtTheme--x .dtSelectListItem.dtSelectListItem--isSelected:hover {
	background-color: #2868D7;
}
.dtSelectList.dtTheme--x .dtSelectListItem:hover .dtSelectListItemEnd {
	color: #fff;
}
.dtModal.showHeaderModal.dtTheme--a .dtModal-contentHeader{
	display: block;
}
.dtSelectList.dtTheme--x .dtSelectList-content .dtSelectListItem.dtSelectListItemSimple:hover .dtSelectListItem-content .dtSelectListItem-body.dtTheme--z{
	border-color: #fff;
	background-color:#fff;
}
.dtSelectList.dtTheme--x .dtSelectList-content .dtSelectListItem.dtSelectListItem--isSelected.dtSelectListItemSimple .dtSelectListItem-content .dtSelectListItem-body.dtTheme--z{
	border-color: #fff;
	background-color:#fff;
}
.dtSelectList.dtTheme--x .dtSelectListItem.dtSelectListItem--isSelected .dtSelectListItemEnd {
	color: #fff;
}



.nodeExplorer .nodeExplorerItem--isVisible {
	display: block;
}
.nodeExplorer .nodeExplorerItem--isNotVisible {
	display: none;
}

.nodeExplorer .nodeExplorerItem--isVisualDim {
	opacity: 0.325;
}

.nodeExplorer .nodeExplorer-filter {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.nodeExplorer .nodeExplorer-filter .nodeExplorer-filter-caption {
	-webkit-flex: 0 auto;
	flex: 0 auto;
	margin-right: 20px;
}
.nodeExplorer .nodeExplorer-filter .nodeExplorer-filter-toggle {
	-webkit-flex: 1 auto;
	flex: 1 auto;
}

.nodeExplorer-itemContent {
	height: 450px;
	overflow: auto;
	font-size: 12px;
}

/** Items **/
.nodeExplorerItem {
	margin-top: 6px;
}
.nodeExplorerItem-content {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	user-select: none;
}
.nodeExplorerItem-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.nodeExplorerItem-nestedIcon {
	display: none;
	width: 	18px;
	min-width: 18px;
	height: 18px;
	margin: 0 5px 0 6px;
}
.nodeExplorerItem-body .nodeExplorerItem .nodeExplorerItem-nestedIcon {
	display: block;
}
.nodeExplorerItem-body .nodeExplorerItem:not(:first-child) .nodeExplorerItem-nestedIcon {
	visibility: hidden;
}
.nodeExplorerItem-itemContent {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 100%;
	overflow: hidden;
}
.nodeExplorerItem-check {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 3px 3px 3px 6px;
}
.nodeExplorerItem-contentData {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}
.nodeExplorerItem-contentData:hover  {
	background-color: rgba(0,0,0,0.08)
}
.nodeExplorerItem-systemItemIcon {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	margin: 0  11px 0 6px;
}
.nodeExplorerItem-systemItemTitle {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-top: 4px;
	color: #252b33;
}
.nodeExplorerItem-systemItemDocItemCount {
	margin-left: 15px;
	color: #767486;
	white-space: nowrap;
	padding-top: 4px;
}
.nodeExplorerItem-systemItemDate {
	margin-left: 15px;
	margin-right: 10px;
	color: #767486;
	white-space: nowrap;
	text-align: right;
	padding-top: 4px;
}
.nodeExplorerItem-sketch {
	height: 24px;
	width: 24px;
	min-width: 24px;
}
.nodeExplorerItem-warning {
	height: 20px;
	width: 20px;
}
.nodeExplorerItem-systemItemDocItemCount + .nodeExplorerItem-systemItemDate {
	margin-left: 10px;
	min-width: 90px;
}



/** Search **/
.nodeExplorerMobile-search {
	padding: 10px;
}
.nodeExplorerMobile-searchTriggerField {
	width: 100%;
	height: 30px;
	padding: 0 5px;
	border: 1px solid #c5cad6;
	border-radius: 4px;
	background-color: #ffffff;
	color: #666;
	font-size: 12px;
	font-weight: 400;
	line-height: 28px;
}

/** Content **/
.nodeExplorerMobile-itemContent {
	min-height: 200px;
}

.nodeExplorerMobile .nodeExplorer-filter {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding: 10px;
}
.nodeExplorerMobile .nodeExplorer-filter .nodeExplorer-filter-caption {
	-webkit-flex: 0 auto;
	flex: 0 auto;
	margin-right: 20px;
}
.nodeExplorerMobile .nodeExplorer-filter .nodeExplorer-filter-toggle {
	-webkit-flex: 1 auto;
	flex: 1 auto;
}

/** Items **/
.nodeExplorerMobile .nodeExplorerItem {
	padding: 10px;
	margin-top: 0;
}
.nodeExplorerMobile .nodeExplorerItem-content {
	-webkit-flex-direction: row;
	flex-direction: row;

	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.nodeExplorerMobile .nodeExplorerItem-contentData {
	max-width: 100%;
	overflow: hidden;
}
.nodeExplorerMobile .nodeExplorerItem-contentData:hover {
	background-color: transparent;
}
.nodeExplorerMobile .nodeExplorerItem-header {
	display: none;
}
.nodeExplorerMobile .nodeExplorerItem-check {
	margin: 3px 13px 0 4px;
}
.nodeExplorerMobile .nodeExplorerItem-systemItemIcon {
	margin: 0 11px 0 0;
}
.nodeExplorerMobile .nodeExplorerItem-systemItemTitle {
	max-width: 80%;
}
.nodeExplorerMobile .nodeExplorerItem-arrowRight {
	width: 24px;
	height: 24px;
	margin-left: auto;
}

.nodeExplorerMobile .nodeExplorerItem--isVisualDim {
	opacity: 0.325;
}
.notificationBadge {
    height: 20px;
    padding: 0 10px;
    border-radius: 10px;

    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

/* Theme A : Red */
.notificationBadge.dtTheme--a {
    color: #fff;
    background-color: #e94461;
}

.notificationBadge.notificationBadge--isHover.dtTheme--a:hover {
    background-color: #d03752;
}

/* Theme B : Green */
.notificationBadge.dtTheme--b {
    color: #fff;
    background-color: #58dbac;
}

.sourceFormPageContent {
	overflow: hidden;
}
.sourceFormPageContent-content {
	letter-spacing: normal;
	transform-origin: top left;
}

.sourceFormPageContent.sourceFormPageContentPDFImage,
.sourceFormPageContent.sourceFormPageContentImage {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.sourceFormPageContent.sourceFormPageContentPDFImage .sourceFormPageContent-content,
.sourceFormPageContent.sourceFormPageContentImage .sourceFormPageContent-content {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background: center center no-repeat;
	background-size: contain;
}
.sourceFormPageContent.sourceFormPageContentPDFImage .sourceFormPageContent-content.sourceFormPageContent-content--upper,
.sourceFormPageContent.sourceFormPageContentImage .sourceFormPageContent-content.sourceFormPageContent-content--upper {
	height: 500px;
	background-size: 100%;
	background-position: top center;
}
.sourceFormPageContent.sourceFormPageContentPDFImage .sourceFormPageContent-content.sourceFormPageContent-content--lower,
.sourceFormPageContent.sourceFormPageContentImage .sourceFormPageContent-content.sourceFormPageContent-content--lower {
	top: 500px;
	background-size: 100%;
	background-position: bottom center;
}
.peField {

}
.peField--mode-view {}
.peField--mode-editFieldSelect {}
.peField--mode-editFieldActive {}
.peField--mode-editValueSelect {}
.peField--mode-editValueActive {}

.peField .dtMovableMarkupGroup {
	display: none;
}
.peField.peField--mode-editFieldActive .dtMovableMarkupGroup {
	display: block;
}
/* Item. */
.peFieldItem {

	font-family: Metrophobic, sans-serif;
	font-weight: inherit;
	letter-spacing: initial;
	line-height: 1;
	color: #000;
}
.peFieldItem.peFieldItem--isModifyStackOrder {
	z-index: 2;
}
.peField--mode-editFieldActive .peFieldItem.peFieldItem--isModifyStackOrder {
	z-index: 12;
}
.peFieldItem.peFieldClauseItem {
	line-height: 1.4;
}

.pageExplorer .peFieldItem-debug {
	display: none;
}
.pageExplorer.pageExplorer--isDebug .peFieldItem-debug {
	display: block;
	position: absolute;

	background-color: rgba(0,0,0,.5);
	text-align: left;
}
.pageExplorer.pageExplorer--isDebug .peFieldItem-debugRequired {
	position: absolute;

	top: 0;
	left: 0;

	transform: translate(-50%, -50%);

	font-size: 24px;
	color: #D00;
}

.peFieldItem-globalTagIcon{
	position: absolute;
	width: 25px;
}

.peFieldItem-globalTagIcon--isHide {
	display: none;
}

.peFieldItem-globalTagLocation{
	position: absolute;
	width: 1px;
	height: 1px;
}
/*.peFieldItemItemEditValueActiveClause + .peFieldItemItemEditValueActiveClause {*/
	/*margin-top: 4px;*/
/*}*/

.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	border-radius: 4px 4px 0 0;
	background-color: #2868D7;

	font-size: 11px;


	height: 28px;
	line-height: 28px;

	color: #FFF;

}
.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;

    max-width: 75%;
}

.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-toolbar {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title-text {
    margin-right: 5px;
}

.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title-editIcon {
	display: inline-block;
    font-size: 18px;
}

.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title-select,
.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title-edit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    padding: 0 6px;
}

.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title-edit {
    align-items: center;
}

.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title-input {
    height: 21px;
    border: none;
	border-radius: 1px;
    padding: 0 3px;

	min-width: 222px;

	font-size: 11px;
	font-weight: 500;

    color: #fff;
	background-color: #2868D7;
}

.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-content {

	background-color: #FFF;

	margin: 1px 0 0 0;
	padding: 4px;

	border: solid 1px #2868D7;
	border-radius: 0 0 4px 4px;

	color: #000;
	line-height: 1.27;
}
.peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-content.isStrokeOut {
	text-decoration: line-through;
}

.peFieldItemItemEditValueSelectClause .peFieldItemItemEditValueSelectClause-header {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	border-radius: 4px 4px 0 0;
	background-color: #2868D7;

	font-size: 11px;
	padding: 0 0 0 6px;

	height: 28px;
	line-height: 28px;
}

.peFieldItemItemEditValueSelectClause .peFieldItemItemEditValueSelectClause-header-title {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;

	color: #fff;
}

.peFieldItemItemEditValueSelectClause .peFieldItemItemEditValueSelectClause-header-toolbar {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}

.peFieldItemItemEditValueSelectClause .peFieldItemItemEditValueSelectClause-content {

	background-color: #ADD0F3;

	margin: 1px 0 0 0;
	padding: 4px;

	border: solid 1px #2868D7;
	border-radius: 0 0 4px 4px;

	color: #000;

	line-height: 1.27;
	overflow-wrap: break-word;
}

.peFieldItemItemEditValueSelectClause .peFieldItemItemEditValueSelectClause-content.isStrokeOut {
	text-decoration: line-through;
}

.peFieldItemItemViewClause {
	position: relative;
}

.peFieldItemItemViewClause-rankChangeSymbol {
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translateY(calc(-50% - 2px));
	fill: #666;
	border-bottom: 3px solid transparent;
}

.peFieldItemItemViewClause-rankChangeSymbol svg {
	width: 24px;
	height: 24px;
}

.peFieldItemItemViewClause-rankChangeSymbol path {
	stroke: #666;
}

.pageExplorer--mode-sign .peFieldItemItemViewClause-rankChangeSymbol {
	display: none;
}

.peFieldItemViewClause--isChanged .peFieldItemItemViewClause-rankChangeSymbol svg,
.peFieldItemEditValueSelectClause--isChanged .peFieldItemItemViewClause-rankChangeSymbol svg {
	background-color: rgba(232, 68, 97, 0.15);
}

.pageExplorer--versionCreatedByCurrentParty .peFieldItemItemViewClause--isChanged .peFieldItemItemViewClause-rankChangeSymbol svg,
.pageExplorer--versionCreatedByCurrentParty .peFieldItemEditValueSelectClause--isChanged .peFieldItemItemViewClause-rankChangeSymbol svg {
	background-color: rgba(255, 255, 0, 0.5);
}

.peFieldItemViewClause--isChanged .peFieldItemItemViewClause--isChangedHighlight .peFieldItemItemViewClause-rankChangeSymbol {
	border-bottom: 3px solid #e94461;
}

.peFieldItemViewClause--isChanged .peFieldItemItemViewClause--isChangedHighlight .peFieldItemItemViewClause-rankChangeSymbol svg {
	background-color: rgba(232, 68, 97, 0.2);
}

.peFieldItemItemViewClause .peFieldItemItemViewClause-content {
	overflow-wrap: break-word;
}

.peFieldItemItemViewClause .peFieldItemItemViewClause-content.isStrokeOut {
	text-decoration: line-through;
}

.peFieldItemEditFieldActive {
	position: absolute;
	display: flex;
	align-items: center;
	background-color: rgba(227, 232, 255, 0.9);
	border: solid 1px #2868D7;
	padding-left: 8px;
	z-index: 12;
}
.peFieldItemEditFieldActive:hover {
	cursor: pointer;
}
.peFieldItemEditFieldActive-content {
	font-size: 16px;
	font-weight: 500;
	color: #2868D7;
	flex: 1;
	text-align: center;
}

.peFieldItemEditFieldActiveCheckboxCaption {
	position: absolute;
	white-space:nowrap;
	color: #575567;
	text-align: center;
}

.peFieldItemEditFieldActive .peFieldItemEditField-squareFullText {
	border-radius: 1px;
	background-color: #2868D7;
	border: solid 1px #ffffff;
	margin-left: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.peFieldItemEditFieldActive .peFieldItemEditField-squareFullTextInner {
	font-size: 10px;
	font-weight: 500;
	padding: 3px 5px;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	text-transform: uppercase;
}

/* Clause. */
.peFieldItemEditFieldActiveClause-isHasContent {
	align-items: flex-start;
}


/* Text. */

/* Checkbox. */


/* Draw */
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--draw-checkmark,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--draw-rect,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--draw-rect-crossed-out,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--draw-oval,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--draw-arc{
	background-color: transparent;
	border-style: none;
}

.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--draw-checkmark .dtMovableMarkupFrame,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--draw-rect .dtMovableMarkupFrame,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--draw-rect-crossed-out .dtMovableMarkupFrame,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--draw-oval .dtMovableMarkupFrame,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--draw-arc .dtMovableMarkupFrame{
	border: 1px dashed #2868D7;
}



.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw .dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--top::after,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw .dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--bottom::after,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw .dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--left::after,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw .dtMovableMarkupFrame-anchor.dtMovableMarkupFrame-anchor--right::after{
	height:7px;
	width:7px;
}


.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw  .dtMovableMarkupFrame-anchor--top-left::after,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw  .dtMovableMarkupFrame-anchor--top-right::after,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw  .dtMovableMarkupFrame-anchor--bottom-left::after,
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw  .dtMovableMarkupFrame-anchor--bottom-right::after{
	height:10px;
	width: 10px;
}

.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw {
	padding-left: 0;
}
.peFieldItemEditFieldActive.peFieldItemEditFieldActiveDraw.peFieldItemEditFieldActiveDraw--line {
	background-color: transparent;
	border: none;
}
.peFieldItemEditFieldSelect {

}
.peFieldItemEditFieldSelect {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	padding-left: 8px;
	position: absolute;
	border: solid 1px transparent;
}
.peFieldItemEditFieldSelect.peFieldItemEditFieldSelect--isModifyStackOrder {
	z-index: 3;
}
.peFieldItemEditFieldSelect.peFieldItemEditFieldSelect--isFieldEditable:hover {
	background-color: rgba(246, 246, 248, 0.7);
	border: solid 1px #767486;
}
.peFieldItemEditFieldSelect.peFieldItemEditFieldSelect-move {

	background-color: transparent;
	border: none;
}

.peFieldItemEditFieldSelect.peFieldItemEditFieldSelect-move canvas {
	visibility: hidden;
}

.peFieldItemEditFieldSelect.peFieldItemEditFieldSelect-move:hover canvas {
	visibility: visible;
}

.peFieldItemEditFieldSelect.peFieldItemEditFieldSelect-move:hover {
	background-color: rgba(227, 232, 255, 0.9);
	border: solid 1px #2868D7;
}

.peFieldItemEditFieldSelect.peFieldItemEditFieldSelect-move:hover .peFieldItemEditFieldSelect-content,
.peFieldItemEditFieldSelect.peFieldItemEditFieldSelect-move:hover .movableMarkup {
	visibility: visible;
}

.peFieldItemEditFieldSelect.peFieldItemEditFieldSelectDraw {
	background-color: transparent;
	border: none;
}
.peFieldItemEditFieldSelect:hover {
	cursor: pointer;
}
.peFieldItemEditFieldSelect-content {
	color: #767486;
	font-size: 10px;
	flex: 1;
}

.peFieldItemEditFieldSelect .peFieldItemEditField-squareFullText {
	border-radius: 1px;
	background-color: #9c9cac;
	border: solid 1px #ffffff;
	margin-left: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.peFieldItemEditFieldSelect .peFieldItemEditField-squareFullTextInner {
	font-size: 10px;
	font-weight: 500;
	padding: 3px 5px;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	text-transform: uppercase;
}
.peFieldItemEditFieldSelect-top {
	position: absolute;
	white-space:nowrap;
	color: #575567;
	display: none;
}
.peField.peField--mode-editFieldSelect .peFieldItemEditFieldSelect-top,
.peField.peField--mode-editFieldActive .peFieldItemEditFieldSelect-top{
	display: block;
}
/* Clause. */
.peFieldItemEditFieldSelectClause-isHasContent{
	align-items: flex-start;
}

/* Text. */

/* Checkbox. */

/* Tag list */
.peFieldItemEditValueSelectTagList-contentInputContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	border: 1px solid #729BE9;
	background-color: rgba(0,0,0,.05);
}
.peFieldItemEditValueSelectTagList-content.peFieldItemEditValueSelectTagList--isWaitingPromise .peFieldItemEditValueSelectTagList-contentInputContainer {
	background-color: #f8f8f8;
	border: 1px solid #d6d6dd;
}

.peFieldItemEditValueSelectTagList-contentInput {
	display: block;

	-webkit-flex: 1;
	flex: 1;

	background-color: transparent;

	border: none;
	outline: none;

	font-family: inherit;
	font-weight: inherit;

	letter-spacing: inherit;
	line-height: 1;

	color: inherit;

	width: auto;
	max-width: 100%;

	text-align: inherit;

	margin: 0;
	padding: 0;
}
.peFieldItemEditValueActive {

}

/* Radio. */
.peFieldItemEditValueActiveCheckbox {
	position: absolute;
}

.peFieldItemEditValueActiveCheckbox.peFieldItemEditValueActiveCheckbox--isHidden {
	visibility: hidden;
}

.peFieldItemEditValueActiveCheckbox-content {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.peFieldItemViewCheckbox-content:before {

}
.peFieldItemEditValueActiveCheckbox .dtCheckbox:focus {
	background-color: rgba(90, 143, 201, 0.32);
}

/* TagList. */
.peFieldItemEditValueActiveTagList {
	position: absolute;
}
.peFieldItemEditValueActiveTagList-content {
	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	/* TODO: reidenzon - Maybe use em instead of px. */
	margin-left: -1px;
	margin-right: -1px;
	margin-bottom: -2px;
	z-index: 1;
}
.peFieldItemEditValueActiveTagList-contentInputContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	border: 1px solid #729BE9;
	background-color: #E5EDF7;
}
.peFieldItemEditValueActiveTagList-content.peFieldItemEditValueActiveTagList--isWaitingPromise .peFieldItemEditValueActiveTagList-contentInputContainer {
	background-color: #f8f8f8;
	border: 1px solid #d6d6dd;
}
.peFieldItemEditValueActiveTagList-contentTagList:not(:empty) {
	padding: 2px;
}
.peFieldItemEditValueActiveTagList-contentInput {
	display: block;

	-webkit-flex: 1;
	flex: 1;

	background-color: transparent;

	border: none;
	outline: none;

	font-family: inherit;
	font-weight: inherit;

	letter-spacing: inherit;
	line-height: 1;

	color: inherit;

	width: auto;
	max-width: 100%;

	text-align: inherit;

	margin: 0;
	padding: 0;
}

/* Text. */
.peFieldItemEditValueActiveText {
	position: absolute;
}
.peFieldItemEditValueActiveText-content {
	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	/* TODO: reidenzon - Maybe use em instead of px. */
	margin-left: -1px;
	margin-right: -1px;
	margin-bottom: -2px;
	z-index: 1;
}

.peFieldItemEditValueActiveText-content.peFieldItemEditValueActiveText-content--fieldOffset {
	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	margin-left: 0;
	margin-right: 0;
	margin-bottom: -1px;
	z-index: 1;
}

.peFieldItemEditValueActiveText-contentToolbar, .peFieldItemEditValueActiveTextArea-contentToolbar {
	position: absolute;

	bottom: 100%;
	right: 0;
}
.peFieldItemEditValueActiveText-contentInputContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	border: 1px solid #729BE9;
	background-color: #E5EDF7;
}

.peFieldItemEditValueActiveText-content.peFieldItemEditValueActiveText--isWaitingPromise .peFieldItemEditValueActiveText-contentInputContainer {
	background-color: #f8f8f8;
	border: 1px solid #d6d6dd;
}

.peFieldItemEditValueActiveText.peFieldItemEditValueActiveText--isWarning .peFieldItemEditValueActiveText-contentInputContainer {
	border: 1px #e94461;
	border-style: dashed dashed solid dashed;
	background-color: rgba(232, 68, 96, 0.1);
}
.peFieldItemEditValueActiveText-contentInput {
	display: block;

	-webkit-flex: 1;
	flex: 1;

	background-color: transparent;

	border: none;
	outline: none;

	font-family: inherit;
	font-weight: inherit;

	letter-spacing: inherit;
	line-height: 1;

	color: inherit;

	width: auto;
	max-width: 100%;

	text-align: inherit;

	margin: 0;
	padding: 0;
}

.peFieldItemEditValueActiveText-contentElement {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	align-items: center;
	padding-left: 8px;
}
.peFieldItemEditValueActiveText-contentInput-pdf-markup {
	padding-left: 8px;
	color: #767486;
}
.peFieldItemEditValueActiveText-content.peFieldItemEditValueActiveText--isWaitingPromise .dtToolbar .dtToolbarItem.dtTheme--i {
	background-color: #e5e6e7;
	color: #ffffff;
}
/*Textarea*/
.peFieldItemEditValueActiveTextArea.peFieldItemEditValueActiveTextArea--isPositionAbsolute {
	position: absolute;
}

.peFieldItemEditValueActiveTextArea.peFieldItemEditValueActiveTextArea--isPositionAbsolute .peFieldItemEditValueActiveTextArea-contentInputContainer {
	border: 1px solid #729BE9;
	background-color: #E5EDF7;
}
.peFieldItemEditValueActiveTextArea.peFieldItemEditValueActiveTextArea--isPositionAbsolute .peFieldItemEditValueActiveTextArea-contentToolbar {
	margin-top: -28px;
}
.peFieldItemEditValueActiveTextArea.peFieldItemEditValueActiveTextArea--isPositionAbsolute.peFieldItemEditValueActiveTextArea--isTrueTextArea .peFieldItemEditValueActiveTextArea-contentToolbar {
	margin-top: inherit;
}
.peFieldItemEditValueActiveTextArea.peFieldItemEditValueActiveTextArea--isTrueTextArea .peFieldItemEditValueActiveTextArea-contentInput {
	overflow: hidden;
	font-family: Metrophobic, sans-serif;
}
.peFieldItemEditValueActiveTextArea.peFieldItemEditValueActiveTextArea--isPositionAbsolute .peFieldItemEditValueActiveTextArea-contentInput {
	border: none;
	background-color: transparent;
	resize: none;
}
.peFieldItemEditValueActiveClause {
	position: absolute;

	padding: 4px;
	border: 1px solid #729BE9;

	background-color: #E5EDF7;
	z-index: 1;
}
.peFieldItemEditValueActiveClause--isDraggingItemOverContentArea {
	border: 2px solid #58dbac;
}
.peFieldItemEditValueActiveClause--isNotDraggingItemOverContentArea {
}
.peFieldItemEditValueActiveClause-content {
	height: 100%;
}
.peFieldItemEditValueActiveClause-contentToolbar {
    position: absolute;
    bottom: 100%;
    right: 0;
	margin-bottom: 2px;
}
.peFieldItemEditValueActiveClause-contentItems {
	/*overflow-y: scroll;*/
}
.peFieldItemEditValueSelect {

}

/* Checkbox. */
.peFieldItemEditValueSelectCheckbox {
	position: absolute;
}
.peFieldItemEditValueSelectCheckbox-content {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.peFieldItemEditValueSelectCheckbox.peFieldItemEditValueSelectCheckbox--isChanged:before {
	position: absolute;
	display: block;
	content: '';

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	margin: -2px;

	background-color: rgba(232, 68, 97, 0.15);
}
.pageExplorer--versionCreatedByCurrentParty .peFieldItemEditValueSelectCheckbox.peFieldItemEditValueSelectCheckbox--isChanged:before {
	background-color: rgba(255,255,0,.5);
}
.peFieldItemEditValueSelectCheckbox.peFieldItemEditValueSelectCheckbox--isEnabled:hover .peFieldItemEditValueSelectCheckbox-content,
.peFieldItemEditValueActiveCheckbox:hover .peFieldItemEditValueActiveCheckbox-content {
	background-color: rgba(90, 143, 201, 0.32);
}

.peFieldItemEditValueSelectCheckbox.peFieldItemEditValueSelectCheckbox--isHidden {
	visibility: hidden;
}
.peFieldItemEditValueSelectCheckbox .dtCheckbox:focus,
.peFieldItemEditValueActiveCheckbox .dtCheckbox:focus{
	background-color: rgba(90, 143, 201, 0.32);
}

/* Meridiem. */
.peFieldItemEditValueSelectMeridiem {
	position: absolute;
}
.peFieldItemEditValueSelectMeridiem.peFieldItemEditValueSelectMeridiem--isChanged:before {
	position: absolute;
	display: block;
	content: '';

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	margin: -2px;

	background-color: rgba(232, 68, 97, 0.15);
}
.pageExplorer--versionCreatedByCurrentParty .peFieldItemEditValueSelectMeridiem.peFieldItemEditValueSelectMeridiem--isChanged:before {
	background-color: rgba(255,255,0,.5);
}
.peFieldItemEditValueSelectMeridiem-content {
	position: absolute;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	border-radius: 50%;
	overflow: hidden;
}
.peField:hover .peFieldItemEditValueSelectMeridiem.peFieldItemEditValueSelectMeridiem--isEnabled .peFieldItemEditValueSelectMeridiem-content {
	background-color: rgba(90, 143, 201, 0.32);
}
.peFieldItemEditValueSelectMeridiem-contentIndicator {
	display: none;

	-webkit-flex: 1;
	flex: 1;

	-webkit-align-items: center;
	align-items: center;

	color: #fff;
	background-color: #2868D7;
}
.peFieldItemEditValueSelectMeridiem.peFieldItemEditValueSelectMeridiem--isSelected .peFieldItemEditValueSelectMeridiem-contentIndicator {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.peFieldItemEditValueSelectMeridiem .peFieldItemEditValueSelectMeridiem-contentIndicatorText {
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	font-weight: 500;
	font-size: 12px;
}

/* Text. */
.peFieldItemEditValueSelectText {
	position: absolute;
}
.peFieldItemEditValueSelectText-content {
	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	background-color: rgba(0,0,0,.05);
}

.peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isWarning .peFieldItemEditValueSelectText-content {
	border: 1px #e94461;
	border-style: dashed dashed solid dashed;
	background-color: rgba(232, 68, 96, 0.1);
}

.peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isChanged .peFieldItemEditValueSelectText-content {
	background-color: rgba(232, 68, 97, 0.15);
}

.pageExplorer--versionCreatedByCurrentParty .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isChanged .peFieldItemEditValueSelectText-content {
	background-color: rgba(255,255, 0, .5);
}

.peField:hover .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isEnabled .peFieldItemEditValueSelectText-content {
	background-color: rgba(90, 143, 201, 0.32);
}
.peFieldItemEditValueSelectText-contentValue {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTrueTextArea .peFieldItemEditValueSelectText-contentValue {
	top: 0;
	word-wrap: break-word;
}

.peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isStringSplitLite .peFieldItemEditValueSelectText-contentValue {
	/* Trusting multi-line split result over the browser*/
	white-space: nowrap;
}

.peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isPlaceholder .peFieldItemEditValueSelectText-contentValue {
	color: #2868D7;
	font-style: italic;
	text-shadow: -1px 0 0 #ffffff;
}

/* Draw */
.peFieldItemEditValueSelectDraw {
	position: absolute;
}
.peFieldItemEditValueSelectDraw-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/** Tag List **/
.peFieldItemEditValueSelectTagList.peFieldItemEditValueSelectTagList--isChanged .peFieldItemEditValueSelectTagList-contentInputContainer {
	background-color: rgba(232, 68, 97, 0.15);
}

.pageExplorer--versionCreatedByCurrentParty .peFieldItemEditValueSelectTagList.peFieldItemEditValueSelectTagList--isChanged .peFieldItemEditValueSelectTagList-contentInputContainer {
	background-color: rgba(255,255, 0, .5);
}
.peFieldItemEditValueSelectClause {
	position: absolute;

	padding: 5px;

	color: #fff;
	background-color: rgba(0,0,0,.05);
}

.peField:hover .peFieldItemEditValueSelectClause {
	background-color: rgba(90, 143, 201, 0.32);
}
.peField:hover .peFieldItemEditValueSelectClause--deactivated {
	background-color: rgba(0,0,0,.05);
}
.peFieldItemEditValueSelectImage {
	position: absolute;
	color: #fff;
	background-color: rgba(0,0,0,.05);
}

.peField:hover .peFieldItemEditValueSelectImage {
	background-color: rgba(90, 143, 201, 0.32);
}

.peFieldItemEditValueSelectImage-contentValue {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.peFieldItemView {

}
/* Clause. */
.peFieldItemViewClause {
	position: absolute;

	/** TODO: reidenzon - Get rid of padding. */
	padding: 5px;
}

.peFieldItemViewClause-content {

}
.peFieldItemViewClause-contentItems {

}
/* Clause: Item. */
.peFieldItemItemViewClause {
	/*font-family: Arial, sans-serif;*/
	font-weight: 400;
	letter-spacing: initial;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	color: #000;
	padding-bottom: 10px;
}

.peFieldItem.peFieldClauseItem .dtChangeIndicator {
	display: inline;
}

.peFieldItem.peFieldClauseItem .peFieldItemViewClause.peFieldItemViewClause--isChanged .dtChangeIndicator {
	background-color: rgba(232, 68, 97, 0.15);
}

.peFieldItem.peFieldClauseItem .peFieldItemViewClause.peFieldItemViewClause--isChanged .peFieldItemItemViewClause--isChangedHighlight .dtChangeIndicator,
.peFieldItem.peFieldClauseItem .peFieldItemViewClause.peFieldItemViewClause--isChangedHighlight .peFieldItemItemViewClause--isChangedHighlight .dtChangeIndicator {
	background-color: rgba(232, 68, 97, 0.2);
	border-bottom: 3px solid #e94461;
	display: inline;
}

/* Clause: Image. */
.peFieldItemViewImage {
	position: absolute;
}

.peFieldItemViewImage-content {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

/* Clause: Image Upload */
.peFieldItemViewImage.peFieldItemViewImage--isChanged .peFieldItemViewImage-content:after,
.peFieldItemViewImage.peFieldItemViewImage--isChanged .peFieldItemViewImage-content:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.peFieldItemViewImage.peFieldItemViewImage--isChanged .peFieldItemViewImage-content:after {
	background-color: rgba(232, 68, 97, 0.15);
}

.peFieldItemViewImage.peFieldItemView--isChangedHighlight .peFieldItemViewImage-content:after {
	background-color: rgba(232, 68, 97, 0.2);
	border: 1px solid #e94461;
}

/* Meridiem. */
.peFieldItemViewMeridiem {
	position: absolute;
}
.peFieldItemViewMeridiem-content {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.peFieldItemViewMeridiem.peFieldItemViewMeridiem--isChanged .peFieldItemViewMeridiem-content {
	background-color: rgba(232, 68, 97, 0.15);
}
.peFieldItemViewMeridiem.peFieldItemView--isChangedHighlight .peFieldItemViewMeridiem-content {
	background-color: rgba(232, 68, 97, 0.5);
}
.peFieldItemViewMeridiem.peFieldItemViewMeridiem--isSelected .peFieldItemViewMeridiem-content {
	border-radius: 100%;
	border: 2px solid #000;
}
.pageExplorer--mode-editFields .peFieldItemViewMeridiem.peFieldItemViewMeridiem--isChanged .peFieldItemViewMeridiem-content {
	background-color: rgba(255,255,0,.5);
}

/* Text. */
.peFieldItemViewText {
	position: absolute;
}
.peFieldItemViewText-content {
	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;
}

.peFieldItemViewText-contentValue {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.peFieldItemViewText.peFieldItemViewText--isTrueTextArea .peFieldItemViewText-content,
.peFieldItemViewText.peFieldItemViewText--isTrueTextArea .peFieldItemViewText-contentValue {
	top: 0;
	word-break: break-word;
}

/* For people view, do not apply the patch in DTU-8029 */
.peopleExplorerFieldset .peFieldItemViewText .peFieldItemViewText-contentValue {
	position: relative;
}

.peFieldItemViewText-content.peFieldItemViewText-content-pdf-markup .peFieldItemViewText-contentValue {
	position: relative;
}
.peFieldItemViewText.peFieldItemViewText--isStringSplitLite .peFieldItemViewText-contentValue {
	/* Trusting multi-line split result over the browser*/
	white-space: nowrap;
}

.peFieldItemViewText-content-pdf-markup {
	display: flex;
	align-items: center;
	color: #767486;
}
.peFieldItemViewText-content.peFieldItemViewText-content-pdf-markup {
	position: static;
}
.peFieldItemViewText.peFieldItemViewText--isChanged .peFieldItemViewText-content {
	background-color: rgba(232, 68, 97, 0.15);
}
.peFieldItemViewText.peFieldItemView--isChangedHighlight .peFieldItemViewText-content {
	background-color: rgba(232, 68, 97, 0.5);
	border-bottom: 3px solid #e94461;
}

/* View Fields in Page Explorer Edit Fields mode */
.pageExplorer--mode-editFields .peFieldItemViewText.peFieldItemViewText--isChanged .peFieldItemViewText-content {
	background-color: rgba(255,255,0,.5);
}

.pageExplorer--mode-editFields .peFieldItemViewText.peFieldItemView--isChangedHighlight .peFieldItemViewText-content {
	background-color: transparent;
	border-bottom: none;
}

/* Checkbox. */
.peFieldItemViewCheckbox {
	position: absolute;
}
.peFieldItemViewCheckbox.peFieldItemViewCheckbox--isChanged:before {
	position: absolute;
	display: block;
	content: '';

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	margin: -2px;

	background-color: rgba(232, 68, 97, 0.15);
}
.peFieldItemViewCheckbox.peFieldItemView--isChangedHighlight:before {
	background-color: rgba(232, 68, 97, 0.5);
}
.peFieldItemViewCheckbox-content {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* Radio. */
.peFieldItemViewRadio {
	position: absolute;
}
.peFieldItemViewRadio.peFieldItemViewRadio--isChanged:before {
	position: absolute;
	display: block;
	content: '';

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	margin: -2px;

	background-color: rgba(232, 68, 97, 0.15);
}
.peFieldItemViewRadio.peFieldItemView--isChangedHighlight:before {
	background-color: rgba(232, 68, 97, 0.5);
}
.peFieldItemViewRadio-content {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* Draw. */
.peFieldItemValueActiveDraw {
	position: absolute;
}

.peFieldItemValueActiveDraw-content {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.peFieldItemViewDraw,
.peFieldItemViewLogo {
	position: absolute;
}

.peFieldItemViewDraw-content,
.peFieldItemViewLogo-content {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.peFieldItemViewLogo-content {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
/** Tag list. */
.peFieldItemViewTagList-contentInputContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	border: 1px solid #729BE9;
	background-color: #FFFFFF;
}
.peFieldItemViewTagList-content.peFieldItemViewTagList--isWaitingPromise .peFieldItemViewTagList-contentInputContainer {
	background-color: #f8f8f8;
	border: 1px solid #d6d6dd;
}

.peFieldItemViewTagList-contentInput {
	display: block;

	-webkit-flex: 1;
	flex: 1;

	background-color: transparent;

	border: none;
	outline: none;

	font-family: inherit;
	font-weight: inherit;

	letter-spacing: inherit;
	line-height: 1;

	color: inherit;

	width: auto;
	max-width: 100%;

	text-align: inherit;

	margin: 0;
	padding: 0;
}

.peFieldItemEditViewTagList.peFieldItemEditViewTagList--isChanged .peFieldItemEditViewTagList-contentInputContainer {
	background-color: rgba(232, 68, 97, 0.15);
}

.pageExplorer--versionCreatedByCurrentParty .peFieldItemEditViewTagList.peFieldItemEditViewTagList--isChanged .peFieldItemEditViewTagListList-contentInputContainer {
	background-color: rgba(255,255, 0, .5);
}

.peField.peFieldButton{

}

.fieldExplorerFieldset-content .peField .peFieldItem.peFieldButtonItem{
	background-color: transparent;
	border: none;
}

.fieldExplorerFieldset-content .peField .peFieldItem.peFieldButtonItem:hover,
.fieldExplorerFieldset-content .peField .peFieldItem.peFieldButtonItem:focus{
	background-color: transparent;
	border:none;
}

.pageExplorer.pageExplorer--isDebug .peField.peFieldButton .peFieldItem-debug {
	background-color: rgba(250,100,0,1)
}

.peField.peFieldCheckbox {

}
.peFieldItem.peFieldCheckboxItem {

}
.pageExplorer.pageExplorer--isDebug .peField.peFieldCheckbox .peFieldItem-debug {
	background-color: rgba(250,100,0,1)
}
.peField.peFieldCheckboxList {

}
.peFieldItem.peFieldCheckboxListItem {

}
.pageExplorer.pageExplorer--isDebug .peField.peFieldCheckboxList .peFieldItem-debug {
	background-color: rgba(250,100,0,1)
}
.peField.peFieldClause {

}
.peFieldItem.peFieldClauseItem {

}

.peFieldItemItem.peFieldClauseItemItem + .peFieldItemItem.peFieldClauseItemItem {
    margin-top: 4px;
}

.pageExplorer.pageExplorer--isDebug .peField.peFieldClause .peFieldItem-debug {
	background-color: rgba(250,225,175,1);
}

.peFieldItem.peFieldClauseItem .dtStrike {
	display: inline;
	text-decoration: line-through;
}

.peFieldItem.peFieldClauseItem .peFieldItemEditValueSelectClause--isChanged .dtChangeIndicator {
	display: inline;
	background-color: rgba(232, 68, 97, 0.15);
}

.pageExplorer--versionCreatedByCurrentParty .peFieldItem.peFieldClauseItem .peFieldItemEditValueSelectClause--isChanged .dtChangeIndicator {
	background-color: rgba(255,255,0,.5);
}

/* Stylings for deleted clause change tracking */

.peFieldItemItem.peFieldClauseItemItem + .peFieldItemItem.peFieldClauseItemItem.peFieldClauseItemItem--isDeleted {
	margin-top: 0;
}

.pageExplorer--mode-sign .peFieldItemItem.peFieldClauseItemItem--isDeleted,
.peFieldItemViewClause:not(.peFieldItemViewClause--isChanged) .peFieldItemItem.peFieldClauseItemItem--isDeleted,
.peFieldItemEditValueSelectClause:not(.peFieldItemEditValueSelectClause--isChanged) .peFieldItemItem.peFieldClauseItemItem--isDeleted {
	display: none; /* Hide in signing mode, hide if clause field not changed */
}

.peFieldItemItem.peFieldClauseItemItem--isDeleted + .peFieldItemItem.peFieldClauseItemItem.peFieldClauseItemItem--isDeleted .dtChangeIndicator {
	/* Visually hide excess adjacent elements, but keep them around for change highlighting */
	background-color: transparent;
	color: transparent;
}

.peFieldItemItem.peFieldClauseItemItem--isDeleted .peFieldItemItemViewClause {
	height: 0;
	padding-bottom: 0;
	text-align: center;
}

.peFieldItemItem.peFieldClauseItemItem--isDeleted .dtChangeIndicator {
	position: relative;
	top: -10px;
	font-size: 10px;
}

.peFieldItemItem.peFieldClauseItemItem--isDeleted .dtChangeIndicator::after {
	content: '< CLAUSE(S) DELETED >';
}

.peField.peFieldDate {
	text-align: center;
}
.peFieldItem.peFieldDateItem {

}
.pageExplorer.pageExplorer--isDebug .peField.peFieldDate .peFieldItem-debug {
	background-color: rgba(200,250,200,1);
}
.peField.peFieldImage {

}
.peFieldItem.peFieldImageItem {

}

/* TODO: reidenzon - Enable as needed for Images or exposde --isEnabled class to work with */
.pageExplorer.pageExplorer--isDebug .peField.peFieldImage .peFieldItem-debug {
	display: none;
	background-color: rgba(250,175,175,1)
}
.peFieldItemWarning {
	position: absolute;
	display: none;
}

.peFieldItemWarning.peFieldItemWarning--isWarning.peFieldItemWarning--isAlignLeft {
	left: 0;
	top: 0;
	border: none;
	position: relative;
}
.peFieldItemWarning.peFieldItemWarning--isWarning {
	display: block;
	font-size: 9px;
}
.peFieldItemWarning-content {
	color: #e94461;
	top: 3px;
	left: 0;
	bottom: 0;
	height: 15px;
	background-color: rgba(255,255,255,1);
	white-space: nowrap;
	position: absolute;
	padding: 0px 10px 0px 0px;
}

.peFieldItemWarning.peFieldItemWarning--isWarning.peFieldItemWarning--isAlignLeft .peFieldItemWarning-content {
	text-align: left;
}
.peField.peFieldLocation {

}
.peFieldItem.peFieldLocationItem {
}
.pageExplorer.pageExplorer--isDebug .peField.peFieldLocation .peFieldItem-debug {
	background-color: rgba(250,225,150,1)
}
.peField.peFieldNumber {

}
.peFieldItem.peFieldNumberItem {

}
.pageExplorer.pageExplorer--isDebug .peField.peFieldNumber .peFieldItem-debug {
	background-color: rgba(250,200,200,1);
}
.peField.peFieldPeople {

}

.peFieldItem.peFieldPeopleItem {

}

.pageExplorer.pageExplorer--isDebug .peField.peFieldPeople .peFieldItem-debug {
	background-color: rgba(200,150,250,1)
}
.peField.peFieldRadio {

}
.peFieldItem.peFieldRadioItem {

}
.pageExplorer.pageExplorer--isDebug .peField.peFieldRadio .peFieldItem-debug {
	background-color: rgba(250,200,0,1)
}
.peField.peFieldSelect {

}
.peFieldItem.peFieldSelectItem {

}
.pageExplorer.pageExplorer--isDebug .peField.peFieldSelect .peFieldItem-debug {
	background-color: rgba(175,225,250,1);
}

.peField.peFieldString {

}
.peFieldItem.peFieldStringItem {

}
.pageExplorer.pageExplorer--isDebug .peField.peFieldString .peFieldItem-debug {
	background-color: rgba(200,200,250,1);
}
.peField.peFieldTelephone {

}
.peFieldItem.peFieldTelephoneItem {

}
.pageExplorer.pageExplorer--isDebug .peField.peFieldTelephone .peFieldItem-debug {
	background-color: rgba(250,200,250,1);
}
/**
 * Class style related to
 * -- dt.controls.PageExplorerFieldTextbox
 * -- dt.controls.PageExplorerFieldTextboxItem
 */

.peFieldTextbox {}

.peFieldTextboxItem {
	display: inline-block;
	position: absolute;
}
.peFieldTextboxItem.peFieldTextboxItem--isModifyStackOrder {
	z-index: 3;
}
.peField--mode-editValueActive .peFieldTextboxItem.peFieldTextboxItem--isModifyStackOrder {
	z-index: 12;
}
/* Edit field select*/
.peFieldTextbox.peField--mode-editFieldSelect .TextBox {
	border: solid 1px transparent;
}
.peFieldTextbox.peField--mode-editFieldSelect .peFieldTextboxItem.peFieldTextboxItem--isFieldEditable .TextBox--isAssignedCurrentDealPerson:hover {
	border: solid 1px #767486;
	background-color: rgba(247, 246, 248, 0.7);
}

/**
	Agent styles when creating fields.
 */
.peFieldTextbox.peField--mode-editFieldSelect .peFieldTextboxItem.peFieldTextboxItem--isFieldEditable .TextBox--isNotAssignedCurrentDealPerson,
.peFieldTextbox.peField--mode-editFieldSelect .peFieldTextboxItem.peFieldTextboxItem--isValueEmpty .TextBox--isNotAssignedCurrentDealPerson {
	border: solid 1px #e94461;
	background-color: rgba(255, 242, 244, 0.9);
}

.peFieldTextbox.peField--mode-editFieldSelect .dtTextBoxEmpty .dtTextBoxEmpty-contentSymbol .dtSs--A2 g,
.peFieldTextbox.peField--mode-editFieldSelect .dtTextBoxEmpty .dtTextBoxEmpty-contentSymbol .dtSs--A2 path {
	stroke: #e94461;
}

.peFieldTextbox.peField--mode-editFieldSelect .TextBox--isEmpty .dtTextBoxEmpty--isNotAssignedCurrentPerson .dtTextBoxEmpty-contentAssigneeRoleName {
	color: #e94461;
}

/**	Disabled Client styles */
.peFieldTextbox.peField--mode-editFieldSelect .peFieldTextboxItem.peFieldTextboxItem--isValueEmpty .TextBox--isClient.TextBox--isNotAssignedCurrentDealPerson {
	border: solid 1px var(--disabled-light);
	background-color: var(--disabled);
}

.peFieldTextbox.peField--mode-editFieldSelect .peFieldTextboxItem.peFieldTextboxItem--isFieldEditable.peFieldTextboxItem--isNotValueEmpty .TextBox--isClient.TextBox--isNotAssignedCurrentDealPerson {
	background-color: transparent;
	border: solid 1px transparent;
}

.peFieldTextbox.peField--mode-editFieldSelect .TextBox.TextBox--isClient.TextBox--isNotAssignedCurrentDealPerson .dtTextBoxEmpty-contentSymbol .dtSs--A2 g,
.peFieldTextbox.peField--mode-editFieldSelect .TextBox.TextBox--isClient.TextBox--isNotAssignedCurrentDealPerson .dtTextBoxEmpty-contentSymbol .dtSs--A2 path {
	stroke: var(--disabled-text);
}

.peFieldTextbox.peField--mode-editFieldSelect .peFieldTextboxItem.peFieldTextboxItem--isValueEmpty .TextBox--isClient.TextBox--isEmpty .dtTextBoxEmpty--isNotAssignedCurrentPerson .dtTextBoxEmpty-contentAssigneeRoleName {
	color: var(--disabled-text);
}

/* Field mode EFA and EVA */
.peFieldTextbox.peField--mode-editFieldActive .TextBox,
.peFieldTextbox.peField--mode-editValueActive .TextBox {
	background-color: rgba(227, 232, 255, 0.5);
	border: solid 1px #729BE9;
}
.peFieldTextbox.peField--mode-editFieldSelect .peFieldTextboxItem.peFieldTextboxItem--isValueEmpty .TextBox--isEnabled.TextBox--isAssignedCurrentDealPerson {
	/*TODO: change this*/
	background-color: rgba(40, 104, 215, 0.5);
	border: solid 1px #2868D7;
}

.peFieldTextbox.peField--mode-editFieldSelect .peFieldTextboxItem.peFieldTextboxItem--isValueEmpty .TextBox--isEnabled.TextBox--isAssignedCurrentDealPerson .dtTextBoxEmpty-contentFillHere {
	color: #fff;
}

.peFieldTextbox.peField--mode-editFieldActive .peFieldTextboxItem.peFieldTextboxItem--isValueEmpty .TextBox--isEnabled.TextBox--isAssignedCurrentDealPerson .dtTextBoxEmpty-contentFillHere,
.peFieldTextbox.peField--mode-editFieldActive .peFieldTextboxItem .TextBox-content {
	color: #2868D7;
}

.peFieldTextbox.peField--mode-editFieldActive .dtTextBoxEmpty--isNotAssignedCurrentPerson .dtTextBoxEmpty-contentAssigneeRoleName {
	color: #2868D7;
}
.peFieldTextbox.peField--mode-editFieldActive .dtTextBoxEmpty .dtTextBoxEmpty-contentSymbol .dtSs--A2 g,
.peFieldTextbox.peField--mode-editFieldActive .dtTextBoxEmpty .dtTextBoxEmpty-contentSymbol .dtSs--A2 path {
	stroke: #2868D7;
}

.pageExplorerFieldInfo {

	position: fixed;

	top: 0;
	left: 0;

	width: 800px;
}
.pageExplorerFieldInfo-content {
	margin: 20px;

	background: #fff;
	padding: 10px;

	overflow: auto;

	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11),
		0 1px 2px 0 rgba(0, 0, 0, 0.26);
}
.pageExplorer {
	position: absolute;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 100%;

	background-color: #efefef;
}
.pageExplorer.pageExplorer--zoom-fit {

}
.pageExplorer.pageExplorer--zoom-normal {

}
.pageExplorer-contentWrapper {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;

	width: 100%;
	height: 100%;
}

/* Header. */
.pageExplorer-contentHeader {

}
.pageExplorer-contentHeaderInner {
	position: relative;
}

/* Content. */
.pageExplorer-contentScroll {
	-webkit-overflow-scrolling: touch;
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 100%;

	max-height: 100%;

	overflow: auto;
}

.pageExplorer.pageExplorer--isContentScrollBlockerIOS {
	z-index: 4001;
}

.pageExplorer.pageExplorer--isContentScrollBlockerIOS .pageExplorer-contentScrollBlocker {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}

.pageExplorer .pageExplorer-contentScrollBlocker {
	position: absolute;
	width: 100%;
	z-index: 4000;
}

.pageExplorer.pageExplorer--zoom-normal .pageExplorer-content {
	position: absolute;

	top: 0;
	left: 0;

	min-width: 100%;
}

/* Content: Items. */
.pageExplorer-contentItems {

}

.pageExplorer-contentItems .pageExplorer-dealNavigation {

	text-align: center;

	max-width: 890px;
	height: 23px;

	margin: 35px auto 55px auto;
	border-bottom: 1px dashed #bcbcc8;
}

/* When PDF Markup sidebar shows up */
body:not(.dtTouch) .pageExplorer.pageExplorer--isSidebarShown .pageExplorer-content {
	margin-right: -180px;
}
.dtRoot.dtGrid--ml .pageExplorer-contentItems .pageExplorer-dealNavigation {
    height: 20px;
    margin: 30px auto 48px;
    border-bottom-width: 2px;
}
.dtRoot.dtGrid--sm .pageExplorer-contentItems .pageExplorer-dealNavigation {
	height: 15px;
	margin: 20px auto 35px;
	border-bottom-width: 1px;
}

/* Form. */
.pageExplorer-contentHeader,
.pageExplorerForm,
.pageExplorerForm-offerVisual {
	margin-left: 50px;
	margin-right: 50px;
}
.pageExplorer.dtGrid--ml .pageExplorer-contentHeader,
.pageExplorer.dtGrid--ml .pageExplorerForm,
.pageExplorer.dtGrid--ml .pageExplorerForm-offerVisual {
    margin-left: 21px;
    margin-right: 21px;
}

.pageExplorer.dtGrid--sm .pageExplorer-contentHeader,
.pageExplorer.dtGrid--sm .pageExplorerForm,
.pageExplorer.dtGrid--sm .pageExplorerForm-offerVisual {
    margin-left: 10px;
    margin-right: 10px;
}

.pageExplorerForm {
}
.pageExplorerForm:first-of-type {
	padding-top: 50px;
}

.dtRoot.dtGrid--sm .pageExplorerForm:first-of-type {
	padding-top: 20px;
}

.pageExplorerForm:last-of-type {
	padding-bottom: 50px;
}

.dtRoot.dtGrid--sm .pageExplorerForm:last-of-type {
	padding-bottom: 20px;
}

.pageExplorerForm + .pageExplorerForm {
	margin-top: 40px;
	border-top: 1px dashed rgba(0,0,0,.3);
	padding-top: 40px;
}
.pageExplorerForm-content {

}

/* Page. */
.pageExplorerPage {

}
.pageExplorerPage + .pageExplorerPage {
	padding-top: 20px;
}
.pageExplorerPage-content {
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.07);
}
.pageExplorer-contentHeaderInner,
.pageExplorerPage-content {
	position: relative;

	max-width: 1780px; /* 200% */
	/* Not sure if it's good to disable this? but on mobile even 50% is too large */
	/*min-width: 445px;  !* 50% *!*/
	width: 890px;
	margin: 0 auto;
}
.pageExplorer.pageExplorer--zoom-fit .pageExplorer-contentHeaderInner,
.pageExplorer.pageExplorer--zoom-fit .pageExplorerPage-content {
	width: 100%;
}
.pageExplorer.pageExplorer--zoom-normal .pageExplorer-contentHeaderInner {
	width: auto;
}

/* Source Type. */
.pageExplorerPage-sourceTypeContainer {
	position: absolute;
	top: 0;
	right: 100%;
}


.dtTouch .pageExplorerPage-sourceTypeContainer {
	display: none;
}

/* Page. */
.pageExplorerPage-page {
	position: relative;
	background-color: #fff;
}
.pageExplorerPage .pageExplorerPage-repeatableButtonsContainer {
	display: flex;
	justify-content: center;
	padding-top: 10px;
}

.pageExplorerPage-highlighter {
	position: absolute;
	background-color: var(--highlight);
	height: 100%;
	width: 100%;
	z-index: var(--z-index-highlight-element);
}

.pageExplorerForm--sourceType-dynamic .pageExplorerPage.pageExplorerPage--isSelected .pageExplorerPage-page {
	box-shadow: -4px 0 0 0 #2868D7;
}
.pageExplorerForm--sourceType-smart .pageExplorerPage.pageExplorerPage--isSelected .pageExplorerPage-page {
	box-shadow: -4px 0 0 0 #2868D7;
}
.pageExplorerPage-pageSpacer {
	width: 100%;
	display: block;
}
.pageExplorerPage-pageImage,
.pageExplorerPage-pageFields,
.pageExplorerPage-pageCanvas,
.pageExplorerPage-pageSelection,
.pageExplorerPage-pageSetup {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.pageExplorerPage-pageImage {

}

/* Layer: Fields. */
.pageExplorerPage-pageFields {

}

/* Layer: Watermark */
.pageExplorerPage .pageExplorerPage-pageWatermark  {
	pointer-events: none;
	width: 100%;
	height: 100%;
}

.pageExplorer.pageExplorer--mode-editFieldSelect .pageExplorerPage-pageFields {
	/*background-color: rgba(0,0,0,.5);*/
}
.pageExplorerPage-pageFieldsSizer {
	position: absolute;

	transform-origin: top left;
	-webkit-transform-origin: top left;

	top: 0;
	left: 0;
	width: 0;
	height: 0;

	z-index: 5;
}

/* Layer: Canvas. */
.pageExplorerPage-pageCanvas {
	display: none;
}
.pageExplorer.pageExplorer--mode-scribble .pageExplorerPage-pageCanvas {
	display: block;
	z-index: 5;
}
.pageExplorer.pageExplorer--mode-scribble.pageExplorer--isDebug .pageExplorerPage-pageCanvas {
	background-color: rgba(100,100,200,.2);
}

/* Layer: Selection. */
.pageExplorerPage-pageSelection {
	display: none;
	z-index: 6;
}
.pageExplorer.pageExplorer--mode-editFieldSettings .pageExplorerPage-pageSelection {
	display: block;
}
.pageExplorer.pageExplorer--mode-editFieldSelect .pageExplorerPage-pageSelection {
	z-index: 0;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 890px;
	height: 1152px;
}
.pageExplorer.pageExplorer--mode-editFieldSelect .pageExplorerPage-pageSelection.pageExplorerPage-pageSelection--isOnMarkupElementPlacing {
	z-index: 10;
	/*please keep for debugging purpose*/
	/*background-color: rgba(0, 0, 0, 0.2);*/
	left: -10px;
	top: -10px;
	right: 10px;
	bottom: 10px;
}
/* Layer: Setup. */
.pageExplorerPage-pageSetup {

}
.pageExplorerPage-pageSetup:hover {
	background-color: rgba(255,255,255, .5);
}
.pageExplorerForm.pageExplorerForm--isSetupNot .pageExplorerPage-pageSetup {
	display: block;
}
.pageExplorerForm.pageExplorerForm--isSetup .pageExplorerPage-pageSetup {
	display: none;
}

.pageExplorerForm--sourceType-dynamic .pageExplorerPage-pageFields .peFieldItemViewText-content{
	background-color: rgba(0,0,0,.0);
}


/* Styles apply while in PDF-Markup create new element mode. */
.pageExplorerPage-pageSelection[data-icon="textbox"] {
	cursor: none;
}

.pageExplorerPage-pageSelection[data-icon="checkbox"] {
	cursor: none;
}

.pageExplorerPage-pageSelection[data-icon="draw-checkmark"] {
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEVSURBVFiF7dhNKwVRGMDx38VFpuTlA1hYsJKFr2GvbOyU8lV02VFWFpLyTWyUkpXs2NMtisXM1A2HmbnzctX86+kszjnP8286bw3/lEmcNC2REuGlygJjVSbPSysTopUJ0cqEGCmZlCv0M8RHxnHHRSQ6SdvF+B9jIzxiMUPe9yRyMZG0b0n8Rirbz1skKyO1ZlqZEK3MAF2sF5lYxePqAJdFJpYts4kH2c6tb0zhoiSRZTxho6R8hZnGNfaaFiG+t8r6wkOxhXvMNi2yIl4nhbZymUS4xU4dxeZxjrlA/xlO6xAhfhf1xLtk4UvfLm4wU5dMSGgNz1itU+QnoSXcYbsJkUGhQ7ziqEmRlA72xb9RWobmE+pLNO/rvYe1AAAAAElFTkSuQmCC'),
	pointer;
}
.pageExplorerPage-pageSelection[data-icon="draw-line"] {
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAPpJREFUWAntlLEKwjAQhi9V8CEcfAWDOBURHHX0OR3rKIh06pCOXR18C23NVYUbmrQil1a4TMel5L5+CT/Avy49jytO9ojz8G/PFhiXMTEjZlwGXH15My4zCjc4ktXkaX22a/DPfQ5oCiVvhtqgtZihNmgtZqgNWosZaoPWgzLDG9n0txtqreMEKtiCgqMx6W7c8E241gtkaoFuOLS3a9J6M7NGCgRRoBKE6eWalnq1fkB5GEG0z8zljCC4gsO4QILD+ECCwrSBBIPpAhIEpisIwrDlzCfQ7lAWAJNFZk5XHOhbbDDvZK0DzeTtIAjJF3o24mmg+YwMcu8JsDBRrP+MWswAAAAASUVORK5CYII='),
	pointer;
}
.pageExplorerPage-pageSelection[data-icon="draw-oval"] {
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAYFJREFUWAntV0tKA0EQreroJgcQ7xBhzEBWQRAkN3DnUgRP4CE8gSBZZucNgiBIVoFJAnoH8QBuNF32685AQ6YZRQoidMMwRVVR9ebVZ2aI/uvpHw9FE7vRDP7b2BlMirHMTGYmxUBKn3smxQzDoLFZF8uZj51K/Ge9BugYVO6ZmI1YzszEbMRyZiZmI5YzMzEbsbxTzOiu7M1jl+XJFVm5dF/zPahc0lcyPK6q5/uYGVUwg8Hp4frrc+ISdq3QHZGsQnIuDNO1kz86e/sX8/nTG/SqZQIQIXlZW3vOTFNmfg8XTaHztgDWY1QD40sDRqzcGmO2/regg82h6G58FZlxPYLSNAHxNKAsAITyOV/o1JgJzVr3SJ2+6S6rurHVwDSlbdOpgfHjS1y0AXCDXgRfxTJhj2B8rbXJ9QGbH3HnC9BJx/Ynavco+8NHjG/TRHkghm+Y+KhazM4QTa1MCI6FhmQdYx5EaCQiB+GiEXTe5nzgi6PKTEhB9NPXQe2/E/dvDPOBpGiELxUAAAAASUVORK5CYII='),
	pointer;
}
.pageExplorerPage-pageSelection[data-icon="draw-rect"] {
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAALBJREFUWAntlcEJhTAQRHfld/GbMGc78NerHXiOTVhHNIIwl4EvshBhvDhswmZ8WUaztz6pH0qk9y6y+d3eMsOIiYzIMAKsrplhZLwuRCRrXpezNzv4cT3CNJrSzCAN1CKDNFCLDNJALTJIA3VTZMIiO6VhsmIjfjnVbnPOy+9DNzxdqEbcvn+1KbbVfU1dk8ywqxMZkWEEWF0zw8jEJfAR8cfv4ExWdvhVd/Pp0s28d+8XFBKt+jyTAAAAAElFTkSuQmCC'),
	pointer;
}
.pageExplorerPage-pageSelection[data-icon="draw-freehand"] {
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAhZJREFUWAntlz1IHEEUx9+bvQ/BIvaCsbTz9vaEA09USKqIKEogGFIEAgZE0EKLWJytRGIZSW0h10QMRDBBQ1QUk9MuTZoI6SxUED1v9728EY8swnJ+zamw0+zM2915//nNf9/uAtzXZiea2aR2ZXLyy84digkiFpIJyQQRCIpj0Al/PJ1uXywcnzwqxeJVsS/r60uPS+OKHnWx8zdTxS+iV3WVycvds7W9eiHql6ZaUTLl1GmPJO3Mf8/E44vl7jF+vtzWXFdAWIGDCIZkQjJBBILid8ozZkp20NLP4ul0W33huLgRQfV0c+v7t9Llt0KmWCiOAvBXlymXTGa6b1UMMXYAqnkrAn1MPG3bLf1a0Olbu6TM1NFxWtuJvFkErmaGfVQ4xURvpf9OIX4mpgHJ/d64mJTd0ut5bg6Qe+UP8AcgNoqQOQScIIIXwHD0oCaa0iCMGlg+yNCxM78Y1ZhS3gF7MHjiFl9HozEbGSby26sN/t0wSsZx2jKyXAFCa+ThX504asWmxLzDQqjOL0T3zT5N5D1nwBnmSK0k39EJPcYP4pWEdP/osb8ZE5PNZhUDdyngXQR3AYmHhFKtZVG1+OWjiBvxC9F963zgpsaHe5xioE7ZoycK4Q0j1ItPJsWmPfI0PcvnVz6dz2XMM4TuS0n8UAT8JubxUxrKepX/ubyCKNFKN6muHU2J1ia9ZZXOfe18/wAE8cHTG5boHwAAAABJRU5ErkJggg=='),
	default;
}
.pageExplorerPage-pageSelection[data-icon="signature"] {
	cursor: none;
}
.pageExplorerPage-pageSelection[data-icon="initials"] {
	cursor: none;
}
.pageExplorerPage-pageSelection[data-icon="date"] {
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAARRJREFUWAntVUEOgkAMbIFf+AlNuOkBf+CLDPoiL3rFA96M8gl/IdQtcZMGWKLRxpiUS7uzTWcYyi7Avz6z6Zw0tUeazd/tbWJCjpkz5kzIgRBuMxNyBnlD42S9Vqe2d4j4Y1xDtBRlMyPdkLk5I92QuTkj3ZC5OSPdkHkiFxp5mi6yuqZlHGNxPpdH5hjCGFc7sj0hEKwRMCegnCOT+pyjU7D1QtVmpr5TgYRNS47U46EnxjVcy3W9Iga/9VyqcpNglDEhR14PYZ5P7TO5S5VdebU/uVs+0hxgNyIw8W89GgluvK8ppuWPiFZjQhrEnd9XFyPJPGkoqosxZ0LWmzM9ZxAO7txvf9neXgdwZ8C+A/1++QCn7GX7hYBGPQAAAABJRU5ErkJggg=='),
	pointer;
}

.pageExplorerHeader {
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;

	margin: 0 100px;

	z-index: 10;
}
.pageExplorer.dtGrid--sm .pageExplorerHeader {
	margin: 0;
}
.pageExplorerHeader-content {
	padding: 0 20px;

	line-height: 2;
	font-size: 13px;

	text-align: center;
	max-width: 100%;

	background-color: #2868D7;
	color: #fff;
}
.pageExplorerHeader-name {

}
.pePageNumber {
	position: absolute;
	white-space: nowrap;
	background-color: #fff;
}
.pageExplorer-dealPeopleBanner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.pageExplorer-dealPeopleBanner .pageExplorer-dealPeopleBannerContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	background-color: #E4EAF4;
	border: 2px solid #2868D7;
	margin: 10px 0;
	padding: 5px 0;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 95%;
	max-width: 95%;
}

.pageExplorer-dealPeopleBanner .pageExplorer-dealPeopleBannerRepHeader {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0 10px;
}

.dtGrid--md .pageExplorer-dealPeopleBannerContent .pageExplorer-dealPeopleBannerRepHeader {
	text-align: center;
}
.pageExplorer-dealPeopleBanner .pageExplorer-dealPeopleBannerRepHeaderContent {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;

	margin-bottom: 5px;
	margin-right: 5px;
}
.dtGrid--md .pageExplorer-dealPeopleBannerContent .pageExplorer-dealPeopleBannerRepHeaderContent {
	display: block;
	margin-right: 0;
	margin-bottom: 0;
}

.pageExplorer-dealPeopleBanner .pageExplorer-dealPeopleBannerRepresent {
	color: rgb(118, 116, 134);
	font-size: 14px;
	margin-right: 5px;
}
.pageExplorer-dealPeopleBanner .pageExplorer-dealPeopleBannerRepresent b {
	font-weight: 700;
}
.dtGrid--md .pageExplorer-dealPeopleBannerContent .pageExplorer-dealPeopleBannerRepresent {
	margin-bottom: 0;
	margin-right: 0;
}
.pageExplorer-dealPeopleBannerRepHeaderContent .dtButton .dtButton-caption {
	font-weight: 700;
}

.pageExplorer-dealPeopleBanner .pageExplorer-dealPeopleBannerContentRoles {
	margin-bottom: 5px;
	text-align: center;
	padding: 0 5px;
}

.pageExplorer-dealPeopleBanner .pageExplorer-dealPeopleRoleItem {
	display: inline-block;
	padding: 5px;
	margin-left: 10px;
	width: 270px;
	max-height: 60px;
	vertical-align: top;
	text-align: left;
}
.pageExplorer-dealPeopleBanner .pageExplorer-dealPeopleRoleItemHeader {
	color: #767486;
	font-size: 14px;
	text-align: center;
	letter-spacing: normal;
}

.pageExplorer-dealPeopleBanner .pageExplorer-dealPeopleRoleItemPeople {
	font-weight: 700;
	font-size: 14px;
	text-align: center;
}

.pageExplorer-dealPeopleBanner .pageExplorer-dealPeopleBannerFooterContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.pageExplorerToolbar {
	position: absolute;

	margin-top: 50px;

	top: 0;
	right: 0;

	z-index: 15;
}
.pageExplorerToolbar.pageExplorerToolbar--isExpanded {
	z-index: 2500;
}
.pageExplorerToolbar.pageExplorerToolbar--isModalOpen {
	z-index: 2501;
}

.pageExplorerToolbar.pageExplorerToolbar--isNotModalOpen {
}
.pageExplorerToolbar-content {
	margin: -10px;
}
.pageExplorerToolbar-toolbar {

}
/* Form source type indicator/label */

.sourceFormTypeIndicator {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform-origin: bottom right;
	-webkit-transform-origin: bottom right;
}

.sourceFormTypeIndicator-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height: 40px;
	color: #fff;
	padding: 0 10px 0px 13px;
	background: rgba(0,0,0,.1);
}

.sourceFormTypeIndicator-caption {
	-webkit-flex: 1;
	flex: 1 auto;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2px;
}

.sourceFormTypeIndicator-iconInfo {
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
	stroke-width: 1.5px;
	margin: 6px 0px 5px 7px;
	width: 26px;
	height: 26px;
}

/* Theme: Smart. */
.sourceFormTypeIndicator.sourceFormTypeIndicator--smart .sourceFormTypeIndicator-content {
	background-color: #2868D7;
}

/* Theme: Dynamic. */
.sourceFormTypeIndicator.sourceFormTypeIndicator--dynamic .sourceFormTypeIndicator-content {
    background-color: #2868D7;
}

.sourceFormTypeIndicator.dt--isClickable:hover .sourceFormTypeIndicator-content {
    background-color: rgba(40, 104, 215, 0.7);
}
/*
This stylesheet should override PageExplorer as needed.
 */

.fieldExplorer.pageExplorer {

}

.fieldExplorer.pageExplorer .pageExplorerPage + .pageExplorerPage{
	padding-top:0;
}

.fieldExplorer.pageExplorer .pageExplorerPage-content{
	box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.07)
}

/* Page. */
.fieldExplorer.pageExplorer .pageExplorerPage-pageFields{
    position:absolute;
}

.fieldExplorer.pageExplorer .pageExplorerForm--sourceType-smart .pageExplorerPage.pageExplorerPage--isSelected .pageExplorerPage-page{
    box-shadow: none;
}

.fieldExplorer.pageExplorer .pageExplorerPage-pageFieldsSizer {
	position: relative;
	height: initial;
    padding: 0px 80px 60px;
	width:auto;
}

.fieldExplorer.pageExplorer .pageExplorerPage--isFirst .pageExplorerPage-pageFieldsSizer{
    padding: 60px 80px;
}

.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .pageExplorerPage-pageFieldsSizer{
    padding: 0px 25px 20px;
}

.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .pageExplorerPage--isFirst .pageExplorerPage-pageFieldsSizer{
    padding: 20px 25px;
}


/* PAGE HEADER */
.fieldExplorer.pageExplorer .dtFieldExplorer-pageNumber{
    color: #252b33;
    border-bottom:2px solid #729BE9;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.22;
    padding-bottom:10px;
    margin:60px 0 20px;
}

.fieldExplorer.pageExplorer .dtFieldExplorer-pageNumber:first-of-type{
    margin:0 0 20px;
}

/* No Editable Fields */
.fieldExplorer.pageExplorer .dtFieldExplorer-pageNoFieldsLabel{
    color:#767486;
    margin:0 auto 20px;
    text-align: center;
}

.fieldExplorer.pageExplorer .peField {
    max-width: 100%;
}

.dtPageApplication-body.isMobile  .fieldExplorer.pageExplorer .fieldExplorerFieldset .fieldExplorerFieldset-caption{
    font-size:12px;
}

/* Resetting Fields From Absolute. */
.fieldExplorer.pageExplorer .peFieldItem-debug,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox-content .dtCheckbox.dtCheckbox--isFit,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox-content .dtCheckbox.dtCheckbox--isFit,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectClause,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectMeridiem,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectMeridiem-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTextArea,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTextArea-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTextArea-contentValue,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-contentValue,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveText,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-content,
.fieldExplorer.pageExplorer .peFieldItemViewTagList,
.fieldExplorer.pageExplorer .peFieldItemViewTagList-content,
.fieldExplorer.pageExplorer .peFieldItemViewSelectTagList,
.fieldExplorer.pageExplorer .peFieldItemViewSelectTagList-content,
.fieldExplorer.pageExplorer .peFieldItemViewText,
.fieldExplorer.pageExplorer .peFieldItemViewText-content,
.fieldExplorer.pageExplorer .peFieldItemViewCheckbox,
.fieldExplorer.pageExplorer .peFieldItemViewCheckbox-content,
.fieldExplorer.pageExplorer .peFieldItemViewCheckbox-content .dtCheckbox.dtCheckbox--isFit,
.fieldExplorer.pageExplorer .peFieldItemViewRadio-content,
.fieldExplorer.pageExplorer .peFieldItemViewRadio,
.fieldExplorer.pageExplorer .peFieldItemViewRadio-content .dtCheckbox.dtCheckbox--isFit,
.fieldExplorer.pageExplorer .peFieldItemWarning,
.fieldExplorer.pageExplorer .peFieldItemWarning .peFieldItemWarning-content,
.fieldExplorer.pageExplorer .peFieldItem.peFieldImageItem,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveClause,
.fieldExplorer.pageExplorer .peFieldItemViewClause,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectImage,
.fieldExplorer.pageExplorer .peFieldItemViewImage{
	position: relative;
}

/* HOVERS and BORDERS */
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectClause,
.fieldExplorer.pageExplorer .peFieldItemViewClause,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectImage-content,
.fieldExplorer.pageExplorer .peFieldItemViewText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-contentInput,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInput,
.fieldExplorer.pageExplorer .fieldExplorerFieldset--isDisabled .peFieldItemEditValueSelectText:hover .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .fieldExplorerFieldset--isDisabled .peFieldClause:hover .peFieldItemEditValueSelectClause,
.fieldExplorer.pageExplorer .peFieldItemViewImage{
    border: 1px solid #d6d6dd;
}

.fieldExplorer.pageExplorer .peFieldItemViewTagList-contentTagList {
    line-height: 1.7;
}

.fieldExplorer.pageExplorer .peFieldItemViewTagList-content {
    border: 1px solid #CCCCCC;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText:hover .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-contentInput:hover,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInput:hover,
.fieldExplorer.pageExplorer .peFieldClause:hover .peFieldItemEditValueSelectClause{
    border-color: #729BE9;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveText-contentInput,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentInput,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTextArea-content{
    border: 1px solid #729BE9;
}

.fieldExplorer.pageExplorer .peFieldItemViewTagList-contentInput {
    /*Need to change color*/
    border: 1px solid #729BE9;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveText-contentInputContainer,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentInputContainer,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer,
.fieldExplorer.pageExplorer .peFieldItemViewTagList-contentInputContainer {
    border: none;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTrueTextArea .peFieldItemEditValueSelectText-background {
    display: none;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer:hover .peFieldItemEditValueSelectTagList-contentTagList:not(:empty),
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer:hover .peFieldItemEditValueSelectText-contentInput,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer:hover .peFieldItemEditValueSelectTagList-contentInput,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer:hover {
    border-color: #729BE9;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveText--isWarning .peFieldItemEditValueActiveText-contentInput,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText--isWarning .peFieldItemEditValueSelectText-content{
    border: 1px #e94461;
    border-style: dashed dashed solid dashed;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isWarning:hover .peFieldItemEditValueSelectText-content{
    border-color: #e94461;
}

.fieldExplorer.pageExplorer .fieldExplorerFieldset--isDisabled  .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .fieldExplorerFieldset--isDisabled  .peFieldItemEditValueSelectClause {
    background-color: rgba(0, 0, 0, 0);
}

.fieldExplorer.pageExplorer .peField:hover .peFieldItemEditValueSelectText .peFieldItemEditValueSelectText-content {
    background-color: rgba(0,0,0,.05);
}

.fieldExplorer.pageExplorer .fieldExplorerFieldset--isDisabled .peField:hover .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .fieldExplorerFieldset--isDisabled .peField:hover .peFieldItemEditValueSelectClause {
    background-color: rgba(0, 0, 0, 0);
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-content,
.fieldExplorer.pageExplorer .peFieldItemViewTagList-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveText-content{
    margin:0;
}

/** Do not force text into field item under field view*/
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isStringSplitLite .peFieldItemEditValueSelectText-contentValue,
.fieldExplorer.pageExplorer .peFieldItemViewText.peFieldItemViewText--isStringSplitLite .peFieldItemViewText-content {
	white-space: normal;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentTagList:not(:empty),
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentTagList:not(:empty){
    border: 1px solid;
    border-right:0;
    padding:1px;
}
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentTagList:not(:empty) {
    border-color:#729BE9;
}
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentTagList:not(:empty) {
    border-color: #d6d6dd;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentTagList:not(:empty),
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentTagList:not(:empty),
.fieldExplorer.pageExplorer .peFieldItemViewTagList-contentTagList:not(:empty) {
    border-right:0;
    padding: 1px;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentTagList:not(:empty) + .peFieldItemEditValueActiveTagList-contentInput,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentTagList:not(:empty) + .peFieldItemEditValueSelectTagList-contentInput,
.fieldExplorer.pageExplorer .peFieldItemViewTagList-contentTagList:not(:empty) + .peFieldItemViewTagList-contentInput {
    border-left:0;
}

/* CHECKBOXES */
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox-content .dtCheckbox,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox-content .dtCheckbox,
.fieldExplorer.pageExplorer .peFieldItemViewCheckbox,
.fieldExplorer.pageExplorer .peFieldItemViewCheckbox-content,
.fieldExplorer.pageExplorer .peFieldItemViewCheckbox-content .dtCheckbox,
.fieldExplorer.pageExplorer .peFieldItemViewRadio-content,
.fieldExplorer.pageExplorer .peFieldItemViewRadio,
.fieldExplorer.pageExplorer .peFieldItemViewRadio-content .dtCheckbox{
    height: 20px;
    width: 20px;
}


/* RADIO / CHECKBOX LIST LABELS - This places the labels to the right of the checkboxes */
.fieldExplorer.pageExplorer .peFieldItem.peFieldRadioItem .peFieldItem-subControl,
.fieldExplorer.pageExplorer .peFieldItem.peFieldCheckboxListItem .peFieldItem-subControl{
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin:5px 0;
}

.fieldExplorer.pageExplorer .peFieldItem.peFieldRadioItem .peFieldItem-subControl .radioItemLabel,
.fieldExplorer.pageExplorer .peFieldItem.peFieldCheckboxListItem .peFieldItem-subControl .peFieldCheckboxListItem-label{
    color: #767486;
    font-size:10px;
    margin-left:10px;
}


 /*STRING FIELDS - This keeps them the same height to avoid that jump */
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-contentInputContainer,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveText,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveText-contentInputContainer,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentTagList,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentInputContainer,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentTagList,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer,
.fieldExplorer.pageExplorer .peFieldItemViewTagList,
.fieldExplorer.pageExplorer .peFieldItemViewTagList-contentTagList,
.fieldExplorer.pageExplorer .peFieldItemViewTagList-contentInputContainer,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectClause,
.fieldExplorer.pageExplorer .peFieldItemViewText-content{
    height:28px;
}

.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectText,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-contentInputContainer,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueActiveText,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueActiveText-content,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueActiveText-contentInputContainer,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList--isEmpty.peFieldItemEditValueActiveTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewTagList--isEmpty .peFieldItemEditValueActiveTagList-contentTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewTagList--isEmpty .peFieldItemEditValueActiveTagList-contentInputContainer,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList--isEmpty.peFieldItemEditValueSelectTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList--isEmpty .peFieldItemEditValueSelectTagList-contentTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList--isEmpty .peFieldItemEditValueSelectTagList-contentInputContainer,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewTagList--isEmpty.peFieldItemViewTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewTagList--isEmpty .peFieldItemViewTagList-contentTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewTagList--isEmpty .peFieldItemViewTagList-contentInputContainer,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectClause,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewText-content{
    height:34px;
}

.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList--isNotEmpty.peFieldItemEditValueSelectTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList.peFieldItemEditValueActiveTagList--isNotEmpty .peFieldItemEditValueActiveTagList-contentTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList.peFieldItemEditValueActiveTagList--isNotEmpty .peFieldItemEditValueActiveTagList-contentInputContainer,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList--isNotEmpty.peFieldItemEditValueSelectTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList.peFieldItemEditValueSelectTagList--isNotEmpty .peFieldItemEditValueSelectTagList-contentTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList.peFieldItemEditValueSelectTagList--isNotEmpty .peFieldItemEditValueSelectTagList-contentInputContainer,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewTagList--isNotEmpty.peFieldItemEditValueSelectTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewTagList.peFieldItemViewTagList--isNotEmpty .peFieldItemViewTagList-contentTagList,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewTagList.peFieldItemViewTagList--isNotEmpty .peFieldItemViewTagList-contentInputContainer{
    height: inherit;
}

/* CLAUSE FIELDS */
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemItemEditValueSelectClause-header-title{
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.fieldExplorer.pageExplorer .peFieldItemViewClause{
    min-height:28px;
}

.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewClause{
    min-height:34px;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .peFieldItemViewText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveText-contentInput,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentInput,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInput,
.fieldExplorer.pageExplorer .peFieldItemViewTagList-contentInput{
    padding-left:7px;
}

.fieldExplorer.pageExplorer .dtMeasureText{
    padding-left: 7px;
    border: 1px solid transparent;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .peFieldItemViewText-content{
    -webkit-align-items: center;
    align-items:center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText-content .peFieldItemEditValueSelectText-contentValue,
.fieldExplorer.pageExplorer .peFieldItemViewText-content .peFieldItemEditValueSelectText-contentValue {
	overflow-wrap: break-word;
}

.dtPageApplication-body.isMobile  .fieldExplorer.pageExplorer .peFieldItemEditValueActiveClause .itemExplorer-footer{
    height: auto;
    flex-direction: column;
}

/* On View Mode, this is always height 0 */
.fieldExplorer.pageExplorer .peFieldItemViewImage-content{
    height: 590px;
    position: initial;
}

.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title{
    max-width: 60%;
}

.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title-input{
    min-width: 110px;
}

/* CHILD ELEMENTS - Below */
.fieldExplorer.pageExplorer .peField--hasChildren.peField--children-below .peField-subFields > .fieldExplorerFieldset,
.fieldExplorer.pageExplorer .peField--hasChildren.peField--children-below .peFieldItem-subFields > .fieldExplorerFieldset{
    margin: 10px 0 10px 20px;
}

/* CHILD ELEMENTS - Adjacent  */
.fieldExplorer.pageExplorer .peField--hasChildren.peField--children-adjacent{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.fieldExplorer.pageExplorer .peField--hasChildren.peField--children-adjacent .peField-subFields > .fieldExplorerFieldset,
.fieldExplorer.pageExplorer .peField--hasChildren.peField--children-adjacent .peFieldItem-subFields > .fieldExplorerFieldset{
    margin: 0 0 10px 20px;
}

/* TEXTAREA */
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewText.peFieldItemViewText--isTextArea,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea,
.fieldExplorer.pageExplorer .peFieldItemViewText.peFieldItemViewText--isTextArea{
    height:auto;
    min-height:inherit;
}

.fieldExplorer.pageExplorer .peFieldItemViewText.peFieldItemViewText--isTextArea .peFieldItemViewText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea .peFieldItemEditValueSelectText-content{
    height: auto;
    min-height:28px;
}

.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemViewText.peFieldItemViewText--isTextArea .peFieldItemViewText-content,
.dtPageApplication-body.isMobile .fieldExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea .peFieldItemEditValueSelectText-content{
    height:auto;
    min-height:34px;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea .peFieldItemViewText-content{
    display: block;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea .peFieldItemEditValueSelectText-content,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTextArea .peFieldItemEditValueActiveTextArea-contentInputContainer{
    padding: 6px 7px;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTextArea{
    position:relative;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTextArea .peFieldItemEditValueActiveTextArea-contentInput{
    border: none;
    box-sizing: border-box;
    font-family: Metrophobic, sans-serif;
    font-size:14px;
    font-weight: inherit;
    height: 14px;
    letter-spacing:initial;
    line-height: inherit;
    overflow: hidden;
    padding:0;
    resize:none;
    width: 100%;
}

.dtPageApplication-body.isMobile  .fieldExplorer.pageExplorer .peFieldItemEditValueActiveTextArea .peFieldItemEditValueActiveTextArea-contentInput{
    height: 20px;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTextArea .peFieldItemEditValueActiveTextArea-contentInputContainer,
.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTextArea .peFieldItemEditValueActiveTextArea-contentInput{
    background: #E5EDF7;
    display: block;
}

.fieldExplorer.pageExplorer .peFieldItemEditValueActiveTextArea-contentToolbar{
    position: absolute;
    right:0;
    top: -28px;
}

.fieldExplorer.pageExplorer .fieldExplorerFieldset{
    margin: 20px 0;
}

.fieldExplorer.pageExplorer .fieldExplorerFieldset .fieldExplorerFieldset-caption{
    color: #767486;
    font-size:10px;
    letter-spacing: normal;
    margin-bottom:3px;
}

.fieldExplorer.pageExplorer .fieldExplorerFieldset .fieldExplorerFieldset-content--hasTextRelative{
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.fieldExplorer.pageExplorer .fieldExplorerFieldset .fieldExplorerFieldset-content--hasTextRelative .peField{
    -webkit-flex: 1;
    flex: 1;
}

.fieldExplorer.pageExplorer .fieldExplorerFieldset-contentTextRelative.fieldExplorerFieldset-contentTextRelative--text-right{
    margin-left:10px;
}

/* Section. */

.fieldExplorer.pageExplorer .dtFieldExplorer-fieldExplorerSection{
    margin: 10px 0;
}

.fieldExplorer.pageExplorer .dtFieldExplorer-fieldExplorerSection .fieldExplorerSection-headerCaption {
    font-size: 14px;
    font-weight: 500;
    color: #3e3d45;
    padding-bottom: 5px;
    border-bottom: 2px solid #76748d;
}


.fieldExplorer.pageExplorer .dtFieldExplorer-fieldExplorerInlineSectionContainer{
    -webkit-align-items: flex-end;
    align-items:flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fieldExplorer.pageExplorer .dtFieldExplorer-fieldExplorerInlineSectionContainer > .fieldExplorerFieldset{
    -webkit-flex: 1 1 150px;
    flex: 1 1 150px;
    margin:10px 15px 10px 0;
}

.fieldExplorer.pageExplorer .dtFieldExplorer-fieldExplorerInlineSectionContainer > .fieldExplorerFieldset:last-of-type{
    margin: 10px 0;
}

/* This weirdness fixes an issue where the input would expand when clicked into :( */
.fieldExplorer.pageExplorer .dtFieldExplorer-fieldExplorerInlineSectionContainer .peFieldItemEditValueActiveText-contentInput{
    width:0px;
}

/*
This stylesheet should override PageExplorer as needed.
 */

.peopleExplorer.pageExplorer {
	position: relative;
	height: initial;
}
.peopleExplorer.pageExplorer .pageExplorer-contentScroll {
}
.peopleExplorer.pageExplorer .pageExplorerPage-content {
	box-shadow: none;
	background-color: #fff;
}

/* From. */
.peopleExplorer.pageExplorer .pageExplorerForm {
}

/* Page. */
.peopleExplorer.pageExplorer .pageExplorerPage + .pageExplorerPage {
	padding: 0;
}
.peopleExplorer.pageExplorer .pageExplorerPage-pageFields {
	position: relative;
}
.peopleExplorer.pageExplorer .pageExplorerPage-pageFieldsSizer {
	position: relative;
	height: initial;
	width: auto;
	padding: 0 40px;
}

.peopleExplorer.pageExplorer .pageExplorerPage-pageFieldsSizerMsg {
    color: #2868D7;
    font-size: 12px;
}
.dtGrid--ss.peopleExplorer.pageExplorer .pageExplorerPage-pageFieldsSizer {
	padding: 0 20px;
}
.peopleExplorer .pageExplorerForm-pages > .pageExplorerPage:last-child .pageExplorerPage-content {
	padding-bottom: 10px;
}

/* PAGE HEADER */
.peopleExplorer.pageExplorer .peopleExplorer-pageNumber{
    color: #252b33;
    border-bottom:2px solid #729BE9;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.22;
    padding-bottom:10px;
    margin:60px 0 20px;
}
.peopleExplorer.pageExplorer .peopleExplorer-pageNumber:first-of-type{
    margin:0 0 20px;
}

/* No Editable Fields */
.peopleExplorer.pageExplorer .peopleExplorer-pageNoFieldsLabel{
    color:#767486;
    margin:0 auto 20px;
    text-align: center;
}
.peopleExplorer.pageExplorer .peField {
    max-width: 100%;
}

.dtPageApplication-body.isMobile  .peopleExplorer.pageExplorer .peopleExplorerFieldset .peopleExplorerFieldset-caption{
    font-size:12px;
}

/* Resetting Fields From Absolute. */
.peopleExplorer.pageExplorer .peFieldItem-debug,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox-content .dtCheckbox.dtCheckbox--isFit,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox-content .dtCheckbox.dtCheckbox--isFit,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectClause,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectMeridiem,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectMeridiem-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText-contentValue,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveText,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveText-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-content,
.peopleExplorer.pageExplorer .peFieldItemViewTagList,
.peopleExplorer.pageExplorer .peFieldItemViewTagList-content,
.peopleExplorer.pageExplorer .peFieldItemViewText,
.peopleExplorer.pageExplorer .peFieldItemViewText-content,
.peopleExplorer.pageExplorer .peFieldItemViewCheckbox,
.peopleExplorer.pageExplorer .peFieldItemViewCheckbox-content,
.peopleExplorer.pageExplorer .peFieldItemViewCheckbox-content .dtCheckbox.dtCheckbox--isFit,
.peopleExplorer.pageExplorer .peFieldItemViewRadio-content,
.peopleExplorer.pageExplorer .peFieldItemViewRadio,
.peopleExplorer.pageExplorer .peFieldItemViewRadio-content .dtCheckbox.dtCheckbox--isFit,
.peopleExplorer.pageExplorer .peFieldItemWarning,
.peopleExplorer.pageExplorer .peFieldItemWarning .peFieldItemWarning-content,
.peopleExplorer.pageExplorer .peFieldItem.peFieldImageItem,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveClause,
.peopleExplorer.pageExplorer .peFieldItemViewClause,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectImage,
.peopleExplorer.pageExplorer .peFieldItemViewImage{
	position: relative;
}

/* HOVERS and BORDERS */
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectClause,
.peopleExplorer.pageExplorer .peFieldItemViewClause,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectImage-content,
.peopleExplorer.pageExplorer .peFieldItemViewText-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText-contentInput,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInput,
.peopleExplorer.pageExplorer .fieldExplorerFieldset--isDisabled .peFieldItemEditValueSelectText:hover .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .fieldExplorerFieldset--isDisabled .peFieldClause:hover .peFieldItemEditValueSelectClause,
.peopleExplorer.pageExplorer .peFieldItemViewImage{
    border: 1px solid #d6d6dd;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText:hover .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .peFieldClause:hover .peFieldItemEditValueSelectClause{
    border-color: #729BE9;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueActiveText-contentInput,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentInput,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTextArea-content{
    border: 1px solid #729BE9;
}

.peopleExplorer.pageExplorer .peFieldItemViewTagList-contentInput {
    border: none;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueActiveText-contentInputContainer,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentInputContainer,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer,
.peopleExplorer.pageExplorer .peFieldItemViewTagList-contentInputContainer{
    border: none;
}

.peopleExplorer.pageExplorer .peFieldItemViewTagList-content {
    border: 1px solid #CCCCCC;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer:hover .peFieldItemEditValueSelectTagList-contentTagList:not(:empty),
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer:hover .peFieldItemEditValueSelectText-contentInput,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer:hover .peFieldItemEditValueSelectTagList-contentInput,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer:hover {
    border-color: #729BE9;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueActiveText--isWarning .peFieldItemEditValueActiveText-contentInput,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText--isWarning .peFieldItemEditValueSelectText-content{
    border: 1px #e94461;
    border-style: dashed dashed solid dashed;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isWarning:hover .peFieldItemEditValueSelectText-content{
    border-color: #e94461;
}

.peopleExplorer.pageExplorer .peField:hover .peFieldItemEditValueSelectText .peFieldItemEditValueSelectText-content {
    background-color: rgba(0,0,0,.05);
}


.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-content,
.peopleExplorer.pageExplorer .peFieldItemViewTagList-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveText-content{
    margin:0;
}

.peopleExplorer.pageExplorer .fieldExplorerFieldset--isDisabled  .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .fieldExplorerFieldset--isDisabled  .peFieldItemEditValueSelectClause {
    background-color: rgba(0, 0, 0, 0);
}

.peopleExplorer.pageExplorer .fieldExplorerFieldset--isDisabled .peField:hover .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .fieldExplorerFieldset--isDisabled .peField:hover .peFieldItemEditValueSelectClause {
    background-color: rgba(0, 0, 0, 0);
}

.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentTagList:not(:empty),
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentTagList:not(:empty){
    border: 1px solid;
    border-right: 0;
    padding: 1px;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentTagList:not(:empty) {
    border-color:#729BE9;
}
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentTagList:not(:empty) {
    border-color: #d6d6dd;
}

/*.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentTagList:not(:empty):hover {*/
/*    border: 1px solid #729BE9;*/
/*}*/

.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentTagList:not(:empty) + .peFieldItemEditValueActiveTagList-contentInput,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentTagList:not(:empty) + .peFieldItemEditValueSelectTagList-contentInput{
    border-left:0;
}

/* CHECKBOXES */
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectCheckbox-content .dtCheckbox,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveCheckbox-content .dtCheckbox,
.peopleExplorer.pageExplorer .peFieldItemViewCheckbox,
.peopleExplorer.pageExplorer .peFieldItemViewCheckbox-content,
.peopleExplorer.pageExplorer .peFieldItemViewCheckbox-content .dtCheckbox,
.peopleExplorer.pageExplorer .peFieldItemViewRadio-content,
.peopleExplorer.pageExplorer .peFieldItemViewRadio,
.peopleExplorer.pageExplorer .peFieldItemViewRadio-content .dtCheckbox{
    height: 20px;
    width: 20px;
}


/* RADIO / CHECKBOX LIST LABELS - This places the labels to the right of the checkboxes */
.peopleExplorer.pageExplorer .peFieldItem.peFieldRadioItem .peFieldItem-subControl,
.peopleExplorer.pageExplorer .peFieldItem.peFieldCheckboxListItem .peFieldItem-subControl{
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin:5px 0;
}

.peopleExplorer.pageExplorer .peFieldItem.peFieldRadioItem .peFieldItem-subControl .radioItemLabel,
.peopleExplorer.pageExplorer .peFieldItem.peFieldCheckboxListItem .peFieldItem-subControl .peFieldCheckboxListItem-label{
    color: #767486;
    font-size:10px;
    margin-left:10px;
}


 /*STRING FIELDS - This keeps them the same height to avoid that jump */
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText-contentInputContainer,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveText,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveText-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveText-contentInputContainer,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentTagList,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentInputContainer,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentTagList,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInputContainer,
.peopleExplorer.pageExplorer .peFieldItemViewTagList,
.peopleExplorer.pageExplorer .peFieldItemViewTagList-contentTagList,
.peopleExplorer.pageExplorer .peFieldItemViewTagList-contentInputContainer,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectClause,
.peopleExplorer.pageExplorer .peFieldItemViewText-content{
    height:28px;
}

.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectText,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectText-contentInputContainer,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueActiveText,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueActiveText-content,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueActiveText-contentInputContainer,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectClause,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewText-content,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList--isEmpty.peFieldItemEditValueActiveTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewTagList--isEmpty .peFieldItemEditValueActiveTagList-contentTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewTagList--isEmpty .peFieldItemEditValueActiveTagList-contentInputContainer,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList--isEmpty.peFieldItemEditValueSelectTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList--isEmpty .peFieldItemEditValueSelectTagList-contentTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList--isEmpty .peFieldItemEditValueSelectTagList-contentInputContainer,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewTagList--isEmpty.peFieldItemViewTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewTagList--isEmpty .peFieldItemViewTagList-contentTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewTagList--isEmpty .peFieldItemViewTagList-contentInputContainer{
    height:34px;
}

/**
    Tag Lists
 */
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList--isNotEmpty.peFieldItemEditValueSelectTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList.peFieldItemEditValueActiveTagList--isNotEmpty .peFieldItemEditValueActiveTagList-contentTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList.peFieldItemEditValueActiveTagList--isNotEmpty .peFieldItemEditValueActiveTagList-contentInputContainer,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList--isNotEmpty.peFieldItemEditValueSelectTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList.peFieldItemEditValueSelectTagList--isNotEmpty .peFieldItemEditValueSelectTagList-contentTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList.peFieldItemEditValueSelectTagList--isNotEmpty .peFieldItemEditValueSelectTagList-contentInputContainer,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewTagList--isNotEmpty.peFieldItemViewTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewTagList.peFieldItemViewTagList--isNotEmpty .peFieldItemViewTagList-contentTagList,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewTagList.peFieldItemViewTagList--isNotEmpty .peFieldItemViewTagList-contentInputContainer{
    height: inherit;
}

/* CLAUSE FIELDS */
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemItemEditValueSelectClause-header-title{
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.peopleExplorer.pageExplorer .peFieldItemViewClause{
    min-height:28px;
}

.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewClause{
    min-height:34px;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .peFieldItemViewText-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveText-contentInput,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTagList-contentInput,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectTagList-contentInput,
.peopleExplorer.pageExplorer .peFieldItemViewTagList-contentInput{
    padding-left:7px;
}

.peopleExplorer.pageExplorer .peFieldItemViewTagList-contentTagList{
   line-height: 1.7;
}

.peopleExplorer.pageExplorer .dtMeasureText{
    padding-left: 7px;
    border: 1px solid transparent;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .peFieldItemViewText-content{
    -webkit-align-items: center;
    align-items:center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.dtPageApplication-body.isMobile  .peopleExplorer.pageExplorer .peFieldItemEditValueActiveClause .itemExplorer-footer{
    height: auto;
    flex-direction: column;
}

/* On View Mode, this is always height 0 */
.peopleExplorer.pageExplorer .peFieldItemViewImage-content{
    height: 590px;
    position: initial;
}

.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title{
    max-width: 60%;
}

.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemItemEditValueActiveClause .peFieldItemItemEditValueActiveClause-header-title-input{
    min-width: 110px;
}

/* CHILD ELEMENTS - Below */
.peopleExplorer.pageExplorer .peField--hasChildren.peField--children-below .peField-subFields > .peopleExplorerFieldset,
.peopleExplorer.pageExplorer .peField--hasChildren.peField--children-below .peFieldItem-subFields > .peopleExplorerFieldset{
    margin: 10px 0 10px 20px;
}

/* CHILD ELEMENTS - Adjacent  */
.peopleExplorer.pageExplorer .peField--hasChildren.peField--children-adjacent{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.peopleExplorer.pageExplorer .peField--hasChildren.peField--children-adjacent .peField-subFields > .peopleExplorerFieldset,
.peopleExplorer.pageExplorer .peField--hasChildren.peField--children-adjacent .peFieldItem-subFields > .peopleExplorerFieldset{
    margin: 0 0 10px 20px;
}

/* TEXTAREA */
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewText.peFieldItemViewText--isTextArea,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea,
.peopleExplorer.pageExplorer .peFieldItemViewText.peFieldItemViewText--isTextArea{
    height:auto;
    min-height:inherit;
}

.peopleExplorer.pageExplorer .peFieldItemViewText.peFieldItemViewText--isTextArea .peFieldItemViewText-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea .peFieldItemEditValueSelectText-content{
    height: auto;
    min-height:28px;
}

.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemViewText.peFieldItemViewText--isTextArea .peFieldItemViewText-content,
.dtPageApplication-body.isMobile .peopleExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea .peFieldItemEditValueSelectText-content{
    height:auto;
    min-height:34px;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea .peFieldItemViewText-content{
    display: block;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueSelectText.peFieldItemEditValueSelectText--isTextArea .peFieldItemEditValueSelectText-content,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTextArea .peFieldItemEditValueActiveTextArea-contentInputContainer{
    padding: 6px 7px;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTextArea{
    position:relative;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTextArea .peFieldItemEditValueActiveTextArea-contentInput{
    border: none;
    box-sizing: border-box;
    font-family: Metrophobic, sans-serif;
    font-size:14px;
    font-weight: inherit;
    height: 14px;
    letter-spacing:initial;
    line-height: inherit;
    overflow: hidden;
    padding:0;
    resize:none;
    width: 100%;
}

.dtPageApplication-body.isMobile  .peopleExplorer.pageExplorer .peFieldItemEditValueActiveTextArea .peFieldItemEditValueActiveTextArea-contentInput{
    height: 20px;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTextArea .peFieldItemEditValueActiveTextArea-contentInputContainer,
.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTextArea .peFieldItemEditValueActiveTextArea-contentInput{
    background: #E5EDF7;
    display: block;
}

.peopleExplorer.pageExplorer .peFieldItemEditValueActiveTextArea-contentToolbar{
    position: absolute;
    right:0;
    bottom:28px;
}

.dtPageApplication-body.isMobile  .peopleExplorer.pageExplorer .peFieldItemEditValueActiveTextArea-contentToolbar{
    bottom: 33px;
}

.peopleExplorer.pageExplorer .peopleExplorerFieldset {
	padding: 10px 0;
}

.peopleExplorer.pageExplorer .peopleExplorerFieldset .peopleExplorerFieldset-caption {
	color: #767486;
	font-size: 10px;
	letter-spacing: normal;
	margin-bottom: 3px;
}

.peopleExplorer.pageExplorer .peopleExplorerFieldset .peopleExplorerFieldset-content--hasTextRelative {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.peopleExplorer.pageExplorer .peopleExplorerFieldset .peopleExplorerFieldset-content--hasTextRelative .peField {
	-webkit-flex: 1;
	flex: 1;
}

.peopleExplorer.pageExplorer .peopleExplorerFieldset-contentTextRelative.peopleExplorerFieldset-contentTextRelative--text-right {
	margin-left: 10px;
}

.peopleExplorer.pageExplorer .peopleExplorerFieldset .peopleExplorerFieldset-content {
}

.peopleExplorerFormFooter {
	margin: 0 auto;
    background-color: #fff;
}
.peopleExplorerFormFooter .peopleExplorerFormFooter-content {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    width: 890px;
}
.peopleExplorerFormFooter .peopleExplorerFormFooter-confirmButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: flex-end;
    justify-content: flex-end;

    min-width: 65%;
    padding: 20px 40px 35px;
}
.peopleExplorerFormHeader {
	margin: auto;
}
.peopleExplorerFormHeader .peopleExplorerFormHeader-content {
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	width: 890px;
}
.peopleExplorerFormHeader .peopleExplorerFormHeader-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	color: #fff;
}
.peopleExplorerFormHeader .peopleExplorerFormHeader-headerIcon,
.peopleExplorerFormHeader .peopleExplorerFormHeader-headerText {
	-webkit-flex: 0;
	flex: 0 auto;
	background-color: #2868D7;
	height: 24px;
}
.peopleExplorerFormHeader .peopleExplorerFormHeader-headerIcon {
	width: 27px;
	padding: 3px 0 0 2px;
}
.peopleExplorerFormHeader .peopleExplorerFormHeader-headerText {
	line-height: 24px;
	padding: 3px 10px 0 5px;
}

.peopleExplorerFormHeader .peopleExplorerFormHeader-instruction {
	/*TODO: hdk - show this*/
	display: none;
	background-color: #fff;
	padding: 20px 40px;
}

.peopleExplorerFormHeader .peopleExplorerFormHeader-title {
	background-color: #fff;
	border-top: 4px solid #2868D7;
	padding: 60px 40px 30px 40px;
}
.peopleExplorerFormHeader .peopleExplorerFormHeader-titleContent {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.22;
	color: #252b33;
	border-bottom: 2px solid #729BE9;
}

.peopleExplorerFormHeader .peopleExplorerFormHeader-settings {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	background-color: #fff;
	flex-wrap: wrap;
	margin: auto;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.peopleExplorerFormHeader .peopleExplorerFormHeader-settings.peopleExplorerFormHeader-settings--isVisible {
	padding: 0 40px 30px 40px;
}
.peopleExplorerFormHeader .peopleExplorerFormHeader-placeholder {
	background-color: #fff;
	padding: 0 40px 0 40px;
	line-height: 25px;
}

.peopleExplorerFormHeader .peopleExplorerFormHeader-settings .formFrameFieldset {
	min-width: 300px;
}
.peopleExplorerFormHeader .peopleExplorerFormHeader-settings .formFrameFieldset + .formFrameFieldset {
	min-width: 0;
}
.peopleExplorerFormHeader-settings .formFrameFieldset.formFrameFieldset--isNoValidation + .formFrameFieldset {
	margin-top: 0;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}

/** Mobile styling */
.dtGrid--ss.peopleExplorerFormHeader .peopleExplorerFormHeader-title {
	padding: 40px 20px 30px 20px;
}
.dtGrid--ss.peopleExplorerFormHeader .peopleExplorerFormHeader-settings {
	padding: 0 20px 20px 20px;
}
.dtGrid--ss.peopleExplorerFormHeader .peopleExplorerFormHeader-placeholder {
	padding: 0 20px 0 20px;
}
/* Section. */

.peopleExplorer.pageExplorer .peopleExplorer-peopleExplorerSection{
    margin: 10px 0;
}

.peopleExplorer.pageExplorer .peopleExplorer-peopleExplorerSection .peopleExplorerSection-headerCaption {
    font-size: 14px;
    font-weight: 500;
    color: #3e3d45;
    padding-bottom: 5px;
    border-bottom: 2px solid #76748d;
}


.peopleExplorer.pageExplorer .peopleExplorer-peopleExplorerInlineSectionContainer{
    -webkit-align-items: flex-end;
    align-items:flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.peopleExplorer.pageExplorer .peopleExplorer-peopleExplorerInlineSectionContainer > .peopleExplorerFieldset{
    -webkit-flex: 1 1 150px;
    flex: 1 1 150px;
    margin:10px 15px 10px 0;
}

.peopleExplorer.pageExplorer .peopleExplorer-peopleExplorerInlineSectionContainer > .peopleExplorerFieldset:last-of-type{
    margin: 10px 0;
}

/* This weirdness fixes an issue where the input would expand when clicked into :( */
.peopleExplorer.pageExplorer .peopleExplorer-peopleExplorerInlineSectionContainer .peFieldItemEditValueActiveText-contentInput{
    width:0px;
}

.dtPageSelection {
   width: 360px;
   min-width: 360px;
   max-height: 455px;
   overflow: auto;
}

.dtPageSelection-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;

    padding-left: 15px;
    padding-top: 15px;
}

.dtPageSelection-checkbox {
    -webkit-flex: 1;
    flex: 1;
}

.dtPageSelection-contentItemsRow {

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
}

/** Items */
.pageSelectionItem {
    margin-right: 15px;
}

.pageSelectionItem-body {
    width: 100px;
}

.pageSelectionItem-content {
    position: relative;
    width: 100px;
}

.pageSelectionItem-pageSpacer {
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.19);
    border: solid 1px rgba(36, 43, 51, 0.15);
}

.pageSelectionItem-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 5px;
    padding-top: 5px;
}
.pageSelectionItem-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}
.pageSelectionItem-footer {
    margin-top: 5px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    color: #252b33;
}

.dtPageSelectionUpload {
   width: 360px;
   min-width: 360px;
   max-height: 455px;
}

.dtPageSelectionUpload-content {

    padding-left: 15px;
    padding-top: 15px;

    overflow: auto;
    max-height: 450px;
}

.dtPageSelectionUpload-checkbox {
    -webkit-flex: 1;
    flex: 1;
}

.dtPageSelectionUpload-contentItemsRow {

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
}

/** Items */
.pageSelectionUploadItem {
    -webkit-flex: 1;
    flex: 1
}

.pageSelectionUploadItem-body {
    width: 100px;
}

.pageSelectionUploadItem-content {
    position: relative;
    width: 100px;
}

.pageSelectionUploadItem-pageSpacer {
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.19);
    border: solid 1px rgba(36, 43, 51, 0.15);
}

.pageSelectionUploadItem-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 5px;
    padding-top: 5px;
}
.pageSelectionUploadItem-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}
.pageSelectionUploadItem-footer {
    margin-top: 5px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    color: #252b33;
}

.dtProfileContactPopup .formFrame-headerTitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.29;
    color: #252b33;
    padding: 0;
    background-color: inherit;
}

.dtProfileContactPopup .formFrame-header {
    border-bottom: none;
    padding-bottom: 12px;
}

.dtProfileContactPopup .formFrame-description {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.29;
    color: #767486;
}

.dtProfileContactPopup .formFrame-contentCommands {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.dtProfileContactPopup .formFrame-contentCommands:not(:empty),
.formFrame-footerCommands:not(:empty) {
    margin-top: 20px;
}

.dtProfileContactPopup .formFrame .inputTextArea {
    width: 75%;
}

.dtProfileContactPopup .formFrame-footerCommands .dtButton {
    width: 100px;
}

.dtProfileContactPopup .formFrame-footerCommands .dtButton .dtButton-content {
    border-radius: 100px;
}

.dtProfileContactPopup .formFrameFieldset-headerCaption {
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    color: #767486;
}

.dtProfileContactPopup.dtForm.formPopup.dtTheme--a .formPopup-middleBody {
    padding: 5px 0 0 0;
    box-shadow: none;
}

.dtProfileContactPopup .inputText-input,
.dtProfileContactPopup .inputSearch-input {
    color: #252b33;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33;
}


.formFrame-description+ .formFrame-content {
    margin-top: 5px;
}

.dtProfileContactPopup .formFrameRow.dtGrid--ss .formFrameRow-content> .formFrame+ .formFrame {
    margin-top: 20px;
}

.dtProfileContactPopup.dtForm.formPopup .dtForm-footer{
    border-top: none;
    padding: 12px 10px;
}
.dtProfileContactPopup.dtForm.dtGrid--ss .dtForm-footerButtons .dtButton-content{
    width: 124px;
    height: 40px;
}
.dtProfileContactPopup .dtButton .dtButton-caption{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
.dtProfileContactPopup .dtButton.dtTheme--a.dtButton--isEnabled .dtButton-content{
    background-color: rgba(37,43,51,.3);
}
.dtProfileContactPopup .formFrameFieldset .dtFormLocation-line + .dtFormLocation-line{
    margin-top: 16px;
}

.dtProfileGroupHierarchy {

}
.dtProfileGroupHierarchy-content {

}
.dtProfileGroupHierarchy-caption {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 15px;
}
.dtProfileGroupHierarchy-items {

}
.profileHeaderText{}

.profileHeaderText .profileHeader-controlContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.dtProfileMissingField-controlContent {
	min-height: 200px;
	max-height: 210px;
	min-width: 400px;
	overflow: scroll;
	padding-bottom: 50px;
}
.dtProfileRole {

}
.dtProfileRole-content {

}
.dtProfileRole-caption {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 15px;
}
.dtProfileRole-items {

}
.dtProfileSettings {

}
.dtProfileSettings-caption {
	margin-bottom: 15px;
}
.profileSignature .profileSignature-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.profileSignature .profileSignature-headerTitle {
	font-size: 12px;
	font-weight: 500;
}

.profileSignature .profileSignature-contentContent {
	margin-top: 15px;
}

.profileSignature .profileSignature-signatureHolder {
	display: none;
}
.profileSignature--isSignatureCreated .profileSignature-signatureHolder{
	display: block;
}
.profileSignature .profileSignature-signatureContent {
	position: relative;
	width: 100%;
	height: 62px;
}

.profileSignature .profileSignature-signatureContentInitial {
	margin-top: 20px;
}

.dtProfileSignature.dtProfileSignature--isSignatureCreated .dtProfileSignature-updateButtonContent {
	display: block;
}

.dtProfileSignature.dtProfileSignature--isSignatureCreated .dtProfileSignature-signatureLine {
	display: flex;
}

.profileSignature .dtSignatureSigned {
	left: 0;
	top: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(0%, 0%);
}

.profileSignature .dtSignatureSigned .dtSignatureSigned-bottom {
	position: relative;
	top: 30px;
}
.dtProfileTime {

}
.dtProfileTime-caption {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 15px;
}
.dtProfileTime-content {

}
.dtProfileTime-caption .dtButton {
	margin-left: 10px;
}
.dtRegistrationBrokerageView{

}

.dtRegistrationBrokerageView--header{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.dtRegistrationBrokerageView--title{
    color: #252b33;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.03rem;
    padding-top:8px;

    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.dtRegistrationBrokerageView--content{
    border: 1px solid #d6d6dd;
    padding: 15px;
}

.dtRegistrationBrokerageView--contentItem{
    color: #767486;
    font-size:13px;
    margin:5px 0;
}

.dtRegistrationBrokerageView--contentItem.dtRegistrationBrokerageView--spaceItem{
    margin:20px 0 5px;
}

.dtRegistrationBrokerageView--contentItem:empty {
    display: none;
}

.dtSettingProfileUser {

}
.dtSettingProfileUser + .dtSettingProfileUser {
	margin-top: 20px;
}
/* List. */
.dtSelectList {

}
.dtSelectList-content {
	display: block;
	position: relative;

	font-weight: 400;
	font-size: 14px;

	min-width: 180px;
	max-height: 210px;
	overflow-y: auto;
}

.dtSelectList.dtSelectList--isContentFlex .dtSelectList-content {
	display: flex;
	flex-wrap: wrap;
}

.dtSelectList.dtSelectList--isFullHeight .dtSelectList-content {
    max-height: none;
}

.dtSelectList.dtSelectList--isOverflowVisible .dtSelectList-content {
	overflow-y: visible;
}

/* Theme: A. */
.dtSelectList.dtTheme--a .dtSelectList-content {
	background-color: #fff;
}

/* Theme: B. */
.dtSelectList.dtTheme--b .dtSelectList-content {
	background-color: #000;
}

/*
* Theme: C.
* Used in Clause Explorer.
*/
.dtSelectList.dtTheme--c .dtSelectList-content {
    color: #767486;
	background-color: #fff;

	font-weight: 400;
}

/*
* Theme: D.
* Dropdown Select Style.
* Used for Zoom Select.
*/
.dtSelectList.dtTheme--d .dtSelectList-content {
    min-width: 156px;
	background-color: #f8f9f9;
    font-size: 12px;
}

/*
* Theme: E.
* DocsSelection MySelectionsList
*/
.dtSelectList.dtTheme--e .dtSelectList-content {
	max-height: none;

    /* To be consistent with node explorer scroll, use the following code */
    /*max-height: 154px;*/

	background-color: #FCFBFC;
	padding: 12px;
}
.dtSelectList.dtTheme--e.dtSelectList--isSortable .dtSelectList-content .dtSelectListItemDocument{
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGJSURBVDiNrVQ9SwNBEH2zt6eXKoInipWElGnOJURME/A3qPF/+IVFSvHrfxj1NwgpbEQWLVJJSCmKSZEiJHHvdiwSJRBPc+Crhp03jzczu0v4BUopl6PZewAgZ1DQWps4rvhNxFqvygSPCZ4NvUullJtYKIq802HENwDfQICsTZ0kFnJd9yybXd4CRASIKJ12t6WU53H8PxEExUoQFCt/8WIdJYUEvrbjHX+E4UW9fv82TWEuV1ickXKXnP6R1tqIse1kfD/VntaB76faTMhY61WVUi6tBuvaMs0I4JKZookK4g0AANPtRIrYscCOIP74vxmRGKyR9aoMqPSc3K7VauE4IQiKswDw+HR3On5eKpVkp2OuCHgmMSgLrbURol8mRrPV6s1P66DV6s0ToylEv6y1NhIARm9oL0kro+1+1/zvPfoJ+XxpaWVl4b3ReAEwnEm3C//hofb6Ez/WkTFmv9F4uQasA1in0zFXYRjGth8r5Dj9g2FEmwBtwoKF6B3G8SkuAST72D4B8Sedg/ApOScAAAAASUVORK5CYII='), move;
}

/*
* Theme: F.
* Used in Search Property Editor Mobile Modal
* and in SelectListModalPeople
*/
.dtSelectList.dtTheme--h .dtSelectList-content {
	max-height: none;
}

/*
* Theme: Z.
* Used in AppHeader Search
*/
.dtSelectList.dtTheme--z .dtSelectList-content {
    min-width: 320px;

    background-color: #fff;
}
/*
* Theme: dtSelectList--theme-markup'
* Used in mobile markup
*/
.dtSelectList.dtSelectList--theme-markup .dtSelectList-content {
	border-radius: 5px;
}

/* Item. */
.dtSelectListItem {
}
.dtSelectListItem:hover,
.dtSelectListItem:focus {
}
.dtSelectListItem.dtSelectListItem--isFocus,
.dtSelectListItem.dtSelectListItem--isFocus:hover,
.dtSelectListItem.dtSelectListItem--isFocus:focus {
}
.dtSelectListItem.dtSelectListItem--isSelected,
.dtSelectListItem.dtSelectListItem--isSelected:hover,
.dtSelectListItem.dtSelectListItem--isSelected:focus {
}
.dtSelectListItem.sortable-chosen {
	border: 1px solid #729BE9;
	background-color: #f0eff2;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.dtSelectListItem .dtSelectListItem-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtSelectListItem .dtSelectListItem-selector {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin-right: 10px;
}
.dtSelectListItem .dtSelectListItem-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

	-webkit-flex: 1;
	flex: 1;

	min-height: 40px;
    line-height: 1.2;
}

.dtSelectListItem.dtSelectListItem--isEditable .dtSelectListItem-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

    -webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;

    /*-webkit-flex-wrap: wrap; !* Safari 6.1+ *!*/
    /*flex-wrap: wrap;*/
}

/*
* Select List: Theme D.
* Dropdown Select Style.
*/
.dtSelectList.dtTheme--d .dtSelectListItem .dtSelectListItem-body {
	min-height: 28px;
}

/*
* Select List: dtSelectList--theme-markup
* Dropdown Select Style.
*/
.dtSelectList.dtSelectList--theme-markup .dtSelectListItem .dtSelectListItem-body {
	min-height: 32px;
}

.dtSelectListItemChecklistItemInstance {
}
.dtSelectListItemChecklistItemInstance .dtSelectListItem-selector {
	align-items: normal;
	margin: 10px 10px 10px 0;
}
.dtSelectListItemChecklistItemInstance .dtSelectListItem-body {
	min-height: initial;
	margin: 5px 0;
}
.dtSelectListItemChecklistItemInstance.dtSelectListItem--isEditable .dtSelectListItem-body {
	margin-right: 10px;
}
.dtSelectListItemChecklistItemInstance .dtSelectListItemChecklistItemInstance-caption {
	flex: 1;
	word-break: break-word;
}
.dtSelectListItemChecklistItemInstance-toolbar {
	padding-top: 5px;
}
.dtSelectListItemChecklistItemInstance-contentItems {
	margin-left: 30px;
}
.dtSelectListItemChecklistItemInstanceReference {
}
.dtSelectListItem.dtSelectListItemChecklistItemInstanceReference .dtSelectListItem-body.dtSelectListItemChecklistItemInstanceReference-body {
	align-items: normal;
}
.dtSelectListItemChecklistItemInstanceReference .dtSelectListItemChecklistItemInstanceReference-delete {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 3px 5px 3px 0;
}
.dtSelectListItemChecklistItemInstanceReference .dtSelectListItemChecklistItemInstanceReference-icon {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	margin: 0 10px 0 0;
}
.dtSelectListItemChecklistItemInstanceReference .dtSelectListItemChecklistItemInstanceReference-captionContainer {
	flex: 1;
	margin: 5px 0;
	word-break: break-word;
}
.dtSelectListItemChecklistItemInstanceReference .dtSelectListItemChecklistItemInstanceReference-caption {

}
.dtSelectListItemChecklistItemInstanceReference .dtSelectListItemChecklistItemInstanceReference-ancestry {
	font-size: 12px;
	color: #767486;
	margin-top: 2px;
	letter-spacing: -.01em;
}
.dtSelectListItemChecklistItemInstanceReference-toolbar {
	padding-top: 5px;
}
.dtSelectListItemChecklistItemSource {
}
.dtSelectListItemChecklistItemSource:hover,
.dtSelectListItemChecklistItemSource:focus {

}
.dtSelectListItemChecklistItemSource.dtSelectListItem--isSelected,
.dtSelectListItemChecklistItemSource.dtSelectListItem--isSelected:hover,
.dtSelectListItemChecklistItemSource.dtSelectListItem--isSelected:focus {
}
.dtSelectListItemChecklistItemSource .dtSelectListItem-selector {
	align-items: normal;
	margin: 10px 10px 10px 0;
}
.dtSelectListItemChecklistItemSource .dtSelectListItem-body {
	min-height: initial;
	margin: 5px 0;
}
.dtSelectListItemChecklistItemSource.dtSelectListItem--isEditable .dtSelectListItem-body {
	margin-right: 10px;
}
.dtSelectListItemChecklistItemSource .dtSelectListItemChecklistItemSource-caption {
	flex: 1;
}
.dtSelectListItemChecklistItemSource-toolbar {
	padding-top: 5px;
}
.dtSelectListItemClauseItemExplorerClauseItem {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemClauseItemExplorerClauseItem + .dtSelectListItemClauseItemExplorerClauseItem{
	margin-top: 1px;
}

.dtSelectListItemClauseItemExplorerClauseItem:hover,
.dtSelectListItemClauseItemExplorerClauseItem:focus {

}

.dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isSelected,
.dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isSelected:hover,
.dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isSelected:focus {

}

.dtSelectListItemClauseItemExplorerClauseItem .dtSelectListItemClauseItemExplorerClauseItem-caption {
	-webkit-flex: 1;
	flex: 1;
	padding: 5px 0;
}
.dtSelectListItemClauseItemExplorerClauseItem .dtSelectListItemClauseItemExplorerClauseItem-caption b {
	letter-spacing: -0.035em;
}

.dtSelectListItemClauseItemExplorerClauseItem .dtSelectListItemClauseItemExplorerClauseItem-preview {

}

.dtSelectListItemClauseItemExplorerClauseItem .dtSelectListItemClauseItemExplorerClauseItem-subCaption {
	color: #76748d;
	font-size: 10px;
	font-weight: 300;
}

.dtSelectListItemClauseItemExplorerClauseItem .dtSelectListItem-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 10px 0;
	min-height: 50px;
}

/* Theme: C. */
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem:focus {
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem:hover .dtSelectListItemClauseItemExplorerClauseItem-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem:focus .dtSelectListItemClauseItemExplorerClauseItem-caption {
	color: #000;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isDisabled,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isDisabled:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isDisabled:focus {
	background-color: transparent;
	font-weight: 300;
	opacity: 0.5
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isSelected:focus {
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isSelected .dtSelectListItemClauseItemExplorerClauseItem-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isSelected:hover .dtSelectListItemClauseItemExplorerClauseItem-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem.dtSelectListItem--isSelected:focus .dtSelectListItemClauseItemExplorerClauseItem-caption {

}
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerClauseItem .dtSelectListItemClauseItemExplorerClauseItem-icon {
	min-width: 24px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}
.dtSelectListItemClauseItemExplorerDealClause {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemClauseItemExplorerDealClause + .dtSelectListItemClauseItemExplorerDealClause{
	margin-top: 1px;
}

.dtSelectListItemClauseItemExplorerDealClause:hover,
.dtSelectListItemClauseItemExplorerDealClause:focus {

}

.dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isSelected,
.dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isSelected:hover,
.dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isSelected:focus {

}

.dtSelectListItemClauseItemExplorerDealClause .dtSelectListItemClauseItemExplorerDealClause-caption {
	-webkit-flex: 1;
	flex: 1;
	padding: 5px 0;
}
.dtSelectListItemClauseItemExplorerDealClause .dtSelectListItemClauseItemExplorerDealClause-caption b {
	letter-spacing: -0.035em;
}

.dtSelectListItemClauseItemExplorerDealClause .dtSelectListItemClauseItemExplorerDealClause-preview {

}

.dtSelectListItemClauseItemExplorerDealClause .dtSelectListItemClauseItemExplorerDealClause-subCaption {
	color: #76748d;
	font-size: 10px;
	font-weight: 300;
}

.dtSelectListItemClauseItemExplorerDealClause .dtSelectListItem-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 10px 0;
	min-height: 50px;
}

/* Theme: C. */
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause:focus {
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause:hover .dtSelectListItemClauseItemExplorerDealClause-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause:focus .dtSelectListItemClauseItemExplorerDealClause-caption {
	color: #000;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isDisabled,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isDisabled:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isDisabled:focus {
	background-color: transparent;
	font-weight: 300;
	opacity: 0.5
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isSelected:focus {
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isSelected .dtSelectListItemClauseItemExplorerDealClause-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isSelected:hover .dtSelectListItemClauseItemExplorerDealClause-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause.dtSelectListItem--isSelected:focus .dtSelectListItemClauseItemExplorerDealClause-caption {

}
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealClause .dtSelectListItemClauseItemExplorerDealClause-icon {
	min-width: 24px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}
.dtSelectListItemClauseItemExplorerDealVersion {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemClauseItemExplorerDealVersion + .dtSelectListItemClauseItemExplorerDealVersion{
	margin-top: 1px;
}

.dtSelectListItemClauseItemExplorerDealVersion:hover,
.dtSelectListItemClauseItemExplorerDealVersion:focus {

}
.dtSelectListItemClauseItemExplorerDealVersion.dtSelectListItem--isSelected,
.dtSelectListItemClauseItemExplorerDealVersion.dtSelectListItem--isSelected:hover,
.dtSelectListItemClauseItemExplorerDealVersion.dtSelectListItem--isSelected:focus {

}

.dtSelectListItemClauseItemExplorerDealVersion .dtSelectListItemClauseItemExplorerDealVersion-caption {
	padding: 5px 0;
}
.dtSelectListItemClauseItemExplorerDealVersion .dtSelectListItemClauseItemExplorerDealVersion-caption b {
	font-weight: 700;
	letter-spacing: -0.015em;
}
.dtSelectListItemClauseItemExplorerDealVersion .dtSelectListItemClauseItemExplorerDealVersion-subCaption {
	color: #76748d;
	font-size: 10px;
	font-weight: 300;
}
.dtSelectListItemClauseItemExplorerDealVersion .dtSelectListItem-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	min-height: 50px;
}

/* Theme: C. */
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion:focus {
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion:hover .dtSelectListItemClauseItemExplorerDealVersion-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion:focus .dtSelectListItemClauseItemExplorerDealVersion-caption {
	color: #000;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion.dtSelectListItem--isSelected:focus {
	background-color: #f0eff2;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion.dtSelectListItem--isSelected .dtSelectListItemClauseItemExplorerDealVersion-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion.dtSelectListItem--isSelected:hover .dtSelectListItemClauseItemExplorerDealVersion-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion.dtSelectListItem--isSelected:focus .dtSelectListItemClauseItemExplorerDealVersion-caption {

}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion .dtSelectListItemClauseItemExplorerDealVersion-icon {
	min-width: 24px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion .dtSelectListItemClauseItemExplorerDealVersion-arrowRight {
	visibility: hidden;
	margin-left: auto;
	color: #76748d;
	font-size: 24px;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion:hover .dtSelectListItemClauseItemExplorerDealVersion-arrowRight,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerDealVersion:focus .dtSelectListItemClauseItemExplorerDealVersion-arrowRight {
	visibility: visible;
}
.dtSelectListItemClauseItemExplorerFolder {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemClauseItemExplorerFolder + .dtSelectListItemClauseItemExplorerFolder{
	margin-top: 1px;
}

.dtSelectListItemClauseItemExplorerFolder:hover,
.dtSelectListItemClauseItemExplorerFolder:focus {

}
.dtSelectListItemClauseItemExplorerFolder.dtSelectListItem--isSelected,
.dtSelectListItemClauseItemExplorerFolder.dtSelectListItem--isSelected:hover,
.dtSelectListItemClauseItemExplorerFolder.dtSelectListItem--isSelected:focus {

}

.dtSelectListItemClauseItemExplorerFolder .dtSelectListItemClauseItemExplorerFolder-caption {
	padding: 5px 0;
}
.dtSelectListItemClauseItemExplorerFolder .dtSelectListItemClauseItemExplorerFolder-caption b {
	font-weight: 700;
	letter-spacing: -0.015em;
}
.dtSelectListItemClauseItemExplorerFolder .dtSelectListItemClauseItemExplorerFolder-subCaption {
	color: #76748d;
	font-size: 10px;
	font-weight: 300;
}
.dtSelectListItemClauseItemExplorerFolder .dtSelectListItem-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	min-height: 50px;
}

/* Theme: C. */
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder:focus {
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder:hover .dtSelectListItemClauseItemExplorerFolder-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder:focus .dtSelectListItemClauseItemExplorerFolder-caption {
	color: #000;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder.dtSelectListItem--isSelected:focus {
	background-color: #f0eff2;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder.dtSelectListItem--isSelected .dtSelectListItemClauseItemExplorerFolder-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder.dtSelectListItem--isSelected:hover .dtSelectListItemClauseItemExplorerFolder-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder.dtSelectListItem--isSelected:focus .dtSelectListItemClauseItemExplorerFolder-caption {

}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder .dtSelectListItemClauseItemExplorerFolder-icon {
	min-width: 24px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder .dtSelectListItemClauseItemExplorerFolder-arrowRight {
	visibility: hidden;
	margin-left: auto;
	color: #76748d;
	font-size: 24px;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder:hover .dtSelectListItemClauseItemExplorerFolder-arrowRight,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerFolder:focus .dtSelectListItemClauseItemExplorerFolder-arrowRight {
	visibility: visible;
}
.dtSelectListItemClauseItemExplorerPermoGroup {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemClauseItemExplorerPermoGroup + .dtSelectListItemClauseItemExplorerPermoGroup{
	margin-top: 1px;
}

.dtSelectListItemClauseItemExplorerPermoGroup:hover,
.dtSelectListItemClauseItemExplorerPermoGroup:focus {

}
.dtSelectListItemClauseItemExplorerPermoGroup.dtSelectListItem--isSelected,
.dtSelectListItemClauseItemExplorerPermoGroup.dtSelectListItem--isSelected:hover,
.dtSelectListItemClauseItemExplorerPermoGroup.dtSelectListItem--isSelected:focus {
}
.dtSelectListItemClauseItemExplorerPermoGroup .dtSelectListItemClauseItemExplorerPermoGroup-caption {
	padding: 5px 0;
}
.dtSelectListItemClauseItemExplorerPermoGroup .dtSelectListItemClauseItemExplorerPermoGroup-caption b {
	font-weight: 700;
	letter-spacing: -0.015em;
}
.dtSelectListItemClauseItemExplorerPermoGroup .dtSelectListItemClauseItemExplorerPermoGroup-subCaption {
	color: #76748d;
	font-size: 10px;
	font-weight: 300;
}
.dtSelectListItemClauseItemExplorerPermoGroup .dtSelectListItem-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	min-height: 50px;
}

/* Theme: C. */
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup:focus {
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup:hover .dtSelectListItemClauseItemExplorerPermoGroup-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup:focus .dtSelectListItemClauseItemExplorerPermoGroup-caption {
	color: #000;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup.dtSelectListItem--isSelected:focus {
	background-color: #f0eff2;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup.dtSelectListItem--isSelected .dtSelectListItemClauseItemExplorerPermoGroup-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup.dtSelectListItem--isSelected:hover .dtSelectListItemClauseItemExplorerPermoGroup-caption,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup.dtSelectListItem--isSelected:focus .dtSelectListItemClauseItemExplorerPermoGroup-caption {
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup .dtSelectListItemClauseItemExplorerPermoGroup-icon {
	min-width: 24px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup .dtSelectListItemClauseItemExplorerPermoGroup-arrowRight {
	visibility: hidden;
	margin-left: auto;
	color: #76748d;
	font-size: 24px;
}

.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup:hover .dtSelectListItemClauseItemExplorerPermoGroup-arrowRight,
.dtSelectList.dtTheme--c .dtSelectListItemClauseItemExplorerPermoGroup:focus .dtSelectListItemClauseItemExplorerPermoGroup-arrowRight {
	visibility: visible;
}
/* dealPerson Select List Item. */
.dtSelectListItemDealPerson {
}
.dtSelectListItemDealPerson:hover,
.dtSelectListItemDealPerson:focus,
.dtSelectListItemDealPerson.dtSelectListItem--isFocus {
    background-color: #ededed;
}

.dtSelectListItemDealPerson.dtSelectListItemDealPerson--isHasRole {
    display: none;
}

.dtSelectListItemDealPerson.dtSelectListItem--isSelected ,
.dtSelectListItemDealPerson.dtSelectListItem--isSelected:hover,
.dtSelectListItemDealPerson.dtSelectListItem--isSelected:focus {
    background-color: #ededed;
}

.dtSelectListItemDealPerson.dtSelectListItem--isSelected .dtSelectListItemDealPerson-indicatorItem {
    background-color: #ededed;
}
.dtSelectListItemDealPerson .dtSelectListItemDealPerson-content {
    -webkit-flex: 1;
    flex: 1 auto;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    overflow: inherit;
}

/* Item: Body. */
.dtSelectListItemDealPerson-controlBody {
    -webkit-flex: 1;
    flex: 1 auto;
}

/* Item: Body: Content. */
.dtSelectListItemDealPerson-content {
    position: relative;
}
.dtSelectListItemDealPerson.dtSelectListItemDealPerson--isAction .dtSelectListItemDealPerson-controlBody:hover {
    background-color: rgba(0,0,0,.05);
}
/*.dtSelectListItemDealPerson-contentEdit {*/
    /*font-size: 20px;*/
    /*opacity: .5;*/
/*}*/

.dtSelectListItemDealPerson-content {

    border-bottom: 1px solid #f8f9f9;
}
/* Avatar. */
.dtSelectListItemDealPerson-dealPersonAvatarContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-flex: 1;
    flex: 1 auto;

    -webkit-align-items: center;
    align-items: center;

    max-width: 40px;
    height: 40px;

    margin: 6px;

    -webkit-justify-content: center;
    justify-content: center;
}


/* Details. */
.dtSelectListItemDealPerson-contentDetails {
    -webkit-flex: 2;
    flex: 2;

    overflow: hidden;

    padding: 9px 6px 6px;

    font-size: 13px;
    font-weight: 300;
    line-height: 1.54;
}

.dtSelectListItemDealPerson-contentDetails.dtSelectListItemDealPerson-contentDetails--isNotModify .dtSelectListItemDealPerson-contentDetailsPhone,
.dtSelectListItemDealPerson-contentDetails.dtSelectListItemDealPerson-contentDetails--isNotModify .dtSelectListItemDealPerson-contentDetailsEmail {
    display: none;
}

.dtSelectListItemDealPerson-contentDetails b {
    color: #000;
    font-weight: 500;
    letter-spacing: -0.035em;
}
.dtSelectListItemDealPerson-sampleUserIndicator {
    border-radius: 100px;
    background-color: #d6d6dd;

    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    margin-right: 5px;

    font-size: 10px;
    color: #fff;
}
.dtSelectListItemDealPerson-content .dtSelectListItemDealPerson-indicator {
    margin-right: 5px;
}
.dtSelectListItemDealPerson-content .dtSelectListItemDealPerson-indicatorItem {
    background-color: transparent;
    width: 10px;
    height: 10px;
}

.dtSelectListItemDealPerson.dtSelectListItem--isSelected .dtSelectListItemDealPerson-indicatorItem,
.dtSelectListItemDealPerson.dtSelectListItem--isSelected:hover .dtSelectListItemDealPerson-indicatorItem,
.dtSelectListItemDealPerson.dtSelectListItem--isSelected:focus .dtSelectListItemDealPerson-indicatorItem {
    color: #fff;
    background-color: #2868D7;
    border-radius: 100%;
}


.dtSelectListItemDealPerson-contentDetailName {

}
.dtSelectListItemDealPerson-contentDetailsPhone {

}
.dtSelectListItemDealPerson-contentDetailsEmail {

}
/* role selector */
.dtSelectListItemDealRole-contentRoleSelect-title {
    color: #646c78;
}

.dtSelectListItemDealPerson-contentRoleSelect {
    -webkit-flex: 2;
    flex: 2;
    background-color: transparent;
    color: #000;
}
.dtSelectListItemDealPerson-contentRoleSelect .dtSelect-dropdown {
    position: absolute;
    z-index: 2;
}
.dtSelectListItemDealPerson:last-child .dtSelectListItemDealPerson-contentRoleSelect .dtSelect-dropdown {
    position: relative;
}

.dtSelectListItemDealPerson-contentDetailsRole {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

/*TODO: jdonaldson hack fix find root cause of issue*/
.dtSelectListItemDealPerson > .dtSelectListItem-content {
    display: none;
}
/* Item: Date. */
.dtSelectListItemDate {
	line-height: 40px;
	padding: 0 10px;
}
.dtSelectListItemDate:hover,
.dtSelectListItemDate:focus {
	background-color: #ededed;
}
.dtSelectListItemDate.dtSelectListItem--isSelected,
.dtSelectListItemDate.dtSelectListItem--isSelected:hover,
.dtSelectListItemDate.dtSelectListItem--isSelected:focus {
	color: #000;
	font-weight: 500;
	letter-spacing: -0.035em;
	background-color: #f0eff2;
}
.dtSelectListItemDate .dtSelectListItemDate-caption {

}
.dtSelectListItem.dtSelectListItem--isEditable .dtSelectListItemDate-caption {
	margin: 0 10px 0 0;
}
.dtSelectListItemDate .dtSelectListItemDate-caption b {
	color: #000;
	font-weight: 500;
	letter-spacing: -0.035em;
}

.dtSelectListItemDate .dtSelectListItemDate-input {
	line-height: 30px;
}

.dtSelectListItemDate .dtSelectListItemDate-input .inputSearch-input {
    width: 50px;
}
/* Item: Simple. */
.dtSelectListItemDealRole {
	line-height: 40px;
	padding: 0 10px;
}
.dtSelectListItemDealRole:hover,
.dtSelectListItemDealRole:focus {

}
.dtSelectListItemDealRole.dtSelectListItem--isSelected,
.dtSelectListItemDealRole.dtSelectListItem--isSelected:hover,
.dtSelectListItemDealRole.dtSelectListItem--isSelected:focus {
	font-weight: 500;
	letter-spacing: -0.035em;
}
.dtSelectListItemDealRole .dtSelectListItemSimple-caption {

}
.dtSelectListItemDealRole .dtSelectListItemSimple-caption b {
	font-weight: 500;
	letter-spacing: -0.035em;
}

.dtSelectListItemDealRole .dtSelectListItemSimple-buttonIndicator {
	width: 24px;
	height: 24px;
    margin-left: auto;
}

/* Theme: A. */
.dtSelectList.dtTheme--a .dtSelectListItemDealRole:hover,
.dtSelectList.dtTheme--a .dtSelectListItemDealRole:focus,
.dtSelectList.dtTheme--a .dtSelectListItemDealRole.dtSelectListItem--isFocus {
	background-color: #ededed;
}
.dtSelectList.dtTheme--a .dtSelectListItemDealRole.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--a .dtSelectListItemDealRole.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--a .dtSelectListItemDealRole.dtSelectListItem--isSelected:focus {
	color: #000;
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--a .dtSelectListItemDealRole.dtSelectListItem--isDisabled,
.dtSelectList.dtTheme--a .dtSelectListItemDealRole.dtSelectListItem--isDisabled:hover,
.dtSelectList.dtTheme--a .dtSelectListItemDealRole.dtSelectListItem--isDisabled:focus {
	background-color: #fff;
	font-weight: 300;
	color: #95a1aa;
}
.dtSelectList.dtTheme--a .dtSelectListItemDealRole .dtSelectListItemSimple-caption b {
	color: #000;
}

/** Theme markup */
.dtSelectList.dtSelectList--theme-markup .dtSelectList-content {
	max-height: 110px;
	background-color: rgba(25, 27, 36, 0.2);
}

.dtSelectList.dtSelectList--theme-markup .dtSelectListItemDealRole.dtSelectListItem {
	border: none;
	color: #fffffc;
	border-bottom: 1px solid rgba(25, 27, 36, 0.2);
}

.dtSelectList.dtSelectList--theme-markup .dtSelectListItemDealRole.dtSelectListItem--isSelected,
.dtSelectList.dtSelectList--theme-markup .dtSelectListItemDealRole.dtSelectListItem--isSelected:hover,
.dtSelectList.dtSelectList--theme-markup .dtSelectListItemDealRole.dtSelectListItem--isSelected:focus {
	color: #fffffc;
	background-color: rgba(25, 27, 36, 0.2);
}

/* Item: document */
.dtSelectListItemDocument {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	background-color: #fcfbfc;

	padding: 5px;
	font-size: 12px;
}
.dtSelectListItemDocument .dtSelectListItemDocument-action--remove,
.dtSelectListItemDocument .dtSelectListItemDocument-icon {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 15px;
	height: 24px;
	margin-right: 10px;
	color: #000000;
	font-size: 18px;
}

.dtSelectListItemDocument .dtSelectListItemDocument-icon {
	width: 24px;
	height: 24px;
}

.dtSelectListItemDocument .dtSelectListItemDocument-content {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 30%;
	color: #252b33;
	padding-top: 4px;
}
.dtPageWizard-body.dtGrid--sm .dtSelectListItemDocument .dtSelectListItemDocument-content {
	min-width: 0;
}
.dtSelectListItemDocument-action {
	-webkit-flex: 0 0 auto;
    flex: 0 0 auto;
	color: #2868D7;
	font-weight: 500;
	text-decoration: underline;
	text-transform: capitalize;
}
.dtSelectListItemDocument .dtSelectListItemDocument-date {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	min-width: 60px;
    margin-left: 20px;
	color: #767486;
	white-space: nowrap;
	text-align: right;
	padding-top: 4px;
}
.dtPageWizard-body.dtGrid--sm .dtSelectListItemDocument-date {
	display: none;
}

.dtSelectListItemDocument .contentSelectDocumentButton {
	display: block;
}
.dtPageWizard-body.dtGrid--sm .dtSelectListItemDocument .contentSelectDocumentButton {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

}
/* Item: Folder */
.dtSelectListItemFile {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemFile + .dtSelectListItemFile{
    margin-top: 1px;
}

.dtSelectListItemFile .dtSelectListItemFile-caption b {
	font-weight: 700;
	letter-spacing: -0.035em;
}

.dtSelectListItemFile .dtSelectListItem-selector {
    display: none;
}

.dtSelectListItemFile .dtSelectListItem-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    min-height: 50px;
}

/* Theme: C. */
.dtSelectList.dtTheme--c .dtSelectListItemFile:hover,
.dtSelectList.dtTheme--c .dtSelectListItemFile:focus {
	background-color: #f0eff2;
	color: #000;
}

.dtSelectList.dtTheme--c .dtSelectListItemFile .dtSelectListItemFile-icon {
	width: 24px;
	min-width: 24px;
	height: 24px;

	margin-right: 12px;
	color: #9393ac;
}

.dtSelectList.dtTheme--c .dtSelectListItemFile .dtSelectListItemFile-caption {
	margin: 5px 0;
}


/* Item: Folder */
.dtSelectListItemFolder {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemFolder + .dtSelectListItemFolder{
    margin-top: 1px;
}

.dtSelectListItemFolder:hover,
.dtSelectListItemFolder:focus {

}
.dtSelectListItemFolder.dtSelectListItem--isSelected,
.dtSelectListItemFolder.dtSelectListItem--isSelected:hover,
.dtSelectListItemFolder.dtSelectListItem--isSelected:focus {

}

.dtSelectListItemFolder .dtSelectListItemFolder-caption {
    max-width: 80%;
	margin: 5px 0;
}
.dtSelectListItemFolder .dtSelectListItemFolder-caption b {
	font-weight: 700;
	letter-spacing: -0.035em;
}
.dtSelectListItemFolder .dtSelectListItemFolder-subCaption {
    color: #76748d;
    font-size: 10px;
    font-weight: 300;
}
.dtSelectListItemFolder .dtSelectListItem-selector {
    display: none;
}
.dtSelectListItemFolder .dtSelectListItem-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    max-width: 100%;
    min-height: 50px;
}

/* Theme: C. */
.dtSelectList.dtTheme--c .dtSelectListItemFolder:hover,
.dtSelectList.dtTheme--c .dtSelectListItemFolder:focus {
	background-color: #f0eff2;
	color: #000;
}

.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemFolder:hover,
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemFolder:focus {
    background-color: transparent;
    font-weight: 400;
}

.dtSelectList.dtTheme--c .dtSelectListItemFolder.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--c .dtSelectListItemFolder.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--c .dtSelectListItemFolder.dtSelectListItem--isSelected:focus {
    background-color: #f0eff2;
}
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemFolder.dtSelectListItem--isSelected,
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemFolder.dtSelectListItem--isSelected:hover,
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemFolder.dtSelectListItem--isSelected:focus {
    background-color: transparent;
}

.dtSelectList.dtTheme--c .dtSelectListItemFolder .dtSelectListItemFolder-icon {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
	width: 24px;
	height: 24px;

	margin-right: 12px;
	color: #9393ac;
}

.dtSelectList.dtTheme--c .dtSelectListItemFolder .dtSelectListItemFolder-arrowRight {
    display: none;

    margin-left: auto;

    color: #76748d;

    font-size: 24px;
}

.dtSelectList.dtTheme--c .dtSelectListItemFolder:hover .dtSelectListItemFolder-arrowRight,
.dtSelectList.dtTheme--c .dtSelectListItemFolder:focus .dtSelectListItemFolder-arrowRight {
    display: block;
}

.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemFolder:hover .dtSelectListItemFolder-arrowRight,
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemFolder:focus .dtSelectListItemFolder-arrowRight {
    display: none;
}
.dtSelectListItemGlobal {

}

.dtSelectListItemGlobal .row-item {
	display: flex;
	width: 100%;
	align-items: center;
	height: 60px;
	padding: 0 12px;
	border-bottom: 1px solid #efefef;
}

.dtSelectListItemGlobal .row-itemLeftText {
	flex: 1;
	overflow: hidden;
}

.dtSelectListItemGlobal .rowItemLeft-item {
	display: flex;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	letter-spacing: normal;
	color: #9d9ba9;
}

.dtSelectListItemGlobal .rowItemLeft-item.fieldTitle {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #c2c1c6;
}

.dtSelectListItemGlobal .row-item.active .row-itemRightIcon,
.dtSelectListItemGlobal .row-item:hover .row-itemRightIcon {
	text-indent: 0;
}

.dtSelectListItemGlobal .row-item.active,
.dtSelectListItemGlobal .row-item:hover {
	background-color: #f0eff2;
}

.dtSelectListItemGlobal .row-item.active .rowItemLeft-item,
.dtSelectListItemGlobal .row-item:hover .rowItemLeft-item {
	color: #252b33;
}

.dtSelectListItemGlobal .row-item.active .rowItemLeft-item.fieldTitle,
.dtSelectListItemGlobal .row-item:hover .rowItemLeft-item.fieldTitle {
	color: #767486;
}

.dtSelectListItemGlobal .row-itemRightIcon {
	width: 30px;
	height: 30px;
	font-size: 30px;
	align-items: center;
	display: flex;
	justify-content: center;
	color: #727179;
	flex: 0 0 auto;
	text-indent: 999px;
	overflow: hidden;
	font-weight: 500;
	margin-left: 10px;
}

.peFieldItem-globalTagIcon{
	color: #2868D7;
}

.dtSelectListItemGlobal .rowItemLeft-connector {
	padding: 0 5px;
}

/* Item: Simple. */
.dtSelectListItemLink {
	line-height: 40px;
	padding: 0 10px;
}
.dtSelectListItemLink:hover,
.dtSelectListItemLink:focus {

}
.dtSelectListItemLink .dtSelectListItem-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

	max-width: 90%;
}

.dtSelectListItemLink.dtSelectListItem--isSelected,
.dtSelectListItemLink.dtSelectListItem--isSelected:hover,
.dtSelectListItemLink.dtSelectListItem--isSelected:focus {
	font-weight: 400;
}

.dtSelectListItemLink .dtSelectListItemLink-caption {
    -webkit-flex: 1;
    flex: 1 auto;

	font-size: 12px;
}

.dtSelectListItemLink .dtSelectListItemLink-caption b {
	font-weight: 400;
}

.dtSelectListItemLink .dtSelectListItemLink-icon {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 20px;
	margin-right: 13px;
}

/* Theme: A. */
.dtSelectList.dtTheme--a .dtSelectListItemLink:hover,
.dtSelectList.dtTheme--a .dtSelectListItemLink:focus,
.dtSelectList.dtTheme--a .dtSelectListItemLink.dtSelectListItem--isFocus {
	background-color: #ededed;
}
.dtSelectList.dtTheme--a .dtSelectListItemLink.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--a .dtSelectListItemLink.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--a .dtSelectListItemLink.dtSelectListItem--isSelected:focus {
	color: #252b33;
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--a .dtSelectListItemLink.dtSelectListItem--isDisabled,
.dtSelectList.dtTheme--a .dtSelectListItemLink.dtSelectListItem--isDisabled:hover,
.dtSelectList.dtTheme--a .dtSelectListItemLink.dtSelectListItem--isDisabled:focus {
	background-color: #fff;
	font-weight: 300;
	color: #95a1aa;
}
.dtSelectList.dtTheme--a .dtSelectListItemLink .dtSelectListItemLink-caption b {
	color: #252b33;
}
/* MLS Select List Item. */
.dtSelectListItemMlsListing {
}
.dtSelectListItemMlsListing:hover,
.dtSelectListItemMlsListing:focus,
.dtSelectListItemMlsListing.dtSelectListItem--isFocus {
    background-color: #ededed;
}
.dtSelectListItemMlsListing.dtSelectListItem--isSelected,
.dtSelectListItemMlsListing.dtSelectListItem--isSelected:hover,
.dtSelectListItemMlsListing.dtSelectListItem--isSelected:focus {
    color: #fff;
    background-color: #2868D7;
}

.dtSelectListItemMlsListing .dtSelectListItem-content {
    display: none;
}

.dtSelectListItemMlsListing .dtSelectListItemMlsListing-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;
}

/* Item: Body: Content. */
.dtSelectListItemMlsListing-content {
    position: relative;
}
/* Test indicator */
.dtSelectListItemMlsListing-sampleIndicator {
	border-radius: 100px;
	background-color: #d6d6dd;

	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	margin-right: 5px;

	font-size: 10px;
	color: #fff;
}
/* Avatar. */
.dtSelectListItemMlsListing-mlsAvatarContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    width: 50px;
    height: 50px;

    margin: 6px;

    -webkit-justify-content: center;
    justify-content: center;
}
.dtSelectListItemMlsListing-mlsAvatar {
    position: relative;

    -webkit-flex: 1;
    flex: 1 auto;

    color: rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 100%;

    overflow: hidden;
}
.dtSelectListItemMlsListing-mlsAvatarSpacer {
    display: block;
    width: 100%;
}
.dtSelectListItemMlsListing-mlsAvatarImage {
    position: absolute;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    -webkit-justify-content: center;
    justify-content: center;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Details. */
.dtSelectListItemMlsListing-contentDetails {
    -webkit-flex: 1;
    flex: 1 auto;

    overflow: hidden;

    padding: 9px 6px 6px;

    font-size: 13px;
    font-weight: 300;
    line-height: 1.54;
}
.dtSelectListItemMlsListing-contentDetails b {
	color: #000;
	font-weight: 500;
	letter-spacing: -0.035em;
}
.dtSelectListItemMlsListing.dtSelectListItem--isSelected .dtSelectListItemMlsListing-contentDetails b {
	color: #fff;
}
.dtSelectListItemMlsListing-contentDetailsAddress {

}
.dtSelectListItemMlsListing-contentDetailsMlsNumber {

}
/* Item: Clause Group. */
.dtSelectListItemNodeExplorerItem {
	line-height: 50px;
	padding: 0 7px;
}
.dtSelectListItemNodeExplorerItem-icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}
.dtSelectListItemNodeExplorerItem + .dtSelectListItemNodeExplorerItem{
    margin-top: 1px;
}
.dtSelectListItemNodeExplorerItem:hover,
.dtSelectListItemNodeExplorerItem:focus {
}
.dtSelectListItemNodeExplorerItem.dtSelectListItem--isSelected,
.dtSelectListItemNodeExplorerItem.dtSelectListItem--isSelected:hover,
.dtSelectListItemNodeExplorerItem.dtSelectListItem--isSelected:focus {
	font-weight: 700;
	letter-spacing: -0.035em;
}
.dtSelectListItemNodeExplorerItem .dtSelectListItemNodeExplorerItem-caption b {
	font-weight: 700;
	letter-spacing: -0.035em;
}
.dtSelectListItemNodeExplorerItem .dtSelectListItemNodeExplorerItem-subCaption {
    color: #252b33;
    font-size: 10px;
    font-weight: 300;
}
.dtSelectListItemNodeExplorerItem .dtSelectListItem-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    min-height: 50px;
}

/* Theme: C. */
.dtSelectList.dtTheme--c .dtSelectListItemNodeExplorerItem:hover,
.dtSelectList.dtTheme--c .dtSelectListItemNodeExplorerItem:focus {
	background-color: #f0eff2;
    font-weight: 700;
}
.dtSelectList.dtTheme--c .dtSelectListItemNodeExplorerItem.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--c .dtSelectListItemNodeExplorerItem.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--c .dtSelectListItemNodeExplorerItem.dtSelectListItem--isSelected:focus {
    background-color: #f0eff2;
    font-weight: 700;
}
.dtSelectList.dtTheme--c .dtSelectListItemNodeExplorerItem {
	color: #252b33;
}
.dtSelectList.dtTheme--c .dtSelectListItemNodeExplorerItem .dtSelectListItemNodeExplorerItem-icon {
    margin-right: 12px;

    color: #000;

    font-size: 20px;
}
.dtSelectList.dtTheme--c .dtSelectListItemNodeExplorerItem .dtSelectListItemNodeExplorerItem-arrowRight {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: auto;
}
/* Item: Folder */
.dtSelectListItemPermoGroup {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemPermoGroup + .dtSelectListItemPermoGroup{
    margin-top: 1px;
}

.dtSelectListItemPermoGroup:hover,
.dtSelectListItemPermoGroup:focus {

}
.dtSelectListItemPermoGroup.dtSelectListItem--isSelected,
.dtSelectListItemPermoGroup.dtSelectListItem--isSelected:hover,
.dtSelectListItemPermoGroup.dtSelectListItem--isSelected:focus {

}

.dtSelectListItemPermoGroup .dtSelectListItemPermoGroup-caption {
    max-width: 80%;
	margin: 5px 0;
}
.dtSelectListItemPermoGroup .dtSelectListItemPermoGroup-caption b {
	font-weight: 700;
	letter-spacing: -0.035em;
}
.dtSelectListItemPermoGroup .dtSelectListItemPermoGroup-subCaption {
    color: #76748d;
    font-size: 10px;
    font-weight: 300;
}
.dtSelectListItemPermoGroup .dtSelectListItem-selector {
    display: none;
}
.dtSelectListItemPermoGroup .dtSelectListItem-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    max-width: 100%;
    min-height: 50px;
}

/* Theme: C. */
.dtSelectList.dtTheme--c .dtSelectListItemPermoGroup:hover,
.dtSelectList.dtTheme--c .dtSelectListItemPermoGroup:focus {
	background-color: #f0eff2;
	color: #000;
}
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemPermoGroup:hover,
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemPermoGroup:focus {
    background-color: transparent;
    font-weight: 400;
}

.dtSelectList.dtTheme--c .dtSelectListItemPermoGroup.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--c .dtSelectListItemPermoGroup.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--c .dtSelectListItemPermoGroup.dtSelectListItem--isSelected:focus {
    background-color: #f0eff2;
}
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemPermoGroup.dtSelectListItem--isSelected,
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemPermoGroup.dtSelectListItem--isSelected:hover,
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemPermoGroup.dtSelectListItem--isSelected:focus {
    background-color: transparent;
}

.dtSelectList.dtTheme--c .dtSelectListItemPermoGroup .dtSelectListItemPermoGroup-icon {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
	width: 24px;
	height: 24px;

	margin-right: 12px;
	color: #9393ac;
}
.dtSelectList.dtTheme--c .dtSelectListItemPermoGroup .dtSelectListItemPermoGroup-arrowRight {
    display: none;

    margin-left: auto;

    color: #76748d;

    font-size: 24px;
}
.dtSelectList.dtTheme--c .dtSelectListItemPermoGroup:hover .dtSelectListItemPermoGroup-arrowRight,
.dtSelectList.dtTheme--c .dtSelectListItemPermoGroup:focus .dtSelectListItemPermoGroup-arrowRight {
    display: block;
}
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemPermoGroup:hover .dtSelectListItemPermoGroup-arrowRight,
.dtRoot.dtGrid--sm .dtSelectList.dtTheme--c .dtSelectListItemPermoGroup:focus .dtSelectListItemPermoGroup-arrowRight {
    display: none;
}
/* Item: Simple. */
.dtSelectListItemSimple {
	line-height: 40px;
	padding: 0 10px;
}
.dtSelectListItemSimple:hover,
.dtSelectListItemSimple:focus {

}
.dtSelectListItem.dtSelectListItemSimple .dtSelectListItem-content {
	align-items: center;
	column-gap: 10px;
}
.dtSelectListItem.dtSelectListItemSimple .dtSelectListItem-content .dtSelectListItem-body {
	column-gap: 10px;
}
.dtSelectListItemSimple.dtSelectListItem--isSelected,
.dtSelectListItemSimple.dtSelectListItem--isSelected:hover,
.dtSelectListItemSimple.dtSelectListItem--isSelected:focus {
	/*font-weight: 500;*/
	/*letter-spacing: -0.035em;*/
}
.dtSelectListItemSimple .dtSelectListItemSimple-icon,
.dtSelectListItemSimple .dtSelectListItemSimple-symbolContent {
	width: 24px;
	height: 24px;
}
.dtSelectListItemSimple .dtSelectListItemSimple-caption b {
	font-weight: 500;
	letter-spacing: -0.035em;
}
.dtSelectListItemSimple .dtSelectListItemSimple-buttonIndicator {
	width: 24px;
	height: 24px;
    margin-left: auto;
}

/* Theme: A. */
.dtSelectList.dtTheme--a .dtSelectListItemSimple:hover,
.dtSelectList.dtTheme--a .dtSelectListItemSimple:focus,
.dtSelectList.dtTheme--a .dtSelectListItemSimple.dtSelectListItem--isFocus {
	background-color: #ededed;
}
.dtSelectList.dtTheme--a .dtSelectListItemSimple.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--a .dtSelectListItemSimple.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--a .dtSelectListItemSimple.dtSelectListItem--isSelected:focus {
	color: #000;
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--a .dtSelectListItemSimple.dtSelectListItem--isDisabled,
.dtSelectList.dtTheme--a .dtSelectListItemSimple.dtSelectListItem--isDisabled:hover,
.dtSelectList.dtTheme--a .dtSelectListItemSimple.dtSelectListItem--isDisabled:focus {
	background-color: #fff;
	font-weight: 300;
	color: #95a1aa;
}
.dtSelectList.dtTheme--a .dtSelectListItemSimple .dtSelectListItemSimple-caption b {
	color: #000;
}

/* Theme: B. */
.dtSelectList.dtTheme--b .dtSelectListItemSimple {
	color: #ccc;
}
.dtSelectList.dtTheme--b .dtSelectListItemSimple:hover,
.dtSelectList.dtTheme--b .dtSelectListItemSimple:focus,
.dtSelectList.dtTheme--b .dtSelectListItemSimple.dtSelectListItem--isFocus {
	color: #fff;
	background-color: #2868D7;
}
.dtSelectList.dtTheme--b .dtSelectListItemSimple.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--b .dtSelectListItemSimple.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--b .dtSelectListItemSimple.dtSelectListItem--isSelected:focus {
	color: #fff;
	background-color: #2868D7;
}
.dtSelectList.dtTheme--b .dtSelectListItemSimple .dtSelectListItemSimple-caption b {
	color: #fff;
}

/*
* Theme: D.
* Dropdown Select Style.
* Used for Zoom Select.
*/
.dtSelectList.dtTheme--d .dtSelectListItemSimple {
	color: #767486;
    line-height: 28px;
}
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled:hover,
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled:focus,
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled.dtSelectListItem--isFocus {
	color: #fff;
	background-color:  #2868D7;
}
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled:hover .dtSelectListItemSimple-caption,
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled:focus .dtSelectListItemSimple-caption,
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled.dtSelectListItem--isFocus .dtSelectListItemSimple-caption {
	font-weight: 500;
}
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled.dtSelectListItem--isSelected:focus {
	color: #fff;
	background-color: #2868D7;
}
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled .dtSelectListItemSimple-caption b {
	color: #767486;
}
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled.dtSelectListItem--isSelected .dtSelectListItemSimple-caption b,
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled.dtSelectListItem--isSelected:hover .dtSelectListItemSimple-caption b,
.dtSelectList.dtTheme--d .dtSelectListItemSimple.dtSelectListItem--isEnabled.dtSelectListItem--isSelected:focus .dtSelectListItemSimple-caption b {
    color: #fff;
}

/**
 * Theme: E2
 * Used in EmailDownloads.
 */
.dtSelectList.dtTheme--e2 .dtSelectListItemSimple.dtSelectListItem--isDisabled.dt--isClickable {
	cursor: default;
}
.dtSelectList.dtTheme--e2 .dtSelectListItemSimple .dtSelectListItemSimple-icon {
	min-width: 24px;
}
.dtSelectList.dtTheme--e2 .dtSelectListItemSimple .dtSelectListItemSimple-caption {
	font-size: 12px;
}

/*
 * Theme: F.
 * Used in Doc Selections Mobile.
 */
.dtSelectList.dtTheme--f .dtSelectListItemSimple {
	padding: 0 2px;
	line-height: 44px;
}
.dtSelectList.dtTheme--f .dtSelectListItemSimple .dtSelectListItem-content {
	color: #252b33;
	font-size: 12px;
}
.dtSelectList.dtTheme--f .dtSelectListItemSimple .dtSelectListItem-body {
	min-height: 44px;
}

/* Theme: G - PDF markup people selection under mobile */
.dtSelectList.dtTheme--g .dtSelectListItemSimple .dtSelectListItem-body {
	min-height: 30px;
}
.dtSelectList.dtTheme--g .dtSelectListItem {
	background-color: rgba(25, 27, 36, 0.95);
}
.dtSelectList.dtTheme--g .dtSelectListItem.dtSelectListItem--isSelected {
	background-color: rgba(118, 116, 134, 0.9);
}
.dtSelectList.dtTheme--g .dtSelectListItemSimple .dtSelectListItemSimple-caption,
.dtSelectList.dtTheme--g .dtSelectListItemSimple .dtSelectListItemSimple-caption b {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}
.dtSelectList.dtTheme--g.dtSelectList--isLastItemBottomRound .dtSelectList-content:last-child {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.dtSelectList.dtTheme--g .dtSelectListItemSimple-actionAdditional {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	text-decoration: underline;
}

/* If Content Flex styles for Theme G */
.dtSelectList.dtSelectList--isContentFlex.dtSelectList.dtTheme--g .dtSelectList-content{
	background: rgba(25, 27, 36, 0.95);
	width:200px;
}
.dtSelectList.dtSelectList--isContentFlex.dtSelectList.dtTheme--g .dtSelectListItemSimple .dtSelectListItem-body {
	border-radius: 5px;
	border: 1px solid white;
	min-height: 20px;
	max-height: 20px;
}
.dtSelectList.dtSelectList--isContentFlex.dtSelectList.dtTheme--g .dtSelectListItem {
	padding:5px;
	width:50px;

}
.dtSelectList.dtSelectList--isContentFlex.dtSelectList.dtTheme--g .dtSelectListItem.dtSelectListItem--isSelected {
	background-color: rgba(118, 116, 134, 0.9);
}

/*
 * Theme: H.
 * Used in Doc Selections Mobile.
 */
.dtSelectList.dtTheme--h .dtSelectListItemSimple {
	padding: 0;
	border-bottom: 1px solid #f0eff2;
}
.dtSelectList.dtTheme--h .dtSelectListItemSimple .dtSelectListItem-content {
	color: #252b33;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.33;
}
.dtSelectList.dtTheme--h .dtSelectListItemSimple .dtSelectListItem-body {
	min-height: 40px;
}

/*
 * Theme: Z.
 * Used in AppHeader Search.
 * (a copy of A)
 */
.dtSelectList.dtTheme--z .dtSelectListItemSimple {
	color: #333;
	width: 300px;
	padding: 0 0 0 10px;
}
.dtSelectList.dtTheme--z .dtSelectListItemSimple + .dtSelectListItemSimple {
	margin-top: 10px;
}
.dtSelectList.dtTheme--z .dtSelectListItemSimple:hover,
.dtSelectList.dtTheme--z .dtSelectListItemSimple:focus,
.dtSelectList.dtTheme--z .dtSelectListItemSimple.dtSelectListItem--isFocus {
	background-color: #ededed;
}
.dtSelectList.dtTheme--z .dtSelectListItemSimple.dtSelectListItem--isSelected,
.dtSelectList.dtTheme--z .dtSelectListItemSimple.dtSelectListItem--isSelected:hover,
.dtSelectList.dtTheme--z .dtSelectListItemSimple.dtSelectListItem--isSelected:focus {
	color: #000;
	background-color: #f0eff2;
}
.dtSelectList.dtTheme--z .dtSelectListItemSimple.dtSelectListItem--isDisabled,
.dtSelectList.dtTheme--z .dtSelectListItemSimple.dtSelectListItem--isDisabled:hover,
.dtSelectList.dtTheme--z .dtSelectListItemSimple.dtSelectListItem--isDisabled:focus {
	background-color: #fff;
	font-weight: 300;
	color: #95a1aa;
}
.dtSelectList.dtTheme--z .dtSelectListItemSimple .dtSelectListItemSimple-caption b {
	color: #000;
}

/* Input: Theme: Z. */
.dtSelectList .dtSelectList-content .dtSelectListItem.dtSelectListItemSimple .dtSelectListItem-content .dtSelectListItem-body.dtTheme--z{
	border: solid 1px rgba(0, 0, 0, 0.2);
	/*background-color: #ffa24c;*/
}
.dtSelectList .dtSelectList-content .dtSelectListItem.dtSelectListItemSimple .dtSelectListItem-content .dtSelectListItem-body.dtTheme--z line{
	stroke: #e94461;
	stroke-width: 2;
}

/* SelectList: Theme: V */
.dtSelectList.dtTheme--v {
	width: 260px;
	background: #fff;
}
.dtSelectList.dtTheme--v .dtSelectList-content {
	max-height: none;
}
.dtSelectList.dtTheme--v .dtSelectListItemSimple {
	border-bottom: 1px solid #f0eff2;
	line-height: 30px;
	font-size: 12px;
}
.dtSelectList.dtTheme--v .dtSelectListItemSimple .dtSelectListItemSimple-caption {
	text-align: left;
	font-weight: 400;
}
.dtSelectList.dtTheme--v .dtSelectListItemSimple .dtSelectListItemSimple-caption b {
	color: #fff;
	font-weight: 400;
}
.dtSelectList.dtTheme--v .dtSelectListItemSimple .dtSelectListItemSimple-icon {
	display: none;
	width: 20px;
	height: 20px;
}
.dtSelectList.dtTheme--v .dtSelectListItemSimple .dtSelectListItem-body {
	position: relative;
	min-height: 30px;
}
.dtSelectList.dtTheme--v .dtSelectListItemSimple .dtSelectListItemSimple-actionAdditional {
	text-decoration: underline;
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0.3px;
	color: #2868D7;
}
.dtSelectList.dtTheme--v .dtSelectListItemSimple:hover,
.dtSelectList.dtTheme--v .dtSelectListItemSimple.dtSelectListItem--isSelected {
	background-color: #2868D7;
	color: #fff;
}
.dtSelectList.dtTheme--v .dtSelectListItemSimple:hover .dtSelectListItemSimple-actionAdditional,
.dtSelectList.dtTheme--v .dtSelectListItemSimple.dtSelectListItem--isSelected .dtSelectListItemSimple-actionAdditional {
	color: #fff;
}
.dtSelectList.dtTheme--v .dtSelectListItemSimple.dtSelectListItem--isSelected .dtSelectListItemSimple-icon {
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.dtSelectList.dtTheme--v .dtSelectListItemSimple.dtSelectListItem--isSelected .dtSelectListItemSimple-icon path {
	stroke: #fff;
}

/* Theme: dtSelectList--theme-markup
	Markup for mobile app header
*/

.dtSelectList.dtSelectList--theme-markup .dtSelectListItemSimple {
	border-bottom: 1px solid rgba(25, 27, 36, 0.2);
}

.dtSelectList.dtSelectList--theme-markup .dtSelectListItemSimple.dtSelectListItem--isSelected,
.dtSelectList.dtSelectList--theme-markup .dtSelectListItemSimple.dtSelectListItem--isSelected:hover,
.dtSelectList.dtSelectList--theme-markup .dtSelectListItemSimple.dtSelectListItem--isSelected:focus {
	background-color: rgba(25, 27, 36, 0.2);
}

.dtSelectList.dtSelectList--theme-markup .dtSelectListItemSimple.dtSelectListItem {
	border: none;
	color: #fffffc;
	border-bottom: 1px solid rgba(25, 27, 36, 0.2);
}

.dtSelectList.dtSelectList--theme-markup .dtSelectListItemSimple-caption {
	color: #fffffc;
}

/* Item: Simple Bg Color. */
.dtSelectListItemSimpleBgColor {
}

.dtSelectListItemSimpleBgColor .dtSelectListItem-body {
	min-height: 20px;
	width: 40px;
	margin: 5px 0;
	border-radius: 5px;
}
/* Item: Clause Group. */
.dtSelectListItemSourceForm {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemSourceForm + .dtSelectListItemSourceForm {
    margin-top: 1px;
}

.dtSelectListItemSourceForm:hover,
.dtSelectListItemSourceForm:focus {
	background-color: #f0eff2;
}
.dtSelectListItemSourceForm.dtSelectListItem--isSelected,
.dtSelectListItemSourceForm.dtSelectListItem--isSelected:hover,
.dtSelectListItemSourceForm.dtSelectListItem--isSelected:focus {
	font-weight: 700;
	letter-spacing: -0.015em;
}

.dtSelectListItemSourceForm .dtSelectListItemSourceForm-caption b {
	font-weight: 700;
	letter-spacing: -0.015em;
}

.dtSelectListItemSourceForm .dtSelectListItem-selector {
    display: none;
}

.dtSelectListItemSourceForm .dtSelectListItem-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    min-height: 50px;
}

.dtSelectListItemSourceForm .dtSelectListItemSourceForm-icon {
	min-width: 24px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}

.dtSelectListItemSourceForm .dtSelectListItemSourceForm-arrowRight {
	display: none;
	margin-left: auto;
	color: #76748d;
	font-size: 24px;
}

.dtSelectListItemSourceForm:hover .dtSelectListItemSourceForm-arrowRight,
.dtSelectListItemSourceForm:focus .dtSelectListItemSourceForm-arrowRight {
	display: block;
}

.dtSelectListItemSystemItemStatus {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemSystemItemStatus + .dtSelectListItemSystemItemStatus {
	margin-top: 1px;
}

.dtSelectListItemSystemItemStatus .dtSelectListItemSystemItemStatus-caption {
	-webkit-flex: 1;
	flex: 1;
	padding: 5px 0;
}

.dtSelectListItemSystemItemStatus .dtSelectListItem-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 0;
	min-height: 30px;
}

/* Theme: C. */
.dtSelectList .dtSelectListItemSystemItemStatus:hover,
.dtSelectList .dtSelectListItemSystemItemStatus:focus {
	background-color: #f0eff2;
}
.dtSelectList .dtSelectListItemSystemItemStatus:hover .dtSelectListItemSystemItemStatus-caption,
.dtSelectList .dtSelectListItemSystemItemStatus:focus .dtSelectListItemSystemItemStatus-caption {
	color: #000;
}

.dtSelectList .dtSelectListItemSystemItemStatus.dtSelectListItem--isDisabled,
.dtSelectList .dtSelectListItemSystemItemStatus.dtSelectListItem--isDisabled:hover,
.dtSelectList .dtSelectListItemSystemItemStatus.dtSelectListItem--isDisabled:focus {
	background-color: transparent;
	font-weight: 300;
	opacity: 0.5
}

.dtSelectList .dtSelectListItemSystemItemStatus.dtSelectListItem--isSelected,
.dtSelectList .dtSelectListItemSystemItemStatus.dtSelectListItem--isSelected:hover,
.dtSelectList .dtSelectListItemSystemItemStatus.dtSelectListItem--isSelected:focus {
	background-color: #f0eff2;
}
.dtSelectList .dtSelectListItemSystemItemStatus.dtSelectListItem--isSelected .dtSelectListItemSystemItemStatus-caption,
.dtSelectList .dtSelectListItemSystemItemStatus.dtSelectListItem--isSelected:hover .dtSelectListItemSystemItemStatus-caption,
.dtSelectList .dtSelectListItemSystemItemStatus.dtSelectListItem--isSelected:focus .dtSelectListItemSystemItemStatus-caption {

}
.dtSelectList .dtSelectListItemSystemItemStatus .dtSelectListItemSystemItemStatus-icon {
	min-width: 24px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}
.dtSelectListItemUser {
	line-height: 50px;
	padding: 0 7px;
}

.dtSelectListItemUser + .dtSelectListItemUser{
	margin-top: 1px;
}

.dtSelectListItemUser:hover,
.dtSelectListItemUser:focus {

}

.dtSelectListItemUser.dtSelectListItem--isSelected,
.dtSelectListItemUser.dtSelectListItem--isSelected:hover,
.dtSelectListItemUser.dtSelectListItem--isSelected:focus {

}

.dtSelectListItemUser .dtSelectListItemUser-caption {
	-webkit-flex: 1;
	flex: 1;
	padding: 5px 0;
}
.dtSelectListItemUser .dtSelectListItemUser-caption b {
	letter-spacing: -0.035em;
}


.dtSelectListItemUser .dtSelectListItem-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 10px 0;
	min-height: 50px;
}

/* Theme: C. */
.dtSelectList .dtSelectListItemUser:hover,
.dtSelectList .dtSelectListItemUser:focus {
	background-color: #f0eff2;
}
.dtSelectList .dtSelectListItemUser:hover .dtSelectListItemUser-caption,
.dtSelectList .dtSelectListItemUser:focus .dtSelectListItemUser-caption {
	color: #000;
}

.dtSelectList .dtSelectListItemUser.dtSelectListItem--isDisabled,
.dtSelectList .dtSelectListItemUser.dtSelectListItem--isDisabled:hover,
.dtSelectList .dtSelectListItemUser.dtSelectListItem--isDisabled:focus {
	background-color: transparent;
	font-weight: 300;
	opacity: 0.5
}

.dtSelectList .dtSelectListItemUser.dtSelectListItem--isSelected,
.dtSelectList .dtSelectListItemUser.dtSelectListItem--isSelected:hover,
.dtSelectList .dtSelectListItemUser.dtSelectListItem--isSelected:focus {
	background-color: #f0eff2;
}
.dtSelectList .dtSelectListItemUser.dtSelectListItem--isSelected .dtSelectListItemUser-caption,
.dtSelectList .dtSelectListItemUser.dtSelectListItem--isSelected:hover .dtSelectListItemUser-caption,
.dtSelectList .dtSelectListItemUser.dtSelectListItem--isSelected:focus .dtSelectListItemUser-caption {

}
.dtSelectList .dtSelectListItemUser .dtSelectListItemUser-icon {
	min-width: 24px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}
.dtSelectListItemUserSummary {
	line-height: 50px;
	padding: 0 7px;
}
.dtSelectListItemUserSummary + .dtSelectListItemUserSummary {
	margin-top: 1px;
}
.dtSelectListItemUserSummary .dtSelectListItemUserSummary-caption {
	-webkit-flex: 1;
	flex: 1;
	padding: 5px 0;
}
.dtSelectListItemUserSummary .dtSelectListItem-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 0;
	min-height: 30px;
}

.dtSelectList .dtSelectListItemUserSummary:hover,
.dtSelectList .dtSelectListItemUserSummary:focus {
	background-color: #f0eff2;
}
.dtSelectList .dtSelectListItemUserSummary:hover .dtSelectListItemUserSummary-caption,
.dtSelectList .dtSelectListItemUserSummary:focus .dtSelectListItemUserSummary-caption {
	color: #000;
}

.dtSelectList .dtSelectListItemUserSummary.dtSelectListItem--isDisabled,
.dtSelectList .dtSelectListItemUserSummary.dtSelectListItem--isDisabled:hover,
.dtSelectList .dtSelectListItemUserSummary.dtSelectListItem--isDisabled:focus {
	background-color: transparent;
	font-weight: 300;
	opacity: 0.5
}

.dtSelectList .dtSelectListItemUserSummary.dtSelectListItem--isSelected,
.dtSelectList .dtSelectListItemUserSummary.dtSelectListItem--isSelected:hover,
.dtSelectList .dtSelectListItemUserSummary.dtSelectListItem--isSelected:focus {
	background-color: #f0eff2;
}
.dtSelectList .dtSelectListItemUserSummary.dtSelectListItem--isSelected .dtSelectListItemUserSummary-caption,
.dtSelectList .dtSelectListItemUserSummary.dtSelectListItem--isSelected:hover .dtSelectListItemUserSummary-caption,
.dtSelectList .dtSelectListItemUserSummary.dtSelectListItem--isSelected:focus .dtSelectListItemUserSummary-caption {

}
.dtSelectList .dtSelectListItemUserSummary .dtSelectListItemUserSummary-icon {
	min-width: 24px;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}
.selectionFrame,
.selectionFrame-imageContainer,
.selectionFrame-image,
.selectionFrame-frame,
.selectionFrame-content,
.selectionFrame-contentListener {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.selectionFrame {
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
}

/* Image. */
.selectionFrame-imageContainer {
	background-color: #fff;
	overflow: hidden;
	border: solid 2px #e94461;
}
.selectionFrame-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* Frame. */
.selectionFrame-frame {
	/*margin: -1px;*/
	/*border: 2px solid #000;*/
}

/* Content. */
.selectionFrame-content {
}

/* Content: Listener. */
.selectionFrame-contentListener {
	display: none;
	/*background-color: rgba(200,0,0,.2);*/
}
.selectionFrame.selectionFrame--isDragging .selectionFrame-contentListener {
	display: block;
}

/* Content: Toolbar. */
.selectionFrame-toolbar {
	position: absolute;

	top: 100%;
	left: 50%;

	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);

	margin-top: 15px;
}

.selectionFrame-controlHandle--topLeft {
	top: 0;
	left: 0;
}
.selectionFrame-controlHandle--topMiddle {
	top: 0;
	left: 50%;
}
.selectionFrame-controlHandle--topRight {
	top: 0;
	left: 100%;
}
.selectionFrame-controlHandle--middleLeft {
	top: 50%;
	left: 0;
}
.selectionFrame-controlHandle--middleRight {
	top: 50%;
	left: 100%;
}
.selectionFrame-controlHandle--bottomLeft {
	top: 100%;
	left: 0;
}
.selectionFrame-controlHandle--bottomMiddle {
	top: 100%;
	left: 50%;
}
.selectionFrame-controlHandle--bottomRight {
	top: 100%;
	left: 100%;
}


.selectionFrame-controlHandle {
	background-color: #e94461;
	position: absolute;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;

	font-size: 20px;
	text-align: center;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.selectionFrame-controlHandle .selectionFrameScale-control--corner {
	width: 10px;
	height: 10px;
}

.selectionFrame-controlHandle .selectionFrameScale-control--middle {
	width: 7px;
	height: 7px;
}
.selectionFrame-controlHandle .selectionFrameScale-control--middle:after {
	position: absolute;
	display: block;
	content: '';

	top: 50%;
	left: 50%;

	width: 45px;
	height: 45px;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.selectionFrame-controlHandle .selectionFrameScale-control--corner:after {
	position: absolute;
	display: block;
	content: '';

	top: 50%;
	left: 50%;

	width: 45px;
	height: 45px;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.selectionLayer,
.selectionLayer-content,
.selectionLayer-frame {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.selectionLayer {

}
.selectionLayer-content {
	/*background-color: rgba(0,0,0,.5);*/
}
.selectionLayer-frame {

}
.dtSidebar {
	position: relative;
	z-index: 900;
	/* TODO - reidenzon - Transitions screw up resizing on PageExplorer. */
	/*transition-property: width;*/
	/*transition-duration: .1s;*/
}
.dtSidebar.dtSidebar--isExpanded {
	width: 300px;
}
.dtSidebar.dtSidebar--isNotExpanded {
	width: 0;
}
.dtSidebar-inner {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	z-index: 1000;
}

/* Content. */
.dtSidebar-content {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	overflow: hidden;
}
.dtSidebar.dtSidebar--isNotExpanded .dtSidebar-content {
	/*display: none;*/
}
.dtSidebar--isHide {
	display: none;
}
/* Tab. */
.dtSidebar-tab {
	position: absolute;

	top: 50%;
	left: 100%;

	height: 0;
	width: 0;
}
.dtSidebarTab {

	display: none;
	/*display: -webkit-box;*/
	/*display: -webkit-flex;*/
	/*display: flex;*/

	width: 30px;
	height: 60px;

	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);

	overflow: hidden;
}
.dtSidebarTab-content {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin-left: -100%;
	width: 200%;

	border-radius: 100%;

	background-color: #000;
}
.dtSidebarTab:hover .dtSidebarTab-content {
	background-color: #2868D7;
}
.dtSidebarTab-icon {
	margin-left: 50%;
	font-size: 25px;
	line-height: 1;
	color: #fff;
}
/** SidebarView control style **/

.dtSidebarView {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;

	align-content: start;

	/*
	flex-direction: row-reverse;
	align-content: center;
	*/
}

.dtSidebarView .dtSidebarView-section {
	display: flex;
	margin-bottom: 12px;
}
.dtRoot.dtGrid--ss .dtSidebarView .dtSidebarView-section {
	margin-bottom: 0;
}

.dtSidebarView .dtSidebarView-section:last-child {
	margin-bottom: 0;
}

.dtSidebarView-section.dtSidebarSection--isFieldEditable {
	-webkit-align-items: center;
	align-items: center;
}

.dtSidebarView .dtSidebarView-sectionHalf {
	display: inline-block;
	width: 50%;
}

.isTablet .dtSidebarView,
.isMobile .dtSidebarView {
	background-color: #9c9cac;
	padding: 10px;
	justify-content: space-between;
	align-content: space-between;
}

.dtRoot.dtGrid--ss .dtSidebarView-section.dtSidebar-assignable {
	-webkit-flex-direction: column;
	flex-direction: column;
}


.dtSidebarView-header,
.dtSidebarView-content,
.dtSidebarView-footer {
	flex-basis: 100%;
	/*
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
	*/
}

.dtSidebarView-content,
.dtSidebarView-footer {
	margin-top: 20px;
}

.isTablet .dtSidebarView-header,
.isMobile .dtSidebarView-header,
.isTablet .dtSidebarView-content,
.isMobile .dtSidebarView-content,
.isTablet .dtSidebarView-footer,
.isMobile .dtSidebarView-footer{
	flex-basis: auto;
}

.isTablet .dtSidebarView-content,
.isMobile .dtSidebarView-content,
.isTablet .dtSidebarView-footer,
.isMobile .dtSidebarView-footer{
	margin-top: 0;
}

.isTablet .dtSidebarView-header,
.isMobile .dtSidebarView-header{
	justify-content: flex-end;
}

.isTablet .dtSidebarView-content {
	/*
	flex-grow: 1;
	 */
}
.isMobile .dtSidebarView-content { flex-basis: 100%; }

.isTablet .dtSidebarView-footer,
.isMobile .dtSidebarView-footer {
	justify-content: flex-start;
	order: 1;
}

.isTablet .dtSidebarView-content,
.isMobile .dtSidebarView-header {
	order: 2;
}

.isTablet .dtSidebarView-header,
.isMobile .dtSidebarView-content {
	order: 3;
}

.dtSidebarView .dtSidebarView-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	text-align: left;
	color: #252b33;
}

/** sidebar tablet styles **/

.isTablet .dtSidebarView-content {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	padding-left: 10px;
	padding-right: 10px;
}


.isTablet .dtSidebarView .dtSidebarView-section,
.isTablet .dtSidebarView .dtSidebarView-sectionHalf {
	display: flex;
	margin-bottom: 0;
}


.dtSidebarView .dtSidebarView--strokeColor {
	padding-right: 3px;
}
.dtSidebarView .dtSidebarView--strokeColorOpacity {
	padding-left: 3px;
}

.isTablet .dtSidebarView--strokeColor,
.isTablet .dtSidebarView--strokeColorOpacity {
	width: 70px;
}

.dtTouch .dtSidebarView .dtListView,
.dtTouch .dtSidebarView .dtListView{
	border-radius: 2px;
	background-color: rgba(49, 48, 59, 0.3);
	border: solid 1px rgba(255, 255, 255, 0.2);
}
.dtTouch .dtSidebarView .dtListView-content-title {
	color: #ffffff;
}

.dtTouch .dtSidebarView .dtListView-content-color {
	border-radius: 5px;
	border: solid 2px rgba(255, 255, 255, 0.8);
	width: 29px;
}


/**  Sidebar View Button Styles  */

.dtSidebarView .dtButton {
	margin-bottom: 10px;
}

.dtRightDetailsContent-caption +  .formMarkupDate-header,
.dtSidebarView .dtSidebarView-title + .dtButton {
	margin-top: 20px;
}

.isTablet .dtSidebarView .dtButton,
.isMobile .dtSidebarView .dtButton,
.dtSidebarView .dtButton:last-child {
	margin-bottom: 0;
}

.dtSidebarView .dtButton .dtButton-content {
	height: 30px;
	background-color: transparent;
}

.isTablet .dtSidebarView-footer .dtButton.dtButton--isInline + .dtButton.dtButton--isInline,
.isTablet .dtSidebarView-header .dtButton.dtButton--isInline + .dtButton.dtButton--isInline,
.isMobile .dtSidebarView-footer .dtButton.dtButton--isInline + .dtButton.dtButton--isInline,
.isMobile .dtSidebarView-header .dtButton.dtButton--isInline + .dtButton.dtButton--isInline {
	margin-left: 5px;
	margin-right: 0;
}

.isTablet .dtSidebarView .dtButton.dtTheme--y .dtButton-content,
.isMobile .dtSidebarView .dtButton.dtTheme--y .dtButton-content{

}

/** Sidebar view Textbox **/
.dtSidebarShape {

}


.dtSidebarShape-viewSectionStrokeColor,
.dtSidebarShape-viewSectionFillColor,
.dtSidebarShape-viewSectionStrokeOpacity,
.dtSidebarShape-viewSectionFillOpacity,
.dtSidebarShape-viewSectionStrokeThickness {
	display: inline-block;
}
body:not(.dtTouch) .dtSidebarShape-viewSectionStrokeThickness {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}
.isMobile .dtSidebarView.dtSidebarShape .dtListViewContent{
	border-radius: 2px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
}


.dtSidebarShape-viewSectionStrokeColor,
.dtSidebarShape-viewSectionFillColor {
	width: 50%;
	padding-right: 3px;
}

.dtSidebarShape-viewSectionStrokeOpacity,
.dtSidebarShape-viewSectionFillOpacity {
	width: 50%;
	padding-left: 3px;
}


.isTablet .dtSidebarShape-viewSectionStrokeColor,
.isTablet .dtSidebarShape-viewSectionFillColor,
.isTablet .dtSidebarShape-viewSectionStrokeOpacity,
.isTablet .dtSidebarShape-viewSectionFillOpacity,
.isTablet .dtSidebarShape-viewSectionStrokeThickness {
	width: 70px;
	margin-right: 5px;
	padding: 0;
}

.isMobile .dtSidebarView-content {
	margin: 15px 0 0 0;
	flex-basis: 100%;
}
.isMobile .dtSidebarView-content:first-child {
	margin-top: 10px;
}
/*Dirty fix AF to fix other css bugs*/
.isMobile .dtSidebarView.dtSidebarTextBox .dtSidebarView-content {
	margin: 5px 0 5px 5px;
}
.isMobile .dtSidebarView.dtSidebarTextBox .dtSidebarView-content.dtSidebarView-content--isEmpty {
	margin: 0;
}
.isMobile .dtSidebarView.dtSidebarShape--draw-arc .dtSidebarView-content {
	margin: 15px 4px 12px 0;
}

.isMobile .dtSidebarShape .dtSidebarView-content .dtSidebarView-section {
	display: flex;
	justify-content: space-between;
}

.isMobile .dtSidebarShape-viewSectionStrokeColor,
.isMobile .dtSidebarShape-viewSectionFillColor,
.isMobile .dtSidebarShape-viewSectionStrokeOpacity,
.isMobile .dtSidebarShape-viewSectionFillOpacity,
.isMobile .dtSidebarShape-viewSectionStrokeThickness {
	width: 100%;
	padding: 0 0 0 5px;
}



/* Sidebar View for rectangle  */
.isMobile .dtSidebarView.dtSidebarShape.dtSidebarShape--draw-checkmark .dtSidebarView-content,
.isMobile .dtSidebarView.dtSidebarShape.dtSidebarShape--draw-rect .dtSidebarView-content,
.isMobile .dtSidebarView.dtSidebarShape.dtSidebarShape--draw-rect-crossed-out .dtSidebarView-content,
.isMobile .dtSidebarView.dtSidebarShape.dtSidebarShape--draw-oval .dtSidebarView-content{
	display: flex;
	flex-wrap: wrap;
}

.isMobile .dtSidebarView.dtSidebarShape.dtSidebarShape--draw-checkmark .dtSidebarView-content .dtSidebarView-section,
.isMobile .dtSidebarView.dtSidebarShape.dtSidebarShape--draw-rect .dtSidebarView-content .dtSidebarView-section,
.isMobile .dtSidebarView.dtSidebarShape.dtSidebarShape--draw-rect-crossed-out .dtSidebarView-content .dtSidebarView-section,
.isMobile .dtSidebarView.dtSidebarShape.dtSidebarShape--draw-oval .dtSidebarView-content .dtSidebarView-section{
	justify-content: initial;
}


.isMobile .dtSidebarView-section.dtSidebarSection--draw-checkmark.dtSidebarSection--StrokeThickness,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-rect.dtSidebarSection--StrokeThickness,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-rect-crossed-out.dtSidebarSection--StrokeThickness,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-oval.dtSidebarSection--StrokeThickness{
	width: 33%;
}

.isMobile .dtSidebarView-section.dtSidebarSection--draw-checkmark.dtSidebarSection--FillColor,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-checkmark-crossed-out.dtSidebarSection--FillColor,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-checkmark.dtSidebarSection--StrokeColorOpacityStrokeThickness,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-checkmark-crossed-out.dtSidebarSection--StrokeColorOpacityStrokeThickness,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-rect.dtSidebarSection--FillColor,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-rect-crossed-out.dtSidebarSection--FillColor,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-rect.dtSidebarSection--StrokeColorOpacityStrokeThickness,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-rect-crossed-out.dtSidebarSection--StrokeColorOpacityStrokeThickness,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-oval.dtSidebarSection--FillColor,
.isMobile .dtSidebarView-section.dtSidebarSection--draw-oval.dtSidebarSection--StrokeColorOpacityStrokeThickness{
	width:66%;
}


/** Sidebar view Textbox **/

.dtSidebarTextBox-viewSectionFontList,
.dtSidebarTextBox-viewSectionTextStyle,
.dtSidebarTextBox-viewSectionFontSize,
.dtSidebarTextBox-viewSectionTextColor,
.dtSidebarTextBox-viewSectionOpacity {
	display: inline-block;
}
.dtSidebarTextBox-viewSectionFontList {
	width: 70%;
	padding-right: 5px;
}
.dtSidebarTextBox-viewSectionFontSize {
	width: 30%;
}

.dtSidebarTextBox-viewSectionTextColor,
.dtSidebarTextBox-viewSectionOpacity {
	width: 50%;
}
.dtSidebarTextBox-viewSectionTextColor {
	padding-right: 3px;
}

/** Sidebar TextBox Font List **/

.isTablet .dtSidebarTextBox-viewSectionFontList { width: 100px; }
.isTablet .dtSidebarTextBox-viewSectionTextStyle {
	width: 85px;
	padding-right: 5px;
}
.isTablet .dtSidebarTextBox-viewSectionTextColor,
.isTablet .dtSidebarTextBox-viewSectionFontSize,
.isTablet .dtSidebarTextBox-viewSectionOpacity{
	width: 70px;
	padding-right: 5px;
}


.isMobile .dtSidebarTextBox .dtSidebarView-contentWrapper {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
}

.isMobile .dtSidebarTextBox-viewSectionFontList,
.isMobile .dtSidebarTextBox-viewSectionFontSize,
.isMobile .dtSidebarTextBox-viewSectionTextColor,
.isMobile .dtSidebarTextBox-viewSectionOpacity {
	padding-left: 0;
	padding-right: 0;
}

.isMobile .dtSidebarTextBox-viewSectionFontList {
	flex: auto;
}
.isMobile .dtSidebarTextBox-viewSectionFontSize,
.isMobile .dtSidebarTextBox-viewSectionTextColor,
.isMobile .dtSidebarTextBox-viewSectionOpacity {
	width: 60px;
}

.isMobile .dtSidebarTextBox .dtRadioListView.dtTheme--a {
	background-color: transparent;
	border: 0;
	border-radius: 4px;
}

.isMobile .dtSidebarTextBox .dtListView.dtRadioListView:last-child {
	margin-right: 0;
}



.isMobile .dtSidebarTextBox .dtRadioListView.dtTheme--a .dtListView--column {
	flex: auto;
}
.isMobile .dtSidebarTextBox .dtRadioListView.dtTheme--a .dtListViewContent {
	margin-right: 5px;
	height: 130px;
	overflow: scroll;
	background-color: rgba(25, 27, 36, 0.2);
	border-radius: 4px;
	color: #fffffc;
}

.isMobile .dtSidebarTextBox .dtRadioListView.dtTheme--a .dtListView-listItemWithIcon {
	flex: auto;
}
.isMobile .dtSidebarTextBox .dtRadioListView.dtTheme--a .dtListViewItem {
	border: none;
	display: flex;
	align-items: center;
}

.isMobile .dtSidebarTextBox .dtRadioListView.dtTheme--a .dtListViewItem--itemSelected,
.isMobile .dtSidebarTextBox .dtRadioListView.dtTheme--a .dtListViewItem:hover {
	background-color: rgba(25, 27, 36, 0.2);
}

.isMobile .dtSidebarTextBox .dtRadioListView.dtTheme--a .dtListViewItem{
	display: flex;
	justify-content: space-between;

	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid rgba(25, 27, 36, 0.2);;
}
.isMobile .dtSidebarTextBox .dtRadioListView.dtTheme--a .dtListView-listItemIcon {
	display: inline-block;
	width: 24px;
	height: 24px;
}

.isMobile .dtSidebarTextBox .dtRadioListView.dtTheme--a .dtListView-listItemText.dtListViewItem--center {
	flex: auto;
	text-align: center;
}
.isMobile .dtSidebarTextBox .dtSidebarTextBox-viewSectionFontSize,
.isMobile .dtSidebarTextBox .dtSidebarTextBox-viewSectionOpacity {
	font-size: 12px;
}

.dtSidebarDeal {

}
.dtSidebar.dtSidebarDeal.dtSidebar--isExpanded,
.dtSidebar.dtSidebarDeal.dtSidebar--isExpanded .dealFormStack,
.dtSidebar.dtSidebarDeal.dtSidebar--isExpanded .dealFormStack-bodyContent {
	width: 180px;
}
.dtSidebar.dtSidebarDeal.dtSidebar--isNotExpanded,
.dtSidebar.dtSidebarDeal.dtSidebar--isNotExpanded .dealFormStack,
.dtSidebar.dtSidebarDeal.dtSidebar--isNotExpanded .dealFormStack-bodyContent,
.dtSidebar.dtSidebarDeal.dtSidebar--isNotExpanded .dealFormStackFormPage-number {
	width: 30px;
}
.dtSidebar.dtSidebarDeal .dtSidebar-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	background-color: #f6f6f6;
}

/* Header. */
.dtSidebarDeal-header {
	background-color: #252b33;
}
.dtSidebarDeal-body {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtSidebarDealChanges {

}
.dtSidebar.dtSidebarDealChanges.dtSidebar--isExpanded {
	width: 180px;
}

.dtSidebar.dtSidebarDealChanges .dtSidebar-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	background-color: #ebeff2;
}

/* Header. */
.dtSidebarDealChanges-header {
	background-color: #252b33;
}

.dtSidebarDealChanges-body {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dtSidebarDealHistory {

}
.dtSidebar.dtSidebarDealHistory.dtSidebar--isExpanded {
	width: 180px;
}

.dtSidebar.dtSidebarDealHistory .dtSidebar-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	background-color: #f6f6f6;
}

/* Header. */
.dtSidebarDealHistory-header {
	background-color: #252b33;
}

.dtSidebarDealHistory-body {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/*  FormStack*/

#dtPage_dealSignature .dtSidebar-content {
	background-color: #fff;
}

#dtPage_dealSignature .dealFormStackFormPage-detailsIcon {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

#dtPage_dealSignature .dealFormStackFormPage-detailsIcon .dealFormStackFormPage-iconImage {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.19), -2px 0 0 0 #2868D7;
}

#dtPage_dealSignature .dealFormStackForm--dynamic .dealFormStackFormPage-detailsIcon .dealFormStackFormPage-iconImage {
	box-shadow: 3px 0 0 0 #d0011b, 0 0 3px 2px #ccc;
}

#dtPage_dealSignature .dealFormStackFormPage-detailsIcon .dealFormStackFormPage-iconInnerImage {
	display: block;
	background-size: cover;
	background-color: #fff;
	width: 60px;
	height: 77px;
}

#dtPage_dealSignature .dealFormStackFormPage-details {
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	padding-right: 15px;
	background-color: transparent;
	margin-top: 14px;
	/* margin-bottom: 10px; */
	position: relative;
}

#dtPage_dealSignature .dtPageApplication-middleSidebar {
	/*box-shadow: 2px 0 1px 0 #c4cbce;*/
}

#dtPage_dealSignature .dtSidebar.dtSidebarDealSignature.dtSidebar--isExpanded,
#dtPage_dealSignature .dtSidebar.dtSidebarDealSignature.dtSidebar--isExpanded .dealFormStack,
#dtPage_dealSignature .dtSidebar.dtSidebarDealSignature.dtSidebar--isExpanded .dealFormStack-bodyContent {
	width: 180px;
}

#dtPage_dealSignature .dealFormStackFormPage-number {
	color: #252b33;
	width: auto;
}

#dtPage_dealSignature .dealFormStackFormPage-faIcon {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
	padding-right: 10px;
}

#dtPage_dealSignature .dealFormStackFormPage:hover .dealFormStackFormPage-number {
	/*color: #fff;*/
	background-color: transparent;
}

#dtPage_dealSignature .dealFormStackForm--dynamic .dealFormStackFormPage.dealFormStackFormPage--isSelected .dealFormStackFormPage-iconImage {
	box-shadow: 0 0 0 3px #d0011b;
}

#dtPage_dealSignature .dealFormStackForm--dynamic .dealFormStackFormPage.dealFormStackFormPage--isSelected .dealFormStackFormPage-number {
	background-color: transparent;
}

#dtPage_dealSignature .dealFormStackFormPage.dealFormStackFormPage--isSelected .dealFormStackFormPage-iconImage {
	box-shadow: 0 0 0 2px #2868D7;
}

#dtPage_dealSignature .dealFormStackFormPage.dealFormStackFormPage--isSelected .dealFormStackFormPage-number {
	background-color: transparent;
}

.dtRoot.dtGrid--ss #dtPage_dealSignature .dtPageApplication-middleSidebar {
	display: none;
}

#dtPage_dealSignature .dealFormStackForm {
	background-color: #ebeff2;
	box-shadow: 1px 0 0 0 #d4dbde;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.dtSidebar .dealFormStackForm.dealFormStackForm-pages--isSpread {

}
.dtSidebar .dealFormStackForm.dealFormStackForm-pages--isNotSpread {
	background-color: #ebeff2;
	box-shadow: 1px 0 0 0 #d4dbde;
}

.dtSidebar .dealFormStackForm.dealFormStackForm-pages--isNotSpread  .dealFormStackForm-pages {
	display: none;
}

.dtSidebarDealSignature .dealFormStackFormPage-head {
	display: flex;
	width: 179px;
	padding: 7px 0;
	align-items: center;
	min-height: 45px;
	position: relative;
}

.dtSidebarDealSignature  .dealFormStackFormPage-headLeftIcon {
	width: 30px;
	height: 100%;
	color: #000;
	font-size: 16px;
}

.dtSidebarDealSignature  .dealFormStackFormPage-headTitle {
	flex: 1;
	width: 125px;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: normal;
	color: #252b33;
}

.dtSidebarDealSignature  .dealFormStackFormPage-headRightIcon {
	width: 24px;
	height: 100%;
	color: #c5cad6;
}
.dtSidebarDealSignature  .dealFormStackFormPage-headRightIcon.faIcon-dropDown {
	font-size: 23px;
}
.dtSidebarDealSignature  .dealFormStackFormPage-headRightIcon.faIcon-dropRight {
	font-size: 16px;
}
#dtPage_dealSignature .dealFormStack.dealFormStack--isExpanded .dealFormStack-bodyContent {
	padding-right: 0;
}

#dtPage_dealSignature .dtSidebarDeal-body {
	background-color: #ebeff2;
	border-right: 1px solid #d4dbde;
}

#dtPage_dealSignature .dealFormStackForm-content{
	flex-direction: column;
}

#dtPage_dealSignature .dealFormStackFormPageWarning-content {
    color: #ffa24c;
    font-size: 22px;
    position: absolute;
    right: -22px;
    width: 25px;
    top: 22px;
    height: 25px;
}

.dtSidebarDealSignature.dtSidebarDealSignature--isNotWarning .dealFormStackFormPageWarning-content {
	display:none;
}

#dtPage_dealSignature .dealFromStackWarning-content {
	color: #ffa24c;
	font-size: 22px;
	position: absolute;
	right: 25px;
	z-index: 99;
}

.dtSidebarDealSignature.dtSidebarDealSignature--isNotWarning .dealFromStackWarning-content {
	display:none;
}

.dtTable {

}
.dtTable.dtTable--isFit {
	position: absolute;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 100%;
}

/* Header. */
.dtTable-header {

}
.dtRoot.dtGrid--ss .dtTable-header {
	display: none;
}
.dtTable-headerFilter {
	padding: 5px 10px;
}
.dtTable-headerCellsWrapper {
	background-color: #656565;
}
.dtTable-headerCells {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* Header: Cell. */
.dtTableHeaderCell {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	font-size: 16px;
	font-weight: 300;
	line-height: 1.1;
	color: #fff;

	min-height: 45px;
}
.dtTableHeaderCell,
.dtTableHeaderCell.dtTableHeaderCell--isSortable {

}
.dtTableHeaderCell-controlContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;

	-webkit-align-items: center;
	align-items: center;
}
.dtTableHeaderCell-buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtTableHeaderCell-button {
	display: none;

	width: 30px;
	height: 30px;

	margin-left: -30px;

	line-height: 30px;
	opacity: .5;
}
.dtTableHeaderCell.dtTableHeaderCell--isSortable:not(.dtTableHeaderCell--isSorted) .dtTableHeaderCell-button.dtTableHeaderCell-button--sortAscending { display: block; }
.dtTableHeaderCell.dtTableHeaderCell--isSortable:hover .dtTableHeaderCell-button,
.dtTableHeaderCell.dtTableHeaderCell--isSorted .dtTableHeaderCell-button { opacity: 1; }
.dtTableHeaderCell.dtTableHeaderCell--isSorted.dtTableHeaderCell--isSortAscending .dtTableHeaderCell-button.dtTableHeaderCell-button--sortAscending,
.dtTableHeaderCell.dtTableHeaderCell--isSorted.dtTableHeaderCell--isSortDescending .dtTableHeaderCell-button.dtTableHeaderCell-button--sortDescending { display: block; }
/*.dtTableHeaderCell.dtTableHeaderCell--isSorted.dtTableHeaderCell--isSortAscending:hover .dtTableHeaderCell-button.dtTableHeaderCell-button--sortAscending,*/
/*.dtTableHeaderCell.dtTableHeaderCell--isSorted.dtTableHeaderCell--isSortDescending:hover .dtTableHeaderCell-button.dtTableHeaderCell-button--sortDescending{ display: none; }*/
/*.dtTableHeaderCell.dtTableHeaderCell--isSorted.dtTableHeaderCell--isSortAscending:hover .dtTableHeaderCell-button.dtTableHeaderCell-button--sortDescending,*/
/*.dtTableHeaderCell.dtTableHeaderCell--isSorted.dtTableHeaderCell--isSortDescending:hover .dtTableHeaderCell-button.dtTableHeaderCell-button--sortAscending { display: block; }*/
.dtTableHeaderCell-caption {
	-webkit-flex: 1;
	flex: 1 auto;
}

/* Content. */
.dtTable.dtTable--isFit .dtTable-contentWrapper {
	position: relative;
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtTable.dtTable--isFit .dtTable-contentScroll {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.dtTable.dtTable--isScroll .dtTable-contentScroll {
	overflow-y: auto;
}
.dtTable-content {
	background-color: #fafafa;
}
.dtTable.dtTable--isScroll .dtTable-content {

}

/* Row. */
.dtTableRow {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
}
.dtTableRow:first-of-type {
	border-top: 1px solid #ccc;
}
.dtTableRow:not(:last-of-type) {
	border-bottom-style: dashed;
}
.dtTableRow.dtTableRow--isClickable:hover {
	background-color: #e0e0e0;
}
.dtTableRow-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;

	min-width: 0;
}
.dtTableRow-selection {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 0;
	flex: 0;

	margin-left: 10px;

	-webkit-align-items: center;
	align-items: center;
}
.dtRoot.dtGrid--sm .dtTableRow-content {
	padding-left: 5px;
}
/* Row: Cell. */
.dtTableRowCell {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	font-size: 15px;
	font-weight: 400;

	letter-spacing: -.01em;

	min-height: 50px;
}
.dtTableRowCell-controlContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;

	-webkit-align-items: center;
	align-items: center;

	max-width: 100%;
}
.dtTableRowCell-controlContent.dtTable--isShrink,
.dtTableRowCell.dtTable--isShrink {
	min-width: 0;
}
.dtTableRowCell-content {
	-webkit-flex: 1;
	flex: 1 auto;
	max-width: 100%;
}

.dtTableButton {
	display: inline-block;

	width: 30px;
	height: 30px;
	line-height: 30px;

	font-size: 20px;

	opacity: .5;
}
.dtTableButton.dtTableButton--isEnabled {
	opacity: 1;
}
.dtTableButton.dtTableButton--isEnabled:hover {
	color: #5b9cc6;
}

/* Header + Row. */
.dtTable-headerCells,
.dtTableRow-content {
	padding-left: 15px;
	padding-right: 10px;
}
.dtTableHeaderCell,
.dtTableRowCell {
	padding: 0 5px;
}

/* Responsive */
.dtTableRowCell.showBelow,
.dtTableHeaderCell.showBelow {
	display: none;
}

/* Theme A */
.dtTable.dtTheme--a {

}
.dtTable.dtTheme--a .dtTable-header {
	border-bottom: 1px solid #f0eff1;
}

.dtTable.dtTheme--a .dtTableHeaderCell {
	color: #C5CAD5;
	min-height: 35px;
}
.dtTable.dtTheme--a .dtTable-headerCellsWrapper {
	background-color: transparent;
}
.dtTable.dtTheme--a .dtTableHeaderCell-caption {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: normal;
	color: #767486;
}
.dtTable.dtTheme--a .dtTableRow {
	border: 1px solid #fff;
	border-bottom: 1px solid #f0eff1;
}
.dtTable.dtTheme--a .dtTableRow.dt--isTakingUpload {
	/*TODO: hdk - check with Product for color*/
	border: solid 1px #ff5500;
}
.dtTable.dtTheme--a .dtTableRow.dtTableRow--isSelected {
	background-color: #f0eff2;
	border: 1px solid #f0eff2;
}
.dtTable.dtTheme--a .dtTableRow.dtTableRow--isClickable:hover {
	border-radius: 2px;
	background-color: #f9f9f9;
	border: 1px solid #2868D7;
}
.dtTable.dtTheme--a .dtTableRow.dtTableRow--isSelected:hover {
	background-color: #efeff2;
}

/* Sortable rows */
.dtTable.dtTable--isSortHeader .dtTableRow--isChosen,
.dtTable.dtTable--isSortHeader .dtTableRow--isChosen .dt--isClickable,
.dtTable.dtTable--isSortHeader .dtTableRow.dtTableRow--isClickable:hover,
.dtTable.dtTable--isSortHeader .dtTableRow.dtTableRow--isClickable:hover .dt--isClickable {
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGJSURBVDiNrVQ9SwNBEH2zt6eXKoInipWElGnOJURME/A3qPF/+IVFSvHrfxj1NwgpbEQWLVJJSCmKSZEiJHHvdiwSJRBPc+Crhp03jzczu0v4BUopl6PZewAgZ1DQWps4rvhNxFqvygSPCZ4NvUullJtYKIq802HENwDfQICsTZ0kFnJd9yybXd4CRASIKJ12t6WU53H8PxEExUoQFCt/8WIdJYUEvrbjHX+E4UW9fv82TWEuV1ickXKXnP6R1tqIse1kfD/VntaB76faTMhY61WVUi6tBuvaMs0I4JKZookK4g0AANPtRIrYscCOIP74vxmRGKyR9aoMqPSc3K7VauE4IQiKswDw+HR3On5eKpVkp2OuCHgmMSgLrbURol8mRrPV6s1P66DV6s0ToylEv6y1NhIARm9oL0kro+1+1/zvPfoJ+XxpaWVl4b3ReAEwnEm3C//hofb6Ez/WkTFmv9F4uQasA1in0zFXYRjGth8r5Dj9g2FEmwBtwoKF6B3G8SkuAST72D4B8Sedg/ApOScAAAAASUVORK5CYII='), move;
}
.dtTableRow--isGhost {
	visibility: hidden;
}
.dtTable.dtTable--isSortHeader .dtTableRow.dtTableRow--isChosen .dtTableRow-content .tableCellDocumentsMain .tableCellDocumentsMain-label {
	text-decoration: none;
	color: #252b33;
}
.dtTable.dtTheme--a.dtTable--isSortHeader .dtTableRow.dtTableRow--isChosen,
.dtTable.dtTheme--a.dtTable--isSortHeader .dtTableRow.dtTableRow--isSelected.dtTableRow--isChosen,
.dtTable.dtTheme--a.dtTable--isSortHeader .dtTableRow.dtTableRow--isSelected.dtTableRow--isChosen:hover {
	border: 1px solid #729BE9;
	background-color: #f0eff2;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

/* Table Row Cell */
.dtTable.dtTheme--a .dtTableRowCell {
	min-height: 60px;
}
.dtTable.dtTheme--a .dtTableRowCell-content {
	font-size: 12px;
	color: #767486;
}

/* Responsive for table's cell and header */
.dtTableRowCell--isHideOnTouch {
	display: none;
}

.dtPageApplication-body.dtGrid--xx .dtTable .hiddenBelow--xx.dtTableRowCell,
.dtPageApplication-body.dtGrid--xs .dtTable .hiddenBelow--xs.dtTableRowCell,
.dtPageApplication-body.dtGrid--ss .dtTable .hiddenBelow--ss.dtTableRowCell,
.dtPageApplication-body.dtGrid--sm .dtTable .hiddenBelow--sm.dtTableRowCell,
.dtPageApplication-body.dtGrid--md .dtTable .hiddenBelow--md.dtTableRowCell,
.dtPageApplication-body.dtGrid--ml .dtTable .hiddenBelow--ml.dtTableRowCell,
.dtPageApplication-body.dtGrid--lm .dtTable .hiddenBelow--lm.dtTableRowCell,
.dtPageApplication-body.dtGrid--lg .dtTable .hiddenBelow--lg.dtTableRowCell,
.dtPageApplication-body.dtGrid--xl .dtTable .hiddenBelow--xl.dtTableRowCell,
.dtPageApplication-body.dtGrid--xx .dtTable .hiddenBelow--xx.dtTableHeaderCell,
.dtPageApplication-body.dtGrid--xs .dtTable .hiddenBelow--xs.dtTableHeaderCell,
.dtPageApplication-body.dtGrid--ss .dtTable .hiddenBelow--ss.dtTableHeaderCell,
.dtPageApplication-body.dtGrid--sm .dtTable .hiddenBelow--sm.dtTableHeaderCell,
.dtPageApplication-body.dtGrid--md .dtTable .hiddenBelow--md.dtTableHeaderCell,
.dtPageApplication-body.dtGrid--ml .dtTable .hiddenBelow--ml.dtTableHeaderCell,
.dtPageApplication-body.dtGrid--lm .dtTable .hiddenBelow--lm.dtTableHeaderCell,
.dtPageApplication-body.dtGrid--lg .dtTable .hiddenBelow--lg.dtTableHeaderCell,
.dtPageApplication-body.dtGrid--xl .dtTable .hiddenBelow--xl.dtTableHeaderCell {
	display: none;
}
/* TODO: Ask for more context about this style and React 
For React
.dtGrid--sm .dtTable .hiddenBelow--sm.dtTableRowCell {
	display: none;
} */
.dtPageApplication-body.dtGrid--xx .dtTable .showBelow--xx.dtTableRowCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--xs .dtTable .showBelow--xs.dtTableRowCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--ss .dtTable .showBelow--ss.dtTableRowCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--sm .dtTable .showBelow--sm.dtTableRowCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--md .dtTable .showBelow--md.dtTableRowCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--ml .dtTable .showBelow--ml.dtTableRowCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--lm .dtTable .showBelow--lm.dtTableRowCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--lg .dtTable .showBelow--lg.dtTableRowCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--xl .dtTable .showBelow--xl.dtTableRowCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--xx .dtTable .showBelow--xx.dtTableHeaderCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--xs .dtTable .showBelow--xs.dtTableHeaderCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--ss .dtTable .showBelow--ss.dtTableHeaderCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--sm .dtTable .showBelow--sm.dtTableHeaderCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--md .dtTable .showBelow--md.dtTableHeaderCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--ml .dtTable .showBelow--ml.dtTableHeaderCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--lm .dtTable .showBelow--lm.dtTableHeaderCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--lg .dtTable .showBelow--lg.dtTableHeaderCell:not(.dtTableRowCell--isHide),
.dtPageApplication-body.dtGrid--xl .dtTable .showBelow--xl.dtTableHeaderCell:not(.dtTableRowCell--isHide),
/* For React */
.dtGrid--sm .dtTable .showBelow--xl.dtTableRowCell:not(.dtTableRowCell--isHide) {
	display: flex;
}

.tableCellDocumentsMain-reloadMatrix{
	width: 40px;
	margin: auto;
}
.tableCellDocumentsMain,
.tableCellDocumentsMain-labelBadgesContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.tableCellDocumentsMain-icon {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-right: 10px;
}
.tableCellDocumentsMain-labelBadgesContainer {
	flex: 1;
	flex-wrap: wrap;
	padding: 4.5px 0;
}
.tableCellDocumentsMain-labelContainer {
	flex: 1;
	padding: 4.5px 0;
}
.tableCellDocumentsMain-badgesContainer {
	display: flex;
	padding: 4.5px 0;
}
.tableCellDocumentsMain-badgesContainer:empty {
	display: none;
}
.dtRoot.dtGrid--ss .tableCellDocumentsMain-labelBadgesContainer {
	flex-direction: column;
	align-items: flex-start;
}
.dtRoot.dtGrid--ss .tableCellDocumentsMain-badgesContainer {
	width: 100%;
	justify-content: flex-end;
}
.dtRoot.dtGrid--ss .tableCellDocumentsMain-changeCount,
.dtRoot.dtGrid--ss .tableCellDocumentsMain-badgeNew {
	margin-right: auto;
	margin-left: 0;
}
.tableCellDocumentsMain-label {
	font-size: 14px;
	white-space: normal;
	color: #252b33;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	word-break: break-word;
}
.tableCellDocumentsMain-labelLink {
	display: inline-block;
}
.tableCellDocumentsMain-labelLinkDeleted {
    display: inline-block;
    color: #cc0000;
    font-size: 10px;
    margin-right: 5px;
}
.tableCellDocumentsMain-ancestryContainer {

}
.tableCellDocumentsMain-originalNameContainer {
	font-style: italic;
}
.tableCellDocumentsMain-link {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	margin-left: 5px;
}
.tableCellDocumentsMain-changeCount {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;

	margin: 0 15px;
}
.tableCellDocumentsMain-badgeNew {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;

	margin: 0 15px;
}
.tableCellDocumentsMain-alertIndicator,
.tableCellDocumentsMain-matrixVisibility,
.tableCellDocumentsMain-sketch {
	width: 24px;
	height: 24px;
	margin-left: 5px;
}
.tableCellDocumentsMain .dtSymbol {
	min-width: 24px;
}

/* linking style on hover */
.dtTable.dtTheme--a .dtTableRow.dtTableRow--isClickable:hover .tableCellDocumentsMain-label,
.dtTable.dtTheme--a .dtTableRow.dtTableRow--isSelected:hover .tableCellDocumentsMain-label {
	text-decoration: underline;
	color: #2868D7;
	cursor: pointer;
}
.dtTable.dtTheme--a .dtTableRow.dtTableRow--isClickable:hover .tableCellDocumentsMain-link {
	cursor: pointer;
}
.tableCellDocumentsWithBadges,
.tableCellDocumentsWithBadges-iconsContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.tableCellDocumentsWithBadges {
	justify-content: space-between;
}
.tableCellDocumentsWithBadges-iconsContainer {
	margin-left: 10px;
}
.tableCellDocumentsWithBadges-iconsContainer .dtSymbol {
	width: 24px;
	height: 24px;
}

.tableCellSequencesMain,
.tableCellSequencesMain-labelBadgesContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.tableCellSequencesMain-icon {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-right: 10px;
}
.tableCellSequencesMain-labelBadgesContainer {
	flex: 1;
	flex-wrap: wrap;
	padding: 4.5px 0;
}
.tableCellSequencesMain-labelContainer {
	flex: 1;
	padding: 4.5px 0;
}
.tableCellSequencesMain-badgesContainer {
	display: flex;
	padding: 4.5px 0;
}
.tableCellSequencesMain-badgesContainer:empty {
	display: none;
}
.dtRoot.dtGrid--ss .tableCellSequencesMain-labelBadgesContainer {
	flex-direction: column;
	align-items: flex-start;
}
.dtRoot.dtGrid--ss .tableCellSequencesMain-badgesContainer {
	width: 100%;
	justify-content: flex-end;
}
.dtRoot.dtGrid--ss .tableCellSequencesMain-changeCount {
	margin-right: auto;
	margin-left: 0;
}
.tableCellSequencesMain-label {
	font-size: 14px;
	white-space: normal;
	color: #252b33;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	word-break: break-word;
}

.tableCellSequencesMain .dtSymbol {
	min-width: 24px;
}
.tableCellSequencesMain-recipients {
	font-size: 14px;
}
.tableCellSequencesMain-recipientName {
	color: #252b33;
	display: inline-block;
}
.tableCellSequencesMain-recipientMore {
	color: #2868d7;
	padding-left: 5px;
	display: inline-block;
}
.tableCellSequenceStatus {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.tableCellSequenceStatus-indicator {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #AAA;
	margin-right: 10px;
}

.tableCellSequenceStatus.tableCellSequenceStatus--isNotForTable .tableCellSequenceStatus-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.tableCellSequenceStatus.tableCellSequenceStatus--isNotForTable .tableCellSequenceStatus-title {
	color: #808080;
	font-size: 12px;
	font-weight: 700;
}
.tableCellSequenceStatus.tableCellSequenceStatus--isNotForTable .tableCellSequenceStatus-contentMain {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.tableCellSequenceStatus-indicator--active{
	background-color: #FF9E1C;
}
.tableCellSequenceStatus-indicator--replaced{
	background-color: #AAA;
}
.tableCellSequenceStatus-indicator--complete{
	background-color: #80c373;
}
.tableCellSequenceStatus-indicator--cancelled{
	background-color: #cd675b;
}
.tableCellSequenceStatus-label {
	flex: 1;
	flex-wrap: wrap;
	padding: 4.5px 0;
}

.tableCellSequenceStatus.tableCellSequenceStatus--isNotForTable .tableCellSequenceStatus-label {
	padding-bottom: 0;
	padding-top: 5px;
}
.dtTable.tableSearchResult {

}
/* TODO: hdk - use a legit way to avoid creating hidden header */
.dtTable.tableSearchResult .dtTable-header {
	display: none;
}
.dtTag {}
.dtTag.dtTag--isInline {
	display: inline-block;
}
.dtTag.dtTag--isSelected {

}
.dtTag-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	color: #000;
	font-size: 15px;

	border-radius: 2px;
	border: solid 1px #2868D7;
	background-color: #ADD0F3;
}
.dtTag:focus .dtTag-content,
.dtTag.dtTheme--a.dtTag:hover .dtTag-content,
.dtTag.dtTheme--a2.dtTag:hover .dtTag-content,
.dtTag.dtTheme--a2.dtTag--isSelected .dtTag-content {
	color: #fff;
	background-color: #2868D7;
}
.dtTag.dtTheme--a2 .dtTag-content {
	border-color: transparent;
}

.dtTag.dtTag--isEnabled .dtTag-content {

}
.dtTag.dtTag--isDisabled .dtTag-content {
	background-color: #f3f3f3;
	border: 1px solid #d6d6dd;
	color: #888;
}

.dtTag-caption {
	margin-left: 4px;
}
.dtTag-toolbar {}
.dtTag-button {
	width: 22px;
	height: 22px;

	font-size: 12px;
	line-height: 22px;
}

.dtTag-button.dtTag-buttonSize--sm {
	width: 15px;
}

/* Theme: A. */
.dtTag.dtTheme--a .dtTag-content {
}
.dtTag.dtTheme--a .dtTag-caption {}
.dtTag.dtTheme--a2 .dtTag-toolbar,
.dtTag.dtTheme--a3 .dtTag-toolbar {
	margin-left: 5px;
}

.dtTag.dtTheme--a3 .dtTag-content {
	border-color: transparent;
}
/* Symbol in tag */
.dtTag.dtTheme--a2.dtTag--isSelected .dtSymbol .dtSf--A2,
.dtTag.dtTheme--a2.dtTag--isSelected .dtSymbol.dtSymbol-theme--primary .dtSf--A,
.dtTag.dtTheme--a:hover .dtSymbol .dtSf--A2,
.dtTag.dtTheme--a2:hover .dtSymbol.dtSymbol-theme--primary .dtSf--A {
	fill: #FFFFFF;
	stroke: #FFFFFF;
}

/* Theme: B. For selectListModalPeople */
.dtTag.dtTheme--b .dtTag-content {
	margin: 3px 3px 0 0;
}
.dtTag.dtTheme--b .dtTag-caption {}
.dtTag.dtTheme--b .dtTag-toolbar {}

/* Theme: C. for changes see PageExplorerFieldPeopleItem*/
.dtTag.dtTheme--c.dtTag:hover .dtTag-content,
.dtTag.dtTheme--c.dtTag--isSelected .dtTag-content {
	color: #000;
	background-color: rgba(218, 218, 14, 0.5);
}
.dtTag.dtTheme--c .dtTag-content {
	background-color: rgba(255,255, 0, .5);
	border-color: transparent;
}

.dtTag.dtTheme--c .dtTag-caption {}
.dtTag.dtTheme--c .dtTag-toolbar {
	margin-left: 5px;
}

/* Theme: D. for changes see PageExplorerFieldPeopleItem*/
.dtTag.dtTheme--d.dtTag:hover .dtTag-content,
.dtTag.dtTheme--d.dtTag--isSelected .dtTag-content {
	color: #000;
	background-color: rgba(232, 68, 97, 0.35);
}
.dtTag.dtTheme--d .dtTag-content {
	background-color: rgba(232, 68, 97, 0.15);
	border-color: transparent;
}

.dtTag.dtTheme--d .dtTag-caption {}
.dtTag.dtTheme--d .dtTag-toolbar {
	margin-left: 5px;
}

/*disabled*/
.dtTag.dtTag--isDisabled .dtSymbol.dtSymbol-theme--primary .dtSf--A,
.dtTag.dtTag--isDisabled .dtSymbol .dtSf--A2 {
	stroke: #888888;
	fill: #888888;
}
.dtTagList {}
.dtTagList-content {}
.dtTagList .dtTag + .dtTag {
	margin-left: 5px;
}
/* Explorer. */
.testFlowExplorer {}
.testFlowExplorer-caption {
	font-size: 20px;
	margin-bottom: 10px;
}
.testFlowExplorer-flows {}

.testFlowExplorer-contentButton {
	margin-bottom: 25px;
}
/* Item. */
.testFlowExplorerItem {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.testFlowExplorerItem:hover {
	border-color: #2868D7
}
.testFlowExplorerItem + .testFlowExplorerItem {
	margin-top: 10px;
}

/* Item: Header. */
.testFlowExplorerItem-header {
	display: flex;

	border-bottom: 1px solid #222;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.testFlowExplorerItem-details {
	flex: 1;
	margin-right: 5px;
}
.testFlowExplorerItem-caption {
	font-size: 14px;
	font-weight: 500;
	color: #000;
	margin-bottom: 2px;
}
.testFlowExplorerItem-description {
	font-size: 12px;
	margin-bottom: 5px;
}
.testFlowExplorerItem-toolbar {
}

/* Item: Tests. */
.testFlowExplorerItem-tests {}

/* Report. */
.testReport {}
.testReport-caption {
	font-size: 20px;
	margin-bottom: 10px;
}
.testReport-flows {}

/* Flow. */
.testReportFlow {

}
.testReportFlow-caption {
	font-size: 16px;
	font-weight: 500;
}
.testReportFlow-description {
	margin-bottom: 10px;
}
.testReportFlow-tests {}

/* Test. */
.testReportTest {

}
.testReportTest + .testReportTest {
	margin-top: 10px;
}
.testReportTest-header {
	display: flex;
	font-size: 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid #222;
}
.testReportTest-caption {
	flex: 1;
}
.testReportTest-caption:hover {
	background-color: rgba(0,0,0,.05);
}
.testReportTest-score {
	font-size: 80%;
	font-weight: 500;
	opacity: 0.5;
}

/* Test: Results. */
.testReportTest-results {
	display: none;
}
.testReportTest.testReportTest--isExpanded .testReportTest-results {
	display: block;
}

/* Result. */
.testReportResult {
	display: flex;
	align-items: center;
	font-size: 12px;
}
.testReportResult + .testReportResult {
	margin-top: 2px;
}
.testReportResult-symbol {
	width: 18px;
	height: 18px;
	margin-right: 8px;
}
.testReportResult-caption {
	flex: 1;
}
.testReportResult.testReportResult--isFail .testReportResult-caption {
	color: #b00;
}
.testReportResult-caption b {
	font-weight: 500;
	color: #1174e3;
}
.testReportResult-timeExecution {
	font-size: 80%;
	font-weight: 500;
	opacity: 0.5;
}
/* Explorer. */
.testSuiteExplorer {

}
.testSuiteExplorer-caption {
	font-size: 20px;
	margin-bottom: 10px;
}
.testSuiteExplorer-Suite {}

/* Item. */
.testSuiteExplorerItem {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 25px;
	background-color: #5555550f;
}
.testSuiteExplorerItem:hover {
	background-color: #fff
}
.testSuiteExplorerItem-details {
	flex: 1;
}
.testSuiteExplorerItem-caption {
	font-size: 21px;
	font-weight: 500;

}

.testSuiteExplorerItem + .testFlowExplorerItem {
	margin-top: 10px;
}

/* Item: Header. */
.testSuiteExplorerItem-header {
	display: flex;

	border-bottom: 1px solid #222;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.testFlowExplorerItem-details {
	flex: 1;
	margin-right: 5px;
}
.testFlowExplorerItem-caption {
	font-size: 14px;
	font-weight: 500;
	color: #000;
	margin-bottom: 2px;
}
.testFlowExplorerItem-description {
	font-size: 12px;
	margin-bottom: 5px;
}
.testFlowExplorerItem-toolbar {
}


/* Toolbar. */
.dtToolbar {

}
.dtToolbar.dtToolbar--isFit {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;
}
.dtToolbar.dtToolbar--isFit .dtToolbar-content {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 100%;

	overflow: hidden;
}
.dtToolbar-contentScroll {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dtToolbar.dtToolbar--isJustifyContentSpaceBetween .dtToolbar-contentScroll {
	justify-content: space-between;
}

/* Sections. */
.dtToolbar-sectionSidebar {
	/*background-color: #252525;*/

	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}
.dtToolbar-sections {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}
.dtToolbar.dtToolbar--isFlex .dtToolbar-sections {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}
.dtToolbar-sectionsSpacer {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}
.dtToolbarItem-icon.dtGrid--sm .dtToolbar-sectionsSpacer {
	display: none;
}
.dtToolbar.dtToolbar--isFlex .dtToolbar-sectionsSpacer {
	display: none;
}
.dtToolbar.dtGrid--lg.dtToolbar--isFlex .dtToolbar-sectionsSpacer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtToolbar .dtToolbar-sectionAux {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}
.dtToolbar .dtToolbar-sectionCustom {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}
.dtToolbar .dtToolbar-sectionAux:empty,
.dtToolbar .dtToolbar-sectionCustom:empty {
	display: none;
}
.dtToolbar-sectionSpacerStart {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}
.dtToolbar-sectionSpacerStart.dtToolbar-sectionSpacerStart--flexGrowOther {
    -webkit-flex: 1.5 0 auto;
    flex: 1.5 0 auto;
}

/* Dropdown. */
.dtToolbar-dropdown {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

/* ToolbarTheme.APPLICATION_TRAY */
.dtToolbar.dtToolbar--theme-applicationTray .dtToolbar-content {
	display: flex;
	padding: 0 10px;
}

/* Theme: A: Main */
.dtToolbar.dtTheme--a {
	height: 60px;
	min-height: 60px;
}
.dtRoot.dtGrid--sm .dtToolbar.dtTheme--a {
	height: 44px;
	min-height: 44px;
}
.dtToolbar.dtTheme--a .dtToolbar-content {

}
.dtToolbar.dtTheme--a .dtToolbarItem {
	height: 60px;
	min-height: 60px;
}
.dtRoot.dtGrid--sm .dtToolbar.dtTheme--a .dtToolbarItem {
	height: 44px;
	min-height: 44px;
}
#dtPage_contacts .searchBarGlobal .dtToolbarItem.dtTheme--a.dtToolbarItem--isContent,
#dtPage_clauses .searchBarGlobal .dtToolbarItem.dtTheme--a.dtToolbarItem--isContent,
.searchBarGlobal .dtToolbarItem.dtTheme--a.dtToolbarItem--isContent {
	padding-left: 20px;
}
.dtRoot.dtGrid--sm #dtPage_contacts .searchBarGlobal .dtToolbarItem.dtTheme--a.dtToolbarItem--isContent,
.dtRoot.dtGrid--sm #dtPage_clauses .searchBarGlobal .dtToolbarItem.dtTheme--a.dtToolbarItem--isContent,
.dtRoot.dtGrid--sm .searchBarGlobal .dtToolbarItem.dtTheme--a.dtToolbarItem--isContent {
	padding-left: 10px;
}

/* Theme: A3 */
.dtToolbar.dtTheme--a3 {
	height: 60px;
}
.dtRoot.dtGrid--sm .dtToolbar.dtTheme--a3 {
	height: 44px;
}
.dtToolbar.dtTheme--a3 .dtToolbarItem {
	height: 60px;
}
.dtRoot.dtGrid--sm .dtToolbar.dtTheme--a3 .dtToolbarItem {
	height: 44px;
}

/* Theme: B: PageExplorerToolbar. */
.dtToolbar.dtTheme--b {
	height: 60px;
}
.dtToolbar.dtTheme--b .dtToolbar-content {
	background-color: #555;
	border-radius: 10px;
}

/* Theme: C/D: SignatureToolbar. */
.dtToolbar.dtTheme--c,
.dtToolbar.dtTheme--d {

}
.dtToolbar.dtTheme--c .dtToolbar-content,
.dtToolbar.dtTheme--d .dtToolbar-content {
	border-radius: 5px;
}
.dtToolbar.dtTheme--c .dtToolbar-content { background-color: #f03e36; }
.dtToolbar.dtTheme--d .dtToolbar-content { background-color: #222; }
.dtToolbar.dtTheme--c .dtToolbar-dropdown:before,
.dtToolbar.dtTheme--d .dtToolbar-dropdown:before {
	position: absolute;
	content: '';

	top: 100%;
	left: 50%;

	width: 0;
	height: 0;

	border: 10px solid transparent;
	border-bottom: none;

	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.dtToolbar.dtTheme--c .dtToolbar-dropdown:before { border-top-color: #f03e36; }
.dtToolbar.dtTheme--d .dtToolbar-dropdown:before { border-top-color: #222; }
.dtToolbar.dtTheme--c .dtToolbarSection.dtToolbarSection--isNotDivided .dtToolbarSection-content,
.dtToolbar.dtTheme--d .dtToolbarSection.dtToolbarSection--isNotDivided .dtToolbarSection-content {
	margin: 0;
}

/*
 Theme: E.
    DealClauseToolbar
    FormFrame
    PageExplorerFormHeader
*/
.dtToolbar.dtTheme--e {

}
.dtToolbar.dtTheme--e .dtToolbar-content {
	height: 30px;
}
.dtToolbar.dtTheme--e .dtToolbarSection .dtToolbarSection-content {
	margin: 0;
}

/*
	Theme: F.
		PropertyField.
*/
.dtToolbar.dtTheme--f {

}
.dtToolbar.dtTheme--f .dtToolbar-content {
	/*border-radius: 5px;*/
}
.dtToolbar.dtTheme--f .dtToolbar-content { background-color: #fff; }
.dtToolbar.dtTheme--f .dtToolbar-content:before {
	position: absolute;
	content: '';

	bottom: 100%;
	left: 50%;

	width: 0;
	height: 0;

	border: 10px solid transparent;
	border-top: none;

	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.dtToolbar.dtTheme--f .dtToolbar-content:before { border-bottom-color: #fff; }
.dtToolbar.dtTheme--f .dtToolbarSection.dtToolbarSection--isNotDivided .dtToolbarSection-content {
	margin: 0;
}
.dtToolbar.dtTheme--f .dtToolbarItem {
	height: 50px;
}

/* Item: Theme: G.
- BrokerReport
*/
.dtToolbar.dtTheme--g .dtToolbarItem {
    height: 65px;
}
.dtToolbar.dtTheme--g .dtToolbarSection-captionInner {
    color:#8c9091;
}

/* Item: Theme: H.
 - ModalHeader
*/
.dtToolbar.dtTheme--h .dtToolbarItem {

	height: 24px;
	line-height: 24px;
	border-radius: 0;
}
.dtToolbar.dtTheme--h .dtToolbarItem-icon {

	width: 24px;
	height: 24px;

	font-weight: 700;
	font-size: 16px;

	line-height: inherit;
}
.dtToolbar.dtTheme--h .dtToolbarSection.dtToolbarSection--isNotDivided .dtToolbarSection-content {
	margin: 0;
}
.dtToolbar.dtTheme--h .dtToolbarItem.dtTheme--h {
	height: 28px;
	line-height: 28px;
}
.dtToolbar.dtTheme--h .dtToolbarItem.dtTheme--h .dtToolbarItem-icon {
	width: 24px;
	height: 24px;
}
.dtRoot.dtGrid--sm .dtToolbar.dtTheme--h .dtToolbarItem.dtTheme--h .dtToolbarItem-icon {
	width: 20px;
	height: 20px;
}

/* Item: Theme: I.
 - PageExplorerFieldItemEditValueActiveText
*/
.dtToolbar.dtTheme--i .dtToolbar-content {
	background-color: transparent;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dtToolbar.dtTheme--i .dtToolbarItem:first-of-type {
	border-top-left-radius: 5px;
}
.dtToolbar.dtTheme--i .dtToolbarItem  + .dtToolbarItem {
	margin-left: 1px
}
.dtToolbar.dtTheme--i .dtToolbarItem:last-of-type {
	border-top-right-radius: 5px;
}
.dtToolbar.dtTheme--i .dtToolbarSection.dtToolbarSection--isNotDivided .dtToolbarSection-content {
	margin: 0;
}

/* Theme: J.
 - ClauseItemItemEditValueActive / ClauseItemItemEditValueSelect
 */
.dtToolbar.dtTheme--j {
	position: relative;
}
.dtToolbar.dtTheme--j .dtToolbarSection .dtToolbarItem {
	border-left: solid 1px #fff;
	height: 28px;
}
.dtToolbar.dtTheme--j .dtToolbarSection.dtToolbarSection--isNotDivided .dtToolbarSection-content{
	margin: 0;
}


/*
Theme: M.
ModalHeader and actionSheet footer
*/
.dtToolbar.dtTheme--m {
	padding: 0 10px 0 5px;
}
.dtToolbar.dtTheme--m .dtToolbarItem {
	height: 42px;
	line-height: 42px;
}
.dtToolbar.dtTheme--m .dtToolbarItem-icon {
	width: 24px;
	height: 24px;
}

/**
// TODO: reidenzon - Pass themes properly to commands and modal.
Theme: M2.
ModalHeader, inverted, for Theme.D (white background);
 */
.dtToolbar.dtTheme--m2 {
	position: absolute;
	z-index: 1;

	top: 0;
	left: 0;
	right: 0;

	width: 100%;

	padding: 10px;
}
.dtToolbar.dtTheme--m2 .dtToolbarItem-icon {
	width: 22px;
	height: 22px;
}
.dtToolbar.dtTheme--m2 .dtToolbarItem .dtSymbol .dtSs--A2 {
	stroke: #767486;
}
.dtToolbarActionBar {

}
.dtToolbarActionBar.dtToolbarActionBar--isContentGrow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2000;
}
.dtToolbarActionBar-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.dtToolbarActionBar-containerItem {
	display: -webkit-flex;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
	flex: 1;
	padding: 0 10px;
}

.dtToolbarActionBar-containerItem .dtToolbarActionBar-caption {
	padding-right: 10px;
}

.isTablet .dtToolbarActionBar-container,
.isMobile .dtToolbarActionBar-container {
	background-color: #9c9cac;
}

.isTablet .dtToolbarActionBar-containerItem,
.isMobile .dtToolbarActionBar-containerItem {
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: flex-start;
}


.isTablet .dtToolbarActionBar-containerItem .dtToolbarActionBar-caption,
.isMobile .dtToolbarActionBar-containerItem .dtToolbarActionBar-caption {
	display: flex;
	flex: 1;
	justify-content: center;
	margin-right: 85px;
	color: #fff;
}

.isTablet .dtToolbarActionBar-containerItem .dtToolbarActionBar-caption {
	margin-right: 85px;
}
.isMobile .dtToolbarActionBar-containerItem .dtToolbarActionBar-caption {
	margin-right: 0px;
}
.dtToolbarDropdown {
	position: absolute;
	z-index: 2500;
}
.dtToolbarDropdown.dtToolbarDropdown--isInModal {
	position: relative;
}
.dtToolbar.dtGrid--ss .dtToolbarDropdown {
	width: 100%;
}

.dtToolbarDropdown.dtToolbarDropdown--isNotOpen {
	display: none;
}


/* Triangle. */

.dtToolbarDropdown-triangle {
	position: absolute;
}

.dtToolbarDropdown-triangle:before,
.dtToolbarDropdown-triangle:after {
	display: block;
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	bottom: 100%;
	border: 10px solid transparent;
	border-top: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.dtToolbarDropdown-triangle:after {
	border-bottom-color: #b0c2cc;
	top: -8px;
	z-index: 1;
}

/*
TODO: reidenzon
A lot of controls are using theme F already but
they don't have dropdown. Will need dropdown theme specifiers.
*/

.dtToolbar.dtTheme--f .dtToolbarDropdown-content {
	background-color: #eff3f6;
}

.dtToolbarDropdown-contentTitle {
    font-size: 12px;
    font-weight: 500;
    padding: 0 7px;
    line-height: 2.5;
    text-transform: uppercase;
    min-height: 5px;
}

.dtToolbarDropdown-contentTitle:empty {
	display: none;
}

.dtToolbarDropdown-contentBody {}

.dtToolbarDropdown.dtToolbarDropdown--isNotContentControl .dtToolbarDropdown-contentBody {
	padding: 10px 15px;
}


/* Blocker. */

.dtToolbarDropdown-blocker {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2001;
	cursor: default;
}

/**
 specifies styles for drop down items for theme--j
 */
.dtToolbar.dtTheme--j .dtToolbarDropdown {
	width: 90px;
	border: solid 1px #2868D7;
}

.dtToolbar.dtTheme--j .dtToolbarDropdown-triangle {
	display: none;
}

/* theme o */

.dtToolbarDropdown.dtTheme--o {
	position: absolute;
	top: -15px;
	z-index: 2500;
	width: 204px;
	border: solid 2px #2868D7;
}

.dtToolbarDropdown-content.dtTheme--o {
	background-color: #fff;
	box-shadow: none;
}

.dtToolbarDropdown.dtTheme--o .dtToolbarDropdownItem-icon {
	color: #000;
	opacity: 1;
}

/* Theme a */

.dtToolbarDropdown.dtTheme--a {
}

.dtToolbarDropdown.dtTheme--a .dtToolbarDropdown-content {
    border: 2px solid #2868D7;
    border-radius: 2px;
    box-shadow: none;
    background-color: #fff;
}

.dtToolbarDropdown.dtTheme--a .dtToolbarDropdownItem-icon {
    color: #000;
}

.dtToolbarDropdown.dtTheme--a .dtToolbarDropdown-contentTitle {
    display: none;
}

/* Theme b */
.dtToolbarDropdown.dtTheme--b {
	top: -17px;
	min-width: 116px;
	max-width: 250px;
}
/* Content. */
.dtToolbarDropdown.dtTheme--b .dtToolbarDropdown-content {
    border-top: 1px solid #729BE9;
    border-bottom: 1px solid #729BE9;
    background-color: #fff;
}
.dtToolbarDropdown.dtTheme--b .dtToolbarDropdown-contentTitle {
    color: #fff;
    background-color: #2868D7;
}




.dtToolbarDropdownItem {}

.dtToolbarDropdownItem-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 28px;
	padding: 0 10px;
}

/* Icon. */
.dtToolbarDropdownItem-icon {
	width: 24px;
	height: 24px;
	flex: none;
}

/* Caption. */
.dtToolbarDropdownItem-caption {
	-webkit-flex: 1;
	flex: 1 auto;
	font-size: 12px;
	font-weight: 500;
	padding: 10px 0;
}

.dtToolbarDropdownItem-iconSelected {
    width: 18px;
	height: 18px;
}

div+ .dtToolbarDropdownItem-iconSelected {
	margin-left: 5px;
}

/** ToolbarDropdownItem: Theme C **/
.dtToolbarDropdownItem.dtTheme--c {
}

.dtToolbarDropdownItem.dtTheme--c .dtToolbarDropdownItem-content {
	width: 188px;
	height: 40px;
}

.dtToolbarDropdownItem.dtTheme--c.dtToolbarDropdownItem--isEnabled .dtToolbarDropdownItem-content:hover {
	background-color: #f0eff2;
}

.dtToolbarDropdownItem.dtTheme--c .dtToolbarDropdownItem-caption {
	color: #252b33;
	font-weight: 400;
}

.dtToolbarDropdownItem.dtTheme--c .dtToolbarDropdownItem-icon + .dtToolbarDropdownItem-caption {
	margin-left: 10px;
}

/**
 Theme-j
 */
.dtToolbar.dtTheme--j .dtToolbarDropdownItem-content {

}
.dtToolbar.dtTheme--j .dtToolbarDropdownItem-content:hover {
	background-color: #2868D7;
}
.dtToolbar.dtTheme--j .dtToolbarDropdownItem-content:hover .dtToolbarDropdownItem-caption {
	color: #fff;
}
.dtToolbar.dtTheme--j .dtToolbarDropdownItem-content .dtToolbarDropdownItem-icon {
	display: none;
}
.dtToolbar.dtTheme--j .dtToolbarDropdownItem-content .dtToolbarDropdownItem-caption {
	height: 28px;
	line-height: 28px;

	font-weight: 500;
	font-size: 13px;
	color: #76748d;

	padding: 0;
}

/* theme o */

.dtToolbarDropdownItem.dtTheme--o {
	background-color: #f9f9f9;
}

.dtToolbarDropdownItem.dtTheme--o.dtToolbarDropdownItem--isEnabled:hover .dtToolbarDropdownItem-content {
	background-color: #f0eff2;
}

.dtToolbarDropdownItem.dtTheme--o.dtToolbarDropdownItem--isDisabled .dtToolbarDropdownItem-content {
	opacity: 0.5;
}

.dtToolbarDropdownItem-caption.dtTheme--o {
	-webkit-flex: 1;
	flex: 1 auto;
	font-size: 12px;
	font-weight: 500;
	padding: 10px 0;
	/*color: #252b33;*/
}

.dtToolbarDropdownItem.dtTheme--o .dtToolbarDropdownItem-content {
	padding-left: 5px;
}


/* Toolbar Dropdown Theme A (Default) */
.dtToolbarDropdown.dtTheme--a .dtToolbarDropdownItem {
    color: #252b33;
    background-color: #fff;
}

.dtToolbarDropdown.dtTheme--a .dtToolbarDropdownItem .dtToolbarDropdownItem-content {
    height: 40px;
}

.dtToolbarDropdown.dtTheme--a .dtToolbarDropdownItem.dtToolbarDropdownItem--isEnabled:hover .dtToolbarDropdownItem-content {
	color: #252b33;
	background-color: #f0eff2;
}

.dtToolbarDropdown.dtTheme--a .dtToolbarDropdownItem.dtToolbarDropdownItem--isDisabled {
	opacity: 0.5;
}

.dtToolbarDropdown.dtTheme--a .dtToolbarDropdownItem-icon {
    margin-right: 12px;

    color: #000;
    opacity: 1;
}

.dtToolbarDropdown.dtTheme--a .dtToolbarDropdownItem-caption {
	font-size: 12px;
    font-weight: 500;
}



/* ToolbarDropdown Theme B
 * Used for select dropdown
 */
.dtToolbarDropdown.dtTheme--b .dtToolbarDropdownItem {
	color: #767486;
	background-color: #fff;
}

.dtToolbarDropdown.dtTheme--b .dtToolbarDropdownItem .dtToolbarDropdownItem-content {
	border-left: 1px solid #729BE9;
	border-right: 1px solid #729BE9;
}

.dtToolbarDropdown.dtTheme--b .dtToolbarDropdownItem.dtToolbarDropdownItem--isEnabled:hover .dtToolbarDropdownItem-content {
	background-color: #f0eff2;
}

.dtToolbarDropdown.dtTheme--b .dtToolbarDropdownItem.dtToolbarDropdownItem--isDisabled {
	opacity: 0.5;
}

.dtToolbarDropdown.dtTheme--b .dtToolbarDropdownItem.dtToolbarDropdownItem--isDisabled.dtToolbarDropdownItem--isSelected {
	opacity: 1;
}

.dtToolbarDropdown.dtTheme--b .dtToolbarDropdownItem.dtToolbarDropdownItem--isSelected .dtToolbarDropdownItem-content {
	border-left: 1px solid #2868D7;
	border-right: 1px solid #2868D7;
	color: #fff;
	background-color: #2868D7;
}

.dtToolbarDropdown.dtTheme--b .dtToolbarDropdownItem-icon {
    color: #767486;
}

.dtToolbarDropdown.dtTheme--b .dtToolbarDropdownItem-caption {
	padding: 7px 0;
}

/* Clause dropdown hover state */
.peFieldItemItemClause .dtToolbarDropdown.dtTheme--a .dtToolbarDropdownItem.dtToolbarDropdownItem--isEnabled:hover .dtToolbarDropdownItem-content {
	color: #fff;
	background-color: #2868D7;
}
.dtToolbar .dtToolbarItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtToolbar.dtToolbar--isDropdownOpen .dtToolbarItem {
	z-index: 2100;
}
.dtToolbar.dtToolbar--isFlex .dtToolbarItem {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.dtToolbarItem.dtToolbarItem--isContent {

}
.dtToolbarItem.dtToolbarItem--isCaption {
	padding: 0 5px;
}
.dtToolbarItem.dtToolbarItem--isDisabled {
	opacity: .25;
}
.dtToolbarItem.dtToolbarItem--isEnabled:hover {}
.dtToolbarItem-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.dtToolbarItem--isShowDropdownTriangle .dtToolbarItem-content {
	-webkit-flex-direction: row;
	flex-direction: row;
}
.dtToolbarItem-icon {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}
.dtToolbarItem-caption {
	max-width: 200px;
	font-size: 10px;
	font-weight: 400;
	line-height: 1.2;
	-webkit-flex: 1;
	flex: 1 auto;
	color: #252b33;
}

/* Custom Dropdown Icon (css triangle)*/
.dtToolbarItem-dropdownIndicator-down,
.dtToolbarItem-dropdownIndicator-up {
	width: 0;
	height: 0;

	font-size: 0;
	line-height: 0;

	border-left: 5px solid transparent;
	border-right: 5px solid transparent;

	margin-right: 10px;
}

/*  Custom Dropdown Icon: Down */
.dtToolbarItem .dtToolbarItem-dropdownIndicator-down {
	border-top: 7px solid #d6d6dd;
	border-bottom: 0;
}
.dtToolbarItem.dtToolbarItem--isEnabled:hover .dtToolbarItem-dropdownIndicator-down {
	border-top: 7px solid #c5cad6;
	border-bottom: 0;
}
.dtToolbarItem.dtToolbarItem--isExpanded .dtToolbarItem-dropdownIndicator-down {
	border-top: 7px solid #2868D7;
	border-bottom: 0;
}
/* Custom Dropdown Icon: Up */
.dtToolbarItem .dtToolbarItem-dropdownIndicator-up {
	border-bottom: 7px solid #d6d6dd;
	border-top: 0;
}
.dtToolbarItem.dtToolbarItem--isEnabled:hover .dtToolbarItem-dropdownIndicator-up,
.dtToolbarItem.dtToolbarItem--isExpanded .dtToolbarItem-dropdownIndicator-up {
	border-bottom: 7px solid #2868D7;
	border-top: 0;
}

/* ToolbarItemTheme.BUTTON_TAB */
.dtToolbarItem.dtToolbarItem--theme-buttonTab {

}
.dtToolbarItem.dtToolbarItem--theme-buttonTab .dtToolbarItem-content {
	border: 1px solid #d6d6dd;
	border-radius: 3px;
	flex-direction: row;
	height: 32px;
	padding: 0 20px;
}
.dtToolbarItem.dtToolbarItem--theme-buttonTab .dtToolbarItem-icon + .dtToolbarItem-caption {
	margin-left: 10px;
}
.dtToolbarItem.dtToolbarItem--theme-buttonTab .dtToolbarItem-caption {
	font-size: 12px;
	font-weight: 400;
}
/* ToolbarItemTheme.BUTTON_TAB: Selected. */
.dtToolbarItem.dtToolbarItem--theme-buttonTab.dtToolbarItem--isSelected .dtToolbarItem-content {
	background-color: #F6F6F6;
	border-color: #2868D7;
}
.dtToolbarItem.dtToolbarItem--theme-buttonTab.dtToolbarItem--isSelected .dtToolbarItem-caption {
	color: #2868D7;
}
/* ToolbarItemTheme.BUTTON_TAB: Enabled: Hover */
.dtToolbarItem.dtToolbarItem--theme-buttonTab.dtToolbarItem--isEnabled:hover .dtToolbarItem-content {
	background-color: rgba(0,0,0,.05);
}

/* ToolbarItemTheme.CONTENT */
.dtToolbarItem.dtToolbarItem--theme-content {
	padding-left: 5px;
	padding-right: 5px;
}

/* Item: Theme: A. */
.dtToolbar .dtToolbarItem.dtTheme--a {}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isContent {
}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded {
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded .dtSymbol .dtSf--A { fill: #fff; }
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded .dtSymbol .dtSs--A,
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded .dtSymbol .dtSs--A2 { stroke: #fff; }
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover {
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover .dtSymbol .dtSf--A { fill: #fff; }
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A,
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A2 {
	stroke: #fff;
}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded .dtToolbarItem-caption {
	color: #fff;
}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled:hover {
	background-color: rgba(0,0,0,.05);
}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isContent.dtToolbarItem--isEnabled:hover {
	background-color: transparent;
}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled:hover .dtSymbol .dtSf--A { fill: #2868D7; }
.dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A { stroke: #2868D7; }
.dtToolbar.dtToolbar--isFlex .dtToolbarItem.dtTheme--a {
	-webkit-justify-content: center;
	justify-content: center;
}
.dtToolbar .dtToolbarItem.dtTheme--a .dtToolbarItem-content {}
.dtToolbar.dtToolbar--isNotFlex .dtToolbarItem.dtTheme--a .dtToolbarItem-content {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtToolbar.dtGrid--md .dtToolbarItem.dtTheme--a.dtToolbarItem--isNotCaption .dtToolbarItem-content {}
.dtToolbarItem.dtTheme--a .dtToolbarItem-icon {
	height: 24px;
	width: 24px;
	margin: 10px 13px 0;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--a .dtToolbarItem-icon {
	height: 24px;
	width: 30px;
	padding: 0;
	margin: 2px 2px 0;
}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpandable .dtToolbarItem-icon {
	color: #000;
}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isSelected .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled:hover .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled:focus .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled.dtToolbarItem--isExpandable:hover .dtToolbarItem-icon {
	color: #2868D7;
}
.dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded .dtToolbarItem-caption {
	font-weight: 500;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--a .dtToolbarItem-caption {
	display: none;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtToolbarItem--isShowCaption.dtTheme--a .dtToolbarItem-caption {
	display: block;
}
.dtToolbarItem.dtTheme--a .dtToolbarItem-icon + .dtToolbarItem-caption {
	margin-top: 5px;
}

/* Item: Theme: a2. Link type of styling*/
.dtToolbar .dtToolbarItem.dtTheme--a2 {}
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isContent {
	padding: 0 10px;
}
.dtToolbar .dtToolbarItem.dtTheme--a2 .dtToolbarItem-caption {
	color:  #2868D7;
	line-height: 1.33;
	font-weight: 500;
	font-size: 14px;
	text-decoration-line: underline;
}
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isEnabled:hover {
	text-decoration-line: underline;
	text-decoration-color: #2868D7;
}
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isContent.dtToolbarItem--isEnabled:hover {
	background-color: transparent;
}
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isEnabled:hover .dtSymbol .dtSf--A { fill: #2868D7; }
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A { stroke: #2868D7; }
.dtToolbar.dtToolbar--isFlex .dtToolbarItem.dtTheme--a2 {
	-webkit-justify-content: center;
	justify-content: center;
}
.dtToolbar .dtToolbarItem.dtTheme--a2 .dtToolbarItem-content {
	color: #2868D7;
}
.dtToolbar.dtToolbar--isNotFlex .dtToolbarItem.dtTheme--a2 .dtToolbarItem-content {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtToolbar.dtGrid--md .dtToolbarItem.dtTheme--a.dtToolbarItem--isNotCaption .dtToolbarItem-content {}
.dtToolbarItem.dtTheme--a2 .dtToolbarItem-icon {
	height: 24px;
	width: 24px;
	margin: 10px 13px 0;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--a2 .dtToolbarItem-icon {
	height: 24px;
	width: 30px;
	padding: 0;
	margin: 2px 2px 0;
}
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isExpandable .dtToolbarItem-icon {
	color: #000;
}
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isSelected .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isEnabled:hover .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isEnabled:focus .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isExpanded .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a2.dtToolbarItem--isEnabled.dtToolbarItem--isExpandable:hover .dtToolbarItem-icon {
	color: #2868D7;
}
.dtToolbarItem.dtTheme--a2 .dtToolbarItem-icon + .dtToolbarItem-caption {
	margin-top: 5px;
}

/* Item: Theme: A3. */
.dtToolbar .dtToolbarItem.dtTheme--a3 {}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isContent {
	padding: 0 10px;
}
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--a3.dtToolbarItem--isContent {
	padding: 0;
}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded {
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded .dtSymbol .dtSf--A { fill: #fff; }
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded .dtSymbol .dtSs--A,
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded .dtSymbol .dtSs--A2 { stroke: #fff; }
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover {
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover .dtSymbol .dtSf--A { fill: #fff; }
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A,
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A2 {
	stroke: #fff;
}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded .dtToolbarItem-caption {
	color: #fff;
}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isEnabled:hover {
	background-color: rgba(0,0,0,.05);
}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isContent.dtToolbarItem--isEnabled:hover {
	background-color: transparent;
}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isEnabled:hover .dtSymbol .dtSf--A { fill: #2868D7; }
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A { stroke: #2868D7; }
.dtToolbar.dtToolbar--isFlex .dtToolbarItem.dtTheme--a {
	-webkit-justify-content: center;
	justify-content: center;
}
.dtToolbar .dtToolbarItem.dtTheme--a3 .dtToolbarItem-content {}
.dtToolbar.dtToolbar--isNotFlex .dtToolbarItem.dtTheme--a3 .dtToolbarItem-content {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtToolbarItem.dtTheme--a3 .dtToolbarItem-icon {
	height: 24px;
	width: 24px;
	margin: 10px 13px 0;
}
.dtRoot.dtGrid--md .dtToolbar.dtTheme--a3 .dtToolbarItem.dtTheme--a .dtToolbarItem-icon,
.dtRoot.dtGrid--md .dtToolbar.dtTheme--a3 .dtToolbarItem.dtTheme--a3 .dtToolbarItem-icon {
	padding: 0;
	margin: 2px 2px 0;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--a3 .dtToolbarItem-icon {
	height: 24px;
	width: 30px;
	padding: 0;
	margin: 2px 2px 0;
}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpandable .dtToolbarItem-icon {
	color: #000;
}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isSelected .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isEnabled:hover .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isEnabled:focus .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isEnabled.dtToolbarItem--isExpandable:hover .dtToolbarItem-icon {
	color: #2868D7;
}
.dtToolbarItem.dtTheme--a3.dtToolbarItem--isExpanded .dtToolbarItem-caption {}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--a3 .dtToolbarItem-caption,
.dtRoot.dtGrid--md .dtToolbar.dtTheme--a3 .dtToolbarItem.dtTheme--a .dtToolbarItem-caption,
.dtRoot.dtGrid--md .dtToolbar.dtTheme--a3 .dtToolbarItem.dtTheme--a3 .dtToolbarItem-caption {
	display: none;
}
.dtToolbarItem.dtTheme--a3 .dtToolbarItem-icon + .dtToolbarItem-caption {
	margin-top: 5px;
}

/*
	Theme: A4.
	Has aggressive highlighting when selected.
 */
.dtToolbar .dtToolbarItem.dtTheme--a4 {}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isContent {
	padding: 0 10px;
}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isSelected .dtSymbol .dtSf--A { fill: #fff; }
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isSelected .dtSymbol .dtSs--A,
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isSelected .dtSymbol .dtSs--A2 { stroke: #fff; }
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isSelected.dtToolbarItem--isEnabled {
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isSelected.dtToolbarItem--isEnabled:hover {
	background-color: #2868D7;
	background-color: rgba(142,87,207,.7);
}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isSelected.dtToolbarItem--isEnabled:hover .dtSymbol .dtSf--A { fill: #fff; }
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isSelected.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A,
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isSelected.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A2 {
	stroke: #fff;
}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isExpanded .dtToolbarItem-caption {
	color: #fff;
}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isEnabled:hover {
	background-color: rgba(0,0,0,.05);
}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isContent.dtToolbarItem--isEnabled:hover {
	background-color: transparent;
}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isEnabled:hover .dtSymbol .dtSf--A { fill: #2868D7; }
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A { stroke: #2868D7; }
.dtToolbar.dtToolbar--isFlex .dtToolbarItem.dtTheme--a4 {
	-webkit-justify-content: center;
	justify-content: center;
}
.dtToolbar .dtToolbarItem.dtTheme--a4 .dtToolbarItem-content {}
.dtToolbar.dtToolbar--isNotFlex .dtToolbarItem.dtTheme--a4 .dtToolbarItem-content {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtToolbar.dtGrid--md .dtToolbarItem.dtTheme--a4.dtToolbarItem--isNotCaption .dtToolbarItem-content {}
.dtToolbarItem.dtTheme--a4 .dtToolbarItem-icon {
	height: 24px;
	width: 24px;
	margin: 10px 13px 0;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--a4 .dtToolbarItem-icon {
	height: 24px;
	width: 30px;
	padding: 0;
	margin: 2px 2px 0;
}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isExpandable .dtToolbarItem-icon {
	color: #000;
}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isSelected .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isEnabled:hover .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isEnabled:focus .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isExpanded .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isEnabled.dtToolbarItem--isExpandable:hover .dtToolbarItem-icon {
	color: #2868D7;
}
.dtToolbarItem.dtTheme--a4.dtToolbarItem--isSelected .dtToolbarItem-caption {
	font-weight: 500;
	color: #fff;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--a4 .dtToolbarItem-caption {
	display: none;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtToolbarItem--isShowCaption.dtTheme--a4 .dtToolbarItem-caption {
	display: block;
}
.dtToolbarItem.dtTheme--a4 .dtToolbarItem-icon+ .dtToolbarItem-caption {
	margin-top: 5px;
}

/*
	Item: Theme: A5.
	Used for the "Select All" checkbox in the Toolbar for mobile, so the checkbox aligns
*/
.dtToolbar .dtToolbarItem.dtTheme--a5 {}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isContent {
	padding: 0 10px;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--a5.dtToolbarItem--isContent {
	padding: 0 17px;
}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded {
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded .dtSymbol .dtSf--A { fill: #fff; }
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded .dtSymbol .dtSs--A,
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded .dtSymbol .dtSs--A2 { stroke: #fff; }
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover {
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover .dtSymbol .dtSf--A { fill: #fff; }
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A,
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A2 {
	stroke: #fff;
}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded .dtToolbarItem-caption {
	color: #fff;
}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isEnabled:hover {
	background-color: rgba(0,0,0,.05);
}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isContent.dtToolbarItem--isEnabled:hover {
	background-color: transparent;
}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isEnabled:hover .dtSymbol .dtSf--A { fill: #2868D7; }
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A { stroke: #2868D7; }
.dtToolbar.dtToolbar--isFlex .dtToolbarItem.dtTheme--a5 {
	-webkit-justify-content: center;
	justify-content: center;
}
.dtToolbar .dtToolbarItem.dtTheme--a5 .dtToolbarItem-content {}
.dtToolbar.dtToolbar--isNotFlex .dtToolbarItem.dtTheme--a5 .dtToolbarItem-content {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtToolbar.dtGrid--md .dtToolbarItem.dtTheme--a5.dtToolbarItem--isNotCaption .dtToolbarItem-content {}
.dtToolbarItem.dtTheme--a5 .dtToolbarItem-icon {
	height: 24px;
	width: 24px;
	margin: 10px 13px 0;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--a5 .dtToolbarItem-icon {
	height: 24px;
	width: 30px;
	padding: 0;
	margin: 2px 2px 0;
}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpandable .dtToolbarItem-icon {
	color: #000;
}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isSelected .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isEnabled:hover .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isEnabled:focus .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded .dtToolbarItem-icon,
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isEnabled.dtToolbarItem--isExpandable:hover .dtToolbarItem-icon {
	color: #2868D7;
}
.dtToolbarItem.dtTheme--a5.dtToolbarItem--isExpanded .dtToolbarItem-caption {
	font-weight: 500;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--a5 .dtToolbarItem-caption {
	display: none;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtToolbarItem--isShowCaption.dtTheme--a5 .dtToolbarItem-caption {
	display: block;
}
.dtToolbarItem.dtTheme--a5 .dtToolbarItem-icon + .dtToolbarItem-caption {
	margin-top: 5px;
}

/* Item: Theme: B. */
.dtToolbarItem.dtTheme--b {
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	color: #444;
}
.dtToolbarItem.dtTheme--b .dtToolbarItem-content {
	padding: 0 10px;
}
.dtToolbarItem.dtTheme--b .dtToolbarItem-icon {
	font-size: 18px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	border-radius: 100%;
	background-color: #b0c2cc;
}
.dtToolbarItem.dtTheme--b.dtToolbarItem--isSelected .dtToolbarItem-icon,
.dtToolbar .dtToolbarItem.dtTheme--b.dtToolbarItem--isEnabled:hover .dtToolbarItem-icon,
.dtToolbar .dtToolbarItem.dtTheme--b.dtToolbarItem--isEnabled:focus .dtToolbarItem-icon {
	color: #fff;
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--b .dtToolbarItem-icon+ .dtToolbarItem-caption {
	margin-left: 10px;
}
.dtToolbar.dtGrid--md .dtToolbarItem.dtTheme--b.dtToolbarItem--isCaption {
	padding: 0;
}
.dtToolbar.dtGrid--md .dtToolbarItem.dtTheme--b .dtToolbarItem-caption {
	display: none;
}
.dtToolbarItem.dtTheme--b .dtToolbarItem-dropIndicator {
	display: none;
}

/* Item: Theme: C. */
.dtToolbarItem.dtTheme--c {
	padding: 10px 10px;
}
.dtToolbarItem.dtTheme--c .dtToolbarItem-content {
	color: #fff;
	background-color: #2868D7;
	padding: 0 35px;
	border-radius: 2em;
	line-height: 3em;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.dtToolbar.dtGrid--sm .dtToolbarItem.dtTheme--c .dtToolbarItem-content {
	padding: 0;
}
.dtToolbarItem.dtTheme--c:hover .dtToolbarItem-content,
.dtToolbarItem.dtTheme--c:focus .dtToolbarItem-content {
	background-color: #000;
}
.dtToolbarItem.dtTheme--c .dtToolbarItem-icon {
	font-size: 32px;
}
.dtToolbarItem.dtTheme--c .dtToolbarItem-caption {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.dtToolbarItem.dtTheme--c .dtToolbarItem-icon+ .dtToolbarItem-caption {
	margin-left: 10px;
	margin-right: 5px;
}
.dtToolbar.dtGrid--sm .dtToolbarItem.dtTheme--c .dtToolbarItem-caption {
	display: none;
}
.dtToolbarItem.dtTheme--c .dtToolbarItem-dropIndicator {
	display: none;
}


/*
Item: Theme: D.
- PageExplorerToolbar
*/
.dtToolbar .dtToolbarItem.dtTheme--d {
	color: rgba(255, 255, 255, .8);
	padding: 0;
}
.dtToolbarItem.dtTheme--d+ .dtToolbarItem.dtTheme--d {}
.dtToolbarItem.dtTheme--d.dtToolbarItem--isEnabled:hover {}
.dtToolbar .dtToolbarItem.dtTheme--d .dtToolbarItem-content {
	display: block;
	height: 60px;
}
.dtToolbarItem.dtTheme--d .dtToolbarItem-icon {
	height: 40px;
	width: 60px;
	font-size: 24px;
	line-height: 40px;
}
.dtToolbarItem.dtTheme--d.dtToolbarItem--isEnabled:hover .dtToolbarItem-content,
.dtToolbarItem.dtTheme--d.dtToolbarItem--isEnabled:focus .dtToolbarItem-content,
.dtToolbarItem.dtTheme--d.dtToolbarItem--isSelected .dtToolbarItem-content,
.dtToolbarItem.dtTheme--d.dtToolbarItem--isExpanded .dtToolbarItem-content {
	color: #fff;
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--d .dtToolbarItem-caption {
	height: 20px;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	color: #fff;
}
.dtToolbarItem.dtTheme--d.dtToolbarItem--isExpandable .dtToolbarItem-dropIndicator {
	display: none;
}

/* Item: Theme: E. - Used by SignatureFieldItem */
.dtToolbar .dtToolbarItem.dtTheme--e {
	color: rgba(255, 255, 255, .8);
}
.dtToolbarItem.dtTheme--e+ .dtToolbarItem.dtTheme--e {
	border-left: 1px solid #ccc;
}
.dtToolbarItem.dtTheme--e.dtToolbarItem--isEnabled:hover,
.dtToolbarItem.dtTheme--e.dtToolbarItem--isEnabled:focus,
.dtToolbarItem.dtTheme--e.dtToolbarItem--isSelected,
.dtToolbarItem.dtTheme--e.dtToolbarItem--isExpanded {
	color: #fff;
}
.dtToolbar .dtToolbarItem.dtTheme--e .dtToolbarItem-content {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtToolbar .dtToolbarItem.dtTheme--e .dtToolbarItem-caption {
	font-size: 16px;
	font-weight: 400;
	line-height: 2.5;
}
.dtToolbarItem.dtTheme--e.dtToolbarItem--isExpandable .dtToolbarItem-dropIndicator {
	display: none;
}


/* Item: Theme: F.
- DealClauseListItem
- FormFrame
*/
.dtToolbar .dtToolbarItem.dtTheme--f {
	color: rgba(0, 0, 0, .5);
	min-height: 30px;
}
.dtToolbarItem.dtTheme--f+ .dtToolbarItem.dtTheme--f {}
.dtToolbarItem.dtTheme--f.dtToolbarItem--isEnabled:hover,
.dtToolbarItem.dtTheme--f.dtToolbarItem--isEnabled:focus,
.dtToolbarItem.dtTheme--f.dtToolbarItem--isSelected,
.dtToolbarItem.dtTheme--f.dtToolbarItem--isExpanded {
	color: #444;
}
.dtToolbar .dtToolbarItem.dtTheme--f.dtToolbarItem--isCaption {
	padding: 0 10px;
}
.dtToolbar .dtToolbarItem.dtTheme--f .dtToolbarItem-icon {
	width: 30px;
}
.dtToolbar .dtToolbarItem.dtTheme--f .dtToolbarItem-caption {
	font-size: 12px;
	font-weight: 500;
	line-height: 30px;
}

/** TODO: reidenzon - Refactor ToolbarItem to have -content class for options.content */

.dtToolbar .dtToolbarItem.dtTheme--f .dtToolbarItem-caption {
	margin-left: 10px;
}
.dtToolbarItem.dtTheme--f.dtToolbarItem--isExpandable .dtToolbarItem-dropIndicator {
	display: none;
}

/* Item: Theme: G.
- BrokerReport
*/
.dtToolbar .dtToolbarItem.dtTheme--g .dtToolbarItem-caption {
	color: #5d6164;
	font-size: 12px;
	font-weight: bold;
}

/* Item: Theme: H.
- Modal
*/
.dtToolbar .dtToolbarItem.dtTheme--h.dtToolbarItem--isContent {
	padding: 0 5px;
}
.dtToolbar .dtToolbarItem.dtTheme--h.dtToolbarItem--isContent .dtToolbarItem-content {
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	max-width: 320px;
	text-overflow: ellipsis;
	overflow: hidden;

	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.dtToolbar .dtToolbarItem.dtTheme--h:hover .dtToolbarItem-icon {
	opacity: .7;
}
.dtToolbar .dtToolbarItem.dtTheme--h + .dtToolbarItem.dtTheme--h {
	margin-left: 10px;
}

/* Item: Theme: I.
- PageExplorerFieldItemEditValueActiveText
*/
.dtToolbar .dtToolbarItem.dtTheme--i {
	height: 28px;
	line-height: 28px;
	background-color: #2868D7;
	color: #fff;
	opacity: 1;
}
.dtToolbar .dtToolbarItem.dtTheme--i:hover,
.dtToolbar .dtToolbarItem.dtTheme--i:focus {
	opacity: .5;
}
.dtToolbar .dtToolbarItem.dtTheme--i.dtToolbarItem--isEnabled:hover,
.dtToolbar .dtToolbarItem.dtTheme--i.dtToolbarItem--isEnabled:focus {
	opacity: .5;
}
.dtToolbar .dtToolbarItem.dtTheme--i.dtToolbarItem--isContent {
	padding: 0 10px;
}
.dtToolbar .dtToolbarItem.dtTheme--i .dtToolbarItem-icon {
	width: 28px;
	height: 28px;
	font-size: 16px;
	line-height: inherit;
}
.dtToolbar .dtToolbarItem.dtTheme--i .dtToolbarItem-caption {
	color: #000;
}

/* Item: Theme: J.
 - ClauseItemItemEditValueActive / ClauseItemItemEditValueSelect
*/
.dtToolbarItem.dtTheme--j.dtToolbarItem--isDisabled {
	opacity: 1;
}
.dtToolbarItem.dtTheme--j.dtToolbarItem--isDisabled .dtToolbarItem-content{
	opacity: .25;
}
.dtToolbarItem.dtTheme--j .dtToolbarItem-content .dtToolbarItem-dropIndicator {
	display: none;
}
.dtToolbarItem.dtTheme--j.dtToolbarItem--isExpanded {
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--j .dtToolbarItem-icon {
	color: #fff;
	width: 28px;
	font-size: 22px;
}

/*
 * Item: Theme: M, M2
 * Button Style
 * Optimized for mobile.
*/
.dtToolbarItem.dtTheme--m.dtToolbarItem--isCaption,
.dtToolbarItem.dtTheme--m2.dtToolbarItem--isCaption {
	padding: 0 0 0 10px;
}
.dtToolbarItem.dtTheme--m .dtToolbarItem-content,
.dtToolbarItem.dtTheme--m2 .dtToolbarItem-content {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;

	width: 94px;
	height: 30px;
	border-radius: 25px;

	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--m .dtToolbarItem-caption,
.dtToolbarItem.dtTheme--m2 .dtToolbarItem-caption {
	max-width: none;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
}
/*
 * Item: Theme: M2
 * M2 Style override
*/
.dtToolbarItem.dtTheme--m2 .dtToolbarItem-content {
	background-color: rgba(37,43,51,0.3);
}


/* Item: Theme: O. */
.dtToolbarItem.dtTheme--o {
	align-items: center;
	padding: 0;
}
.dtToolbarItem.dtTheme--o .dtToolbarItem-content {
	color: #fff;
	background-color: #2868D7;
	border-radius: 1.5em;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	width: 184px;
	height: 40px;
	align-items: center;
	justify-content: center;
	display: flex;
	border: 1px solid #2868D7;
}
.dtToolbar.dtGrid--sm .dtToolbarItem.dtTheme--o .dtToolbarItem-content {
	padding: 0;
}
.dtToolbarItem.dtTheme--o:hover .dtToolbarItem-content {
	border-color: #2868D7;
	box-shadow: 0px 0px 0px 1.5px #fff inset;
	cursor: pointer;
}
.dtToolbarItem.dtTheme--o:active .dtToolbarItem-content {
	background-color: #2868D7;
	border-color: #2868D7;
	box-shadow: none;
}
.dtToolbarItem.dtTheme--o:hover .dtToolbarItem-content.dtToolbarItem--isSelected {
	box-shadow: none;
	border-color: #2868D7;
}
.dtToolbarItem.dtTheme--o .dtToolbarItem-content.dtToolbarItem--isSelected {
	background-color: #2868D7;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.dtToolbarItem.dtTheme--o .dtToolbarItem-icon {
	font-size: 22px;
	width: 30px;
}
.dtToolbarItem.dtTheme--o .dtToolbarItem-caption {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.dtToolbarItem.dtTheme--o .dtToolbarItem-icon+ .dtToolbarItem-caption {
	margin-left: 10px;
	margin-right: 5px;
	flex: inherit;
}
.dtToolbar.dtGrid--sm .dtToolbarItem.dtTheme--o .dtToolbarItem-caption {
	display: none;
}
.dtToolbarItem.dtTheme--o .dtToolbarItem-dropIndicator {
	display: none;
}

/* Item Theme U Start*/
.dtToolbarItem.dtTheme--u .dtToolbarItem-icon {
	display: none;
}
.dtToolbarItem.dtTheme--u .dtToolbarItem-label {
	display: none;
}
.dtToolbarItem.dtTheme--u .dtToolbarItem-content {
	align-items: initial;
	flex-direction: column;
	justify-content: center;
}
.dtToolbar.dtGrid--sm .dtToolbarItem.dtTheme--u .dtToolbarItem-icon {
	font-size: 26px;
	line-height: 1;
	display: inherit;
}
.dtToolbar.dtGrid--sm .dtToolbarItem.dtTheme--u .dtToolbarItem-label {
	font-size: 10px;
	color: #000000;
	display: inherit;
}
.dtToolbar.dtGrid--sm .dtToolbarItem.dtTheme--u .dtToolbarItem-content {
	align-items: initial;
	flex-direction: column;
	justify-content: center;
}
.dtToolbar.dtGrid--sm .dtSelectOnBar {
	display: none;
}
.dtToolbar .dtSelectOnBar {
	display: inherit;
}

/* Item Theme U End*/

/* Item: Theme: Z.
*  Alternate Theme for Modal
*/
.dtToolbar .dtToolbarItem.dtTheme--z {
	line-height: 28px;
}
.dtToolbar .dtToolbarItem.dtTheme--z.dtToolbarItem--isContent {
	padding: 0 0 0 5px;
}
.dtToolbar .dtToolbarItem.dtTheme--z.dtToolbarItem--isContent .dtToolbarItem-content {
	display: inline-block;
	max-width: 159px;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

	font-size: 13px;
	font-weight: 500;
}

/*
* Theme P
* Inline Theme
* Used in AppHeader (Document/Fields/History Menu)
*/
.dtToolbarItem.dtTheme--p {
	border-bottom: 5px solid transparent;
}
.dtToolbarItem.dtTheme--p.dtToolbarItem--isCaption {
	padding: 5px 22px;
}
.dtRoot.dtGrid--md .dtToolbarItem.dtTheme--p.dtToolbarItem--isCaption {
	padding: 5px 12px;
}
.dtToolbarItem.dtTheme--p .dtToolbarItem-content {
	-webkit-flex-direction: row;
	flex-direction: row;
}
.dtToolbarItem.dtTheme--p .dtToolbarItem-icon {
	width: 24px;
	height: 50px;
	padding: 5px 0;
}
.dtToolbarItem.dtTheme--p .dtSymbol .dtSf--A { fill: rgba(49, 48, 59, 0.1); }
.dtToolbarItem.dtTheme--p .dtSymbol .dtSs--A { stroke: rgba(0,0,0,0.3); }
.dtRoot.dtGrid--md .dtToolbarItem.dtTheme--p .dtToolbarItem-icon {
	width: 15px;
}
.dtToolbarItem.dtTheme--p .dtToolbarItem-caption {
	max-width: none;
	font-size: 14px;
	color: #767486;
}
.dtRoot.dtGrid--md .dtToolbarItem.dtTheme--p .dtToolbarItem-caption {
	font-size: 12px;
}
.dtToolbarItem.dtTheme--p .dtToolbarItem-icon + .dtToolbarItem-caption {
	margin-left: 10px;
}
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--p .dtToolbarItem-icon + .dtToolbarItem-caption {
	margin-left: 3px;
}
.dtToolbarItem.dtTheme--p.dtToolbarItem--isDisabled {
	opacity: 1;
}
.dtToolbarItem.dtTheme--p.dtToolbarItem--isSelected {
	border-bottom: 5px solid #2868D7;
}
.dtToolbarItem.dtTheme--p.dtToolbarItem--isSelected .dtSymbol .dtSf--A { fill: rgba(49, 48, 59, 0.1); }
.dtToolbarItem.dtTheme--p.dtToolbarItem--isSelected .dtSymbol .dtSs--A { stroke: #302f3b; }
.dtToolbarItem.dtTheme--p.dtToolbarItem--isSelected .dtToolbarItem-caption {
	color: #252b33;
}
.dtToolbarItem.dtTheme--p.dtToolbarItem--isSelected:hover,
.dtToolbarItem.dtTheme--p.dtToolbarItem--isEnabled:hover {
	background-color: #fcfcfc;
}
.dtToolbarItem.dtTheme--p.dtToolbarItem--isEnabled:hover {
	border-bottom: 5px solid #f0eff1;
}
.dtToolbarItem.dtTheme--p.dtToolbarItem--isEnabled:hover .dtSymbol .dtSf--A { fill: rgba(49, 48, 59, 0.1); }
.dtToolbarItem.dtTheme--p.dtToolbarItem--isEnabled:hover .dtSymbol .dtSs--A { stroke: #302f3b; }

/* Theme P2 */
.dtToolbarItem.dtTheme--p2 .dtToolbarItem-content {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.dtToolbarItem.dtTheme--p2 .dtToolbarItem-icon {
	width: 10px;
	height: 10px;
}
.dtToolbarItem.dtTheme--p2 .dtToolbarItem-icon .dtSymbol.dtSymbol-theme--primary .dtSf--A4 {
	fill: #fff
}
.dtToolbarItem.dtTheme--p2 .dtToolbarItem-caption {
	max-width: none;
	padding: 0 5px;
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
}

/*
* Theme Q, Theme Q2
* Inline Theme
* Row Reverse
* Like a button, purple background, white text, white icon on right, white hover state
* Used in AppHeader, Client Main Toolbar, DealSigningComplete
*/
.dtToolbarItem.dtTheme--q,
.dtToolbarItem.dtTheme--q2,
.dtToolbarItem.dtTheme--q5,
.dtToolbarItem.dtTheme--q7 {
	padding: 0 10px;
	align-items: center;
}

.dtToolbarItem.dtTheme--q5 {
	opacity: .25;
}

.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q2,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q5,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q7 {
	padding: 0 5px;
}
.dtToolbarItem.dtTheme--q .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q2 .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q3 .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q4 .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q5 .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q7 .dtToolbarItem-content {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	min-width: 100px;
	height: 40px;
	padding: 0 12px;
	border-radius: 25px;
	border: 1px solid #2868D7;
	background-color: #2868D7;
}
.dtToolbarItem.dtTheme--q7 .dtToolbarItem-content {
	border: 1px solid #58dbac;
	background-color: #58dbac;
}
.dtToolbarItem.dtTheme--q:hover .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q2:hover .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q3:hover .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q4:hover .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q5:hover .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q7:hover .dtToolbarItem-content {
	border-color: #2868D7;
	box-shadow: 0 0 0 1.5px #fff inset;
	cursor: pointer;
}
.dtToolbarItem.dtTheme--q7:hover .dtToolbarItem-content {
	border-color: #58dbac;
}
.dtToolbarItem.dtTheme--q.dtToolbarItem--sm .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q5.dtToolbarItem--sm .dtToolbarItem-content {
	height: 30px;
}

.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q .dtToolbarItem-content,
.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q2 .dtToolbarItem-content,
.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q3 .dtToolbarItem-content,
.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q4 .dtToolbarItem-content,
.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q5 .dtToolbarItem-content,
.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q7 .dtToolbarItem-content {
	min-width: 0;
	height: 30px;
}

.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q .dtToolbarItem-content,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q2 .dtToolbarItem-content,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q3 .dtToolbarItem-content,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q4 .dtToolbarItem-content,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q5 .dtToolbarItem-content,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q7 .dtToolbarItem-content {
	padding: 0 10px;
}

.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q .dtToolbarItem-content,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q2 .dtToolbarItem-content,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q3 .dtToolbarItem-content,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q4 .dtToolbarItem-content,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q5 .dtToolbarItem-content,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q7 .dtToolbarItem-content {
	padding: 0 20px;
}

.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q .dtToolbarItem-icon,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q2 .dtToolbarItem-icon,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q3 .dtToolbarItem-icon,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q4 .dtToolbarItem-icon,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q5 .dtToolbarItem-icon,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q7 .dtToolbarItem-icon {
	margin-left: 10px;
}

.dtToolbarItem.dtTheme--q .dtToolbarItem-caption,
.dtToolbarItem.dtTheme--q2 .dtToolbarItem-caption,
.dtToolbarItem.dtTheme--q3 .dtToolbarItem-caption,
.dtToolbarItem.dtTheme--q4 .dtToolbarItem-caption,
.dtToolbarItem.dtTheme--q7 .dtToolbarItem-caption,
.dtToolbarItem.dtTheme--q5 .dtToolbarItem-caption {
	max-width: none;
	padding: 0 15px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.2px;
	text-align: center;
}

.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q .dtToolbarItem-caption,
.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q2 .dtToolbarItem-caption,
.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q3 .dtToolbarItem-caption,
.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q4 .dtToolbarItem-caption,
.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q5 .dtToolbarItem-caption,
.dtRoot.dtGrid--ml .dtToolbarItem.dtTheme--q7 .dtToolbarItem-caption {
	font-size: 12px;
}

.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q .dtToolbarItem-caption,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q2 .dtToolbarItem-caption,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q3 .dtToolbarItem-caption,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q4 .dtToolbarItem-caption,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q5 .dtToolbarItem-caption,
.dtRoot.dtGrid--lm .dtToolbarItem.dtTheme--q7 .dtToolbarItem-caption {
	padding: 0 5px;
}

.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q .dtToolbarItem-caption,
.dtRoot.dtGrid--sm .dtToolbarItem.dtTheme--q5 .dtToolbarItem-caption {
	padding: 0;
}

/**
	Theme with ControlSize
 */
.dtToolbarItem.dtTheme--q.dtToolbarItem--sm .dtToolbarItem-caption,
.dtToolbarItem.dtTheme--q5.dtToolbarItem--sm .dtToolbarItem-caption {
	padding: 0 5px;
	font-weight: 500;
	font-size: 12px;
}
.dtToolbarItem.dtTheme--q.dtToolbarItem--isExpanded .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q2.dtToolbarItem--isExpanded .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q3.dtToolbarItem--isExpanded .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q4.dtToolbarItem--isExpanded .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q5.dtToolbarItem--isExpanded .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q7.dtToolbarItem--isExpanded .dtToolbarItem-content {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/*
* Theme Q2
* Used in AppHeader, Exit Button
* Theme Q4
* Used in DealSigningComplete Signature Complete popup
*/
.dtToolbarItem.dtTheme--q2 .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q4 .dtToolbarItem-content {
	background-color: #302f3b;
	opacity: 0.3;
}
.dtToolbarItem.dtTheme--q3 .dtToolbarItem-content,
.dtToolbarItem.dtTheme--q4 .dtToolbarItem-content {
	width: 169px;
	min-width: 169px;
}

/*
* Theme R
* Dropdown Select Style.
* Dropdown triangle icon.
* Used in main toolbar, for filter.
*/
.dtToolbarItem.dtTheme--r {
	-webkit-align-items: center;
	align-items: center;
}
.dtToolbarItem.dtTheme--r.dtToolbarItem--isCaption {
	/*height: 28px;*/
	padding: 0 10px;
}
.dtToolbarItem.dtTheme--r .dtToolbarItem-content {
	width: 116px;
	height: 28px;
	border: 1px solid #d6d6dd;
	background-color: #fff;
}
.dtToolbarItem.dtTheme--r .dtToolbarItem-caption {
	padding: 0 5px;
	color: #252b33;
	font-size: 12px;
	line-height: 26px;
}
.dtToolbarItem.dtTheme--r.dtToolbarItem--isEnabled:hover .dtToolbarItem-content {
	border-color: #729BE9;
}
.dtToolbarItem.dtTheme--r.dtToolbarItem--isExpanded .dtToolbarItem-content {
	border-color: #729BE9;
	background-color: #E5EDF7;
}

/** For cases that we apply padding on content instead of item */
.dtToolbarSection.dtToolbarSection--isItemPadding .dtToolbarItem.dtToolbarItem--isCaption {
	padding: 0;
}
.dtToolbarSection.dtToolbarSection--isItemPadding .dtToolbarItem.dtToolbarItem--isCaption .dtToolbarItem-content {
	padding: 0 5px;
}
/* Specifically for 'finish' button for exiting multi-placing mode */
.dtToolbarSection.dtToolbarSection--isItemPadding .dtToolbarItem.dtToolbarItem--isCaption.dtTheme--q2 .dtToolbarItem-content {
	margin-left: 5px;
}

.dtToolbarSection {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
/*.dtToolbarSection:not(:last-of-type) {*/
	/*border-right: 1px solid rgba(0,0,0,0.1);*/
/*}*/
.dtToolbar.dtToolbar--isFlex .dtToolbarSection {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}
.dtToolbarSection-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}
/*.dtToolbarSection.dtToolbarSection--isNotDivided .dtToolbarSection-content {*/
	/*margin: 0 10px;*/
/*}*/
.dtToolbarSection-caption {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	font-size: 14px;
	font-weight: 400;

	margin-right: 10px;
	max-width: 200px;
}
.dtToolbar.dtGrid--md .dtToolbarSection-caption {
	display: none;
}
.dtToolbar.dtToolbar--isFlex .dtToolbarSection-caption {

}
.dtToolbarSection-contentItems {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.dtToolbarSection--isSplitInThirds .dtToolbarSection-contentItems {
	-webkit-align-items: stretch;
	align-items: stretch;
}

.dtToolbarSection-divider {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	width: 1px;
	min-width: 1px;
}
.dtToolbarSection-dividerInner {
	margin: 10px 0;
	min-width: 1px;
	background-color: rgba(0,0,0,.05);
}

/*
*  Styles for specific sections.
*/
.dtToolbarSection[data-category="Filter"] .inputCheckbox-label {
	color: #252b33;
	font-size: 12px;
	font-weight: 400;
}
.dtToolbarSection[data-category="Markup"] {
	flex: 1;
}
.dtToolbarSection[data-category="Markup"] .dtToolbarSection-contentItems{
	justify-content:center;
}

.dtToolbarSection[data-category="Settings"] {
    border-left: 1px solid #d4d4d4;
}

.dtToolbarSection[data-category="Settings"] .dtToolbarSection-contentItems {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.dtPageApplication-body.isTablet .bottomBar,
.dtPageApplication-body.isMobile .bottomBar {
	display: flex;
}

.bottomBar {
	height: 60px;
	background-color: #2868D7;
	box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.25);
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	color: #fff;
	display: none;
}

.bottomBar-close {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	flex: 0 0 auto;
}

.bottomBar-caption {
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.29;
	letter-spacing: normal;
	color: #ffffff;
}

.dtToolbarSection-contentItemsLeft,
.dtToolbarSection-contentItemsCenter,
.dtToolbarSection-contentItemsRight {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1;
}

.dtToolbarSection-contentItemsCenter {
	-webkit-justify-content: center;
	justify-content: center;
}

.dtToolbarSection-contentItemsRight {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.dtActionBar,
.dtActionBar .dtActionBar-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    width: 100%;
    height: 60px;
}

.dtRoot.dtGrid--sm .dtActionBar,
.dtRoot.dtGrid--sm .dtActionBar .dtActionBar-content {
    height: 44px;
}

.dtActionBar .dtActionBar-caption {
    padding: 0 20px;
    font-weight: 500;
}

.dtActionBar .dtActionBar-icon {
    width: 30px;
}
.alertCenter {
    position: fixed;

    top: 30px;
	max-width: 400px;
	left: 0;
	right: 0;
	margin: auto;

    z-index: var(--z-index-alert);
}
.alertCenter-content:not(:empty) {
    padding: 10px;
}

/* Item. */
.alertCenterItem {
	min-width: 120px;
	max-width: 400px;
	border-radius: 2px;
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.15);
}
.alertCenterItem.alertCenterItem--error {
	border: 1px solid #ee2e60;
}
.alertCenterItem.alertCenterItem--success  {
	border: 1px solid #58dbac;
}
.alertCenterItem.alertCenterItem--warning  {
	border: 1px solid #f9a94f;
}
.alertCenterItem:not(:last-of-type) {
    margin-bottom: 10px;
}
.alertCenterItem-controlContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    padding: 15px;

    font-weight: 400;
    font-size: 14px;
    line-height: 18px;

    background-color: #FFFFFF;
}

/* Item: Icon. */
.alertCenterItem-controlIcon {
    width: 20px;
    font-size:  20px;
	line-height: 1;
}
.alertCenterItem.alertCenterItem--error .alertCenterItem-controlIcon { color: #ee2e60; }
.alertCenterItem.alertCenterItem--success .alertCenterItem-controlIcon { color: #58dbac; }
.alertCenterItem.alertCenterItem--warning .alertCenterItem-controlIcon { color: #f9a94f; }

/* Item: Content. */
.alertCenterItem-content {
    -webkit-flex: 1;
    flex: 1 auto;

    padding: 0 5px;
	word-break: break-word;
}
.alertCenterItem-controlIcon + .alertCenterItem-content {
	margin-left: 5px;
}
.alertCenterItem-caption {
    font-size: 14px;
    font-weight: 500;
}
.alertCenterItem-description {
	color: #767486;
    font-size: 12px;
	margin-right: 18px;
}
.alertCenterItem-caption + .alertCenterItem-description {
}

.appHeader {
	position: relative;
}
.appHeader-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	background-color: #fff;
}
.mainMenu-header,
.appHeader-content {
	position: relative;

	height: 60px;

	z-index: 3000;
}

.dtRoot.dtGrid--sm .mainMenu-header {
	height: 51px;
}
.appHeader.appHeader--isShadow .appHeader-content {
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);*/
}
.dtRoot.dtGrid--sm .appHeader .appHeader-content {
	height: 44px;
}

.appHeader .appHeader-content-section {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.appHeader .appHeader-content-sectionEdge {
	-webkit-flex: 1 1 0px;
	flex: 1 1 0px;
}

.dtRoot.dtGrid--lm .appHeader .appHeader-content-sectionEdge {
    -webkit-flex: 0.8 0.8 0px;
    flex: 0.8 0.8 0px;
}
.dtRoot.dtGrid--lm .appHeader .appHeader-content-sectionEdge.appHeader-content-sectionEdgeLeftOnly {
	-webkit-flex: 1 1 0px;
	flex: 1 1 0px;
}
.dtRoot.dtGrid--ml .appHeader .appHeader-content-sectionEdge {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}
.dtRoot.dtGrid--ml .appHeader .appHeader-content-sectionEdge.appHeader-content-sectionEdgeLeftOnly {
	-webkit-flex: 1 1 0px;
	flex: 1 1 0px;
}

.appHeader .appHeader-content-sectionMiddle {
	-webkit-flex: 3 auto;
	flex: 3 auto;

	-webkit-justify-content: center;
    justify-content: center;
}
.appHeader .appHeader-content-sectionMiddle:empty {
	display: none;
}

.appHeader-content-sectionEdgeRight {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.appHeader-dropdown {
	position: relative;
}

/* Section. */
.appHeader-section {
	display: -webkit-box;
	display:-webkit-flex;
	display: flex;
	position: relative;
}
.appHeader-section .inputSearch-results {
    position: absolute;
    display: none;

    top: 0;
    left: 0;
    right: 0;

    max-height: 210px;
    overflow-y: auto;

    margin-top: 10px;
    margin-bottom: 30px;

    background-color: #444;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.15);

    z-index: 1000;
}
/*.appHeader-section:not(:last-of-type) {*/
	/*border-right: 1px solid rgba(255,255,255,.2);*/
/*}*/

/* Sections. */
.appHeader-section.appHeader-section--back {}
.appHeader-section.appHeader-section--menu {
	display: none;
}
.appHeader-section.appHeader-section--menu .dtSymbol .dtSf--A2 { fill: #ffffff; }
.appHeader-section.appHeader-section--menu .dtSymbol .dtSf--A2 { stroke: #ffffff; }

.dtRoot.dtGrid--ml .appHeader-section.appHeader-section--menu,
.dtRoot.dtGrid--ml .appHeader-section.appHeader-section--menu.mainMenu--isNotExpanded {
	display: -webkit-box;
	display:-webkit-flex;
	display: flex;

	border-right: none;

	background-color: #ffffff;
}
.dtTouch .appHeader-section.appHeader-section--menu,
.dtTouch .appHeader-section.appHeader-section--menu.mainMenu--isNotExpanded {
	display: -webkit-box;
	display:-webkit-flex;
	display: flex;

	border-right: none;

	background-color: #ffffff;
}
.dtTouch .appHeader-section.appHeader-section--menu.mainMenu--isExpanded {
	display: none;
}
.dtRoot.dtGrid--ml .appHeader-section.appHeader-section--menu.mainMenu--isExpanded {
	display: none;
}
.appHeader-section--isHidden {
	display: none;
}
.dtTouch .appHeader-section.appHeader-section--globalSearch {
	-webkit-flex: 0 auto;
	flex: 0 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.appHeader-section.appHeader-section--search {
	-webkit-align-items: center;
	align-items: center;

	padding: 0 15px;
	border-right: none;

    width: 350px;
}
.dtTouch .appHeader-section.appHeader-section--search {
	display: none;
}
.appHeader-section.appHeader-section--toolbar {
	-webkit-flex: 1;
	flex: 1 auto;

	border-right: none;
}

.appHeader-section.appHeader-section--logo {}
.appHeader-section.appHeader-section--bread {

}
.appHeader-section.appHeader-section--bread.appHeader-section--bread--isRestrictedBreadSection {
    max-width: 75%;
}
.appHeader-section.appHeader-section--label {
    -webkit-align-items: center;
    align-items: center;

    padding: 0 15px 0 27px;

    color:  #252b33;

    font-weight: 500;
}

.appHeader-section.appHeader-section--adjacentMenu {
    -webkit-align-items: center;
    align-items: center;

    padding: 0 20px;
}

.dtRoot.dtGrid--sm .appHeader-section.appHeader-section--adjacentMenu {
	padding: 0 10px;
}

.appHeader-section.appHeader-section--user {}
.appHeader-section.appHeader-section--group {}

.appHeader-section.appHeader-section--alertPanelButton {
	-webkit-flex: 0 auto;
	flex: 0 auto;

	border-right: none;
}
.appHeader-section.appHeader-section--alertPanelButton .appHeaderItem-icon {
	width: 42px;
	height: 60px;
	padding-right: 0;
}
.dtRoot.dtGrid--sm .appHeader-section.appHeader-section--alertPanelButton .appHeaderItem-icon {
	width: 34px;
	height: 44px;
	line-height: 44px;
	padding-right: 0;
}

/* Fix on touch devices*/
.dtTouch .appHeader-section.appHeader-section--bread {
	-webkit-flex: 1;
	flex: 1 auto;
}
/*.dtTouch .appHeader-section.appHeader-section--toolbar,*/
/*.dtTouch .appHeader-section.appHeader-section--search {*/
	/*-webkit-flex: 0;*/
	/*flex: 0 auto;*/
/*}*/
.dtTouch .appHeader-section.appHeader-section--search {
    -webkit-flex: 0;
    flex: 0 auto;
}

/* Item. */
.appHeaderItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	color: #fff;
	opacity: .7;
}
.appHeaderItem:hover {
	opacity: 1;
}
.appHeaderItem-icon {
	width: 60px;
	height: 60px;
	padding: 18px;
}
.appHeaderItem-badge {
	position: absolute;
	left: 30px;
	top: 15px;
	padding: 0 3px;
	height: 15px;
	min-width: 15px;
	background-color: #e94461;
	text-align: center;
	border-radius: 15px;
	font-size: 12px;
}

.dtRoot.dtGrid--sm .appHeaderItem-icon {
	width: 44px;
	height: 44px;
	line-height: 44px;
	padding: 10px;
	font-size: 24px;
}
.dtRoot.dtGrid--sm .appHeaderItem-badge {
	top: 10px;
	left: 20px;
}

/* Item: Back. */
.appHeaderItemBack {
	position: relative;

	width: 60px;
	font-size: 24px;

	color: #fff;
	background-color: #2868D7;
}
.dtRoot.dtGrid--sm .appHeaderItemBack {
	width: 44px;
}
.appHeaderItemBack-spacer {
	width: 100%;
}
.appHeaderItemBack-icon {
	position: absolute;

	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	width: 24px;
	height: 24px;
}

/* Item: Logo. */
.appHeaderItemLogo {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	padding: 0 20px;
}
.appHeader.dtTheme--c .dtIconSvg.dtIconSvg--logoDealTapFull path.dtIconSvg-fillA { fill: #ffffff; }
.appHeader.dtTheme--c .dtIconSvg.dtIconSvg--logoDealTapFull path.dtIconSvg-fillB { fill: #ffffff; }

.appHeaderItemLogo .appHeaderItemLogo-icon {
	width: 120px;
	height: 50px;
}
.appHeaderItemLogo .appHeaderItemLogo-iconMobile {
	width: 40px;
	height: 40px;
}

/* Item: Breadcrumbs. */
.appHeaderItemBread {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	padding: 0 10px;

    color: #767486;
	font-size: 14px;
	font-weight: 400;
}
.appHeaderItemBread-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.appHeaderItemBread-content .appHeaderItemBread-divider {
	flex: none;
	width: 24px;
    height: 24px;
}
.appHeaderItemBread-content .dtCrumb {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin: 0 10px;
}
.appHeaderItemBread-content .dtCrumb-symbol {
	flex: none;
	width: 24px;
	height: 24px;
}
.appHeaderItemBread-content .dtCrumb-content {
	word-break: break-word;
}
.appHeaderItemBread-content .dtCrumb-symbol + .dtCrumb-content {
	margin-left: 13px;
}

/**	NOTE: quick solution so that we don't need overflow:hidden all the way up to the root div */
.dtGrid--sm .appHeaderItemBread-content .dtCrumb-content {
	max-width: 280px;
}
.dtGrid--ss .appHeaderItemBread-content .dtCrumb-content {
	max-width: 240px;
}
.dtGrid--xs .appHeaderItemBread-content .dtCrumb-content {
	max-width: 190px;
}

/* Fix on SS screen */
.dtGrid--ss .appHeaderItemBread {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtGrid--ss .appHeaderItemBread-content {
	-webkit-flex: 1;
	flex: 1 auto;
	display: block;
	text-align: center;
}
/* AppHeaderItemBread: Theme A */
.appHeaderItemBread.dtTheme--a .appHeaderItemBread-content .dtCrumb--isNotSelected {
	color: #767486;
	text-decoration: underline;
}
.appHeaderItemBread.dtTheme--a .appHeaderItemBread-content .dtCrumb--isNotSelected:hover {
	color: #252b33;
}
.appHeaderItemBread.dtTheme--a .appHeaderItemBread-content .dtCrumb--isNotSelected:hover .dtCrumb-symbol {
	background-color: rgba(0,0,0,.05);
}
.appHeaderItemBread.dtTheme--a .appHeaderItemBread-content .dtCrumb--isSelected {
	color: #252b33;
	font-weight: 500;
}

/* Item. */
.appHeader.appHeader--isDropdownOpen .appHeaderItem,
.appHeader.appHeader--isDropdownOpen .appHeaderItemUser,
.appHeader.appHeader--isDropdownOpen .appHeaderItemGroup {
	z-index: 2100;
}


.appHeader.dtTheme--a{
	/*z-index: 5;*/
	/* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25); */
}
.appHeader.dtTheme--a .inputSearch-contentInput {
	width: 319px;
	height: 40px;
	border-radius: 1px;
	background-color: #f8f9f9;
	border: solid 1px #d6d6dd;
	flex-direction: row-reverse;
}
.appHeader.dtTheme--a .appHeader-content {
	background-color: #fff;
	display: flex;
}
.appHeader.dtTheme--a .inputSearch.dtTheme--b .inputSearch-input {
	font-size: 14px;
	color: #767486;
	font-weight: normal;
}
.appHeader.dtTheme--a .inputSearch.dtTheme--b .inputSearch-inputIcon {
	color: #000;
}
.appHeader.dtTheme--a .inputSearch .inputSearch-inputIcon + .inputSearch-input,
.appHeader.dtTheme--a .inputSearch .inputSearch-input + .inputSearch-inputIcon {
	margin-left: 5px;
}
.appHeader.dtTheme--a .appHeader-section.appHeader-section--search {
	-webkit-flex: 1;
	flex: 1;
	display: flex;
	justify-content: flex-end;
}
.appHeader.dtTheme--a .appHeader-section.appHeader-section--search .inputSearch-inputIcon {
	font-size: 24px;
	color: #000;
}

.appHeader.dtTheme--a .appHeader-section.appHeader-section--search .inputSearch-inputIcon.inputSearch-inputIcon--clear {
	font-size: 20px;
}

.appHeader.dtTheme--a .appHeader-section.appHeader-section--search .inputSearch-input {
	font-weight: 500;
	font-size: 14px;
	color: #767486;
}
.appHeader.dtTheme--a .appHeader-section.appHeader-section--logo {
	align-items: center;
	padding-left: 21px;
}
.appHeader.dtTheme--a .appHeader-section.appHeader-section--logo .appHeaderItem-title{
	font-size: 14px;
	font-weight: 500;
	color: #252b33;
}
.appHeader.dtTheme--a .appHeader-section.appHeader-section--logo .appHeaderItem-text{
	font-size: 27px;
	color: #000;
	font-weight: 500;
}
.appHeader.dtTheme--a .appHeader-section.appHeader-section--logo .appHeaderItem-icon{
	width: 40px;
	justify-content: flex-end;
}

.appHeader.dtTheme--a .appHeader-section--navigation .appHeaderItem.wenziwenzi:last-child{
	opacity: 1;
}
.appHeader.dtTheme--a .appHeader-section--logo .appHeaderItem.appHeaderItem-title{
	padding-left: 25px;
}
.appHeader.dtTheme--a .appHeader-section--navigation{
	padding-left: 25px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.appHeader.dtTheme--a .appHeader-section--navigation .wenziwenzi{
	font-size: 14px;
	font-weight: 500;
	color: #252b33;
}
.appHeader.dtTheme--a .appHeader-section--navigation .faIcon-navigateNext{
	font-size: 20px;
	font-weight: 500;
	color: #252b33;
	opacity: 1;
	padding: 0 15px;
}

.dtRoot.dtGrid--sm .appHeader.dtTheme--a .appHeader-section.appHeader-section--search {
	display: none;
}

.dtRoot.dtGrid--sm .appHeader-section.appHeader-section--searchMobile .appHeaderItem {
	color: #000;
}

.dtRoot.dtGrid--sm .appHeader-section.appHeader-section--searchMobile {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
}

/* For agent dash board */
.appHeader.dtTheme--d {
	position: absolute;
	left: 0;
	right: 0;
}
.appHeader.dtTheme--d .appHeader-content {
	background-color: rgba(239, 239, 239);
	/* lower than main menu */
	z-index: 1199;
}
.appHeader.dtTheme--d .appHeader-section--label {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.22;
	color: #302f3b;
}
.appHeader.dtTheme--d .appHeader-section.appHeader-section--search {
	display: none;
}
.appHeader.dtTheme--d .appHeader-section.appHeader-section--searchMobile {
	display: block;
}

/* Agent dashboard under touch */
.dtTouch .appHeader.dtTheme--d .appHeader-content {
	background-color: #ffffff;
}
.dtTouch .appHeader.dtTheme--d .appHeader-section.appHeader-section--bread {
	flex: 0;
}
.dtTouch .appHeader.dtTheme--d .appHeader-content-sectionEdgeMiddle {
	flex: 1;
}
.dtTouch .appHeader.dtTheme--d .appHeader-section--logo {
	display: flex;
	flex: 1;
}
.dtTouch .appHeader.dtTheme--d .appHeaderItemLogo {
	margin: auto;
}
.appHeader.dtTheme--d .dtIconSvg.dtIconSvg--logoDealTapFull path.dtIconSvg-fillA { fill: #ffffff; }
.appHeader.dtTheme--d .dtIconSvg.dtIconSvg--logoDealTapFull path.dtIconSvg-fillB { fill: #ffffff; }
/* Dropdown. */
.appHeaderDropdown-blockerPage {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 2000;

}
.appHeaderDropdown-blockerContent {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 2001;

	background-color: transparent;
}
.appHeaderDropdown {
	display: none;
	position: absolute;

	top: 13px;

	min-width: 150px;
	max-width: 170px;
	z-index: 2500;
}
.appHeaderDropdown.appHeaderDropdown--isOpen {
	display: block;
}
.appHeaderDropdown:before,
.appHeaderDropdown:after {
	display: block;
	position: absolute;
	content: '';

	width: 0;
	height: 0;

	left: 50%;

	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);

	border: 5px solid transparent;
	border-top: none;
}
.appHeaderDropdown:after {
	top: -4px;
	border-bottom-color: #000;
}
.appHeaderDropdown-content {
	background-color: #000;
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.15);
}
.appHeaderDropdown-contentBody {
	padding: 5px 10px;
}
.appHeaderDropdown-contentItems {
	padding: 10px 0;
}

/* Item. */
.appHeaderDropdownItem {
	color: #fff;
}
.appHeaderDropdownItem:hover {
	background-color: #2868D7;
}
.appHeaderDropdownItem-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	height: 40px;
	padding: 0 15px;
}
.appHeaderDropdownItem.appHeaderDropdownItem--isDisabled {
	opacity: .5;
}

/* Item: Icon. */
.appHeaderDropdownItem-icon {
	font-size: 17px;
	min-width: 30px;
	width: 30px;
	margin-right: 5px;
}

/* Item: Caption. */
.appHeaderDropdownItem-caption {
	font-size: 14px;
	font-weight: 400;
}
.appHeaderDropdownItem-icon + .appHeaderDropdownItem-caption {

}

.dtRoot.dtGrid--sm .appHeader-dropdown .appHeaderDropdown-content {
	background-color: transparent;
}

.dtRoot.dtGrid--sm .appHeader-dropdown .appHeaderDropdown-contentBody {
	padding: 0;
}

.dtRoot.dtGrid--sm .appHeader.dtTheme--a .appHeader-dropdown .inputSearch-contentInput {
	width: 161px;
}

.dtRoot.dtGrid--sm .appHeader.dtTheme--a .appHeader-dropdown .appHeaderDropdown:after {
	border-bottom-color: #ccc;
}
.dtAvatar {
    max-width:220px;
}

.dtAvatar-header {

}

.dtAvatar-avatar {
    width:100px;
    height:100px;
    border-radius:100%;
    border: 1px solid #d4ccc9;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 64px;
    color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}

.dtAvatar-name {
    padding:15px 0;
    color:#848c8f;
    text-align: center;
}
.dtButton {

}

.dtButton--isMobile {
	width: 130px;
}

.dtButton.dtButton--isInline {
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;

	display: inline-block;
	vertical-align: middle;
}
.dtButton.dtButton--isInline + .dtButton.dtButton--isInline {
	margin-left: 15px;
}
.formFrame.dtGrid--xs .dtButton.dtButton--isInline + .dtButton.dtButton--isInline {
	display: block;
	margin: 15px 0 0;
}
.dtButton.dtButton--isDisabled {
	cursor: default;
}
.dtButton .dtButton-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	height: 30px;

	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.02rem;

	border: 1px solid transparent;
	background-color: rgba(255,0,0,.1);
	opacity: 1;

	border-radius: 2px;
}

.dtButton.dtButton--lg .dtButton-content {
	height: 40px;
	font-size: 14px;
}

.dtButton.dtButton--md .dtButton-content {}

.dtButton.dtButton--sm .dtButton-content {}

.dtButton.dtButton--isWrap .dtButton-content {
	height: initial;
}
.dtButton.dtButton--isCaption .dtButton-content {
	padding: 0 20px;
}
.dtButton.dtButton--isAnchor .dtButton-content {
	height: auto;
}
.dtButton.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtButton--isEnabled:hover .dtButton-content {
	/*opacity: .8;*/
}
.dtButton.dtButton--isDisabled .dtButton-content,
.dtButton.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtButton--isDisabled:focus .dtButton-content {
	color: #c4cbce;
	background-color: #f8f9f9;
	border: solid 1px #f0eff2;
}
.dtButton.dtButton--isRound .dtButton-content {
	border-radius: 4px;
}
.dtButton.dtButton-isCaption.dtButton--isIcon .dtButton-content {
	padding-left: 5px;
}
.dtButton .dtButton-icon {
	width: 30px;
	height: 30px;
	line-height: 30px;

	font-size: 20px;
	display: none;
	border: 1px solid transparent;
	border-radius: 100%;
}
.dtButton.dtButton--isIcon .dtButton-icon {
	display: block;
}
.dtButton .dtButton-icon:empty {

}
.dtButton .dtButton-caption {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;

	padding: 0 .3em;
	text-align: center;
}
.dtButton .dtButton-caption:empty {
	display: none;
}
.dtButton.dtButton--isAllCaps .dtButton-caption {
	text-transform: uppercase;
}
.dtButton.dtButton--isWrap .dtButton-caption {
	padding: 10px 5px;
	line-height: 1.2;
}

/* Theme: A. */
.dtButton.dtTheme--a .dtButton-content {
	font-weight: 500;
}
.dtButton.dtTheme--a.dtButton--isEnabled .dtButton-content {
	color: #252b33;
	background-color: #e9eced;
	border: 1px solid #e9eced;
}
.dtButton.dtTheme--a.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--a.dtButton--isEnabled:hover .dtButton-content {
	border-color: #b0bacc;
	box-shadow: 0px 0px 0px 2px #fff inset;
}
.dtButton.dtTheme--a.dtButton--isEnabled:active .dtButton-content {
	background-color: #729BE9;
	border-color: #729BE9;
	box-shadow: none;
}

/* Theme: A2. */
.dtButton.dtTheme--a2 .dtButton-content {
	font-weight: 500;
}
.dtButton.dtTheme--a2.dtButton--isEnabled .dtButton-content {
	color: #fff;
	background-color: #b3b3b8;
	border: 1px solid #b3b3b8;
}
.dtButton.dtTheme--a2.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--a2.dtButton--isEnabled:hover .dtButton-content {
	border-color: #b0bacc;
	box-shadow: 0 0 0 2px #fff inset;
}
.dtButton.dtTheme--a2.dtButton--isEnabled:active .dtButton-content {
	background-color: #729BE9;
	border-color: #729BE9;
	box-shadow: none;
}

/* Theme: A3. */
.dtButton.dtTheme--a3 .dtButton-content {
	font-weight: 500;
}
.dtButton.dtTheme--a3.dtButton--isEnabled .dtButton-content {
	color: #fff;
	background-color: rgba(49, 48, 59, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.dtButton.dtTheme--a3.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--a3.dtButton--isEnabled:hover .dtButton-content {
	border-color: rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 0 2px #fff inset;
}
.dtButton.dtTheme--a3.dtButton--isEnabled:active .dtButton-content {
	background-color: rgba(49, 48, 59, 0.3);
	border-color: rgba(255, 255, 255, 0.2);
	box-shadow: none;
}

/* Theme: B. */
.dtButton.dtTheme--b .dtButton-content {
	background-color: #2868D7;
	border: 1px solid #2868D7;
	color: #fff;
}
.dtButton.dtTheme--b.dtButton--isEnabled .dtButton-content {
}
.dtButton.dtTheme--b.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--b.dtButton--isEnabled:hover .dtButton-content {
	border-color: #2868D7;
	box-shadow: 0px 0px 0px 2px #fff inset;
}
.dtButton.dtTheme--b.dtButton--isEnabled:active .dtButton-content {
	background-color: #2868D7;
	border-color: #2868D7;
	box-shadow: none;
}
.dtButton.dtTheme--b.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--b.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--b.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--b.dtButton--isDisabled:focus .dtButton-content {
    background-color: #f7f8f8;
    border: 1px solid #f5f5f9;
    color: #d5d9db;
    opacity: 0.7;
}

.dtButton.dtTheme--b .dtButton-icon .dtSymbol .dtSf--A {
	fill: #fff;
}

.dtButton.dtTheme--b .dtButton-icon .dtSymbol .dtSs--A {
	stroke: #fff;
}

/* Theme: B2. ItemExplorer footer command section aux */
.dtButton.dtTheme--b2 .dtButton-content {
	background-color: #2868D7;
	border: 1px solid #2868D7;
	color: #fff;
}
.dtButton.dtTheme--b2.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--b2.dtButton--isEnabled:hover .dtButton-content {
	border-color: #2868D7;
	box-shadow: 0 0 0 2px #fff inset;
}

/* Theme: C. */
.dtButton.dtTheme--c.dtButton--isEnabled .dtButton-content {
	color: #5b9cc6;
	background-color: #ddd;
	border-color: #ccc;
}
.dtButton.dtTheme--c.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--c.dtButton--isEnabled:hover .dtButton-content {

}

/* Theme: D. */
.dtButton.dtTheme--d .dtButton-content {
	color: #fff;
	background-color: #ca443d;
}
.dtButton.dtTheme--d.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--d.dtButton--isEnabled:hover .dtButton-content {
	background-color: #000;
}

/* Theme: E. */
.dtButton.dtTheme--e.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--e.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--e.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--e.dtButton--isDisabled:focus .dtButton-content {
	color: #3e3d45;
	background-color: transparent;
	border: none;
	opacity: 0.3;
	padding: 0;
}

.dtButton.dtTheme--e.dtButton--isEnabled.dtButton--isCaption .dtButton-content {
	padding: 0;
}
.dtButton.dtTheme--e.dtButton--isEnabled .dtButton-content {
	color: #2868D7;
}
.dtButton.dtTheme--e.dtButton--isEnabled:hover .dtButton-content {
	background-color: transparent;
	color: #2868D7;
}
.dtButton.dtTheme--e.dtButton--isEnabled:hover .dtButton-content .dtButton-caption {
	text-decoration: underline;
}
.dtButton.dtTheme--e .dtButton-content {
	border: none;
	background-color: transparent;
}

/* Theme: E2. */
.dtButton.dtTheme--e2.dtButton--isDisabled.dtButton--isCaption .dtButton-content,
.dtButton.dtTheme--e2.dtButton--isEnabled.dtButton--isCaption .dtButton-content {
	padding: 0;
}
.dtButton.dtTheme--e2.dtButton--isEnabled .dtButton-content {
	color: #2868D7;
}
.dtButton.dtTheme--e2 .dtButton-content {
	border: none;
	background-color: transparent;
}
.dtButton.dtTheme--e2.dtButton--isEnabled:hover .dtButton-content {
	background-color: transparent;
}
.dtButton.dtTheme--e2.dtButton--isEnabled .dtButton-caption {
	text-decoration: underline;
    font-weight: 600;
}
.dtButton.dtTheme--e2.dtButton--isEnabled:hover .dtButton-caption {
	color: #000;
}

.dtButton.dtTheme--e2.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--e2.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--e2.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--e2.dtButton--isDisabled:focus .dtButton-content {
	border: none;
	color: #d5d9db;
	background-color: transparent;
	opacity: 1;
	text-decoration: underline;
}

/* Theme: F. */
.dtButton.dtTheme--f.dtButton--isEnabled {
	color: #5b9cc6;
	border-color: #5b9cc6;
}
.dtButton.dtTheme--f .dtButton-content {
	background-color: transparent;
}
.dtButton.dtTheme--f.dtButton--isEnabled .dtButton-content {
	color: #5b9cc6;
}

/* Theme: G. */
/* Button on Toast*/
.dtButton.dtTheme--g .dtButton-content {
	width: 86px;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
}
.dtRoot.dtGrid--ss.dtTouch .dtButton.dtTheme--g .dtButton-content {
	width: 70px;
}

.dtButton.dtTheme--g .dtButton-caption {
	padding: 0;
}

/* Theme: G2 - cancel in global search */
.dtButton.dtTheme--g2 .dtButton-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	height: 52px;

	border: none;
	background-color: transparent;
}
.dtButton.dtTheme--g2 .dtButton-content .dtButton-iconContainer {
	order: 2;
}
.dtButton.dtTheme--g2 .dtButton-content .dtButton-caption {
	order: 1;
}
.dtRoot.dtGrid--ss.dtTouch .dtButton.dtTheme--g2 .dtButton-content {
	height: 36px;
	padding: 0 10px;
}
.dtRoot.dtGrid--ss.dtTouch .dtButton.dtTheme--g2 .dtButton-content .dtButton-caption {
	display: none;
}

	/* Theme: H. */
.dtButton.dtTheme--h .dtButton-content {
	color: #fff;
	background-color: transparent;
}
.dtButton.dtTheme--h.dtButton--isEnabled.dtButton--isCaption .dtButton-content {
	padding: 0;
}
.dtButton.dtTheme--h.dtButton--isEnabled .dtButton-content {
}
.dtButton.dtTheme--h.dtButton--isEnabled:hover .dtButton-caption {
	text-decoration: underline;
}

/* Theme: I. */
.dtButton.dtTheme--i .dtButton-content {
	background-color: #2868D7;
	border-radius: 36px;
	color: #fff;
	font-size: 12px;
	height: 36px;
}
.dtButton.dtTheme--i.dtButton--isEnabled .dtButton-content {
}
.dtButton.dtTheme--i.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--i.dtButton--isEnabled:hover .dtButton-content {
    background-color: #000;
}
.dtButton.dtTheme--i .dtButton-icon {
    width:35px;
    height:35px;
    color:#fff;
    font-size:25px;
}


/* Theme: J. */
.dtButton.dtTheme--j .dtButton-content {
	background-color: #adc4cc;
	color: #fff;
	font-weight: bold;
	height: 35px;
	font-size:11px;
	border-radius: 30px;
	padding:0 50px;
}
.dtButton.dtTheme--j.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--j.dtButton--isEnabled:hover .dtButton-content {
	background-color: #000;
}

/* Theme: K. */
.dtButton.dtTheme--k .dtButton-content {
    background-color: #fff;
    border-color: #adc4cc;
    color: #adc4cc;
    font-weight: bold;
    height: 29px;
    font-size:11px;
    border-radius: 30px;
    padding:0 10px;
}
.dtButton.dtTheme--k.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--k.dtButton--isEnabled:hover .dtButton-content {
    background-color: rgba(0, 0, 0, 0.34);
}

/* Theme: L. */
.dtButton.dtTheme--l .dtButton-content {
    background-color: #adc4cc;
    color: #fff;
    font-weight: bold;
    height: 29px;
    font-size:11px;
    border-radius: 30px;
    padding:0 37px;
}
.dtButton.dtTheme--l.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--l.dtButton--isEnabled:hover .dtButton-content {
    background-color: #2868D7;
}

/* Theme: M. */
.dtButton.dtTheme--m .dtButton-content {
	background-color: #eff3f6;
	border-radius: 30px;
	color: #7e7f81;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
}

/*
 Theme: N.
 DealEditPeople - FormFrame
*/
.dtButton.dtTheme--n .dtButton-content {
	min-height: 53px;
	border: 1px dashed #919ea8;
	background-color: transparent;
	color: #919ea8;
}

/* Theme: O.*/
.dtButton.dtTheme--o .dtButton-content {
	width: 95px;
	padding: 0;

	color: #3e3d45;
	background-color: transparent;

	text-decoration: underline;
}
.dtButton.dtTheme--o .dtButton-caption {
	font-size: 13px;
	font-weight: 500;
}
.dtButton.dtTheme--o.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--o.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--o.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--o.dtButton--isDisabled:focus .dtButton-content {
    color: #3e3d45;
    background-color: transparent;
    border: none;
    opacity: 0.3;
}

/*
 * Theme: P.
 * Purple, underlined
*/
.dtButton.dtTheme--p .dtButton-content {
	padding: 0;

	color: #2868D7;
	background-color: transparent;

	text-decoration: underline;
}
.dtButton.dtTheme--p .dtButton-caption {
	font-size: 12px;
	font-weight: 500;
}
.dtButton.dtTheme--p.dtButton--md .dtButton-caption {
	font-size: 14px;
}
.dtButton.dtTheme--p.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--p.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--p.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--p.dtButton--isDisabled:focus .dtButton-content {
	color: #3e3d45;
	background-color: transparent;
	border: none;
	opacity: 0.3;
}

/* Theme P2: White text, no background, underlined with icon on right */
.dtButton.dtTheme--p2 .dtButton-content {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;

	padding: 0;
	color: #fff;

	background-color: transparent;

	text-decoration: underline;
}
.dtButton.dtTheme--p2 .dtButton-caption {
	font-weight: 400;
}

.dtButton.dtTheme--p2 .dtButton-icon {
	width: 10px;
	height: 10px;
}

.dtButton.dtTheme--p2 .dtButton-icon .dtSymbol.dtSymbol-theme--primary .dtSf--A4 {
	fill: #fff;
}

/*
 * Theme: P3.
 * Purple, underlined, inline
*/
.dtButton.dtTheme--p3 .dtButton-content {
	height: auto;
	padding: 0;

	color: #767486;
	background-color: transparent;

	font-size: 14px;
	font-weight: 400;
	text-decoration: underline;
}
.dtButton.dtTheme--p3 .dtButton-caption {
	padding: 0;
}

/* Theme: Q. Link theme */
.dtButton.dtTheme--q.dtButton--isEnabled.dtButton--isCaption .dtButton-content {
	padding: 0;
}
.dtButton.dtTheme--q.dtButton--isEnabled .dtButton-content {
	color: #2868D7;
	font-size: 12px;
}
.dtButton.dtTheme--q.dtButton--isEnabled:hover .dtButton-content {
	background-color: transparent;
}
.dtButton.dtTheme--q.dtButton--isEnabled:hover .dtButton-content .dtButton-caption {
	text-decoration: underline;
}
.dtButton.dtTheme--q .dtButton-content {
	border: none;
	background-color: transparent;
}
/* Theme: Q2. Link theme */
.dtButton.dtTheme--q2.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--q2.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--q2.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--q2.dtButton--isDisabled:focus .dtButton-content {
	border: none;
	color: #2868D7;
	background-color: transparent;
	opacity: 0.3;
	text-decoration: underline;
}
.dtButton.dtTheme--q2.dtButton--isDisabled.dtButton--isCaption .dtButton-content,
.dtButton.dtTheme--q2.dtButton--isEnabled.dtButton--isCaption .dtButton-content {
	padding: 0;
}
.dtButton.dtTheme--q2.dtButton--isEnabled .dtButton-content {
	color: #2868D7;
	font-size: 12px;
}
.dtButton.dtTheme--q2 .dtButton-content {
	border: none;
	background-color: transparent;
}
.dtButton.dtTheme--q2.dtButton--isEnabled .dtButton-content .dtButton-caption {
	text-decoration: underline;
}

/* Theme: Q5. Link theme */
.dtButton.dtTheme--q5.dtButton--isEnabled.dtButton--isCaption .dtButton-content {
	padding: 0;
}
.dtButton.dtTheme--q5.dtButton--isEnabled .dtButton-content {
	color: #252b33;
	font-weight: normal;
	font-size: 12px;
}
.dtButton.dtTheme--q5 .dtButton-content {
	border: none;
	background-color: transparent;
}

.dtButton.dtTheme--q5.dtButton--isEnabled .dtButton-content .dtButton-caption {
	text-decoration: underline;
}

/* Theme: R. Hamburger button in file explorer table*/
.dtButton.dtTheme--r .dtButton-content {
	border-radius: 4px;
	color: #3e3d45;
	background-color: transparent;
}
.dtButton.dtTheme--r.dtButton--isActive .dtButton-content {
	background-color: #2868D7;
	color: #fff;
}
.dtButton.dtTheme--r.dtButton--isHighlighted .dtButton-content {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #2868D7;
}
.dtButton.dtTheme--r.dtButton--isHighlighted .dtButton-content .dtSymbol.dtSymbol-theme--primary .dtSs--A2 {
	stroke: #fff;
}
.dtButton.dtTheme--r.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--r.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--r.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--r.dtButton--isDisabled:focus .dtButton-content {
	opacity: 0.3;
	border: none;
	color: #3e3d45;
	background-color: transparent;
}

/*Theme: R2 - Light Button in ribbon control*/
.dtButton.dtTheme--r2 .dtButton-content {
	color: rgba(255, 255, 255, .8);
	text-decoration: underline;
	background-color: transparent;
	padding: 0 3px;
}
.dtButton.dtTheme--r2 .dtButton-caption {
	padding: 0;
}
.dtButton.dtTheme--r2:hover .dtButton-content {
	color: #fff;
}

/*Theme: R3 - Dark Button in ribbon control*/
.dtButton.dtTheme--r3 .dtButton-content {
	color: rgba(25, 27, 36, 0.6);
	text-decoration: underline;
	background-color: transparent;
	padding: 0 0 0 10px;
}
.dtButton.dtTheme--r3:hover .dtButton-content {
	color: rgba(25, 27, 36, 1);
}

/**
 * Theme: D2 - for button in dashboard tile main
 */
.dtButton.dtTheme--d2 {
	width: 100%;
}
.dtButton.dtTheme--d2 .dtButton-content {
	height: 67px;
	color: #fff;
	background-color: #2868D7;
	border-radius: 0 0 8px 8px;
	font-size: 14px;
}
.dtRoot.dtGrid--sm.dtTouch .dtButton.dtTheme--d2 .dtButton-content {
	height: 44px;
}
/* Hover*/
.dtButton.dtTheme--d2:hover .dtButton-content {
	text-decoration: underline;
	background-color: #5f2e8e;
}
/**
 * Theme: D3 - for button in dashboard tile regular
 */
.dtButton.dtTheme--d3 {
	width: 100%;
}
.dtButton.dtTheme--d3 .dtButton-content {
	height: 40px;
	color: #fff;
	padding: 0 10px;
	background-color: #2868D7;
}
.dtRoot.dtGrid--sm.dtTouch .dtButton.dtTheme--d3 .dtButton-content {
	font-size: 12px;
	padding: 0;
	height: 30px;
}
.dtButton.dtTheme--d:hover .dtButton-content {
	text-decoration: underline;
	background-color: #5f2e8e;
}
	/*
	 * Theme: S.
	 * white background, dark text
	*/
.dtButton.dtTheme--s .dtButton-content {
	color: #252b33;
	background-color: #fff;
}
.dtButton.dtTheme--s .dtButton-caption {
	font-size: 12px;
	font-weight: 500;
}
.dtButton.dtTheme--s.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--s.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--s.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--s.dtButton--isDisabled:focus .dtButton-content {
	color: #252b33;
	background-color: #fff;
	opacity: 0.3;
}

/*
 * Theme: S2.
 * transparent background, dark text
*/
.dtButton.dtTheme--s2 .dtButton-content {
	color: #252b33;
	background-color: transparent;
}
.dtButton.dtTheme--s2 .dtButton-caption {
	font-size: 12px;
	font-weight: 400;
}

.dtButton.dtTheme--s2.dtButton--isCaption .dtButton-content {
	height: 34px;
	border: none;
	padding: 0;
}

.dtButton.dtTheme--s2 .dtButton-icon {
	width: 24px;
	height: 24px;
	border: none;
	line-height: 24px;
}

.dtButton.dtTheme--s2 .dtButton-caption {
	padding: 0 5px 0 13px;
	text-align: left;
}

.dtButton.dtTheme--s2.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--s2.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--s2.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--s2.dtButton--isDisabled:focus .dtButton-content {
	color: #252b33;
	background-color: transparent;
	opacity: 0.3;
}

/*
 * Theme: S3.
 * transparent background, purple underlined text. With icon on left.

*/
.dtButton.dtTheme--s3 .dtButton-content {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	color: #2868D7;
	background-color: transparent;
}
.dtButton.dtTheme--s3 .dtButton-caption {
	font-size: 12px;
	font-weight: 500;
}

.dtButton.dtTheme--s3.dtButton--isCaption .dtButton-content {
	height: 24px;
	border: none;
	padding: 0;
}

.dtButton.dtTheme--s3 .dtButton-icon {
	width: 24px;
	height: 24px;
	border: none;
	line-height: 24px;
}

.dtButton.dtTheme--s3 .dtButton-caption {
	padding: 0 5px;
	text-align: left;
	text-decoration: underline;
}

.dtButton.dtTheme--s3:hover .dtButton-caption {
	text-decoration: none;
}

.dtButton.dtTheme--s3.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--s3.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--s3.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--s3.dtButton--isDisabled:focus .dtButton-content {
	color: #2868D7;
	background-color: transparent;
	opacity: 0.3;
}

/*
 * Theme: T.
 * Dark background, white text, white border
*/
.dtButton.dtTheme--t .dtButton-content {
    color: #fff;
    background-color: rgba(37, 43, 51, 0.3); /* #252b33 at 0.3 opacity */
    border-color: rgba(255,255,255,0.3); /* #fff at 0.3 opacity */;
}
.dtButton.dtTheme--t .dtButton-caption {
    font-size: 12px;
    font-weight: 500;
}
.dtButton.dtTheme--t.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--t.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--t.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtTheme--t.dtButton--isDisabled:focus .dtButton-content {
    color: #252b33;
    background-color: #fff;
    opacity: 0.3;
}

/*
 * Theme: T2.
 * Dark grey background, white text
*/
.dtButton.dtTheme--t2 .dtButton-content {
	color: #fff;
	background-color: rgba(37, 43, 51, 0.3); /* #252b33 at 0.3 opacity */
}
.dtButton.dtTheme--t2:focus .dtButton-content,
.dtButton.dtTheme--t2:hover .dtButton-content {
	border-color: #b0bacc;
	box-shadow: 0px 0px 0px 2px #fff inset;
}

/* Theme: U
 * The huge purple thing in page explorer to navigate to prev/next deal
*/
.dtButton.dtTheme--u .dtButton-content {

	width: 230px;
	height: 40px;
	line-height: 40px;
	border-radius: 100px;

	font-size: 14px;
	font-weight: 500;

	text-align: center;
	margin: 0 auto;
}

.dtRoot.dtGrid--sm .dtButton.dtTheme--u .dtButton-content {
	height: 30px;
	line-height: 30px;

	font-size: 12px;
}

.dtButton.dtTheme--u.dtButton--isEnabled .dtButton-content {
	color: #FFFFFF;
	background-color: #2868D7;
}
.dtButton.dtTheme--u.dtButton--isEnabled:hover .dtButton-content {
	border-color: #b0bacc;
	box-shadow: 0 0 0 2px #fff inset;
}
.dtButton.dtTheme--u.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--u.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--u.dtButton--isDisabled:active .dtButton-content {
	opacity: 1;

	color: #B4B4B6;
	background-color: #e9eced;

	border-color: #DDDDDD;
	box-shadow: 0 0 0 2px #EEEEEE inset;
}

/**
	Theme U2
	Tile for Remine PDF users
 */
.dtButton.dtTheme--u2 .dtButton-content {

	height: 40px;
	line-height: 40px;
	border-radius: 40px;

	padding: 0 35px;

	font-size: 14px;
	font-weight: 500;

	text-align: center;
	margin: 0 auto;
}

.dtButton.dtTheme--u2.dtButton--isEnabled .dtButton-content {
	color: #FFFFFF;
	background-color: #2868D7;
}
.dtButton.dtTheme--u2.dtButton--isEnabled:hover .dtButton-content {
	border-color: #b0bacc;
	box-shadow: 0 0 0 2px #fff inset;
}

	/* Theme: V. */
.dtButton.dtTheme--v .dtButton-content {
	font-weight: 500;
}
.dtButton.dtTheme--v.dtButton--isEnabled .dtButton-content {
	width: 68px;
	height: 30px;
	background-color: rgba(37,43,51,0.3);
	border: solid 1px rgba(255,255,255,0.3);
	padding: 0;
	color: #fff;
}
.dtButton.dtTheme--v.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--v.dtButton--isEnabled:hover .dtButton-content {
	border-color: rgba(255,255,255,0.9);
	background-color: rgba(37,43,51,0.1);
}
.dtButton.dtTheme--v.dtButton--isEnabled:active .dtButton-content {
	border-color: rgba(255,255,255,0.6);
	background-color: rgba(37,43,51,0.2);
}

/* Theme: W. */

.dtButton.dtTheme--w .dtButton-content {}

.dtButton.dtTheme--w.dtButton--isEnabled .dtButton-content {
	color: #252b33;
	letter-spacing: normal;
	background-color: #ffffff;
}

.dtButton.dtTheme--w.dtButton--isEnabled .dtButton-content .dtButton-caption {
	color: inherit;
}

.dtButton.dtTheme--w.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--w.dtButton--isEnabled:hover .dtButton-content {
	border-color: #ffffff;
	box-shadow: 0 0 0 2px #ddd inset;
}

.dtButton.dtTheme--w.dtButton--isEnabled:active .dtButton-content {}


/* Theme: Y. */

.dtButton.dtTheme--y .dtButton-content {}

.dtButton.dtTheme--y.dtButton--isEnabled .dtButton-content {
	color: #ffffff;
	letter-spacing: normal;
	background-color: rgba(37, 43, 51, .3);
}

.dtButton.dtTheme--y.dtButton--isEnabled .dtButton-content .dtButton-caption {
	color: inherit;
}

.dtButton.dtTheme--y.dtButton--isEnabled:focus .dtButton-content,
.dtButton.dtTheme--y.dtButton--isEnabled:hover .dtButton-content {
	border-color: rgba(37, 43, 51, .3);
	box-shadow: 0px 0px 0px 2px #fff inset;
}

.dtButton.dtTheme--y.dtButton--isEnabled:active .dtButton-content {}

/*
 Theme: z
*/
.dtButton.dtTheme--z2 .dtButton-content,
.dtButton.dtTheme--z .dtButton-content {
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #2868D7;
	text-decoration: underline;
	bottom: 20px;
	left: 20px;
	background-color: transparent;
}

.dtButton.dtTheme--z2 .dtButton-content:hover,
.dtButton.dtTheme--z .dtButton-content:hover {
	color: #2868D7;
}

/*
 Theme: z2
*/
.dtButton.dtTheme--z2 .dtButton-content {
	padding-left: 0;
	padding-right: 5px;
}
.dtButton.dtTheme--z2 .dtButton-caption {
	text-align: left;
	padding-left: 0;
	padding-right: 5px;
}

	/*
     Theme: x
    */
.dtButton.dtTheme--x .dtButton-content {
	background-color: #f7f6f8;
	color: #767486;
	padding:0;
}
.dtButton.dtTheme--x.dtButton--isEnabled .dtButton-content {
}

.dtButton.dtTheme--x.dtButton--isEnabled:hover .dtButton-content {
	background-color: #2868D7;
	color: #fff;
}
.dtButton.dtTheme--x.dtButton--isEnabled:active .dtButton-content {
	background-color: #2868D7;
	color: #fff;
}

div.dtButton.dtTheme--x.dtButton--isDisabled .dtButton-content,
.dtButton.dtTheme--x.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtTheme--x.dtButton--isDisabled:active .dtButton-content {
	/* background-color: #2868D7; */
	color: #767486;
	background-color: #f7f6f8;
	opacity:1;
	border: none;
}

.dtButton.dtTheme--x.dtButton--isEnabled.isFocus .dtButton-content {
	background-color: #2868D7;
	color: #fff;
}

.dtButton.dtTheme--xy .dtButton-content {
	background-color: #f7f6f8;
	color: #767486;
	padding:0;
	font-weight: normal;
}
/**
 Theme X2 - used for inline links in a formDescriptor
 */
.dtButton.dtTheme--x2.dtButton--isEnabled .dtButton-content {
	font-size: 14px;
	color: #2868D7;
	text-decoration: underline;
	border: none;
	background-color: transparent;
	padding: 0;
}

/* Theme Q3, Theme Q4 Used for unregistered buttons */
.dtButton.dtTheme--q3,
.dtButton.dtTheme--q4 {
	-webkit-flex: 1;
	flex: 1;
	height: 100%
}

.dtButton.dtTheme--q3 .dtButton-content,
.dtButton.dtTheme--q4 .dtButton-content {
	height: 100%;
	border-radius: 0;
}

.dtButton.dtTheme--q3 .dtButton-content {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	background-color: #2868D7;
}

.dtButton.dtTheme--q4 .dtButton-content {
	background-color: #a1a0a7;
}

.dtButton.dtTheme--q3 .dtButton-caption,
.dtButton.dtTheme--q4 .dtButton-caption {
	color: #fff;
	font-size: 14px;
}

.dtButton.dtTheme--q3 .dtButton-content .dtButton-iconContainer,
.dtButton.dtTheme--q4 .dtButton-content .dtButton-iconContainer {
	display: none;
}

/**
 * New button themes
 * NOTE: please add new themes below and follow the new naming pattern, rather than modifying those above
 */
.dtButton.dtButton--theme-warning {
	color: #fff;
	text-decoration: none;
}
.dtButton.dtButton--theme-warning .dtButton-content {
	background-color: #ca443d;
}

.dtButton.dtButton--theme-link.dtButton--isEnabled {
	color: #2868D7;
	text-decoration: none;
}

.dtButton.dtButton--theme-link-important {
	color: #e94461;
	text-decoration: none;
}
.dtButton.dtButton--theme-link-important .dtButton-content,
.dtButton.dtButton--theme-link .dtButton-content {
	background-color: #fff;
	padding: 0;
	border: 0;
}
.dtButton.dtButton--theme-link-important .dtButton-caption,
.dtButton.dtButton--theme-link .dtButton-caption {
	text-align: left;
	text-decoration: underline;
	padding-left: 0;
}

.dtButton.dtButton--theme-link.dtButton--isDisabled .dtButton-content,
.dtButton.dtButton--theme-link.dtButton--isDisabled:hover .dtButton-content,
.dtButton.dtButton--theme-link.dtButton--isDisabled:active .dtButton-content,
.dtButton.dtButton--theme-linkdtButton--theme-link.dtButton--isDisabled:focus .dtButton-content {
	border: none;
	color: #4f5456;
	background-color: transparent;
	opacity: 0.3;
	padding: 0;
	border: 0;
	text-decoration: underline;
}

.dtButton--theme-iconHover .dtButton-content {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	background-color: transparent;
}
.dtButton--theme-iconHover .dtButton-caption {
	text-decoration: none;
}
.dtButton--theme-iconHover .dtButton-icon {
	width: 24px;
	height: 24px;
	border: none;
	line-height: 24px;
	fill: #31303b;
}
.dtButton--theme-iconHover:hover .dtButton-icon {
	fill: #2868D7;
}
.dtButton--theme-iconHover:hover .dtButton-caption {
	text-decoration: none;
	color: #2868D7;
}
.dtCalendar {
	width: 400px;
	max-width: 100%;

	background-color: #fff;
}

.dtCalendar.dtCalendar--isMiniMode {
	width: 250px;
}

.dtRoot.dtGrid--sm .dtCalendar.dtCalendar--isMiniMode {
	width: auto;
}

.dtCalendar.dtCalendar--isFloat {
	position: absolute;

	margin-bottom: 30px;
	box-shadow: 0 1px 2px 1px rgba(0,0,0,.15);

	z-index: 1;
}

/* Header. */
.dtCalendar-header {
}
.dtCalendar-nav {
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	z-index: 3;

	height: 38px;
	border-bottom: 2px solid #2868D7;

	background-color: #f7f6f8;
}

.dtCalendar-navSections {
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-flex: 1;
	flex: 1;
}

.dtCalendar-navSection {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.dtCalendar-navSectionMonth {
	-webkit-flex: 1.5;
	flex: 1.5;
	border-right: 1px solid #2868D7;
}

.dtCalendar-navSectionYear {
	-webkit-flex: 1;
	flex: 1;
	border-left: 1px solid #2868D7;
}

/* Header: Week Days. */
.dtCalendar-headerWeekDays {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	padding: 5px 0;
    margin: 0 5px;
    border-bottom: 1px solid #2868D7;

	color: #2868D7;

	font-size: 15px;
	font-weight: 500;
	text-align: center;
}
.dtCalendar.dtCalendar--isMiniMode .dtCalendar-headerWeekDays {
	font-size: 10px;
}

.dtRoot.dtGrid--sm .dtCalendar.dtCalendar--isMiniMode .dtCalendar-headerWeekDays {
	padding: 18px 0 5px;
	margin: 0 17px;
}

.dtCalendar-headerWeekDay {
	-webkit-flex: 1;
	flex: 1 auto;

	padding: 0 4px;
}

/* Content: Grid. */
.dtCalendar-grid {
	padding: 10px 9px;
}
.dtCalendar.dtCalendar--isMiniMode .dtCalendar-grid {
	padding: 5px 5px;
}
.dtRoot.dtGrid--sm .dtCalendar.dtCalendar--isMiniMode .dtCalendar-grid {
	padding: 5px 17px;
}
.dtCalendar-gridWeek {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* Content: Grid: Item. */
.dtCalendarItem {
	-webkit-flex: 1;
	flex: 1 auto;

	height: 40px;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;
}
.dtCalendar.dtCalendar--isMiniMode .dtCalendarItem {
	height: 24px;
	font-size: 10px;
}
.dtCalendarItem.dtCalendarItem--isInMonth {
	color: #000;
}
.dtCalendarItem.dtCalendarItem--isNotInMonth {
	color: #cdccca;
}
.dtCalendarItem .dtCalendarItem-content {
	position: relative;
	z-index: 1;
}
.dtCalendarItem.dtCalendarItem--isSelected .dtCalendarItem-content {
	z-index: 2;
}
.dtCalendarItem-content:after,
.dtCalendarItem-indicator,
.dtCalendarItem-caption {
	display: block;
	position: absolute;

	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.dtCalendarItem-content:after {
	content: '';
	width: 40px;
	height: 40px;
}
.dtCalendar.dtCalendar--isMiniMode .dtCalendarItem-content:after {
	width: 24px;
	height: 24px;
}
.dtCalendarItem-indicator {
	width: 45px;
	height: 45px;
	border-radius: 100%;
}
.dtCalendar.dtCalendar--isMiniMode .dtCalendarItem-indicator {
	width: 24px;
	height: 24px;
}
.dtCalendarItem.dtCalendarItem--isCurrent .dtCalendarItem-indicator {
	background-color: #c5cad5;
}
.dtCalendarItem.dtCalendarItem--isSelected .dtCalendarItem-indicator {
	background-color: #2868D7;
}
.dtCalendarItem.dtCalendarItem--isNotSelected .dtCalendarItem-content:hover .dtCalendarItem-indicator {
	background-color: #474747;
}
.dtCalendarItem-caption {
}
.dtCalendarItem.dtCalendarItem--isSelected .dtCalendarItem-caption {
	color: #fff;
}
.dtCalendarItem-content:hover .dtCalendarItem-caption {
	color: #fff;
}

/* Content: Message */
.dtCalendar .dtCalendar-msg {
	display: none;
	color: #e94461;
	padding: 5px;
}
.dtCalendar.dtCalendar--isMessage .dtCalendar-msg {
	display: block;
}

/* Content: Time. */
.dtCalendar-time {
	padding: 7px 7px 8px;
	border-bottom: 2px solid #2868D7;
}
.dtRoot.dtGrid--sm .dtCalendar-time {
	padding: 20px 17px;
}

/* Footer */
.dtCalendar-footer {
	padding-bottom: 5px;
	text-align: center;
}
.dtCanvas {

}
.dtCanvas-content {
	position: relative;

	transform-origin: top left;
	-webkit-transform-origin: top left;
}
.dtCanvas-contentFont {
	position: absolute;
	opacity: 0;
}
.dtCanvas-canvas {
	position: relative;
	display: block;
	cursor: crosshair;
	/*cursor: url(../../../assets/fav/logo/remine.png), auto;*/
}
.dtCanvas-preview {

}
.dtCanvas-previewImage {
	position: relative;
	display: block;
	border: 1px solid blue;
	z-index: 1000;
}
.dtCharLimit {

}
.dtCharLimit-content {

}
.dtCheckbox {
	position: relative;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 18px;
	height: 18px;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.dtCheckbox.dtCheckbox--isFit {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.dtCheckbox.dtCheckbox--isDisabled {
	opacity: .7;
	cursor: default;
}

.inputCheckbox:hover .dtCheckbox.dtCheckbox--isEnabled.dtCheckbox--state-filled,
.inputCheckbox:focus .dtCheckbox.dtCheckbox--isEnabled.dtCheckbox--state-filled,
.dtCheckbox:hover.dtCheckbox--isEnabled.dtCheckbox--state-filled,
.dtCheckbox:focus.dtCheckbox--isEnabled.dtCheckbox--state-filled {
	border: none;
}

.inputCheckbox:active .dtCheckbox.dtCheckbox--isEnabled,
.dtCheckbox:active.dtCheckbox--isEnabled {
	/*background-color: #E5EDF7;*/
	/*border-color: #729BE9;*/
}

.dtCheckbox.dtCheckbox--state-filled,
.dtCheckbox.dtCheckbox--state-filled:hover,
.dtCheckbox.dtCheckbox--state-filled:focus,
.dtCheckbox.dtCheckbox--state-filled:hover.dtCheckbox--isEnabled,
.dtCheckbox.dtCheckbox--state-filled:focus.dtCheckbox--isEnabled {
	/*background-color: #2868D7;*/
}

.dtCheckbox:hover,
.dtCheckbox:focus {
	/*outline: 2px solid #2868D7;*/
}

.inputCheckbox:hover .dtCheckbox.dtCheckbox--state-filled,
.dtCheckbox.dtCheckbox--state-filled:hover,
.dtCheckbox.dtCheckbox--state-filled:focus {}

.dtCheckbox-icon {
	display: none;
	width: 100%;
	height: 100%;
}

/* State. */
.dtCheckbox.dtCheckbox--state-empty .dtCheckbox-icon.dtCheckbox-symbolEmpty { display: block; }

.dtCheckbox.dtCheckbox--theme-dynamic .dtSpacer {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dtCheckbox.dtCheckbox--state-partial .dtCheckbox-icon.dtCheckbox-symbolPartial { display: block; }
.dtCheckbox.dtCheckbox--state-filled .dtCheckbox-icon.dtCheckbox-symbolFilled { display: block; }

.dtCheckbox.dtTheme--a {}
.dtCheckbox.dtTheme--a:hover,
.dtCheckbox.dtTheme--a:focus {
	outline: none;
}
.checkboxFake {
	position: absolute;
	z-index: 12;
	background-color: rgba(227, 232, 255, 0.9);
	border: solid 1px #2868D7;
	color: #2868D7;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.checkboxFake .checkboxFake-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;

	align-items: center;
	width: 45px;
	height: 45px;
	text-align: center;
}

.checkboxFake .checkboxFake-content .checkboxFake-symbol {
	height: 45px;
	max-height: 45px;
	margin-top: -2px;
}

.checkboxFake .checkboxFake-symbol .dtSs--A2 g,
.checkboxFake .checkboxFake-symbol .dtSs--A2 path {
	stroke: #2868D7;
}

.checkboxFake .checkboxFake-name {
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: 500;
	height: 10px;
	line-height: 1;
	white-space: nowrap;
	letter-spacing: normal;
	max-width: 160px;
	color: #2868D7;
}
.clauseItemPreview {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	width: 414px;
	height: 424px;

}
.clauseItemPreview.clauseItemPreview--isFit {
	width: 100%
}
.clauseItemPreview .clauseItemPreview-controlContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	padding: 5px;
	width: 100%;
}
.clauseItemPreview .clauseItemPreview-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	padding: 20px 15px 20px;
}
.clauseItemPreview .clauseItemPreview-headerIcon {
	width: 24px;
	height: 24px;
}

.clauseItemPreview .clauseItemPreview-headerTitle {
	color: #767486;
	font-weight: 700;
	font-size: 12px;
	margin-left: 20px;
}
.clauseItemPreview .clauseItemPreview-clauseContent {
	max-height: 320px;
	height: 320px;
	color: #767486;
	font-size: 14px;
	padding-left: 59px;
	padding-right: 40px;
	overflow-y: auto;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.clauseItemPreview .clauseItemPreview-clauseScrollContent {
	white-space: pre-wrap;
}

.clauseItemPreview .clauseItemPreview-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-self: flex-end;
	align-self: flex-end;

	padding: 10px;
}

.dtConfirmFileRotatePage {
	width: 540px;
	min-height: 180px;
}
.dtModal.dtTheme--b.dtModal--isFooter .dtConfirmFileRotatePage {
	margin-bottom: 30x;
}
.dtConfirmFileRotatePage-content {
	padding: 15px;
	text-align: center;
}

.dtConfirmFileRotatePage-body {
	color: #777;
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px;
	overflow-wrap: break-word;
	text-align: center;
	white-space: pre-wrap;
	height: 120px;
}

body.dtTouch.dtGrid--sm .dtConfirmFileRotatePage {
	width: auto;
	height: auto;
}
.dtConfirmMatrixPulling {
	width: 540px;
	min-height: 180px;
}
.dtModal.dtTheme--b.dtModal--isFooter .dtConfirmMatrixPulling {
	margin-bottom: 30x;
}
.dtConfirmMatrixPulling-content {
	padding: 15px;
	text-align: center;
}
.dtConfirmMatrixPulling-symbol {
	height: 60px;
}

.dtConfirmMatrixPulling-body {
	color: #777;
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px;
	overflow-wrap: break-word;
	text-align: center;
	white-space: pre-wrap;
	height: 120px;
}

body.dtTouch.dtGrid--sm .dtConfirmMatrixPulling {
	width: auto;
	height: auto;
}
.contextMenuAnchor {
	visibility: hidden;
	position: absolute;
	height: 0;
	width: 0;
	background-color: #39f;
}
.dealAuditReportSelect {
}

.dealAuditReportSelect .dealAuditReportSelect-content {
	font-size: 14px;
	line-height: 1.29;
	color: #767486;
}

.dealAuditReportSelect .dealAuditReportSelect-list {
	margin-top: 15px;
}
.dtDealChangeListSummary {
    /*padding: 22px 23px 12px 17px;*/
    color: #767486;
}

.dtDealChangeListSummary-description {
    padding-right: 64px;
}

.dtDealChangeListSummary-description + .dtDealChangeListSummary-list {
    margin-top: 25px;
}

/* Quick Fix */
.dtDealChangeListSummary .dtListItemFileItem .dtListItemFileItem-warning {
    display: none;
}
.dealHistoryVersionSelect {
}

.dealHistoryVersionSelect .dealHistoryVersionSelect-content {
	font-size: 14px;
	line-height: 1.29;
	color: #767486;
}

.dealHistoryVersionSelect .dealHistoryVersionSelect-list {
	margin-top: 15px;
}
.dealPersonParty {
	margin-bottom: 20px;
}
.dealPersonParty-partyContent {}
.dealPersonParty-partyContentHeader {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 15px;
	-webkit-align-items: center;
	align-items: center;
}
.dealPersonParty-headerItemCaption {
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	color: #767486;
	padding: 0 5px;
}

/** Button styles*/
.dealPersonParty-headerItemButton {}
.dealPersonParty-headerButtonContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1;
	-webkit-align-items: center;
	align-items: center;
	height: 28px;
	padding: 5px 10px;
	text-align: center;
	width: 80px;
	border-radius: 4px;
	background-color: #f7f6f8;
}
.dealPersonParty-headerButtonContent .dealPersonParty-headerButtonContentCaption {

	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #767486;
	padding-left: 5px;
	margin-right: 7px;
	width: 45px;
	text-decoration: underline;
}
.dealPersonParty-headerButtonContent .dealPersonParty-headerButtonTriangle {
	width: 10px;
	height: 10px;
}

.dealPersonParty-partyContentList {
	padding: 0;
}

.dtRoot.dtGrid--sm .dealPersonParty-partyContentList {
	padding: 0;
}

.dealPersonParty-partyContentList.dealPersonParty-partyContentList--isShow {}
.dealPersonParty-partyContentList.dealPersonParty-partyContentList--isHide {
	display: none;
}

.dealSendMessageSuccess {
	font-size: 14px;
	font-weight: 400;
	color: #777;
}

.dealSendMessageSuccess .dealSendMessageSuccess-contentBodyNotice {
	margin-top: 5px;
	color: #E84361;
}
.dealSendMessageSuccess .dealSendMessageSuccess-contentSamplePeople {
	margin-top: 5px;
	color: #596ada;
}
.verify-email-form .sectionUser-HeadContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-align-items: center;
	align-items: center;
}

.verify-email-form .section-icon {
	font-size: 100px;
	line-height: 100px;
	text-align: center;
	color: #000;
	overflow: hidden;
	margin: 34px 0 20px;
	width: 80px;
	height: 80px;
}

.verify-email-form .formFrameFieldset-headerCaption {
	font-size: 10px;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #767486;
}

.verify-email-form .sectionUserHeadContent-text {
	color: #767486;
	padding-bottom: 40px;
	letter-spacing: normal;
}

.verify-email-form .sectionUserHeadContent-textBold {
	font-size: 18px;
	font-weight: 500;
	padding: 20px 0;
	line-height: 1.22;
	color: #252b33;
}

.verify-email-form .inputText-input {
	border-color: #d6d6dd;
}

.verify-email-form .dtDealSignatureStamp-tabsFooter .inputCheckbox-label {
	color: #767486;
}

.verify-email-form .inputCheckbox .inputCheckbox-content {
	padding-top: 10px;
	align-items: center;
}

.verify-email-form .dtDealSignatureStamp-tabsFooter .dtCheckbox {
	margin-top: 0;
}

.verify-email-form .dtButton.dtTheme--a.dtButton--isEnabled .dtButton-content {
	background-color: rgba(37, 43, 51, .3);
	color: #fff;
}

.verify-email-form {
	max-width: 430px;
	margin: 0 auto;
	width: 100%;
}

.verify-email-form .dtPopupFull {
	margin: 0;
}

.verify-email-form.dtForm.formPopup.dt--isGrow> .dtForm-controlContent {
	overflow: initial;
}

.dtRoot.dtGrid--ss .verify-email-form .section-icon {
	font-size: 50px;
	line-height: 60px;
}

.dtRoot.dtGrid--ss .verify-email-form .section-icon {
	padding: 0;
}

.dtRoot.dtGrid--ss .verify-email-form .sectionUserHeadContent-textBold {
	padding-top: 5px;
}

.dtRoot.dtGrid--sm.dtGrid--ss .verify-email-form.dtForm.formPopup.dt--isGrow .formPopup-middle {
	padding-left: 20px;
	padding-right: 20px;
}

.verify-email-form .sectionUserHeadContent-text {
	text-align: center;
	width: 95%;
}
.dtRoot.dtGrid--ss .verify-email-form .sectionUserHeadContent-text {
	width: 100%;
}
.verify-email-form.dtForm.formPopup.dtTheme--a .dtForm-footer {
	padding-top: 0;
}
.verify-email-form .dtForm-footerButtons {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.verify-email-form .dtForm-footerButtons .dtButton.dtTheme--a {
	max-width: 50%;
	overflow: hidden;
}

.debugConsole {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	position: fixed;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	font-size: 12px;

	background-color: rgba(255,255,255,.9);

	padding: 20px;

	z-index: var(--z-index-debug-console);
}
.debugConsole-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-flex: 1;
	flex: 1 auto;

	border: 1px solid #ccc;
	box-shadow: 0 0 3px -1px rgba(0,0,0,.5);

	max-width: 100%;
}
.debugConsole-header {
	font-size: 16px;
	font-weight: 400;

	padding: 5px 10px;

	background-color: #666;
	color: #fff;
}
.debugConsole-items {
	-webkit-flex: 1;
	flex: 1 auto;

	background-color: #eee;
	padding: 10px;
    overflow: auto;
}

.debugConsoleItem {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
}

.debugConsoleItem:not(:last-of-type) {
	margin-bottom: 10px;
}

.debugConsoleItem-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	margin-bottom: 5px;
	padding-bottom: 5px;

	font-size: 14px;
	font-weight: 500;

	border-bottom: 1px solid #ccc;

	line-height: 30px;
}

.debugConsoleItem-headerTitle {
	-webkit-flex: 1;
	flex: 1 auto;
}
.debugConsoleItem-headerClose {
	width: 30px;
	height: 30px;
}
.debugConsoleItem-headerClose:hover {
	background-color: #ccc;
}
.debugConsoleItem-content {
	padding: 10px;
	font-size: 10px;
	font-family: monospace, AppText, serif;
	overflow: auto;
}
.debugConsoleItem-content pre {
	margin: 0;
}

.dtDetailList {

}
.dtDetailList-items {

}

/* Item. */
.dtDetailListItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	line-height: 16px;

	margin: 2px 0;

	font-weight: 400;
}
.dtDetailListItem-caption {
	-webkit-flex: 1;
	flex: 1 auto;

	min-width: 40px;
	max-width: 60px;
	margin-right: 10px;
}
.dtDetailListItem-caption span {
	font-size: 12px;
	color: #252b33;
	font-weight: 500;
}
.dtDetailListItem-content {
	-webkit-flex: 4;
	flex: 4;

	margin-left: 16px;

	font-size: 12px;
	color: #767486;
}

/* Theme B. */
.dtDetailList.dtTheme--b .dtDetailListItem {
	margin: 6px 0;
}
.dtDetailList.dtTheme--b .dtDetailListItem-caption {
	max-width: 90px;
}
.dtRoot.dtGrid--lm .dtDetailList.dtTheme--b .dtDetailListItem-caption {
	max-width: 70px;
}

/* Theme C. */
.dtDetailList.dtTheme--c {
	width: 340px;
	margin: 15px 15px 60px 15px;
}
.dtDetailList.dtTheme--c .dtDetailListItem {
	margin: 6px 0;
	align-items: center;
}
.dtDetailList.dtTheme--c .dtDetailListItem-caption {
	max-width: 90px;
}
.dtRoot.dtGrid--lm .dtDetailList.dtTheme--c .dtDetailListItem-caption {
	max-width: 70px;
}
.dtDetailList.dtTheme--c .dtDetailList-description {
	font-size: 12px;
	color: #1A1A1A;
	margin-top: 10px;
}
/* Item. */
.dtDetailListItemDealPerson {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	line-height: 16px;

	margin: 2px 0;

	font-weight: 400;
}
.dtDetailListItemDealPerson-content {
	-webkit-flex: 4;
	flex: 4;

	margin-left: 16px;

	font-size: 12px;
	line-height: 1.1;
	color: #767486;
}
.dtDetailListItem-content--link {
	font-size: 12px;
	font-weight: 500;
	color: #2868D7;
	text-decoration: underline;
}
.docSelections {

}
.dtRoot.dtGrid--sm .docSelections {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: column;
    flex-direction: column;
}
.docSelections-content {

}
.dtRoot.dtGrid--sm .docSelections-content {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}
.docSelections-tabs {

}
.docSelections-tabsHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.docSelections-tabsNav {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}
.docSelections-tabsSpacer {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}
.docSelections-tabsAux {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}
.docSelections-mySelectionsContainer {
    position: relative;
}
.docSelections-docSelect + .docSelections-mySelectionsContainer {
    margin-top: 27px;
}
.docSelections-docSelectMobile + .docSelections-mySelectionsContainer {
    margin-top: 25px;
}
.docSelections-mySelections-headerWrapper {
    position: relative;
}
.docSelections-mySelections-header {
    color: #252b33;

    font-size: 18px;
    font-weight: 500;
}
.dtRoot.dtGrid--ss .docSelections-mySelections-header {
    font-size: 16px;
}
.docSelections-mySelections-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #2868D7;
    font-size: 24px;
}
.dtRoot.dtGrid--sm .docSelections-mySelections-arrow {
    display: none;
}
.docSelections-mySelections-listWrapper {
    height: 174px;
    border: solid 1px #dbdee3;
    margin-top: 22px;
    overflow: auto;
    background-color: #fcfbfc;
}
.docSelections-mySelections-instruction {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    height: 100%;
}
.docSelections-mySelections-instructionText {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;

    width: 382px;
    color: #767486;
    font-size: 14px;
    text-align: center;
}
.dtRoot.dtGrid--sm .docSelections-mySelections-instructionText {
    width: 90%;
}
.docSelections-mySelections-instructionSpacer {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}
.docSelections-mySelections-listWrapper--isEmpty .docSelections-mySelections-list {
    display: none;
}
.docSelections-mySelections-listWrapper--isNotEmpty .docSelections-mySelections-instruction {
    display: none;
}
.docSelections-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;

    margin-top: 21px;
}
.docSelections-footer--mobile {
    display: flex;
    flex-direction: column;
}
.dtRoot.dtGrid--sm .docSelections-footer {
    -webkit-flex-direction: column;
    flex-direction: column;
}
.docSelections-footerLeft {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}
.docSelections.docSelections-footerLeft--isLinkingInfo  .docSelections-footerLeft{
	margin-top: 22px;
}
.docSelections-footerRight {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    
    margin-top: 22px;
}
.docSelections-footerRight.isMobile {
    display: flex;
    justify-content: space-around;
}
.dtRoot.dtGrid--sm .docSelections-footerRight {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.dtRoot.dtGrid--sm .docSelections-footerRight > .dtButton.dtButton--isInline:first-child {
    margin-left: auto;
}
.docSelections-selectionsIndicator {
    margin-top: 28px;

    color: #767486;

    font-size: 12px;
    font-weight: 500;
}

/*
* Theme B.
* Used in Modal.
*/
.docSelections.dtTheme--b.docSelections--mobile{
    width: auto;
    padding: 5px 10px 5px;
}
.docSelections.dtTheme--b {
    width: 644px;
    padding: 20px 22px 13px;
}
.dtRoot.dtGrid--sm .docSelections.dtTheme--b {
    width: 100%;
    height: 100%;
    padding: 10px 10px 0;
    margin-bottom: 10px;
    overflow-y: auto;
}
.docSelections.dtTheme--b.docSelections--isFooterPadding {
	padding-bottom: 55px;
}
.dtModal.dtTheme--b.dtModal--isFooter.dtModal--isScroll .docSelections.dtTheme--b.docSelections--isFooterPadding {
	padding-bottom: 13px;
}
.docSelections.dtTheme--b .docSelections-mySelections-listWrapper {
    height: 151px;
}
.docSelections.dtTheme--b .dtTabsNav.dtTheme--d .dtTabNav {
    width: 104px;
}
.docSelections.dtTheme--b .nodeExplorer-itemContent {
    height: 292px;
}

/* 
 * Theme B with reduced height.
 */
 .docSelections.dtTheme--b.docSelections--reducedHeight {
    padding: 10px 22px 13px;
}
.docSelections.dtTheme--b.docSelections--reducedHeight .docSelections-mySelections-listWrapper {
    height: 121px;
}
.docSelections.dtTheme--b.docSelections--reducedHeight .nodeExplorer-itemContent {
    height: 245px;
}

/*
* Theme C.
* Alternate theme used in Modal (No Tabs Header)
* Document Package Wizard > Doc Selections.
*/
.docSelections.dtTheme--c {
    width: 640px;
    padding: 0;
}
body.dtTouch.dtGrid--sm .docSelections.dtTheme--c {
    width: 100%;
    height: 100%;
}
.docSelections.dtTheme--c .docSelections-mySelections-listWrapper {
    height: 151px;
}
.docSelections.dtTheme--c .nodeExplorer-itemContent {
    height: 328px;
}

/** Theme C, used when adding docs to package */
.docSelections.dtTheme--c .docSelections-footer {
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 0;
    padding: 10px 9px 12px 21px;
}
.dtRoot.dtGrid--sm .docSelections.dtTheme--c .docSelections-footer{
	-webkit-flex-direction: column;
	flex-direction: column;
    padding: 10px 7px 10px 12px;
}
.docSelections.dtTheme--c .docSelections-footerLeft {
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    margin-top: 0;
}
.docSelections.dtTheme--c .docSelections-footerRight {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	flex-direction: column-reverse;
	text-align: right;
    margin-top: 0;
}
.docSelections.dtTheme--c .docSelections-footerRight > .dtButton.dtButton--isInline:last-child {
	margin-left: auto;
}
.docSelections.dtTheme--c .docSelections-selectionsIndicator {
    margin-top: 5px;
	margin-right: 5px;
	text-align: right;
}
.docSelections.dtTheme--c .docSelections-docSelectMobile {
    padding: 10px;
}
.dtEmailDownloads {
	width: 100%;
}
.dtEmailDownloads-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}

.dtEmailDownloads .dtEmailsDownload-content {
	border: solid 1px #dbdee3;
	margin-top: 22px;
	overflow: hidden;
	background-color: #fcfbfc;
	max-width: 500px;
}

.dtEmailDownloads .dtEmailsDownloads-status {
	margin-top: 50px;
	border: 1px solid #58dbac;
	border-radius: 5px;
}

.dtEmailDownloads .dtEmailsDownloads-statusContent {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	padding: 15px;
}

.dtEmailDownloads .dtEmailDownloads-statusIcon {
	width: 25px;
	height: 25px;
}

.dtEmailDownloads .dtEmailDownloads-statusTitle {
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	font-size: 12px;
	padding: 0 15px;
}

.dtEmailDownloads .dtEmailsDownload-downloadButtonContent {
	position: relative;
	min-width: 50px;
}

.dtEmailDownloads-text {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #767486;
	margin-top: 18px;
}

.dtEmailDownloads-text .dtLogoutSuccess-textBold {
	display: inline;
	font-weight: bold;
}
.dtEmailDownloads-button {
	 margin-top: 20px;
}
.dtEmailDownloads-button .dtButton.dtTheme--e.dtButton--isEnabled .dtButton-content {
	color: #2868D7;
	text-decoration: underline;
}

.dtEmailDownloads-button .dtButton.dtTheme--e.dtButton--isEnabled:hover .dtButton-content,
.dtEmailDownloads-button .dtButton.dtTheme--e.dtButton--isEnabled:focus .dtButton-content {
	color: #2868D7;
}
.dtEmailDownloads.dtEmailDownloads--matrix {
	min-width: 275px;
}
.dtEmailDownloads.dtEmailDownloads--matrix .dtEmailsDownloads-status {
	margin-top: 30px;
	border: none;
}
.dtEmailDownloads.dtEmailDownloads--matrix .dtEmailsDownloads-statusContent {
	padding: 0;
}
.dtEmailDownloads.dtEmailDownloads--matrix .dtEmailsDownload-downloadButtonContent {
	-webkit-flex: 1;
	flex: 1;
}
.dtEmptyContent {

}
.dtEmptyContent.dt--isFit {
	-webkit-flex: 1;
	flex: 1;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	overflow: hidden;
}
.dtEmptyContent.dt--isGrow {
	margin-top: 150px;
}

.dtEmptyContent .dtSlideshowItem .dtSlideshowItem-content {
	min-height: inherit;
}
.errorEntry {
	max-width: 650px;
	margin: 0 auto;
}
.errorEntry-content {
	background-color: #fff;
	padding: 60px 130px;
	text-align: center;
}

.dtGrid--md .errorEntry-content {
	padding: 60px 10px;
}

.errorEntry-header {
	-webkit-flex: 1;
	flex: 1 auto;

	margin-bottom: 30px;

	font-size: 40px;
	color: #444;
}
.errorEntry-text {
	margin-bottom: 30px;
}
.errorEntry-footer {

}

.dtFieldsetView {

}
.dtFieldsetView,
.dtFieldsetView .dtFieldsetView-content,
.dtFieldsetView .dtFieldsetView-title {
	/*
	display: block;
	 */
}

.dtFieldsetView .dtFieldsetView-title {
	font-size: 10px;
	line-height: 1.4;
	color: #767486;
	padding-bottom: 5px;
}

.dtFieldsetView.dtTheme--b .dtFieldsetView-title {
	margin-right: 5px;
}

.dtFieldsetView.dtTheme--b {
	padding-left: 5px;
}

.dtTouch .dtFieldsetView.dtTheme--b {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dtTouch .dtFieldsetView .dtFieldsetView-title {
	color: #fff;
}
.fileItemInfo {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}
.fileItemInfo-content {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;

	padding: 30px 18px 0 12px;

	overflow-y: auto;
}

.fileItemInfo-close {
	position: absolute;
	top: 10px;
	right: 25px;

    display: none;

	width: 25px;
	font-size: 18px;
	opacity: .7;
}

.fileItemInfo-close:hover {
    opacity: 1;
}

.fileItemInfo .fileItemInfoPlaceHolder {

	margin: 160px 50px 0 50px;
	text-align: center;
	color: #767486;
}

/* Header. */
.fileItemInfo-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.fileItemInfo-headerIcon {
	-webkit-flex: none;
	flex: none;
	margin-right: 10px;
	width: 48px;
	height: 48px;
}
.fileItemInfo-headerIcon:empty {
	display: none;
}
.fileItemInfo-headerCaption {
	-webkit-flex: 1;
	flex: 1 auto;
}
.fileItemInfo-headerCaption {
	margin-right: 20px;
}
.fileItemInfo-headerCaption .fileItemInfo-headerTitle {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	font-size: 16px;
	font-weight: 600;

	color: #252b33;
	line-height: 1.22;
}

.fileItemInfo-headerCaption .fileItemInfo-headerOriginalName {
	font-style: italic;
	font-size: 12px;
	color: #656663;
}

.fileItemInfo-headerCaption .fileItemInfo-headerLabel {

	color: #767486;

	margin-top: 3px;

	font-size: 14px;
	line-height: 1.29;
}

/* Tabs. */
.fileItemInfo-tabs {
	margin-top: 10px;
}

/* Tabs: Details. */

/* Section. */
.fileItemInfoSection {
	margin: 17px 0 20px 6px;
}
.fileItemInfoSection:not(:first-of-type) {
	padding-top: 20px;
	border-top: 2px solid #729BE9;
}
.fileItemInfoSection:last-of-type {
	margin-bottom: 0;
}
.fileItemInfoSection-header {
	color: #252b33;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}
.fileItemInfoSection-content {
	color: #252b33;
	overflow-wrap: break-word;
	white-space: pre-wrap;
}

/* Section: Meta: Fieldset. */
.fileItemInfoSectionMetaFieldset {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	line-height: 16px;

	margin: 2px 0;

	font-weight: 400;
}
.fileItemInfoSectionMetaFieldset-label {
	-webkit-flex: 1;
	flex: 1 auto;

	min-width: 60px;
	max-width: 120px;
	margin-right: 10px;
}
.fileItemInfoSectionMetaFieldset-label span {
	font-size: 12px;
	font-weight: 500;
	color: #252b33;
}
.fileItemInfoSectionMetaFieldset-icon {
	width: 12px;
	height: 12px;
	margin-top: 2px;
}
.fileItemInfoSectionMetaFieldset-value {
	-webkit-flex: 2;
	flex: 2;

	margin-left: 16px;

	font-size: 12px;
	color: #767486;
}
.fileItemInfoSectionMetaFieldset-icon + .fileItemInfoSectionMetaFieldset-value {
	margin-left: 2px;
}

/*
 * Section: clause
 */
.fileItemInfoSection.fileItemInfoSection--clauseContent .fileItemInfoSection-content {
	white-space: pre-wrap;
}

/* Section: Deal: Contents. */
/* Section: Deal: Contents: Item. */
.fileItemInfoSectionDealContentsItem {
	margin: 5px 0;
	font-size: 14px;
}

.fileItemInfoSectionFolderActivity .fileItemInfoSectionFolderActivity-deal {
	line-height: 22px;
	font-size: 18px;
	font-weight: 500;
	color: #252b33;
	border-bottom: solid 1px #e9ebec;
	margin-top: 30px;
	margin-bottom: 10px;
}

/* Section: Deal: Security. */
.fileItemInfoSectionDealSecurity {

}
.fileItemInfoSectionDealSecurity-header {
	margin-bottom: 10px;
}
.fileItemInfoSectionDealSecurity-list {

}

/* Section: Folder: Contents. */
/* Section: Folder: Contents: Item. */
.fileItemInfoSectionFolderContentsItem {
	margin: 5px 0;
	font-size: 14px;
}

/* Section: Upload: Preview. */
.fileItemInfoSectionUploadPreview {

}
.fileItemInfoSectionUploadPreview-preview {
}
.fileItemInfoSectionUploadPreview-preview img {
	display: block;
	max-width: 100%;
}
.fileItemInfoSectionUploadPreview-preview img:hover {
	opacity: .9;
}
.folderHeader {
	margin-bottom: 20px;
}
.folderHeader-content {
	padding: 20px;
	border: 1px solid #ccc;
	background-color: #fff;
}

/* Header. */
.folderHeader-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.folderHeader.dtGrid--md .folderHeader-header {
	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-align-items: stretch;
	align-items: stretch;
}
.folderHeader.folderHeader--isExpanded .folderHeader-header {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.folderHeader.dtGrid--md.folderHeader--isExpanded .folderHeader-header {
	padding-bottom: 0;
	border-bottom: 0;
}

/* Header: Details. */
.folderHeader-headerDetails {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-flex: 1;
	flex: 1 auto;

	margin-right: 20px;
}
.folderHeader.dtGrid--md .folderHeader-headerDetails {
	margin-right: 0;
}
.folderHeader-headerIcon {
	margin-right: 20px;
}
.folderHeader.dtGrid--sm .folderHeader-headerIcon {
	/*margin-right: 0;*/
}
.folderHeader-headerName {
	-webkit-align-items: center;
	align-items: center;

	-webkit-flex: 1;
	flex: 1 auto;
}

/* Header: Aux. */
.folderHeader-headerAux {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 2;
	flex: 2;
}
.folderHeader.dtGrid--lg .folderHeader-headerAux {

}
.folderHeader.dtGrid--md .folderHeader-headerAux {
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.folderHeader-headerButtons {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.folderHeader.dtGrid--md .folderHeader-headerButtons {
	-webkit-justify-content: center;
	justify-content: center;

	border-top: 1px solid #ccc;
	padding-top: 10px;
}
.folderHeader-headerStatus {

}

/* Body. */
.folderHeader-body {
	display: none;
}
.folderHeader.folderHeader--isExpanded .folderHeader-body {
	display: block;
}
.folderHeader-bodyHeader {

}
.folderHeader-bodyContent {

}
.horizontalNavigator {
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;

    -webkit-align-items: center;
    align-items: center;

    height: 38px;
}

.horizontalNavigator.horizontalNavigator--isNotFastNav .horizontalNavigator-fastNav {
	display: none;
}

.horizontalNavigator-navButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    -webkit-justify-content: center;
    justify-content: center;

    width: 40px;
    height: 36px;
}

.horizontalNavigator-navButton:hover,
.horizontalNavigator-navButton:focus {
    background-color: rgba(0, 0, 0, 0.1);
}

.horizontalNavigator-navButtonSymbol {
    width: 10px;
    height: 10px;
}

.horizontalNavigator-navContent {
    -webkit-flex: 1;
    flex: 1;

    color: #302f3b;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
}

.horizontalNavigator.horizontalNavigator--isFastNav .horizontalNavigator-navContent {
	width: 35px;
}

.horizontalNavigator .horizontalNavigator-navButton.horizontalNavigator-navButton--isButtonNarrow {
    width: 24px;
}



.dtIconLabel {

}
.dtIconLabel-content {

	width: 120px;
	height: 28px;

	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.dtToolbarItem .dtIconLabel-content {
	width: auto;
}
.dtIconLabel .dtIconLabel-indicator {
	width: 14px;
	height: 14px;

	margin-right: 5px;
}
.dtIconLabel .dtIconLabel-caption {
	-webkit-flex: 1;
	flex: 1 auto;

	font-size: 12px;
	font-weight: 400;
}

/* Status: Generic. */
.dtIconLabel.dtFIS--created .dtSymbol .dtSf--A { fill: #b0c2cc; }

/* Status: Deal. */
.dtIconLabel.dtFIS--deal-completed .dtSymbol .dtSf--A { fill: #58dbac; }
.dtIconLabel.dtFIS--deal-draft .dtSymbol .dtSf--A { fill: #b0c2cc; }
.dtIconLabel.dtFIS--deal-forReview .dtSymbol .dtSf--A { fill: #cd675b; }
.dtIconLabel.dtFIS--deal-inProgress .dtSymbol .dtSf--A { fill: #77e3da; }
.dtIconLabel.dtFIS--deal-read .dtSymbol .dtSf--A { fill: #0391f6; }
.dtIconLabel.dtFIS--deal-sent .dtSymbol .dtSf--A { fill: #80c373; }
.dtIconLabel.dtFIS--deal-submitted .dtSymbol .dtSf--A { fill: #af83e5; }

/* Status: Folder. */
.dtIconLabel.dtFIS--folder-active .dtSymbol .dtSf--A { fill: #007784; }
.dtIconLabel.dtFIS--folder-closed .dtSymbol .dtSf--A { fill: #891932; }
.dtIconLabel.dtFIS--folder-inactive .dtSymbol .dtSf--A { fill: #91697c; }

/* Status: Submission. */
.dtIconLabel.dtFIS--submission-adminReview .dtSymbol .dtSf--A { fill: #ffa24c; }
.dtIconLabel.dtFIS--submission-approved .dtSymbol .dtSf--A { fill: #58dbac; }
.dtIconLabel.dtFIS--submission-needsAttention .dtSymbol .dtSf--A { fill: #e84461; }
.dtIconLabel.dtFIS--submission-submitted .dtSymbol .dtSf--A { fill: #af83e5; }
.dtIconLabel.dtFIS--submission-terminated .dtSymbol .dtSf--A { fill: #bcbcc8; }
.dtIconLabel.dtFIS--submission-closed .dtSymbol .dtSf--A { fill: #0391f6; }

/* Status: SubmissionItem. */
.dtIconLabel.dtFIS--submissionItem-adminReview .dtSymbol .dtSf--A { fill: #ffa24c; }
.dtIconLabel.dtFIS--submissionItem-approved .dtSymbol .dtSf--A { fill: #58dbac; }
.dtIconLabel.dtFIS--submissionItem-needsAttention .dtSymbol .dtSf--A { fill: #e84461; }
.dtIconLabel.dtFIS--submissionItem-submitted .dtSymbol .dtSf--A { fill: #af83e5; }
.dtIconLabel.dtFIS--submissionItem-terminated .dtSymbol .dtSf--A { fill: #bcbcc8; }
.dtIconLabel.dtFIS--submissionItem-closed .dtSymbol .dtSf--A { fill: #0391f6; }

/* Themes */
.dtIconLabel.dtIconLabelTheme--matrix .dtIconLabel-content {
	width: 70px;
}
.imageCropper-content {
	position: relative;
	/*background-color: rgba(0,0,0,.1);*/
}
.imageCropper-spacer {

}
.imageCropper-canvas,
.imageCropper-image,
.imageCropper-selection {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
}
.imageCropper-canvas {

}
.imageCropper-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.imageCropper-selection {
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
}
.imageCropper.imageCropper--isNotImage .imageCropper-selection {
	display: none;
}
.InputTextMulti-control {
	position: absolute;
	min-height: 2px;
	line-height: 1;
}

.InputTextMulti-controlContent.dtPropertyFieldItem:before {
	position: absolute;
	content: '';
	margin: -5px;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
}

.InputTextMulti-controlContent .inputNumber-content {
	background-color: rgba(143, 93, 201, 0.2);
}

.InputTextMulti-controlContent .inputNumber-input {
	color: #444;
	max-height: 15px;
}

.linkingInfo {

}

.linkingInfo .linkingInfo-controlContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.dtGrid--sm .linkingInfo .linkingInfo-controlContent {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.linkingInfo .linkingInfo-linkingTextAction {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	font-weight: 400;
	font-size: 12px;
}

.linkingInfo .linkingInfo-linkingInfoText {
	padding-left: 5px;
}

.dtGrid--sm .linkingInfo .linkingInfo-linkingTextAction {
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.linkingInfo .linkingInfo-linkingInfoSymbol {
	width: 24px;
	height: 24px;
	margin-right: 5px;
}
.linkToggle {

}

.linkToggle.linkToggle--isNotVisible {
    display: none;
}

.linkToggle .inputCheckbox-label {
    color: #252b33;
    font-size: 12px;
}

/*
* Theme A.
* In Deal Creation Wizard.
*/

.linkToggle.dtTheme--a .linkToggle-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.dtRoot.dtGrid--sm .linkToggle.dtTheme--a .linkToggle-content {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.linkToggle.dtTheme--a .inputCheckbox + .dtButton {
    margin-top: 1px;
    margin-left: 10px;
}

.dtRoot.dtGrid--sm .linkToggle.dtTheme--a .inputCheckbox + .dtButton {
    margin-left: 0;
}

.dtRoot.dtGrid--sm .linkToggle.dtTheme--a .inputCheckbox + .dtButton .dtButton-caption {
    padding: 0;
    text-align: left;
}

/*
* Theme B.
* In Modal.
*/

.linkToggle.dtTheme--b .inputCheckbox {
    padding: 0;
}

.linkToggle.dtTheme--b .dtButton .dtButton-content {
    height: 16px;
    border: none;
}

.linkToggle.dtTheme--b .dtButton .dtButton-caption {
    padding: 0;
}

.linkToggle.dtTheme--b .inputCheckbox + .dtButton {
    margin-top: 0;
    margin-left: 28px;
}
.dtList {

}

/* Header. */
.dtList-header {
	font-size: 16px;
	font-weight: 500;
}
.dtList-header-description {
	font-size: 10px;
}

/* Content. */
.dtList-content {

}
.dtList-header + .dtList-content {
	margin-top: 15px;
}

/* Item. */
.dtListItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtList.dtList--isAlignCenter .dtListItem {
	-webkit-align-items: center;
	align-items: center;
}
.dtList.dtList--isAlignTop .dtListItem {

}
.dtListItem.dt--isClickable:hover {
	background-color: rgba(0,0,0,.05);
}
.dtListItem-icon {
	opacity: .7;
}
.dtListItem-content {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtListItem-icon + .dtListItem-content {
	margin-left: 5px;
}
.dtListItem-caption {
	font-weight: 400;
	word-break: break-word;
}
.dtListItem-description {
	/*font-weight: 300;*/
}
.dtListItem-body {

}
.dtListItem-caption + .dtListItem-body {
	margin-top: 5px;
}

/* Theme: A. */
.dtList.dtTheme--a2 + .dtList.dtTheme--a2 {
	margin-top: 20px;
}
.dtList.dtTheme--a2 .dtList-header {
	color: #252b33;
	font-size: 12px;
}
.dtList.dtTheme--a2 .dtList-header + .dtList-content {
	margin-top: 10px;
}
.dtList.dtTheme--a2 .dtListItem + .dtListItem {
	margin-top: 10px;
}
.dtList.dtTheme--a .dtListItem-icon,
.dtList.dtTheme--a2 .dtListItem-icon {
	/*// TODO: reidenzon - What is this margin for?!*/
	margin-left: 5px;
	width: 24px;
	height: 24px;
	min-width: 24px;
	flex: 0;
	opacity: 1;
}
.dtList.dtTheme--a3 .dtListItem-icon {
	margin-left: 5px;
	width: 10px;
	height: 10px;
	min-width: 10px;

	color: #000000;
	flex: 0;
	opacity: 1;
}
.dtList.dtTheme--a .dtListItem-content,
.dtList.dtTheme--a2 .dtListItem-content,
.dtList.dtTheme--a3 .dtListItem-content {
	font-size: 12px;
	line-height: 18px;
	color: #252b33;
	margin: 3px 0;
	margin-left: 10px;
	flex: 1;
}

/* Theme: B. */
.dtList.dtTheme--b .dtListItem-icon {
	width: 20px;
	height: 20px;
	min-width: 20px;

	line-height: 20px;
	font-size: 14px;

	color: #2868D7;
}
.dtList.dtTheme--b .dtListItem-content {
	font-size: 12px;
	line-height: 14px;
	padding: 3px 0;
}

/* Theme: C. */
.dtList.dtTheme--c .dtListItem {
	padding: 5px 0;
}
.dtList.dtTheme--c .dtListItem-icon {
	width: 24px;
	height: 24px;

	margin-right: 13px;

	opacity: 1;
}
.dtList.dtTheme--c .dtListItem-content {
	font-size: 12px;
	color: #252b33;
}

/* Theme D */
.dtList.dtTheme--d .dtListItem + .dtListItem {
	margin-top: 5px;
}


/* Theme PRIMARY */
.dtList.dtList--theme-primary + .dtList.dtList--theme-primary {
	margin-top: 20px;
}
.dtList.dtList--theme-primary .dtList-header {
	color: var(--text-main);
	font-size: 12px;
}
.dtList.dtList--theme-primary .dtList-header + .dtList-content {
	margin-top: 5px;
}
.dtList.dtList--theme-primary .dtListItem + .dtListItem {
	margin-top: 5px;
}
.dtList.dtList--theme-primary .dtListItem-icon {
	margin-left: 5px;
	width: 24px;
	height: 24px;
	min-width: 24px;
	flex: 0;
	opacity: 1;
}
.dtList.dtList--theme-primary .dtListItem-content {
	font-size: 12px;
	line-height: 18px;
	color: var(--text-main);
	margin: 3px 0;
	margin-left: 10px;
	flex: 1;
}


/* Theme: PROFILE_HIERARCHY */
.dtList.dtList--theme-profileHierarchy {}
.dtList.dtList--theme-profileHierarchy + .dtList.dtList--theme-profileHierarchy {
	margin-top: 20px;
}
.dtList.dtList--theme-profileHierarchy .dtList-header {
	color: #252b33;
	font-size: 12px;
	font-weight: 500;
}
.dtList.dtList--theme-profileHierarchy .dtList-header + .dtList-content {
	margin-top: 5px;
}
.dtList.dtList--theme-profileHierarchy .dtListItem-icon {
	width: 20px;
	height: 20px;
	min-width: 20px;
	flex: none;
}
.dtList.dtList--theme-profileHierarchy .dtListItem-content {
	font-size: 12px;
	line-height: 14px;
	padding: 3px 0;
}

/*  List Item for Deal Person. */
.dtListItemDealPerson {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtListItemDealPerson + .dtListItemDealPerson {
	margin: 10px 0 0 0;
}
.dtListItemDealPerson-avatar {
	border: solid 1px #c1c1c1;
	border-radius: 100%;
	height: 40px;
	width: 40px;
}

/* Item: Deal Role. */
.dtListItemDealRole {
	height: 40px;
	padding: 0 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.dtListItemDealRole:hover {
	background-color: #f0eff2;
}
.dtListItemDealRole .dtListItemDealRole-content {
	display: flex;
	flex: 1;
	align-items: center;
}
.dtListItemDealRole .dtListItemDealRole-caption {

	flex: 1;
}

.dtListItemDealRole .dtListItemDealRole-remove {
	width: 45px;
}
/* Item: Deal version. */
.dtListItemDealVersion {
	height: 40px;
	padding: 0 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.dtListItemDealVersion:hover {
	background-color: #f0eff2;
}

.dtListItemDealVersion .dtListItemDealVersion-caption {
	font-size: 12px;
	line-height: 1.33;
	color: #252b33;
}

.dtListItemDealVersion .dtListItemDealVersion-icon {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 30px;
	margin-right: 10px;
	color: #000000;
	font-size: 18px;
	width: 24px;
}
/*  List Item for Global Field. */
.dtListItemFileItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin: 0 0 0 5px;

	font-size: 12px;
	line-height: 20px;
	color: #252b33;
}
.dtListItemFileItem.dt--isClickable:hover {
	background-color: rgba(0,0,0,.05);
}
.dtListItemFileItem + .dtListItemFileItem {
	margin: 10px 0 0 5px;
}
.dtListItemFileItem:last-child {
	margin: 10px 0 20px 5px;
}
.dtListItemFileItem-icon {
	width: 24px;
	height: 24px;
}
.dtListItemFileItem-caption {
	-webkit-flex: 1;
	flex: 1;
	min-width: 100px;
	padding-left: 10px;
}

.dtListItemFileItem-badge {
	margin-left: 10px;
}
.dtListItemFileItem-warning {
	margin-left: 10px;
	width: 24px;
	height: 24px;
}

/*
* Theme C.
* Used in Changes List Summary Modal
*/
.dtList.dtTheme--c .dtListItemFileItem {
	padding: 5px 0;
	margin: 0;
}

.dtList.dtTheme--c .dtListItemFileItem-icon {
	padding-top: 0;
	margin-right: 13px;
}

.dtList.dtTheme--c .dtListItemFileItem-caption {
	padding: 0;
}
/*  List Item for Global Field. */
.dtListItemGlobalField {
	margin: 0 0 0 5px;
}
.dtListItemGlobalField + .dtListItemGlobalField {
	margin: 5px 0 0 5px;
}
.dtListItemGlobalField:last-child {
	margin: 10px 0 20px 5px;
}
.dtListItemGlobalField-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	line-height: 16px;

	margin: 2px 0;

	font-weight: 400;
}
.dtListItemGlobalField-content .dtListItemGlobalField-caption {
	-webkit-flex: 1;
	flex: 1 auto;

	min-width: 100px;
	max-width: 150px;
	margin-right: 10px;

	font-size: 12px;
	color: #252b33;
	font-weight: bold;
}
.dtListItemGlobalField-content .dtListItemGlobalField-body {
	-webkit-flex: 1;
	flex: 1;

	margin-left: 16px;

	font-size: 12px;
	color: #767486;
}
.loadingIndicator {
    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

	/**
	TODO: reidenzon - Might be weird in controls.
	 */
    z-index: 4000;
}
body.dt--isLoadingIndicator .loadingIndicator.loadingIndicator--isControlIndicator {
	display: none;
}
.loadingIndicator-blocker {
    position: relative;

    width: 100%;
    height: 100%;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    -webkit-justify-content: center;
    justify-content: center;
}

.loadingIndicator.dtTheme--a .loadingIndicator-blocker {
	background-color: rgba(255,255,255,0.1);
}
.loadingIndicator.dtTheme--b .loadingIndicator-blocker {
	background-color: rgba(255,255,255,0.5);
}

.loadingIndicator-container {
    margin: 20px;
}
.loadingIndicator-content {
	position: relative;

	width: 40px;
	height: 40px;
}
.loadingIndicator-bounceA,
.loadingIndicator-bounceB {
	position: absolute;

	width: 100%;
	height: 100%;

	top: 0;
	left: 0;

	border-radius: 50%;

	opacity: 0.6;

	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}
.loadingIndicator-bounceB {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.loadingIndicator.dtTheme--a .loadingIndicator-bounceA,
.loadingIndicator.dtTheme--a .loadingIndicator-bounceB {
	background-color: #2868D7;
}

.loadingIndicator.dtTheme--b .loadingIndicator-bounceA,
.loadingIndicator.dtTheme--b .loadingIndicator-bounceB {
	background-color: #2868D7;
}

@-webkit-keyframes sk-bounce {

	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {

	0%, 100% {

		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}

	50% {

		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/** Rules apply when you live in a narrow space */
.dtSymbol .loadingIndicator-content {
	width: 20px;
	height: 20px;
}
/* Item. */
.notificationMessage {
	background-color: rgba(0,0,0,.1);
	border-left: 5px solid rgba(0,0,0,.1);
}
.notificationMessage + .notificationMessage {
	margin-top: 15px;
}

/* Item: Header. */
.notificationMessage-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.notificationMessage-headerCaption {
	-webkit-flex: 1;
	flex: 1 auto;

	color: #444;
	font-size: 14px;
	font-weight: 500;

	padding: 10px 15px;
}
.notificationMessage.notificationMessage--isExpanded .notificationMessage-headerCaption {
	/*font-size: 18px;*/
	/*font-weight: 400;*/
}
/* Item: Header: Icons. */
.notificationMessage-headerIcons {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.notificationMessage-headerIcon {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;

	width: 30px;

	opacity: .7;
}
.notificationMessage-headerIcon:hover {
	opacity: 1;
}

/* Item: Content. */
.notificationMessage-content {
	display: none;

	color: #666;
	font-size: 14px;
	font-weight: 400;

	padding: 10px 15px;
	padding-top: 0;
}
.notificationMessage.notificationMessage--isExpanded .notificationMessage-content {
	display: block;
}
.notificationMessage-contentMessage {

}
.notificationMessage a {
	color: #444;
	font-weight: 500;
}

/* Status: Success. */
.notificationMessage.notificationMessage-status--success {
	border-color: rgba(0,200,0,1);
	background-color: rgba(0,200,0,.1);
}

/* Status: Warning. */
.notificationMessage.notificationMessage-status--warning {
	border-color: rgba(200,200,0,1);
	background-color: rgba(200,200,0,.1);
}

/* Status: Error. */
.notificationMessage.notificationMessage-status--error {
	border-color: rgba(200,0,0,1);
	background-color: rgba(200,0,0,.1);
}
/*notification panel*/
.notificationPanel {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 320px;

	z-index: 3100;
	background-color: #fff;

	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.notificationPanel-blocker {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.4);

	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	z-index: 3000;
}
.notificationPanel--isHidden,
.notificationPanel-blocker--isHidden {
	display: none;
}

.notificationPanel-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	height: 55px;
	line-height: 55px;

	background-color: #F7F6F8;
	color: #000;

	border-bottom: solid 1px #F2F1F3;
}
.notificationPanel-header .notificationPanel-headerIcon {
	-webkit-flex: 0;
	flex: 0;

	min-width: 24px;
	height: 24px;
	margin: 15px;

	font-size: 20px;
}
.notificationPanel-header .notificationPanel-headerCaption {
	-webkit-flex: 1;
	flex: 1 auto;

	font-size: 14px;
	font-weight: 500;
}
.notificationPanel-header .notificationPanel-headerClose {
	-webkit-flex: 0;
	flex: 0;

	margin-right: 25px;
	font-size: 20px;
}

.notificationPanel-body {
	position: absolute;
	top: 55px;
	right: -20px;
	bottom: 0;
	left: 0;
	overflow-y: auto;
}
.notificationPanel-itemList {}

.notificationPanel-loadingHint {
	display: none;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.notificationPanel-loadingHint.notificationPanel-loadingHint--isDisplaying {
	display: block;
}

/*item*/
.notificationPanelItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	padding: 12px;
	border-bottom: solid 2px #F0EFF1;
}
.notificationPanelItem-icon {
	-webkit-flex: 0;
	flex: 0;
	margin-right: 12px;
}
.notificationPanelItem-icon-content {
	width: 24px;
	height: 24px;
}
.notificationPanelItem-icon-content--badgePrimary {
	color: #fff;
	border-radius: 20px;
	background-color: #e94461;

	font-size: 12px;
	text-align: center;
	line-height: 20px;
	height: 20px;
}
.notificationPanelItem-content {
	-webkit-flex: 1;
	flex: 1;
}
.notificationPanelItem-content .notificationPanelItem-contentDate {
	font-size: 10px;
	color: #aaa;
}
.notificationPanelItem-content .notificationPanelItem-contentText {
	font-size: 12px;
	color: #000;
	padding-right: 10px;
}
.notificationPanelItem-content .notificationPanelItem-contentSubCaption {
	margin-top: 15px;
	font-size: 12px;
	color: #767486;
	padding-right: 10px;
}
.notificationPanelItem-content .notificationPanelItem-contentAction {
	margin: 18px 0 10px 0;
}
.notificationPanel-itemList-sectionUnRead .notificationPanelItem-content .notificationPanelItem-contentText {
	font-weight: 500;
}
/* Blocker. */
.dtPanel-blocker {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-color: rgba(255,255,255,.01);

	z-index: 2000;
}

/* Panel. */
.dtPanel {
	display: none;
	position: relative;
	height: 100%;
}
.dtPanel.dtPanel--isOpen {
	display: block;
}
.dtPanel-content {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	height: 100%;

	-webkit-flex-direction: column;
	flex-direction: column;

	background-color: #f0eff2;
	box-shadow: -1px 0 0 0 #729BE9;

	width: 340px;
}
body.dtTouch.dtGrid--ss .dtPanel {
	position: fixed;
	width: 100%;

	top: 0;
	bottom: 0;
	right: 0;
	left: 0;

	z-index: 3100;
}
body.dtTouch.dtGrid--ss .dtPanel-content {
	width: 100%;
}

/* Header. */
.dtPanel-close {

	display: none;
	position: absolute;

	top: 30px;
	right: 10px;

	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 24px;

	z-index: 2600;
}

.dtPanel.dtPanel--isOpen .dtPanel-close {
	display: block;
}

/* Body. */
.dtPanel-body {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* Footer. */
.dtPanel-footer {
	border-top: 1px solid #ccc;
}
.dtPanel-footer:empty {
	display: none;
}
.PDFMarkupRoles {

}

.PDFMarkupRoles-contentList {

}

.PDFMarkupRoles-markupListAvailableCaption,
.PDFMarkupRoles-markupListCaption {
	font-size: 10px;
	font-weight: 400;
	line-height: 1;
	color: #767486;
	margin-top: 20px;
	margin-bottom: 10px;
}

.PDFMarkupRoles .PDFMarkupRoles-markupListAvailable {
	margin-bottom: 10px;
}
.PDFMarkupRoles .PDFMarkupRoles-markupListAvailableContent,
.PDFMarkupRoles .PDFMarkupRoles-markupListContent {
	border: solid 1px #dbdee3;
	background-color: #fcfbfc;
	min-height: 130px;
	max-height: 180px;
}

.dtPlaceholder {

}

.dtPlaceholder-content.dtPlaceholderSimple {
	margin: 15px;
}

.dtPopup {
	position: fixed;
	display: none;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: var(--z-index-popup);
}
.dtPopup.dtPopup--isShowing {
	display: block;
}
.dtPopup.dtPopup--isVIP {
	z-index: 4001;
}
.dtPopup-blocker {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	background-color: transparent;

	transition-property: background-color;
	transition-duration: .5s;

	/** TODO: reidenzon - Is this best? */
	overflow: auto;
}
.dtPopup.dtPopup--isShowing .dtPopup-blocker {
	background-color: rgba(100,100,100,.5);
}
.dtPopup-blockerPadding {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	padding: 40px;
}
.dtGrid--sm .dtPopup-blockerPadding {
	padding: 20px;
}
.dtPopup-controlWrapper {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;
}
.dtPopup-controlWrapperPadding {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPopup-controlWrapperWidth {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	max-height: 100%;
}
.dtPopup.dtPopup--mode-wrapper .dtPopup-controlWrapperWidth {
	width: 860px;
	margin: auto;
}

/* For 'Add People' popup */
.dtPopup.dtPopup--mode-peoplePopup .dtPopup-controlWrapperWidth {
	width: 536px;
	margin: auto;
}

.dtPopup.dtPopup--mode-peoplePopupPDFMarkup .dtPopup-controlWrapperWidth {
	width: 356px;
	margin: auto;
}

.dtPopup.dtPopup--mode-regular .dtPopup-controlWrapperWidth,
.dtPopup.dtPopup--mode-narrow .dtPopup-controlWrapperWidth {
	display: block;
	width: 480px;
	margin: auto;
}
.dtPopup.dtPopup--mode-fullscreen-without-top .dtPopup-controlWrapperWidth,
.dtPopup.dtPopup--mode-fullscreen .dtPopup-controlWrapperWidth,
.dtGrid--md .dtPopup.dtPopup--mode-wrapper .dtPopup-controlWrapperWidth,
.dtGrid--md .dtPopup.dtPopup--mode-peoplePopup .dtPopup-controlWrapperWidth,
.dtGrid--sm .dtPopup.dtPopup--mode-regular .dtPopup-controlWrapperWidth,
.dtGrid--sm .dtPopup.dtPopup--mode-narrow .dtPopup-controlWrapperWidth {
	-webkit-flex: 1;
	flex: 1 auto;

	width: 100%;
}
.dtPopup-controlContent {
	-webkit-flex: 1;
	flex: 1;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	background-color: #fff;
	/*box-shadow: 0 2px 9px -3px rgba(0,0,0,.5);*/
	border: 2px solid #2868D7;

	max-height: 100%;
	max-width: 100%;

	cursor: default;
}

.dtPopup.dtPopup--isForm .dtPopup-controlContent {
	background-color: #eff3f6;
}

/* Header. */
.dtPopup-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;

	background-color: #2868D7;
}

.dtPopup-header .dtPopup-headerSymbolLeft {
	width: 45px;
	padding-left: 15px;
}

.dtPopup-headerTitle {
	-webkit-flex: 1;
	flex: 1 auto;

	-webkit-align-items: center;
	align-items: center;

	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 44px;
	min-height: 44px;

	padding-left: 15px;
	padding-right: 15px;
}
.dtRoot.dtGrid--sm .dtPopup-headerTitle {
	line-height: 20px;
	min-height: 20px;

	padding-left: 20px;
}
.dtPopup-headerClose {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;

	flex: none;

	width: 40px;
	color: #fff;

	font-size: 20px;
	line-height: 1;

	opacity: .7;
}
.dtPopup-headerClose:hover {
	opacity: 1;
}
.dtRoot.dtGrid--sm .dtPopup-headerClose {
	width: 20px;
	min-height: 20px;

	margin-left: 10px;
}

/* Body. */
.dtPopup-body {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	overflow: auto;

}

/* Body: Content. */
.dtPopup-content {
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;

	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtPopup-content:empty {
	display: none;
}
.dtPopup.dtPopup--isNotForm .dtPopup-content {
	padding: 15px;
}
.dtPopup.dtPopup--isUserSelect .dtPopup-content {

}
.dtPopup-contentItem {
	font-size: 14px;
	text-align: center;
}
.dtPopup.dtPopup--isForm .dtPopup-body {
	background: #FFFFFF;
}
.dtPopup.dtPopup--isForm .dtPopup-controlContent {
	border: solid 2px #2868D7;
}

/* Popup checkbox */
.dtPopup-checkbox {
	padding: 0 0 0 10px;
}

/* Footer. */

.dtPopup-footer {}

.dtPopup-buttons {
	display: none;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 10px 15px;
	padding-bottom: 15px;
	text-align: right;
}
.dtPopup-buttons:not(:empty) {
	display: block;
}

.dtPopup.dtPopup--isButtonsVertical .dtButton:not(:last-of-type) {
	margin-bottom: 10px;
}

.dtPopup.dtPopup--isHideHeader .dtPopup-header {
	display: none;
}


/* Theme A */


/*Popup dtTheme--a*/

.dtPopup.dtTheme--a2.dtPopup--mode-fullscreen .dtPopup-blockerPadding,
.dtPopup.dtTheme--a.dtPopup--mode-fullscreen .dtPopup-blockerPadding {
	padding: 0;
}

.dtGrid--sm .dtPopup.dtTheme--a .dtPopup-blockerPadding {
	padding: 0;
}
.dtPopup.dtTheme--a2.dtPopup--mode-regular .dtPopup-controlWrapperWidth,
.dtPopup.dtTheme--a.dtPopup--mode-regular .dtPopup-controlWrapperWidth {
	width: 750px;
}

/* Narrow size */
.dtPopup.dtTheme--a2.dtPopup--mode-narrow .dtPopup-controlWrapperWidth {
	width: 660px;
}

.dtPopup.dtTheme--a2 .dtPopup-header,
.dtPopup.dtTheme--a .dtPopup-header {
	text-transform: inherit;
	background-color: #2868D7;
}

.dtPopup.dtTheme--a2 .dtPopup-headerTitle,
.dtPopup.dtTheme--a .dtPopup-headerTitle {
	line-height: 44px;
	min-height: 40px;
	letter-spacing: 0.5px;
	padding-left: 15px;
}

.dtPopup.dtTheme--a2 .dtPopup-body,
.dtPopup.dtTheme--a .dtPopup-body {
	border: 2px solid #2868D7;
	border-top: none;
}

.dtPopup.dtTheme--a .dtPopup-content .SignatureModal {
	padding: 40px 80px;
}

.dtPopup.dtTheme--a2 .dtPopup-content .SignatureModal {
	padding: 10px 20px;
}

.dtGrid--sm .dtPopup.dtTheme--a2 .dtPopup-content .SignatureModal,
.dtGrid--sm .dtPopup.dtTheme--a .dtPopup-content .SignatureModal {
	padding: 30px 40px;
}

.dtGrid--ss .dtPopup.dtTheme--a2 .dtPopup-content .SignatureModal,
.dtGrid--ss .dtPopup.dtTheme--a .dtPopup-content .SignatureModal {
	padding: 20px 0;
}

.dtGrid--sm .dtPopup.dtTheme--a .dtPopup-content .SignatureModal.dtTheme--a2,
.dtGrid--sm .dtPopup.dtTheme--a .dtPopup-content .SignatureModal.dtTheme--a {
	padding: 0;
}

.dtGrid--sm .dtPopup.dtTheme--a2 .SignatureModal.dtTheme--a2 .dtPopup-content .SignatureModal,
.dtGrid--sm .dtPopup.dtTheme--a .SignatureModal.dtTheme--a .dtPopup-content .SignatureModal {
	padding: 0;
	display: block;
}

.dtPopup.dtPopup--isForm.dtTheme--a2 .dtPopup-controlContent,
.dtPopup.dtPopup--isForm.dtTheme--a .dtPopup-controlContent {
	background-color: #fff;
}

.dtPopup.dtPopup--isForm.dtTheme--a2 .dtPopup-controlContent {
	height: 550px;
	min-height: 550px;
}

.dtPopup.dtTheme--a2 .dtPopup-controlWrapperWidth,
.dtPopup.dtTheme--a .dtPopup-controlWrapperWidth {
	max-height: none;
}

.dtPopup.dtTheme--a2.dtPopup--mode-mini .dtPopup-controlWrapperWidth,
.dtPopup.dtTheme--a.dtPopup--mode-mini .dtPopup-controlWrapperWidth {
	display: block;
	width: 480px;
	margin: auto;
}

.dtGrid--sm .dtPopup.dtTheme--a2.dtPopup--mode-mini .dtPopup-controlWrapperWidth,
.dtGrid--sm .dtPopup.dtTheme--a.dtPopup--mode-mini .dtPopup-controlWrapperWidth {
	-webkit-flex: 1;
	flex: 1 auto;
	width: 100%;
}

.dtPopup.dtPopup--mode-standard .dtPopup-controlWrapperWidth {
	width: 414px;
	margin: auto;
}

.dtGrid--md .dtPopup.dtPopup--mode-standard .dtPopup-controlWrapperWidth {
	-webkit-flex: 1;
	flex: 1 auto;
	width: 100%;
}

.dtPopup.dtTheme--a2.dtPopup--mode-signatureStamp .dtPopup-controlWrapperWidth,
.dtPopup.dtTheme--a.dtPopup--mode-signatureStamp .dtPopup-controlWrapperWidth {
	display: block;
	width: 750px;
	margin: auto;
}

.dtGrid--sm .dtPopup.dtTheme--a2.dtPopup--mode-signatureStamp .dtPopup-controlWrapperWidth,
.dtGrid--sm .dtPopup.dtTheme--a.dtPopup--mode-signatureStamp .dtPopup-controlWrapperWidth {
	-webkit-flex: 1;
	flex: 1 auto;
	width: 100%;
}

.dtPopup.dtTheme--a2 .dtPopup-headerTitle,
.dtPopup.dtTheme--a .dtPopup-headerTitle {
	font-size: 13px;
	font-weight: 500;
}

.dtPopup.dtTheme--a2 .dtPopup-headerClose:hover,
.dtPopup.dtTheme--a .dtPopup-headerClose:hover {
	opacity: .7;
}

.dtPopup.dtTheme--a2 .dtPopup-headerClose,
.dtPopup.dtTheme--a .dtPopup-headerClose {
	width: 44px;
	font-size: 18px;
	opacity: 1;
}

.dtPopup.dtTheme--u.dtPopup--mode-fullscreen .dtPopup-blockerPadding {
	padding: 0;
}
.dtPopup.dtTheme--u .dtPopup-body{
	overflow: hidden;
}

.dtPopup.dtTheme--a2.dtPopup--mode-fullscreen-without-top,
.dtPopup.dtTheme--a.dtPopup--mode-fullscreen-without-top {
	top: 60px;
}
.dtPopup.dtTheme--a2.dtPopup--mode-fullscreen-without-top .dtPopup-blockerPadding,
.dtPopup.dtTheme--a.dtPopup--mode-fullscreen-without-top .dtPopup-blockerPadding {
	padding: 0;
}

.dtPopup.dtTheme--b .dtPopup-controlContent {
	border-radius: 5px;
	background-color: #2868D7;
	box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.16);
}

.dtPopup.dtPopup--mode-simple .dtPopup-controlWrapperWidth {
	display: block;
	width: 320px;
	margin: auto;
}

.dtGrid--sm .dtPopup.dtPopup--mode-simple .dtPopup-controlWrapperWidth {
	-webkit-flex: 1;
	flex: 1 auto;
	width: 100%;
}

.dtPopup.dtTheme--a .dtPopup-checkMark{
	margin:0 auto;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.dtPopup.dtTheme--a .dtCheckbox{
	display:inline-block;

}

.dtPopup.dtTheme--a .dtPopup-checkMark-label{
	display:inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*
* Theme C
* Used in Link Toggle.
*/
.dtPopup.dtTheme--c.dtPopup--mode-wrapper .dtPopup-controlWrapperWidth {
    width: 320px;
}

.dtPopup.dtTheme--c .dtPopup-controlContent {
    border: none;
    color: #fff;
    background-color: #2868D7;
}

.dtPopup.dtTheme--c .dtPopup-header {
    display: none;
}

.dtPopup.dtPopup--isForm.dtTheme--c .dtPopup-body {
    background-color: #2868D7;
}

.dtPopup.dtPopup--isForm.dtTheme--c .dtForm.formPopup .dtForm-footer {
    border-top: none;
    color: #fff;
    background-color: #2868D7;
}

.dtPopup.dtPopup--isForm.dtTheme--c .dtForm.formPopup .formPopup-middleBody {

}

/** Theme Urgent */
.dtPopup.dtPopup--theme-urgent .dtPopup-header,
.dtPopup.dtPopup--isForm.dtPopup--theme-urgent .dtPopup-header {
	background-color: #ca443d;
}

.dtPopup.dtPopup--theme-urgent .dtPopup-controlContent,
.dtPopup.dtPopup--isForm.dtPopup--theme-urgent .dtPopup-controlContent {
	border-color:  #ca443d;
}

/** Theme React */

/* Header. */
.dtPopup--theme-react .dtPopup-header {
	background-color: #fff;
}

.dtPopup--theme-react .dtPopup-headerClose {
	color: #000;
}
.dtPopup--theme-react .dtPopup-headerTitle {
	font-size: 24px;
	margin-top: 20px;
	color: #4D4D4D;
}

.dtPopup.dtPopup--theme-react .dtPopup-controlWrapperWidth {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	width: 800px;
	max-width: 800px;
	margin: auto;
	height: 650px;
	min-height: 650px;
}

.dtGrid--sm .dtPopup.dtPopup--theme-react .dtPopup-controlWrapperWidth {
	width: 550px;
}

.dtPopup--theme-react .dtPopup-controlContent {
	border: solid 14px #fff;
	border-radius: 20px;
}
.popupContent {}

.popupContent .popupContent-symbol {
	height: 140px;
	margin: auto;
}
.popupContent .popupContent-symbol.popupContent-symbol--small {
	height: 90px;
}
.popupContent .popupContent-caption {
	font-weight: 400;
	font-size: 18px;
	text-align: center;
	padding: 25px 0 5px 0;
}
.popupContent .popupContent-text {
	text-align: center;
	font-size: 14px;
	color: #767486;
	line-height: 1.5;
	padding: 0 20px;
}
.popupContent .popupContent-paragraph {
	padding-top: 10px;
}
.popupContent .popupContent-paragraph ul,
.popupContent .popupContent-paragraph ol {
	padding-inline-start: 20px;
	text-align: left;
}
.popupContent .popupContent-paragraph ol {
	margin-top: 10px;
}
.popupContent .popupContent-paragraph ol>li + li {
	margin-top: 15px;
}
.popupContent .popupContent-paragraph ul li {
	margin-top: 5px;
}
.profileHeader {}


/* User. */

.profileHeader-sectionUser {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}


/* Avatar. */
.profileHeader-sectionAvatar {
	position: relative;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 60px;
	height: 60px;
}

.dtTouch .dtGrid--sm .profileHeader-sectionAvatar {
	margin-bottom: 20px;
}

/* Name. */

.profileHeader-sectionName {
	margin-left: 20px;
	word-break: break-word;
}

.profileHeader-sectionName> div {
	padding: 1px 0;
}

.profileHeader-sectionNameCaption {
	font-size: 18px;
	font-weight: 500;
	color: #252b33;
}

.profileHeader-sectionGroupsCaption {
	font-size: 14px;
	font-weight: normal;
	color: #767486;
}

.profileHeader-planName {
	font-size: 14px;
	padding-right: 12px;
	font-weight: normal;
	color: #767486;
}

.profileHeader-planName:after {
	/*content: " ";
	padding: 0 12px 0 5px;*/
}

.profileHeader-sectionPlanCaption {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}


/* Account Type */

.profileHeader-accountType div {
	display: inline;
	background-color: #80ca81;
	border-radius: 20px;
	font-size: 10px;
	letter-spacing: 0;
	color: #fff;
	padding: 8px 20px;
}

.profileHeader-sectionRemaining {
	position: absolute;
	right: 0;
	margin-top: 48px;
	height: 40px;
}

.profileHeader-sectionRemainingCaption {
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	float: left;
	margin: 0 12px 0 15px;
}


/* Status. */

.profileHeader-sectionStatus {}

.dtRoot.dtGrid--ss .profileHeader-sectionUser {
	flex-direction: column;
	align-items: flex-start;
}

.dtRoot.dtGrid--ss .profileHeader-sectionName {
	margin-left: 0;
}

.drag-image-upload .imageCropper-content {
	background-color: rgba(232, 68, 96, 0.2);
}

.drag-image-upload .imageCropper-image {
	border-radius:100%;
}

/* Image. */
.drag-image-upload .selectionFrame-imageContainer {
	border-radius: 100%;
}

/* Frame. */
.drag-image-upload .selectionFrame-frame {
	margin: -1px;
	border: 1px solid #e94461;
}
.drag-image-upload .selectionLayer-content {
	background-color: rgba(232, 68, 96, 0.2);
}
.progressBar {
    display: none;
}
.progressBar.progressBar--isPopulated {
    display: block;
}
.progressBar-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

	font-size: 14px;
	line-height: 1;

    padding: 5px 20px;
}
.progressBar.dtGrid--ss .progressBar-content {
	padding: 5px 5px;
}
.progressBar-content > div {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.progressBar-content > div:not(:last-of-type) {
	margin-right: 20px;
}
.progressBar.dtGrid--ss .progressBar-content > div:not(:last-of-type) {
	margin-right: 5px;
}

.progressBar-label {
	font-size: 12px;
	font-weight: 500;
	color: #aaa;
	text-transform: uppercase;
}
.progressBar.dtGrid--ss .progressBar-label {
	display: none;
}
.progressBar-barContainer {
    -webkit-flex: 1;
    flex: 1 auto;
	min-width:50px;
}
.progressBar-barBack {
    position: relative;

    height: 20px;

	-webkit-flex: 1;
	flex: 1 auto;


	border-radius: 10px;
    background-color: #b0c2cc;

    overflow: hidden;
}
.progressBar-barFill {
    position: relative;

    width: 100%;
    height: 100%;

    top: 0;
    bottom: 0;

    background-color: #2868D7;
}
.progressBar-count {
    color: #aaa;
}

/* Theme: A. */
.progressBar.dtTheme--a .progressBar-barBack {
    background-color: #eceff4;
}

.progressBar.dtTheme--a .progressBar-barFill{
    background-color: #2868D7;
    border-radius: 20px;
}

.progressBar.dtTheme--a .progressBar-icon {
    color: #adc4cc;
    font-size: 22px;
}
.progressBar.dtTheme--a .progressBar-content {
	height: 12px;
	padding: 5px;
}
.progressBar.dtTheme--a .progressBar-barBack {
	height: 12px;
}


	/* Theme: F. */
.progressBar.dtTheme--f {
    display: block;
}

.progressBar.dtTheme--f .progressBar-barContainer {
    width: 150px;
}
.dtRoot.dtGrid--lm .progressBar.dtTheme--f .progressBar-barContainer {
    width: 120px;
}
.dtRoot.dtGrid--ml .progressBar.dtTheme--f .progressBar-barContainer {
    width: 100px;
}
.progressBar.dtTheme--f .progressBar-barBack {
    height: 12px;
    background-color: #d8d8d8;
}

.progressBar.dtTheme--f .progressBar-barFill{
    background-color: #2868D7;
    border-radius: 10px;
}

.progressBar.dtTheme--f .progressBar-count {
    color: #252b33;
    font-weight: 500;
}

.dtRoot.dtGrid--lm .progressBar.dtTheme--f .progressBar-content {
    padding: 5px 5px;
}

.dtRoot.dtGrid--lm .progressBar.dtTheme--f .progressBar-content > div:not(:last-of-type) {
    margin-right: 10px;
}

.dtRadio {
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	color: #ccc;

	width: 20px;
    /* height must be the same as: .inputRadioListItem-label line-height for label to align*/
    height: 28px;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;
}
.dtRadio.dtTheme--a {

}
.dtRadio.dtTheme--b {
	color: #2868D7;
}
.dtRadio.dtRadio--isFit {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	width: 100%;
	height: 100%;
}
.dtRadio.dtRadio--isDisabled {
	opacity: .7;
}
.dtRadio:hover.dtRadio--isEnabled,
.dtRadio:focus.dtRadio--isEnabled {
	color: #2868D7;
}
.dtRadio.dtRadio--isSelected,
.dtRadio.dtRadio--isSelected:hover,
.dtRadio.dtRadio--isSelected:focus {
	color: #2868D7;
}
.dtRadio:before {
	position: absolute;
	display: block;
	content: '';
}
.dtRadio.dtRadio--isHoverSmall:before {
	width: 120%;
	height: 120%;
}
.dtRadio.dtRadio--isSelected:hover,
.dtRadio.dtRadio--isSelected:focus {

}
.dtRadio-radioButton {
	font-size: 19px;
	line-height: 1;
}
/* Base (& Disabled) radio: outer circle */
.cssIcon-radioButtonChecked,
.cssIcon-radioButtonUnchecked {
	display: block;
	position: relative;

	width: 18px;
	height: 18px;

    margin-top: -2px;

	background: #fff;
	border: 1px solid #729BE9;
	border-radius: 50%;
}
.cssIcon-radioButtonUnchecked {
}
/* Base (& Disabled) radio: inner circle */
.cssIcon-radioButtonChecked::before {
	display: block;
	position: relative;

	transform: translate(17%,17%);
	-webkit-transform: translate(17%,17%);
	width: 75%;
	height: 75%;

	content: '';

	background: #2868D7;
	border-radius: 50%;
}
/* Enabled radio: outer circle */
.inputRadioListItem.inputRadioListItem--isEnabled .cssIcon-radioButtonUnchecked {
	background-color: #f8f9f9;
	border-color: #f0eff2;
}
.inputRadioListItem.inputRadioListItem--isEnabled:hover .cssIcon-radioButtonChecked,
.inputRadioListItem.inputRadioListItem--isEnabled:hover .cssIcon-radioButtonUnchecked,
.inputRadioListItem.inputRadioListItem--isEnabled:active .cssIcon-radioButtonChecked,
.inputRadioListItem.inputRadioListItem--isEnabled:active .cssIcon-radioButtonUnchecked {
	border-color: #729BE9;
}
.inputRadioListItem.inputRadioListItem--isEnabled:active .cssIcon-radioButtonUnchecked {
	background-color: #E5EDF7;
	border-color: #729BE9;
}
/* Enabled radio: inner circle */
.inputRadioListItem.inputRadioListItem--isEnabled .cssIcon-radioButtonChecked::before {
	background-color: #2868D7;
}

/* Theme: inputRadioList--theme-partyToggle */
.inputRadioList.inputRadioList--theme-partyToggle .inputRadioListItem.inputRadioListItem--isDisabled .cssIcon-radioButtonChecked,
.inputRadioList.inputRadioList--theme-partyToggle .inputRadioListItem.inputRadioListItem--isDisabled .cssIcon-radioButtonUnchecked {
	border: 1px solid #9B9B9B;
}

.inputRadioList.inputRadioList--theme-partyToggle .inputRadioListItem.inputRadioListItem--isDisabled .cssIcon-radioButtonChecked::before {
	background: #686868;
}
/* Ribbon. */
.dtRibbon {
	color: #fff;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	height: auto;
	line-height: normal;

	padding: 0 5px;

	min-height: 30px;
}
.dtRibbon .dtRibbon-sectionContent {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;
}
.dtRibbon .dtRibbon-sectionContent .dtRibbon-contentSegment {

	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;

	font-size: 12px;
	font-weight: 500;

	margin: 0 3px;
}

.dtRibbon .dtRibbon-sectionContent b {
	color: inherit;
	font-weight: 700;
}
.dtRibbon .dtRibbon-sectionContent .dtRibbon-contentSegment--symbol {
	width: 30px;
	height: 30px;
	padding: 6px;
}
.dtRibbon .dtRibbon-sectionAction {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}
.dtRibbon .dtRibbon-caption.dt--isClickable:hover {
	text-decoration: underline;
}

/** Theme: Primary - this is the purple one */
.dtRibbon.dtRibbon-theme--primary {
	background-color: #2868D7;
	color: #fff;
}
.dtRibbon.dtRibbon-theme--sample {
	background-color: #596ada;
	color: #fff;
}
.dtRibbon.dtRibbon-theme--secondary {
	background-color: #58dbac;
}
.dtRibbon.dtRibbon-theme--warning {
	background-color: #E84361;
	color: #FFFFFF;
}
.dtRibbon.dtRibbon-theme--clean {
	background-color: transparent;
	color: #2868D7;
}
.dtScrollable {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;

	overflow: hidden;

	padding-top: 5px;
	padding-bottom: 5px;
}

/* Content. */
.dtScrollable-content {
	-webkit-flex: 1;
	flex: 1 auto;
	position: relative;
}
.dtScrollable.dtScrollable--isExpanded .dtScrollable-content {
	margin-top: 20px;
}
.dtScrollable-contentScroll {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
}

.dtScrollable--isVisibleScrollbar .dtScrollable-contentScroll {
	right: 0;
}
.dtScrollable--isNotVisibleScrollbar .dtScrollable-contentScroll {
	right: -14px;
}
.dtScrollable-contentBody {
	/*overflow: hidden;*/
}

.searchBarGlobal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3000;
}
.searchBarGlobal .searchBarGlobal-controlInput {
	height: 60px;
	padding: 3px;
	background-color: #fff;
}
.searchBarGlobal .searchBarGlobal-controlInput .searchBarGlobal-controlInputContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	background-color: #ffffff;
	border: none;
	height: 100%;
}
.searchBarGlobal.searchBarGlobal--isEditingQuery .searchBarGlobal-controlInput .searchBarGlobal-controlInputContent {
	background-color: #E5EDF7;
	border: solid 1px #729BE9;
}
.searchBarGlobal .searchBarGlobal-controlInput .searchBarGlobal-controlInputContent--icon {
	-webkit-flex: 0;
	flex: 0;
	min-width: 52px;
	height: 52px;
	padding: 14px;
}
.searchBarGlobal .searchBarGlobal-controlInput .searchBarGlobal-controlInputContent--input {
	-webkit-flex: 1;
	flex: 1;
	height: 100%;
}
.searchBarGlobal .searchBarGlobal-controlInput .searchBarGlobal-controlInputContent--pill {
	-webkit-flex: 1;
	flex: 1;
	align-items: center;
	display: flex;
}
.searchBarGlobal .searchBarGlobal-controlFilter {
	height: 60px;
	background-color: #f7f6f8;
}
.searchBarGlobal .searchBarGlobal-controlFilter .inputCheckbox .inputCheckbox-label {
	font-size: 12px;
	line-height: 1.33;
	color: #252b33;
}

.searchBarGlobal-blocker {
	display: none;
}

/*Mobile*/
.dtRoot.dtGrid--ss.dtTouch .searchBarGlobal .searchBarGlobal-controlInput {
	height: 44px;
}

.dtRoot.dtGrid--ss.dtTouch .searchBarGlobal .searchBarGlobal-controlInput .searchBarGlobal-controlInputContent--icon {
	min-width: 36px;
	height: 36px;
	padding: 6px;
}
.dtRoot.dtGrid--ss.dtTouch .searchBarGlobal .searchBarGlobal-controlFilter {
	height: 44px;
}
.dtTouch .searchBarGlobal-blocker {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2999;
	background-color: rgba(0, 0, 0, 0.3);
}

.searchResultExplorer {

}
.searchResultExplorer .searchResultExplorer-contentCaption {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.22;
	color: #252b33;
}
.searchResultExplorer .searchResultExplorer-emptyState {
	margin-top: 10px;
}
.searchResultExplorer.searchResultExplorer--isSearching .searchResultExplorer-contentCaption {
	display: none;
}
.searchResultExplorer.searchResultExplorer--isHasResult .searchResultExplorer-emptyState {
	display: none;
}

/* Sections */
.searchResultExplorerSection {
	margin-top: 30px;
}
.searchResultExplorerSection.isSectionEmpty {
	display: none;
}
.searchResultExplorerSection .searchResultExplorerSection-title {
	height: 45px;
	line-height: 45px;
	font-size: 12px;
	font-weight: 500;
	color: #767486;
	padding-left: 10px;
	border-bottom: solid 1px #f0eff1;
}
.searchResultExplorerSection .searchResultExplorerSection-content {
	position: relative;
}
/* responsive mobile */
.dtTouch.dtGrid--sm .searchResultExplorerSection {
	margin-top: 15px;
}
.selectionsEditor {

}
/* Theme B */
.selectionsEditor.dtTheme--b .contentSelectedDocument {
    height: 174px;
    border: 1px solid #dbdee3;
    padding: 10px;
    margin-bottom: 54px;

    background-color: #fcfbfc;

    /* if scroll alignment needs to be the same then remove this and put scroll in select list theme E.*/
    overflow: auto;
}

/* Item to cleanup */
.selectionsEditor.dtTheme--b .contentSelectedDocument .dtSelectList-content {
    padding: 0;
}
.selectListModal-control {

}

.selectListModal-body {
	padding: 0 5px;
}
.sequenceProgress {
    padding: 5px 0;
    font-size: 12px;
}

.sequenceProgress .sequenceProgress-description {
    margin: 30px 0 15px 0;
    font-size: 14px;
}
.sequenceProgress .sequenceProgress-autosend {
    display: flex;
    align-items: center;
    margin: 10px 0 0 0;
    gap: 10px;
    padding-top: 10px;
}
.sequenceProgress .sequenceProgress-autosendSymbol {
    width: 24px;
    min-width: 24px;
    height: 24px;
}
.sequenceProgress .sequenceProgress-autosendDescription {
    color: #767486;
}
.SequenceStatus-indicator {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #AAA;
	margin-right: 10px;
}
.SequenceStatus-indicator--active {
	background-color: #FF9E1C;
}
.SequenceStatus-indicator--replaced {
	background-color: #AAA;
}
.SequenceStatus-indicator--complete {
	background-color: #80c373;
}
.SequenceStatus-indicator--cancelled {
	background-color: #cd675b;
}
.signatureComplete {

}
.signatureComplete-controlContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
	padding: 0 20px;
}

.signatureComplete-symbol {
	width: 80px;
	height: 80px;
}

.signatureComplete-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.22;
	text-align: center;
	color: #252b33;
	margin-bottom: 15px;
}
.signatureComplete-message {
	font-size: 14px;
	line-height: 1.29;
	text-align: center;
	color: #767486;
}

.signatureComplete-buttonContent {
	text-align: center;
	margin-bottom: 25px;
}
.signatureFake {
	position: absolute;
	z-index: 12;
	background-color: rgba(227, 232, 255, 0.9);
	border: solid 1px #2868D7;
	color: #2868D7;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.signatureFake.signatureFake--isInitial {
	width: 60px;
	height: 40px;
}
.signatureFake.signatureFake--isSignature {
	width: 160px;
	height: 30px;
}

.signatureFake .signatureFake-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;

	flex-direction: column;
}
.signatureFake.signatureFake--isInitial .signatureFake-content {
	padding: 3px 0;
}

.signatureFake .signatureFake-content .signatureFake-symbol {
	height: 22px;
	max-height: 22px;
}
.signatureFake.signatureFake--isSignature .signatureFake-content .signatureFake-symbol {
	height: 20px;
	margin-top: -2px;
}
.signatureFake .signatureFake-symbol .dtSs--A2 g,
.signatureFake .signatureFake-symbol .dtSs--A2 path {
	stroke: #2868D7;
}

.signatureFake .signatureFake-name {
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: 500;
	height: 10px;
	line-height: 1;
	white-space: nowrap;
	letter-spacing: normal;
}
.signatureFake.signatureFake--isInitial  .signatureFake-name {
	max-width: 60px;
}
.signatureFake.signatureFake--isSignature  .signatureFake-name {
	max-width: 160px;
}
.dtSignatureField {
	position: absolute;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	z-index: -1;
}
.dtSignatureField.dtSignatureField--mode-editFieldActive {
	z-index: 1;
}
.dtSignatureField.dtSignatureField--isModifyStackOrder {
	z-index: 5;
}
.dtSignatureField.dtSignatureField--mode-editFieldActive.dtSignatureField--isModifyStackOrder {
	z-index: 12;
}
.pageExplorer.pageExplorer--mode-view.pageExplorer--isDebug .dtSignatureField,
.pageExplorer.pageExplorer--mode-editFields.pageExplorer--isDebug .dtSignatureField {
/*.pageExplorer.pageExplorer--mode-sign .dtSignatureField {*/
	background-color: rgba(0,0,0,.05);
	/*border: 1px solid rgba(0,0,0,.2);*/
}
.dtSignatureField-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;
}

.dtSignatureField.dtPageFieldInitials .dtSignatureField-content {
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    width: 100%;
    height: 100%;

    -webkit-flex-direction: column;
    flex-direction: column;
}
.dtSignatureField.dtPageFieldInitials.dtSignatureField--isSplitItems .dtSignatureField-content {
	width: 140%;
    height: 200%;
}

/* TODO jahheng - Get rid of this once we have the dynamic calculation for signatures */
.pageExplorerForm--sourceType-smart .dtSignatureField.dtPageFieldInitials .dtSignatureField-content {
    width: 140%;
}

.dtSignatureField-contentItems {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;
}
.dtSignatureField-contentItems + .dtSignatureField-contentItems {
	padding-top: 5px;
}

/* Signatures. */
.pageExplorer.pageExplorer--mode-view.pageExplorer--isDebug .dtSignatureField.dtPageFieldSignature {
	background-color: rgba(0,0,200,.1);
}

/* PageExplorer: Mode: EditFields. */
.pageExplorer.pageExplorer--mode-editFields .dtSignatureFieldItem-contentImage {
	opacity: .5;
}

/* PageExplorer: Mode: EditFieldSelect. */
.pageExplorer.pageExplorer--mode-editFieldSelect .dtSignatureFieldItem-contentImage {
	/*display: none;*/
}
.dtSignatureField .dtSignatureFieldItem--status-signed .dtSignatureFieldItem-contentCaption {
	display: none;
}
/*
.pageExplorer.pageExplorer--mode-editFieldSelect .pageExplorerForm.pageExplorerForm--sourceType-dynamic .dtSignatureField {
	background-color: #C369BA;
}

.pageExplorer.pageExplorer--mode-editFieldSelect .pageExplorerForm.pageExplorerForm--sourceType-dynamic .dtSignatureField:hover {
	background-color: #2868D7;
	background-color: rgba(28,172,192,.7);
	color: #FFF;
}
 */



/* Initials. */
.pageExplorer.pageExplorer--mode-view.pageExplorer--isDebug .dtSignatureField.dtPageFieldInitials,
.pageExplorer.pageExplorer--mode-editFields.pageExplorer--isDebug .dtSignatureField.dtPageFieldInitials {
	background-color: rgba(0,200,0,.2);
	border-radius: 100%;
}

/* Date. */
.pageExplorer.pageExplorer--mode-view.pageExplorer--isDebug .dtSignatureFieldDate,
.pageExplorer.pageExplorer--mode-editFields.pageExplorer--isDebug .dtSignatureFieldDate {
	background-color: rgba(200,0,0,.1);
}

/* Item. */
.dtSignatureFieldItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;
}
.dtSignatureFieldItem:not(:last-of-type) {
	margin-right: 5px;
}
.dtSignatureFieldItem.dtSignatureFieldItem--status-clean {
}
.dtSignatureFieldItem.dtSignatureFieldItem--status-signed {
}
.dtSignatureFieldItem.dtSignatureFieldItem--status-resign {
}
.dtSignatureFieldItem-content {
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;
}
.dtSignatureFieldItem-contentToolbarContainer {
	position: absolute;
	display: none;
    width: 100%;
    height: 100%;
	left: 50%;
/*	bottom: 100%; */

    z-index: 1;

	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);

	margin-bottom: 15px;
}
.pageExplorer.pageExplorer--mode-sign .dtSignatureFieldItem.dtSignatureFieldItem--isCurrentDealPerson .dtSignatureFieldItem-contentToolbarContainer {
	display: block;
}
.dtSignatureFieldItem-contentToolbar {
    width: 100%;
    height: 100%;
}
.dtSignatureFieldItem-contentImage, .dtSignatureFieldItem-contentSigned{
	-webkit-flex: 1;
	flex: 1 auto;

	margin: -10px;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.dtSignatureFieldItem-contentSigned {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.dtSignatureSigned.dtTheme--a .dtSignatureFieldItem-contentSigned .dtSignatureSigned .dtSignatureSigned-bottom {
    bottom: -19px;
}

.dtSignatureSigned.dtTheme--b .dtSignatureFieldItem-contentSigned .dtSignatureSigned .dtSignatureSigned-bottom {
	bottom: -24px;
}

/*.pageExplorer.pageExplorer--mode-sign .dtSignatureFieldItem.dtSignatureFieldItem--isCurrentDealPerson .dtSignatureFieldItem-contentSigned {*/
	/*display: block;*/
	/*position: relative;*/
/*}*/
.pageExplorer.pageExplorer--mode-sign .dtSignatureFieldItem.dtSignatureFieldItem--isCurrentDealPerson .dtSignatureFieldItem-contentImage {
    display: block;
}

.pageExplorer--mode-editFieldSelect .dtSignatureFieldItem,
.pageExplorer--mode-editFieldActive .dtSignatureFieldItem{
	position: absolute;
	width: 100%;
	height: 100%;
}
.dtSignatureField .movableMarkup,
.dtSignatureField .dtMovableMarkupGroup{
	display: none;
}
.dtSignatureField.dtSignatureField-move .movableMarkup,
.dtSignatureField.dtSignatureField-move .dtMovableMarkupGroup{
	display: block;
}

.dtSignatureField.dtSignatureField-move .dtSignatureField-content,
.dtSignatureField.dtSignatureField-move .movableMarkup {
	visibility: hidden;
}

.dtSignatureField.dtSignatureField-move:hover .dtSignatureField-content,
.dtSignatureField.dtSignatureField-move:hover .movableMarkup {
	visibility: visible;
}

.dtSignatureField.dtSignatureField--mode-editFieldActive .movableMarkup,
.dtSignatureField.dtSignatureField--mode-editFieldActive .dtMovableMarkupGroup{
	display: block;
}
.dtSignatureField.dtSignatureField--mode-editFieldSelect .dtSignatureFieldItem {
	position: absolute;
	background-color: rgba(255, 242, 244, 0.9);
	border: solid 1px #e94461;
	display: flex;
	align-items: center;
}


.dtSignatureField.dtSignatureField--mode-editFieldSelect .dtSignatureFieldItem.dtSignatureFieldItem--move {
	background-color: rgba(227, 232, 255, 0.9);
	border: solid 1px #2868D7;
}
.dtSignatureField--mode-editFieldActive .dtSignatureFieldItem {
	position: absolute;
	background-color: rgba(227, 232, 255, 0.9);
	border: solid 1px #2868D7;
	display: flex;
	align-items: center;
}
.dtSignatureFieldItem-contentCaption {
	display: none;
}
.dtSignatureField.dtSignatureField--mode-editFieldSelect .dtSignatureFieldItem-contentCaption,
.dtSignatureField.dtSignatureField--mode-editFieldActive .dtSignatureFieldItem-contentCaption{
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 100%;
}
.dtSignatureFieldItem-contentCaptionIcon {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #2868D7;
	width: 22px;
	height: 22px;
}

.dtSignatureField.dtPageFieldSignature .dtSignatureFieldItem-contentCaptionIcon {
	width: 20px;
	margin-top: -2px;
}

.dtSignatureFieldItem-contentCaptionIcon .dtSs--A2 g,
.dtSignatureFieldItem-contentCaptionIcon .dtSs--A2 path {
	stroke: #2868D7;
}

.dtSignatureField--mode-editFieldSelect .dtSignatureFieldItem-contentCaptionIcon .dtSs--A2 g,
.dtSignatureField--mode-editFieldSelect .dtSignatureFieldItem-contentCaptionIcon .dtSs--A2 path {
	stroke: #e94461;
}

.dtSignatureFieldItem-contentCaptionText {
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: normal;
	color: #2868D7;
	text-align: center;
}
.dtSignatureField.dtSignatureField--mode-editFieldSelect .dtSignatureFieldItem-contentCaptionIcon,
.dtSignatureField.dtSignatureField--mode-editFieldSelect .dtSignatureFieldItem-contentCaptionText,
.dtSignatureField.dtSignatureField--mode-editFieldSelect .dtSignatureFieldItem-contentDateCaption {
	color: #e94461;
}
.dtSignatureFieldItem-contentDateCaption {
	display: none;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: normal;
	color: #2868D7;
	text-align: center;
	width: 100%;
}
.dtSignatureField--mode-editFieldSelect .dtSignatureFieldItem-contentDateCaption,
.dtSignatureField--mode-editFieldActive .dtSignatureFieldItem-contentDateCaption {
	display: block;
}
.pageExplorer.pageExplorer--isDebug .dtSignatureFieldItem-contentSigned {
	border: 1px dashed rgba(0,0,0,.5);
}
.pageExplorer.pageExplorer--isDebug .dtSignatureFieldItem.dtSignatureFieldItem--isCurrentDealPerson .dtSignatureFieldItem-contentSigned {
	border: 2px solid rgba(200,0,0,.5);
	background-color: rgba(0,0,0,.1);
}
.pageExplorer.pageExplorer--isDebug .dtSignatureFieldItem.dtSignatureFieldItem--status-clean .dtSignatureFieldItem-contentSigned {
	background-color: rgba(0,200,0,.1);
}
.pageExplorer.pageExplorer--isDebug .dtSignatureFieldItem.dtSignatureFieldItem--status-signed .dtSignatureFieldItem-contentSigned {
	background-color: rgba(200,0,0,.1);
}
.pageExplorer.pageExplorer--isDebug .dtSignatureFieldItem.dtSignatureFieldItem--status-resign .dtSignatureFieldItem-contentSigned {
	background-color: rgba(0,0,200,.1);
}
.dtSignatureFieldItem-contentDateContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;

	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.dtSignatureFieldItem-contentDate {
	-webkit-flex: 1;
	flex: 1 auto;

	font-family: Metrophobic, serif;
	font-size: 14px;
	font-weight: 400;

	text-align: center;

	color: #000;
}
.dtSignatureField--mode-editFieldSelect .dtSignatureFieldItem-contentDate,
.dtSignatureField--mode-editFieldActive .dtSignatureFieldItem-contentDate {
	display: none;
}

/* Built upon already messed up Saninco code */
.dtSignatureFieldDate.dtSignatureField--mode-view .dtSignatureFieldItemDate--isCurrentDealPerson .dtSignatureFieldItem-content {
	background-color: rgba(233, 233, 233, 0.7);
	border: solid 2px #b4b4b4;
}
.dtSignatureFieldDate.dtSignatureField--mode-view .dtSignatureFieldItemDate--isCurrentDealPerson .dtSignatureFieldItem-contentDateContainer {
	flex-direction: column;
}
.dtSignatureFieldDate.dtSignatureField--mode-view .dtSignatureFieldItemDate--isCurrentDealPerson .dtSignatureFieldItem-contentDateCaption {
	display: flex;
	flex: 1 1 auto;
	color: #969696;
	justify-content: center;
}
.dtSignaturePad {
	/*background-color: rgba(255,0,0,.1);*/
}

/* Content. */
.dtSignaturePad-content {
	position: relative;
}
.dtSignaturePad-contentSpacer {

}
.dtSignaturePad-contentSpacer img {
	display: block;
	width: 100%;
}

.dtSignaturePad-contentWatermarkLayer,
.dtSignaturePad-contentLineLayer,
.dtSignaturePad-contentNoteLayer,

.dtSignaturePad-contentPreview,
.dtSignaturePad-contentCanvas {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


/* Layer: Watermark. */
.dtSignaturePad-contentWatermarkLayer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;
}
.dtSignaturePad-contentWatermark {
	width: 75%;
	height: 75%;

	background-image: url('/docs/assets/images/deal/signature-background.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	opacity: .03;
}

/* Layer: Note. */
.dtSignaturePad-contentNoteLayer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;
}
.dtSignaturePad-contentNote {
	font-size: 14px;
	font-weight: 400;
	color: #000;

	text-align: center;

	margin: 0 20px;
}
.dtSignaturePad.dtSignaturePad--isContent .dtSignaturePad-contentWatermark,
.dtSignaturePad.dtSignaturePad--isContent .dtSignaturePad-contentNote {
	display: none;
}

/* Layer: Line. */
.dtSignaturePad-contentLineLayer {

}
.dtSignaturePad-contentLine {
	position: absolute;

	top: 77%;
	left: 5%;
	right: 5%;

	border-bottom: 3px dashed #ccc;
}

/* Canvas. */
.dtSignaturePad-contentCanvas {

}
.dtSignaturePlaceHolder {
	width: 100%;
	height: 100%;
	background-color: rgba(233, 68, 97, 0.7);
	border: solid 2px #e94461;
	color: #fff;
	border-radius: 2px;
	text-align: center;
}
.dtSignaturePlaceHolder-content {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
}
.dtSignaturePlaceHolder.dtSignaturePlaceHolder--isInitial {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dtSignaturePlaceHolder.dtSignaturePlaceHolder--isWitness {
    background-color: rgba(87, 106, 219, 0.6);
    border: 2px solid #2868D7;
}
.dtSignaturePlaceHolder.dtSignaturePlaceHolder--isWitness.dtSignaturePlaceHolder--isSkipped {
    background-color: rgba(37, 43, 51, 0.7);
    border: 1px solid rgba(37, 43, 51, 1);
}

.dtSignaturePlaceHolder-skip {
    display: none;
    bottom: 105%;
    left: 50%;
	transform: translate(-50%,0);
    position: absolute;
    align-items: center;
    justify-content: center;

	color: rgb(87, 106, 219);
	background-color: rgba(255,255,255,.8);
	padding: 2px 5px;
	text-transform: uppercase;
	font-weight: 500;
	white-space: nowrap;
}
.dtSignaturePlaceHolder.dtSignaturePlaceHolder--isWitness .dtSignaturePlaceHolder-skip{
    display: flex;
}
.dtSignaturePlaceHolder.dtSignaturePlaceHolder--isWitness.dtSignaturePlaceHolder--isSkipped .dtSignaturePlaceHolder-skip{
    display: none;
}
.dtSignaturePlaceHolder-skipOptional {
	display: inline;
}
.dtSignaturePlaceHolder-skipNotRequired {
	margin-left: 4px;
	display: inline;
}


.dtRoot.dtGrid--ss .dtSignaturePlaceHolder {
    /*height: 400%;*/
}
.dtRoot.dtGrid--ss .dtSignaturePlaceHolder.dtSignaturePlaceHolder--isInitial {
	position: absolute;
}

.dtRoot.dtGrid--ss .dtSignaturePlaceHolder .dtSignaturePlaceHolder-skip {
    font-size: 36px;
}
.dtRoot.dtGrid--ss .dtSignaturePlaceHolder-skipNotRequired {
	display: none;
}
.dtSignaturePlaceHolder .dtSignaturePlaceHolder-text,
.dtRoot.dtGrid--ss .dtSignaturePlaceHolder .dtSignaturePlaceHolder-click-text {
	display: none;
}
.dtSignaturePlaceHolder .dtSignaturePlaceHolder-click-text,
.dtRoot.dtGrid--ss .dtSignaturePlaceHolder .dtSignaturePlaceHolder-text {
	display: flex;
}

.dtSignaturePreview {
    background-color: var(--disabled);
    border: solid 1px var(--disabled-light);
    border-radius: 30px;
    color: var(--disabled-text);
    position: absolute;
}

.dtSignaturePreview .dtSignaturePreview-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 34px;
}

.dtSignaturePreview .dtSignaturePreview-content.dtSignaturePreview-content--isInitials {
    width: 60px;
}

.dtSignaturePreview .dtSignaturePreview-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.signatureProgressIndicator {

}

.signatureProgressIndicator-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.signatureProgressIndicator-navigate-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    -webkit-flex: 1;
    flex: 1 auto;
}

.signatureProgressIndicator-progress {
    -webkit-flex: 1;
    flex: 1 auto;
}


.dtSignatureSigned {
	position: absolute;
	z-index: 1;
	/*!*top: 5px;*!*/
	/*left: 0;*/
	/*margin-left: -35px;*/

    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dtSignatureSigned.dtSignatureSigned--isInitial {

}

.dtSignatureSigned .dtSignatureSigned-content {
	width: 120px;
	height: 34px;
	border: 1px solid #2868D7;
	background-color: rgba(88, 106, 219, 0.2);
	border-radius: 30px;
}

.dtSignatureSigned.dtSignatureSigned--isInitial .dtSignatureSigned-content {
    width: 60px;
}

.dtSignatureSigned.dtSignatureSigned--isWitness .dtSignatureSigned-content {
    border: 1px solid rgba(87, 106, 219, 0.6);
    background-color: rgba(87, 106, 219, 0.1);
}

.dtSignatureSigned .dtSignatureSigned-signContent {
	position: absolute;
	width: 110px;
	height: 24px;
	top: 7px;
	left: 5px;
	background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.dtSignatureSigned.dtSignatureSigned--isInitial .dtSignatureSigned-signContent {
    width: 58px;
    left: 1px;
}

.dtSignatureSigned .dtSignatureSigned-bottom {
    position: relative;
    bottom: -5px;
}

.dtSignatureSigned.dtTheme--a .dtSignatureSigned-bottom {
	bottom: -24px;
}

.dtSignatureSigned.dtTheme--b .dtSignatureSigned-bottom {
	bottom: -5px;
}

.dtSignatureSigned.dtTheme--b  .dtSignatureSigned-content {
	height: 25px;
}

.dtSignatureSigned.dtTheme--b  .dtSignatureSigned-signContent {
	top: 0;
}

.dtSignatureSigned .dtSignatureSigned-closeContent {
	/*display: none;*/
	position: absolute;
	width: 24px;
	height: 24px;
	right: -9px;
	z-index: 4;
	top: -8px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	border: 2px solid #FFF;
	border-radius: 24px;
	background-color: #2868D7;
}
.pageExplorer.pageExplorer--mode-sign .dtSignatureFieldItem.dtSignatureFieldItem--isCurrentDealPerson.dtSignatureFieldItem--isShowDelete .dtSignatureSigned-closeContent {
	display: block;
}
.dtSignatureSigned .dtSignatureSigned-close {
    font-size: 16px;
    margin-top: -9px;
}

.dtSignatureSigned .dtSignatureSigned-signIndex,
.dtSignatureSigned .dtSignatureSigned-signDateTime {
	display: inline-block;
}

/* Signature sign index and signature sign date common styles */
.dtSignatureSigned .dtSignatureSigned-signIndex,
.dtSignatureSigned .dtSignatureSigned-signDate {
    position: relative;

    display: inline-block;
    padding: 0 5px;
    margin-top: -1px;

    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    background-color: #2868D7;
}

.dtSignatureSigned .dtSignatureSigned-signDate {
	display: block;
	line-height: normal;
	text-align: left;
	width: 65px;
}

.dtSignatureSigned .dtSignatureSigned-signDate + .dtSignatureSigned-signDate{
	margin-top: 3px;
}

/* Signature sign index */
.dtSignatureSigned.dtSignatureSigned--isWitness .dtSignatureSigned-signIndex {
    background-color: #2868D7;
}

.dtSignatureSigned.dtSignatureSigned--isInitial .dtSignatureSigned-signIndex {
    font-size: 8px;
}

.dtGrid--ss .dtSignatureSigned {
	/*transform: scale(2);*/
}

/* Theme B. */

.dtSignatureSigned.dtTheme--b {
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform: none;
	transform: none;
}

.dtSignatureSigned.dtTheme--a .dtSignatureSigned-content {
	height: 40px;
}


.dtSignatureSigned.dtTheme--b .dtSignatureSigned-bottom {
	bottom: -15px;
}

.dtSignatureSigned.dtSignatureSigned--isInitial.dtTheme--b .dtSignatureSigned-bottom {
	bottom: -17px;
}

/* Theme P - in PDF document*/
.dtSignatureSigned.dtTheme--p {
	width: 100%;
	height: 100%;
}

.dtSignatureSigned.dtTheme--p .dtSignatureSigned-content {
	width: 100%;
	height: 100%;
}

.dtSignatureSigned.dtTheme--p .dtSignatureSigned-signContent {
	width: auto;
	height: auto;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
}

.dtSignatureSigned.dtTheme--p .dtSignatureSigned-bottom,
.dtSignatureSigned.dtTheme--p.dtSignatureSigned--isInitial .dtSignatureSigned-bottom {
	position: absolute;
	bottom: -5px;
}

.dtSlider {

}
.dtSlider-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* Slider. */
.dtSlider-slider {
	-webkit-flex: 1;
	flex: 1 auto;

	position: relative;
	background-color: #000;
}
.dtSlider.dtSlider--isStepNav .dtSlider-slider {
	margin: 0 30px;
}
.dtSlider-sliderStep {
	position: relative;
}
.dtSlider-sliderStepMinus,
.dtSlider-sliderStepPlus {
	position: absolute;

	width: 30px;
	height: 20px;

	text-align: center;

	font-size: 28px;
	line-height: 20px;

	left: 50%;
	top: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	color: #2868D7;

	opacity: .5;
}
.dtSlider-sliderStepMinus:hover,
.dtSlider-sliderStepPlus:hover {
	opacity: 1;
}
.dtSlider-sliderStepMinus:after,
.dtSlider-sliderStepPlus:after {
	position: absolute;

	display: block;
	content: '';

	width: 30px;
	height: 30px;

	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.dtSlider-sliderBackground,
.dtSlider-sliderRange,
.dtSlider-sliderBubbles,
.dtSlider-sliderListener,
.dtSlider-sliderHandle {
	position: absolute;

	top: 0;
	left: 0;
}
.dtSlider-sliderBackground {
	right: 0;
	bottom: 0;
}
.dtSlider-sliderRange {
	right: 50%;
}
.dtSlider-sliderBubbles {
	right: 0;
	bottom: 0;
}
.dtSlider-sliderListener {
	margin: -20px;

	right: 0;
	bottom: 0;
}

/* Bubble. */
.dtSlider-bubble {
	position: absolute;

	width: 0;
	height: 0;
}
.dtSlider-bubbleContent {
	position: absolute;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;

	width: 20px;
	height: 20px;

	left: 50%;
	top: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	font-weight: 500;
	font-size: 12px;

	color: #fff;

	border-radius: 100%;
}

/* Handle. */
.dtSlider-handle {
	position: absolute;

	width: 0;
	height: 0;

	left: 50%;
}
.dtSlider-handleContent {
	position: absolute;

	width: 16px;
	height: 16px;

	left: 50%;
	top: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	background-color: #fff;
	border-radius: 100%;
}
.dtSlider:hover .dtSlider-handleContent {

}
.dtSlider-handleContent:before {
	position: absolute;
	display: block;
	content: '';

	left: 50%;
	top: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.dtSlider-handleCaption {
	display: none;
	position: absolute;

	left: 50%;
	bottom: 100%;

	font-size: 14px;

	margin-bottom: 10px;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, 0);
}
.dtSlider:hover .dtSlider-handleCaption {
	display: block;
}

/* Theme A. */
.dtSlider.dtTheme--a .dtSlider-content {
	padding: 10px;
}
.dtSlider.dtTheme--a .dtSlider-sliderBackground {
	margin: -10px;
	border-radius: 10px;
	background-color: #eee;
}
.dtSlider.dtTheme--a .dtSlider-sliderRange {
	border: 10px solid #2868D7;
	border-radius: 10px;
	margin: -10px;
}
.dtSlider.dtTheme--a .dtSlider-handleContent {
	width: 16px;
	height: 16px;
}

/* Theme B. */
.dtSlider.dtTheme--b .dtSlider-content {
	padding: 10px;
}
.dtSlider.dtTheme--b .dtSlider-sliderBackground {
	margin: -7px;
	border-radius: 7px;
	background-color: #b0c2cc;
}
.dtSlider.dtTheme--b .dtSlider-sliderRange {
	border: 7px solid #2868D7;
	border-radius: 7px;
	margin: -7px;
}
.dtSlider.dtTheme--b .dtSlider-handleContent {
	width: 20px;
	height: 20px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
}


/* Slideshow. */
.dtSlideshow {
	-webkit-flex: 1;
	flex: 1;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items:center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;
}

/* Slideshow: Content.*/
.dtSlideshow .dtSlideshow-content {
	max-width: 480px;
}
.dtSlideshow.dt--isFit .dtSlideshow-content {
	-webkit-flex-direction: column;
	flex-direction: column;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items:center;
	align-items: center;
}
.dtSlideshow.dt--isGrow .dtSlideshow-content {

}
.dtSlideshow .dtSlideshow-contentItems {
	-webkit-flex: 1;
	flex: 1;
}

/* Slideshow: Indicator.*/
.dtSlideshow .dtSlideshow-indicator {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;

	margin-top: 15px;

	visibility: hidden;
}
.dtSlideshow.dtSlideshow--isShowIndicators .dtSlideshow-indicator {
	visibility: visible;
}
.dtSlideshow.dtSlideshow--isHideSingleIndicator .dtSlideshow-indicator {
	display: none;
}
.dtSlideshow .dtSlideshow-indicatorItem {
	position: relative;

	width: 9px;
	height: 9px;

	background-color: #2868D7;
	opacity: 0.3;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.dtSlideshow .dtSlideshow-indicatorItem:before {
	position: absolute;
	content: '';
	display: block;

	width: 20px;
	height: 20px;

	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.dtSlideshow-indicatorItem.dtSlideshow-indicatorItem--isActive {
	opacity: .85;
}
.dtSlideshow-indicatorItem:hover,
.dtSlideshow-indicatorItem.dtSlideshow-indicatorItem--isActive:hover {
	opacity: 1;
}
.dtSlideshow-indicatorItem + .dtSlideshow-indicatorItem {
	margin-left: 12px;
}

/* Slideshow: Footer.*/
.dtSlideshow .dtSlideshow-footer {
	margin-top: 15px;
	margin-bottom: 12px;
	text-align: center;
}
.dtSlideshow.dtSlideshow--isFooterCommandsBlock .dtSlideshow-footer .dtButton.dtButton--isInline + .dtButton.dtButton--isInline {
	margin-top: 10px;
	margin-left: 50px;
	margin-right: 50px;
}

/*
* Slideshow Theme B.
* Used in Deal Creation Wizard (SlideshowLink)
*/
.dtSlideshow.dtTheme--b .dtSlideshowItem-content .dtSlideshowItem-caption {
    padding: 10px 40px 0;
	margin-bottom: 40px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	text-transform: none;
}
.dtSlideshow.dtTheme--b .dtSlideshowItem-footer.dtSlideshowItem-contentText {
	margin-top: 35px;
	font-size: 12px;
}
.dtSlideshow.dtTheme--b .dtSlideshow-indicator {
	margin-top: 23px;
}
.dtSlideshow.dtTheme--b .dtSlideshow-indicatorItem {
    width: 8px;
    height: 8px;
    background-color: rgba(25, 27, 36, 0.2);
    opacity: 1;
}
.dtSlideshow.dtTheme--b .dtSlideshow-indicatorItem.dtSlideshow-indicatorItem--isActive {
    background-color: #fff;
}
.dtSlideshow.dtTheme--b .dtSlideshow-indicatorItem:not(:last-of-type) {
	margin-right: 12px;
}

.dtSlideshowItem {
	text-align: center;
}
.dtSlideshowItem.dtSlideshowItem--isVisible {

}
.dtSlideshowItem.dtSlideshowItem--isNotVisible {
	display: none;
}

/* Image. */
.dtSlideshowItem .dtSlideshowItem-spacer {
	position: relative;
	margin-bottom: 5px;
}
.dtSlideshowItem .dtSlideshowItem-spacerImage {
	display: block;
	margin: auto;
	height: 225px;
	max-height: 240px;
}
.dtSlideshowItem .dtSlideshowItem-image {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* Content. */
.dtSlideshowItem .dtSlideshowItem-content {
	min-height: 160px;
	padding: 0 30px;
}

/* Caption. */
.dtSlideshowItem-content .dtSlideshowItem-caption {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.22;
	color: #252b33;
}
.dtSlideshowItem-body {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.33;
	color: #767486;

	margin: 0 20px;
	margin-top: 10px;
}
.sourceFormCleaner {

}
.sourceFormCleaner-content {

}
.sourceFormCleaner-pages {
	display: flex;
	letter-spacing: normal;
}
.sourceFormCleaner-raw,
.sourceFormCleaner-clean {
	margin: 20px;
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0 2px 9px -3px rgba(0,0,0,.5);
}
.sourceFormCleaner-raw {

}
.sourceFormCleaner-clean {

}
.sourceFormViewer {
	width: 640px;
	height: 700px;
}
.sourceFormViewer.sourceFormView--isV4Flow {
	width: 645px;
}

.dtModal.dtTheme--b.dtModal--isFooter .sourceFormViewer {
	margin-bottom: 55px;
}

.sourceFormViewer .sourceFormViewer-contentScroll {
	background-color: #ececec;
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

.sourceFormViewer .sourceFormViewer-pageSpacer {
	width: 100%;
	min-height: 325px;
}

.sourceFormViewer .sourceFormViewer-pageContainer {
	padding: 15px;
	background-color: #ececec;
}
.sourceFormViewer .sourceFormViewer-page {
	background-size: cover;
	width: 100%;
}

body.dtTouch.dtGrid--sm .sourceFormViewer {
	width: auto;
	height: auto;
}

body.dtTouch.dtGrid--sm .sourceFormViewer .sourceFormViewer-contentScroll {
	max-height: 100vh;
}
.dtSpacer {
	display: block;
	width: 100%;
}

.dtSpacer.dtSpacer--theme-checkbox {
	box-sizing: border-box;
}
.dtSymbol {
	width: 100%;
	height: 100%;
}
.dtSymbol.dtSymbol--isCenter {
	/*position: relative;*/
	/*top: 50%;*/
	/*left: 50%;*/
	/*transform: translate(-50%,-50%);*/
}
.dtSymbol svg {
	width: inherit;
	height: inherit;
}

/**
 The following section outlines themes for symbols.
 Symbols consist of primary (A), secondary (B), etc... components.
 */

/* Theme: Corporate. */
.dtSymbol.dtSymbol-theme--corporate .dtSf--A { fill: #2868D7; }
.dtSymbol.dtSymbol-theme--corporate .dtSs--A { stroke: #2868D7; }
.dtSymbol.dtSymbol-theme--corporate .dtSs--A2 { stroke: #2868D7; }

/* Theme: Custom. */
.dtSymbol.dtSymbol-theme--custom .dtSf--A { fill: #31303b; }
.dtSymbol.dtSymbol-theme--custom .dtSs--A { stroke: #31303b; }

/* Theme: Primary. */
.dtSymbol.dtSymbol-theme--primary .dtSf--A { fill: #31303b; }
.dtSymbol.dtSymbol-theme--primary .dtSf--A2 { fill: #302f3b; }
.dtSymbol.dtSymbol-theme--primary .dtSs--A { stroke: #31303b; }
.dtSymbol.dtSymbol-theme--primary .dtSs--A2 { stroke: #302f3b; }
.dtSymbol.dtSymbol-theme--primary .dtSs--A3 { stroke: #767486; }
.dtSymbol.dtSymbol-theme--primary .dtSf--A4 { fill: #c5cad6; }

/* Theme: Primary: Inverse. */
.dtSymbol.dtSymbol-theme--inverse .dtSf--A { fill: #ffffff; }
.dtSymbol.dtSymbol-theme--inverse .dtSf--A2 { stroke: #ffffff; }
.dtSymbol.dtSymbol-theme--inverse .dtSs--A { stroke: #ffffff; }
.dtSymbol.dtSymbol-theme--inverse .dtSs--A2 { stroke: #ffffff; }
.dtSymbol.dtSymbol-theme--inverse .dtSs--A3 { stroke: #ffffff; }

/* Theme: Error. */
.dtSymbol.dtSymbol-theme--error .dtSf--A { fill: #e94461; }
.dtSymbol.dtSymbol-theme--error .dtSs--A { stroke: #e94461; }
.dtSymbol.dtSymbol-theme--error .dtSs--A2 { stroke: #e94461; }

/* Theme: Info. */
.dtSymbol.dtSymbol-theme--info .dtSf--A { fill: #2868D7; }
.dtSymbol.dtSymbol-theme--info .dtSs--A { stroke: #2868D7; }

/* Theme: Success. */
.dtSymbol.dtSymbol-theme--success .dtSf--A { fill: #58dbac; }
.dtSymbol.dtSymbol-theme--success .dtSs--A { stroke: #58dbac; }
.dtSymbol.dtSymbol-theme--success .dtSs--A2 { stroke: #58dbac; }

/* Theme: Warning. */
.dtSymbol.dtSymbol-theme--warning .dtSf--A { fill: #ffa24c; }
.dtSymbol.dtSymbol-theme--warning .dtSs--A { stroke: #ffa24c; }

/* Theme: Neutral. */
.dtSymbol.dtSymbol-theme--neutral .dtSf--A { fill: #bcbcc8; }
.dtSymbol.dtSymbol-theme--neutral .dtSs--A { stroke: #bcbcc8; }
.dtSymbolInfo {
	margin: 10px;
	border: 1px solid #ccc;
}
.dtSymbolInfo-symbol {
	position: relative;

	width: 140px;
	height: 140px;
	background-color: rgba(0, 0, 0, 0.05);
}
.dtSymbolInfo-symbol .dtSymbol {
	/*position: absolute;*/
	/*top: 50%;*/
	/*left: 50%;*/
	/*transform: translate(-50%,-50%);*/
}
.dtSymbolInfo-caption {
	padding: 10px 20px;

	font-size: 10px;
	font-weight: 500;

	text-align: center;
	/*text-transform: uppercase;*/

	border-top: 1px solid #ccc;
	background-color: rgba(0,0,0,.02);
}
.systemItemLocationPill {

}
.systemItemLocationPill-content {
	display: flex;
	align-items: center;
}
.systemItemLocationPill-symbol {
	width: 24px;
	height: 24px;
	min-width: 24px;
}
.systemItemLocationPill-text {
	-webkit-flex: 0 auto;
	flex: 0 auto;
	margin: 10px;
	font-size: 12px;
	color: #191b24;
}
.systemItemPermissionIndicator {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.systemItemPermissionIndicator-icon {
	width: 24px;
	height: 24px;
	margin-right: 6px;
}
.systemItemPermissionIndicator-label {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;

	-webkit-align-items: center;
	align-items: center;
}
/**
 @see App\System\Enums\SystemMessageStyle
 */

.dtSystemMessage--error {
	color: #E84361;
}
.dtSystemMessage--sample {
	color: #596ada;
}
.dtSystemMessage--warning {
	color: #F68709;
}
/* Nav. */
.dtTabsNav {

}
.dtTabsNav-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtTabsNav.dtTabs--isAccordion.dtGrid--md .dtTabsNav-items {
	display: none;
}

/* Tab: Nav. */
.dtTabNav {}
.dtTabsNav.dtTabsNav--isNavFlex .dtTabNav {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtTabsNav.dtTabsNav--isNotNavFlex .dtTabNav {
	max-width: 220px;
}
.dtTabNav-header {

}
.dtTabNav-caption {

}

/* Tab: Nav: Theme: A. */
.dtTabsNav.dtTheme--a {
	border-bottom: 1px solid #729BE9;
}
.dtTabsNav.dtTheme--a .dtTabsNav-items.dtTabsNav--isHide {
	display: none;
}
.dtTabsNav.dtTheme--a .dtTabNav {
	height: 45px;
}
.dtTabsNav.dtTheme--a .dtTabNav.dtTabNav--isSelected,
.dtTabsNav.dtTheme--a .dtTabNav.dtTabNav--isNotSelected:hover {
	border-bottom: 4px solid #2868D7;
	font-weight: 700;
	color: #252b33;
}
.dtTabsNav.dtTheme--a .dtTabNav.dtTabNav--isNotSelected {
	border-bottom: 4px solid transparent;
	color: #767486;
}
.dtTabsNav.dtTheme--a .dtTabNav-caption {
	line-height: 45px;
	text-align: center;
}

/* Tab: Nav: Theme: B. */
.dtTabsNav.dtTheme--b .dtTabNav.dtTabNav--isSelected .dtTabNav-header {

}
.dtTabsNav.dtTheme--b .dtTabNav.dtTabNav--isNotSelected:hover .dtTabNav-header {
	border-top-color: #ccc;
}
.dtTabsNav.dtTheme--b .dtTabNav-caption {
	font-size: 14px;
	font-weight: 400;
	color: #aaa;
	padding: 10px 30px;
}
.dtTabsNav.dtTheme--b .dtTabNav:hover .dtTabNav-caption {
	background-color: #000;
	color: #fff;
}
.dtTabsNav.dtTheme--b .dtTabNav.dtTabNav--isSelected .dtTabNav-caption {
	background-color: #2868D7;
	color: #fff;
}

/* Tab: Nav: Theme: C. */
.dtTabsNav.dtTheme--c .dtTabsNav-items {
	border-bottom: 1px solid #ccc;
}
.dtTabsNav.dtTheme--c .dtTabNav {
	position: relative;
	z-index: 1;
	margin-bottom: -1px;
}
.dtTabsNav.dtTheme--c .dtTabNav:not(:first-of-type) {
	margin-left: -1px;
}
.dtTabsNav.dtTheme--c .dtTabNav.dtTabNav--isSelected .dtTabNav-header {

}
.dtTabsNav.dtTheme--c .dtTabNav.dtTabNav--isNotSelected:hover .dtTabNav-header {

}
.dtTabsNav.dtTheme--c .dtTabNav-caption {
	font-size: 17px;
	font-weight: 300;
	color: #aaa;
	padding: 0 30px;
	line-height: 2.5;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #eff8f8;

	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
.dtTabsNav.dtTheme--c .dtTabNav:hover .dtTabNav-caption {
	color: #666;
	background-color: #eff8f8;
}
.dtTabsNav.dtTheme--c .dtTabNav.dtTabNav--isSelected .dtTabNav-caption {
	color: #222;
	background-color: #fff;
}
.dtTabsNav.dtTheme--c .dtTabNav.dtTabNav--isNotSelected .dtTabNav-caption {
	border-bottom: 1px solid #ccc;
}

/* Tab: Nav: Theme: D. */
.dtTabsNav.dtTheme--d .dtTabsNav-items {
    border: 1px solid #dcdee4;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dtTabsNav.dtTheme--d .dtTabNav {
	position: relative;
	z-index: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    width: 111px;
    height: 54px;
    border-bottom: none;
    margin-bottom: -1px;
    color: #767486;
}
.dtTabsNav.dtTheme--d .dtTabNav + .dtTabNav {
    border-left: 1px solid #dcdee4;
}
.dtTabsNav.dtTheme--d .dtTabNav.dtTabNav--isSelected {
    border-top: 5px solid #2868D7;

    color: #252b33;
    background-color: #fcfbfc;
}
.dtTabsNav.dtTheme--d .dtTabNav:first-child.dtTabNav--isSelected {
    border-top-left-radius: 5px;
}
.dtTabsNav.dtTheme--d .dtTabNav:last-child.dtTabNav--isSelected {
    border-top-right-radius: 5px;
}
.dtTabsNav.dtTheme--d .dtTabNav-caption {
	color: #767486;

	padding: 0 10px;

	-webkit-flex: 1;
	flex: 1;

	font-size: 12px;
	font-weight: 400;
	text-align: center;

	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	overflow-wrap: break-word;
}
.dtTabsNav.dtTheme--d .dtTabNav.dtTabNav--isSelected .dtTabNav-caption {
	color: #252b33;

	font-weight: 500;
}

/* Tab: Nav: Theme: F. */
.dtTabsNav.dtTheme--f {
	border-bottom: 1px solid #f0eff1;
}
.dtTabsNav.dtTheme--f .dtTabsNav-items.dtTabsNav--isHide {
	display: none;
}
.dtTabsNav.dtTheme--f .dtTabNav {
	height: 45px;
}
.dtTabsNav.dtTheme--f .dtTabNav.dtTabNav--isSelected,
.dtTabsNav.dtTheme--f .dtTabNav.dtTabNav--isNotSelected:hover {
	border-bottom: 4px solid #f0eff1;
	font-weight: 700;
	color: #252b33;
}
.dtTabsNav.dtTheme--f .dtTabNav.dtTabNav--isNotSelected {
	border-bottom: 4px solid transparent;
	color: #767486;
}

/* Content. */
.dtTabsContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtTabsContent.dtTabsContent--isContentFlex {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* Tab: Content. */
.dtTabContent {
	display: none;

	-webkit-flex: 1;
	flex: 1 auto;

	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtTabContent.dtTabContent--isSelected {
	display: block;
}
.dtTabsContent.dtTabsContent--isContentFlex .dtTabContent.dtTabContent--isSelected {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtTabsContent.dtTabs--isAccordion.dtGrid--md .dtTabContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	border: 1px solid #ccc;
}
.dtTabsContent.dtTabs--isAccordion.dtGrid--md.dtTheme--f .dtTabContent {
	border-color: #f0eff1;
}
.dtTabsContent.dtTabs--isAccordion.dtGrid--md .dtTabContent:not(:last-of-type) {
	border-bottom: none;
}

/* Tab: Content: Header. */
.dtTabContent-header {
	display: none;
}
.dtTabsContent.dtTabs--isAccordion.dtGrid--md .dtTabContent-header {
	display: block;
}
.dtTabContent-headerContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	color: #fff;
	background-color: #b0c2cc;
}
.dtTabsContent.dtTabs--isAccordion .dtTabContent-header:hover .dtTabContent-headerContent {
	background-color: #000;
}
.dtTabsContent.dtTabs--isAccordion .dtTabContent.dtTabContent--isExpanded .dtTabContent-headerContent {
	background-color: #2868D7;
	border-bottom: 1px solid #ccc;
}
.dtTabContent-headerCaption {
	-webkit-flex: 1;
	flex: 1 auto;

	font-size: 17px;
	font-weight: 300;

	padding: 0 20px;

	line-height: 2.5;
}
.dtTabsContent.dtTabs--isAccordion .dtTabContent-header:hover .dtTabContent-headerCaption,
.dtTabsContent.dtTabs--isAccordion .dtTabContent.dtTabContent--isExpanded .dtTabContent-headerCaption {
	color: #fff;
}
.dtTabContent-headerIndicator {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	width: 30px;

	-webkit-align-items: center;
	align-items: center;

	opacity: .7;
}
.dtTabContent-header:hover .dtTabContent-headerIndicator {
	opacity: 1;
}

/* Tab: Content: Body. */
.dtTabContent-body {

}
.dtTabsContent.dtTabsContent--isContentPadding .dtTabContent-body {
	padding: 20px 30px;
}
.dtTabsContent.dtTabs--isAccordion .dtTabContent .dtTabContent-body {
	display: none;

}
.dtTabsContent.dtTabs--isAccordion .dtTabContent.dtTabContent--isSelected,
.dtTabsContent.dtTabs--isAccordion .dtTabContent.dtTabContent--isExpanded .dtTabContent-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtTabsContent.dtTabsContent--isContentFlex .dtTabContent.dtTabContent--isExpanded .dtTabContent-body {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtTabsContent.dtTabsContent--isContentFlex > .dtTabContent.dtTabContent--isExpanded > .dtTabContent-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtTabsContent .dtTabContent .dtTabContent-bodyContent {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtTabsContent.dtTabsContent--isContentFlex > .dtTabContent > .dtTabContent-body > .dtTabContent-bodyContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* TabsContent: Theme D. Used in DocSelections. */
.dtTabsContent.dtTheme--d {
    border: 1px solid #dcdee4;

    background-color: #fcfbfc;
}
.dtTabsContent.dtTheme--d.dtTabsContent--isContentPadding .dtTabContent-body {
    padding: 10px;
}

/* TabsContent: Theme E. Alternate Theme for DocSelections. */
.dtTabsContent.dtTheme--e {
	border-bottom: 1px solid #dcdee4;

	background-color: #fcfbfc;
}
.dtTabsContent.dtTheme--e.dtTabsContent--isContentPadding .dtTabContent-body {
	padding: 10px;
}

/* TabsContent: Theme F. */
.dtTabsContent.dtTheme--f .dtTabContent-headerContent {
	background-color: #fafafa;
	color: #252b33;

}
.dtTabsContent.dtTheme--f .dtTabContent-headerContent .dtTabContent-headerCaption {
	font-size: 12px;
	padding: 5px 20px;
}

/* TabNav: Theme: dtTabs--theme-dashboardTile. */
.dtTabsNav.dtTabs--theme-dashboardTile {
	border-bottom: 1px solid #f0eff1;
	display: flex;
	align-items: center;
}
.dtTabsNav.dtTabs--theme-dashboardTile .dtTabsNav-title {

}
.dtTabsNav.dtTabs--theme-dashboardTile .dtTabsNav-items.dtTabsNav--isHide {
	align-items: center;
}
.dtTabsNav.dtTabs--theme-dashboardTile .dtTabsNav-items.dtTabsNav--isHide {
	display: none;
}
.dtTabsNav.dtTabs--theme-dashboardTile .dtTabNav {
	min-height: 30px;
	text-align: center;
	padding: 0 15px;
}
.dtTabsNav.dtTabs--theme-dashboardTile .dtTabNav.dtTabNav--isSelected,
.dtTabsNav.dtTabs--theme-dashboardTile .dtTabNav.dtTabNav--isNotSelected:hover {
	border-bottom: 4px solid #f0eff1;
	color: #000;
}
.dtTabsNav.dtTabs--theme-dashboardTile .dtTabNav.dtTabNav--isNotSelected {
	border-bottom: 4px solid transparent;
	color: #767486;
}
.dtTabsContent.dtTabs--isAccordion.dtGrid--md.dtTabs--theme-dashboardTile .dtTabContent {
	border-color: #f0eff1;
}
.dtTabsContent.dtTabs--theme-dashboardTile .dtTabContent-headerContent .dtTabContent-headerCaption {
	font-size: 12px;
	padding: 5px 20px;
}

.dtTabsContent.dtTabs--theme-dashboardTile.dtTabsContent--isContentPadding .dtTabContent-body {
	margin-top: 10px;
	padding: 0;
}
.TextBox {
	display: inline-block;
	position: relative;
}

.TextBox-content {
	display: inline-block;

	overflow: hidden;
	white-space: pre-wrap;

	line-height: 1;
	letter-spacing: initial;

	padding: 0;
	margin: 0;
	border: none;
	outline: none;

	word-break: break-word;
	overflow-wrap: break-word;
	/*
	font-family: inherit;
	font-weight: inherit;
	font-size: 22px;
	*/

	background-color: transparent;
	resize: none;
}

/** Field not assigned to person empty field. */
.TextBox.TextBox--isNotAssignedCurrentDealPerson.TextBox--isEmpty .TextBox-contentCenter {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-top: 5px;
}

.TextBox-anchor,
.TextBox-anchor::after {
	display: inline-block;
	position: absolute;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.TextBox-anchor::after {
	content: ' ';
	width: 8px;
	height: 8px;
	top: -4px;
	left: -5px;
	border-radius: 3px;
	background-color: #729BE9;
}

.TextBox-anchor-left {
	cursor: e-resize;
}

.TextBox-anchor-right {
	cursor: w-resize;
}

/* Highlight state */
.TextBox--isChangedHighlight {
}
.dtTextBoxEmpty {

}

/** Field not assigned to person empty field. */
.dtTextBoxEmpty .dtTextBoxEmpty-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dtTextBoxEmpty .dtTextBoxEmpty-contentSymbol {
	width: 25px;
}

.dtTextBoxEmpty .dtTextBoxEmpty-contentAssigneeRoleName {
	text-align: center;
	font-size: 10px;
	font-weight: 500;
}

.dtTextBoxEmpty.dtTextBoxEmpty--isAssignedCurrentPerson .dtTextBoxEmpty-contentFillHere {
	/*color: #fff;*/
	margin: auto;
	font-size: 10px;
	line-height: 40px;
}

.textboxFake {
	position: absolute;
	z-index: 12;
	background-color: rgba(227, 232, 255, 0.9);
	border: solid 1px #2868D7;
	color: #2868D7;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.textboxFake .textboxFake-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;

	flex-direction: column;
	align-items: center;
	width: 160px;
	height: 30px;
	text-align: center;
}

.textboxFake .textboxFake-content .textboxFake-symbol {
	height: 22px;
	max-height: 22px;
	margin-top: -2px;
}

.textboxFake .textboxFake-symbol .dtSs--A2 g,
.textboxFake .textboxFake-symbol .dtSs--A2 path {
	stroke: #2868D7;
}

.textboxFake .textboxFake-name {
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: 500;
	height: 10px;
	line-height: 1;
	white-space: nowrap;
	letter-spacing: normal;
	max-width: 160px;
	color: #2868D7;
}
.dtTip {
	position: absolute;
	left: -80px;
}
.dtTip.dtTip--isItemSigned {
	display: none;
}
.dtTip .dtTip-content {
	display: flex;
}
.dtTip .dtTip-caption {

	display: flex;
	justify-content: center;
	flex-direction: column;

	flex: 1;
	width: 90px;
	height: 30px;
	background-color: #e94461;

	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;

	font-size: 12px;
	font-weight: 500;
	color: #fff;

	text-align: center;
}
.dtTip .dtTip-arrow {
	flex: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 12px solid #e94461;
}

/** For witness */
.dtTip.dtTip--isWitness .dtTip-caption {
	background-color: #2868D7;
}
.dtTip.dtTip--isWitness .dtTip-arrow {
	border-left: 12px solid #2868D7;
}

/* Responsive tricks */
.dtRoot.dtGrid--md.dtTouch .dtTip {
	left: -20px;
}

.dtRoot.dtGrid--ss.dtTouch .dtTip {
	width: 46px;
}
.dtRoot.dtGrid--ss.dtTouch .dtTip .dtTip-caption {

	padding: 5px;
	height: 40px;
}

.dtRoot.dtGrid--ss.dtTouch .dtTip .dtTip-arrow {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 15px solid #e94461;
}
.dtRoot.dtGrid--ss.dtTouch .dtTip.dtTip--isWitness .dtTip-arrow {
	border-left: 15px solid #2868D7;
}

/** The really tiny one on deal form stack */
.dtTip.dtTip--isMinimal {
	left: 7px;
}
.dtTip.dtTip--isMinimal .dtTip-caption {
	width: 14px;
	height: 10px;
}
.dtTip.dtTip--isMinimal .dtTip-arrow {
	flex: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #e94461;
}

.toolbarDropdownContent {
	text-align: right;
}

.toolbarDropdownContent .dtButton-caption {
	font-size: 9px;
}
.uploadProgressItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: start;
	padding-bottom: 10px;
}

.uploadProgressItem-status,
.uploadProgressItem-icon {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}
.uploadProgressItem-status {
	position: relative;
}

.uploadProgressItem-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1 auto;
	padding-left: 10px;
}
.uploadProgressItem-content-name {
	-webkit-flex: 1;
    flex: 1 auto;
	line-height: 24px;
}

.uploadProgressItem-content-message {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.uploadProgressItem-content-messageIcon {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}
.uploadProgressItem-content-messageContent {
	-webkit-flex: 1;
	flex: 1 auto;
	line-height: 24px;
	color: #888;
	font-size: 12px;
}
.uploadProgressItem-content-messageIcon:empty,
.uploadProgressItem-content-messageContent:empty {
	display: none;
}

.dtUserAvatar {
    border-radius: 100%;
    height:100%;
    width:100%;
}

.dtUserAvatar img,
.dtUserAvatar .dtSymbol svg {
    background-color: #FFF;
    border-radius: 100%;
    height: auto;
    width: 100%;
}

.dtUserAvatar .dtUserAvatar-sectionAvatarImage {
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height:100%;
    overflow: hidden;
    width:100%;
}

.dtUserAvatar.dtUserAvatar--hasAvatar .dtUserAvatar-sectionAvatarImage{
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Avatar is Editable */
.dtUserAvatar.dtUserAvatar--canEdit{
    border: 2px dotted rgba(0, 0, 0, 0.12);
}

.dtUserAvatar.dtUserAvatar--noAvatar.dtUserAvatar--canEdit .dtSymbol{
    opacity: 0.1;
}

.dtUserAvatar.dtUserAvatar--noAvatar {
    position: relative;
}


.dtUserAvatar.dtUserAvatar--noAvatar.dtUserAvatar--canEdit:after {
    -webkit-align-items: center;
    align-items: center;
    color: #2868D7;
    content: "Upload";
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    text-decoration: underline;
    width: 100%;
}

.dtUserAvatar.dtUserAvatar--hasAvatar.dtUserAvatar--canEdit {
    border-color: rgba(0, 0, 0, 0.12);
    border-width: 2px;
    cursor: pointer;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
    position: relative;
    width: 100%;
}

.dtUserAvatar.dtUserAvatar--hasAvatar.dtUserAvatar--canEdit:hover .dtUserAvatar-sectionAvatarEdit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.dtUserAvatar.dtUserAvatar--canEdit .dtUserAvatar-sectionAvatarImage,
.dtUserAvatar.dtUserAvatar--canEdit .dtUserAvatar-sectionAvatarEdit {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
}


.dtUserAvatar.dtUserAvatar--canEdit .dtUserAvatar-sectionAvatarEdit {
    display: none;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
}

.dtUserAvatar.dtUserAvatar--canEdit .dtUserAvatar-sectionAvatarEditInner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    line-height: 20px;
    color: #FFF;
}

.dtUserAvatar.dtUserAvatar--canEdit .dtUserAvatar-sectionAvatarEditCaption {
    font-size: 14px;
}

.dtUserAvatar.dtUserAvatar--canEdit .dtUserAvatar-sectionAvatarEditIcon {
    font-size: 14px;
    margin-left: 5px;
}

.userEmailErrorResolve {

}

.userEmailErrorResolve-controlContent {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-align-items: center;
	align-items: center;
}
.userEmailErrorResolve .userEmailErrorResolve-contentText {
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #767486;
}

.userEmailErrorResolve-contentText span,
.userEmailErrorResolve-contentFrame span {
	font-weight: 700;
}


.userEmailErrorResolve .userEmailErrorResolve-contentFrame {
	padding: 0 20px;
	margin-bottom: 25px;
}

.userEmailErrorResolve .userEmailErrorResolve-footnote {
	color: #767486;
	margin-top: 20px;
	font-size: 14px;
	font-weight: 400;
}


.dtUserPill {

}
.dtUserPill-content {
	display: flex;
	align-items: center;
}
.dtUserPill-avatar {
	width: 24px;
	height: 24px;
	min-width: 24px;
}
.dtUserPill-details {
	flex: 0 auto;
	margin: 5px;
	overflow: hidden;
}
.dtUserPill-displayName {
	max-width: 100%;
	margin: 5px 0;
	font-size: 12px;
}
.dtUserPill-displayName b {
	color: #2868D7;
	font-weight: 600;
}
.dtUserPill-list {

}
.verticalNavigator {
    width: 20px;
}

.verticalNavigator-symbolContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-align-items: center;
    align-items: center;

    -webkit-justify-content: center;
    justify-content: center;

    width: 20px;
    height: 20px;
    border: solid 1px #d6d6dd;
    background-color: #f7f6f8;
}

.verticalNavigator-symbolContainer + .verticalNavigator-symbolContainer {
    margin-top: -1px;
}

.verticalNavigator-symbol {
    width: 10px;
    height: 10px;
}


.dtForm {

}
.dtForm.dtForm--isInvisible {
	/* Note: Control has to be in DOM otherwise it does not work on some browsers like Safari*/
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
.dtForm.dtForm--isFit {
	-webkit-flex: 1;
	flex: 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}

/* Header: Validation. */
.dtForm-headerValidation {
	margin-bottom: 20px;
}
.dtForm-headerValidation:empty {
	display: none;
}
.dtForm-headerValidationItem {

	font-size: 14px;
	color: #fff;

	padding: 10px 20px;

	background-color: rgba(0,0,0,.1);
	border-left: 5px solid rgba(0,0,0,.1);
}
.dtForm-headerValidationItem.dtForm-headerValidationItem--status-warning {
	background-color: rgba(200,200,0,1);
	border-color: rgba(200,200,0,.1);
}
.dtForm-headerValidationItem.dtForm-headerValidationItem--status-error {
	background-color: #fe0137;
	border-color: #aa0000;
}
.dtForm-headerValidationItem + .dtForm-headerValidationItem {
	margin-top: 10px;
}

/* Content. */
.dtForm .dtForm--isHover .dtForm-controlContent {
	position: relative;
}

.dtForm.dt--isFit .dtForm-controlContent {
	-webkit-flex: 1;
	flex: 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* Footer. */
.dtForm .dtForm-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;

	padding-top: 15px;
}

.dtForm .dtForm-footer.isMobile {
	display: block;
}

.dtForm.dtForm--isHover .dtForm-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
/* Add border styles for absolutely positioned footers in action sheet */
.dtActionSheet .dtForm.dtForm--isHover .dtForm-footer {
	border: 2px solid #2868D7;
	border-top: 1px solid #ddd;
}
.dtForm.dtGrid--ss .dtForm-footer {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtForm.dtGrid--ss .dtForm-footer.dtForm-footer--isRow {
	-webkit-flex-direction: row;
	flex-direction: row;
}
.dtForm .dtForm-footerStatus {
	-webkit-flex: 1;
	flex: 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin-right: 20px;
}
.dtForm.dtGrid--ss .dtForm-footerStatus {
	margin-right: 0;
}
.dtForm .dtForm-footerStatusCaption {
	font-size: 15px;
}

.dtForm .dtForm-footerStatusCaption.isMobile {
	padding-left: 10px;
}

.dtForm .dtForm-footerButtonHintCaption {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

	margin-right: 15px;
	color: #000;
	font-size: 14px;
}
.dtForm .dtForm-footerButtonHintCaption + .dtForm-footerButtons {
	min-width: 0;
}
.dtForm .dtForm-footerButtonsWrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;
}
.dtForm .dtForm-footerButtonsWrapper.isMobile {
	margin-top: 1rem;
}

.dtForm.dtGrid--ss .dtForm-footerStatus +.dtForm-footerButtons {
	margin-top: 10px;
}
.dtForm .dtForm-footerButtonsSpacer {
	-webkit-flex: 1;
	flex: 1 auto;
}
.dtForm .dtForm-footerButtons {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: flex-end;
	justify-content: flex-end;

	min-width: 65%;
}

.dtForm .dtForm-footerButtons.dtForm-footerButtons--isFooterButtonsSections {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1 auto;
}

.dtForm .dtForm-footerButtonsLeft,
.dtForm .dtForm-footerButtonsRight {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}

/* Footer: Buttons. */
.dtForm.dtGrid--ss .dtForm-footerButtons .dtButton-content {
	padding: 0 15px;
}
.dtForm.dtGrid--ss .dtForm-footerButtons .dtButton.dtButton--isIcon .dtButton-caption {
	display: none;
}
.dtFormDescription {
	font-size: 14px;
	font-weight: 400;
	color: #777;
}
.dtFormDescription.dtFormDescription--isInheritParentStyles {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

.dtFormDescription.dtFormDescription--isItalic {
	font-style: italic;
}

.dtFormDescription.dtFormDescription--sm {
	font-size: 12px;
}

/* Margin. */
.dtFormDescription.dtFormDescription--isPad-bottom { margin-bottom: 20px; }

/* Align. */
.dtFormDescription.dtFormDescription--align-left { text-align: left; }
.dtFormDescription.dtFormDescription--align-center { text-align: center; }
.dtFormDescription.dtFormDescription--align-right { text-align: right; }

/* Lines */
.dtFormDescription-line {

}

.dtFormDescription--theme-subDescription .dtFormDescription-line  {
	font-size: 12px;
	color: #656663;
}

.dtFormDescription.dtFormDescription--isInline .dtFormDescription-line {
	display: inline;
}
.dtFormDescription-line + .dtFormDescription-line {
	margin-top: 5px;
}
.dtFormDescription.dtFormDescription--isInline .dtFormDescription-line + .dtFormDescription-line {
	margin-top: 0;
}
.dtFormDescription-line b {
	font-weight: inherit;
	color: #000;
}
.dtFormDescription-line br {
	content: '';
	display: block;
	margin-top: 3px;
}

/* Theme B */
.dtFormDescription.dtTheme--b {
	color: #767486;
}

.dtFormDescription.dtTheme--b .dtFormDescription-line + .dtFormDescription-line {
	margin-top: 3px;
}

/* Theme B, used in popupContent */
.dtFormDescription.dtTheme--b .dtFormDescription-line {
	margin-top: 0;
}
.dtFormDescription.dtTheme--b .dtFormDescription-line + .dtFormDescription-line {
	margin-top: 10px;
}

/* Theme C used in File.js */

.dtFormDescription.dtTheme--c .dtFormDescription-line {
	color: #2868D7;
}
.dtForm {

}
.dtForm.formDropdown {

}
.dtForm.formDropdown .formDropdown-body {
	padding: 15px 0;

	max-height: 300px;
	overflow-y: auto;
}

/* Items Filter */
.dtForm.formDropdown.formItemsFilter .formDropdown-body {
	max-height: none;
	padding: 0;
}
.formFrame {

}

/* Header. */
.formFrame-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.formFrame-headerTitle {
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.03rem;
	padding-top: 8px;

	color: #252b33;
}
.formFrame-headerSpacer {
	-webkit-flex: 1;
	flex: 1 auto;
}
.formFrame-headerToolbar {
	margin-left: 10px;
}

.formFrame-header + .formFrame-content,
.formFrame-description + .formFrame-content {
	margin-top: 20px;
}
.formFrame-description {
	font-size: 16px;
	font-weight: 200;
}
.formFrame-header + .formFrame-description {
	font-size: 18px;
	margin-top: 20px;
}

/* Content/Footer Commands. */
.formFrame-contentCommands:not(:empty),
.formFrame-footerCommands:not(:empty) {
    margin-top: 30px;
}

/* Content. */
.formFrame-content {

}
.formFrame.formFrame--isContentFlex .formFrame-content {
	display: flex;
}

.formFrame-header + .formFrame-content,
.formFrame-description + .formFrame-content {
	margin-top: 25px;
}

/* Theme: A. */
.formFrame.dtTheme--a .formFrame-header {
	border-bottom: 2px solid #76748d;
}

/* Theme: B. */
.formFrame.dtTheme--b + .formFrame.dtTheme--b {
    margin-top: 50px;
}

.dtRoot.dtGrid--ml .formFrame.dtTheme--b + .formFrame.dtTheme--b {
	margin-top: 40px;
}
.dtRoot.dtGrid--sm .formFrame.dtTheme--b + .formFrame.dtTheme--b {
	margin-top: 30px;
}

.formFrame.dtTheme--b .formFrame-header {
    border: none;
}
.formFrame.dtTheme--b .formFrame-headerTitle {
    color: #252b33;

    font-size: 18px;
    line-height: 1;
}

.dtRoot.dtGrid--ss .formFrame.dtTheme--b .formFrame-headerTitle {
	font-size: 16px;
}

.formFrame.dtTheme--b .formFrame-header + .formFrame-description {
    margin-top: 6px;
}
.formFrame.dtTheme--b .formFrame-content {
    margin-top: 15px;
}

/* Form Frame Theme B items style */
.formFrame.dtTheme--b .formFrame-description .dtFormDescription {
    color: #767486;
}
.formFrame.dtTheme--b .inputText-input {
    padding: 0 6px;
    /*color: #252b33;*/
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
}

/**
TODO: jade/reidenzon - Please clean up the following mess. None of this code belongs here.
TODO: hdk - stop pretending not seeing this.
 */

/* FormFrame Theme B Section - selected document */
.formFrame.dtTheme--b .contentSelectedDocument {
	border: solid 1px #dbdee3;
	margin-bottom: 20px;
}
.formFrame.dtTheme--b .contentSelectedDocument .dtSelectList-content{
	background-color: #FCFBFC;
	padding: 12px;
}

/* Theme: C. */
.formFrame.dtTheme--c {}
.formFrame.dtTheme--c + .formFrame.dtTheme--c {
	margin-top: 20px;
}

/* Theme: COMPACT */
.formFrame.formFrame--theme-compact .formFrame-content {
	margin-bottom: 25px;
}
/* Fieldset. */
.formFrameFieldset {

}
.dtForm.formDropdown .formFrameFieldset {
	padding: 0 15px;
}
.formFrameFieldset.formFrameFieldset--isNoValidation + .formFrameFieldset {
	margin-top: 25px;
}
.formFrameFieldset.formFrameFieldset--isValidation + .formFrameFieldset {
	margin-top: 5px;
}
.formFrameFieldset.formFrameFieldset-field-isRemember {
	margin-top: 5px;
}
.dtForm.formDropdown .formFrameFieldset + .formFrameFieldset {
	margin-top: 15px;
	border-top: 1px solid #eee;
	padding-top: 15px;
}

/* Inner. */
.formFrameFieldset-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* Selector. */
.formFrameFieldset-selector {
	margin-right: 10px;
}

/* Content. */
.formFrameFieldset-content {
	-webkit-flex: 1;
	flex: 1;

	max-width: 100%;
}

.formFrameFieldset-content.formFrameFieldset-content--isCaptionInline {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
/* Content: Header. */
.formFrameFieldset-header {
	display: none;
	position: relative;
	height: 16px;
}
.formFrameFieldset.formFrameFieldset--isLabel .formFrameFieldset-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
}
.formFrameFieldset.formFrameFieldset--isLabel .formFrameFieldset-content.formFrameFieldset-content--isCaptionInline .formFrameFieldset-header {
	padding-right: 10px;
}
.formFrameFieldset-headerCaption {

	font-size: 10px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.02rem;

	color: #767486;

	max-width: 100%;

	flex: 1;
	transition-duration: .2s;
}

/* Caption define link */
.dtForm.formDropdown .formFrameFieldset-headerCaption {
	color: #666;
}
.formFrameFieldset.formFrameFieldset--isRequired.formFrameFieldset.formFrameFieldset--isRequiredShow .formFrameFieldset-headerCaption:before {
	content: '';

	position: absolute;
	top: -5px;

	width: 4px;
	height: 4px;

	border-radius: 100%;
	background: #e84461;
}
.formFrameFieldset.formFrameFieldset--isInputInvalid.formFrameFieldset--isInputEmpty .formFrameFieldset-headerCaption {
	color: #f15b5d;
}

/* Body. */
.formFrameFieldset-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* Body: Icon */
.formFrameFieldset-icon {
	width: 24px;
	height: 24px;
	margin-top: 2px;
	margin-right: 12px;
	color: #000;
}

/* Body: Editor. */
.formFrameFieldset-editor {
	-webkit-flex: 1;
	flex: 1;

	max-width: 100%;
}
.formFrameFieldset.dt--isFit .formFrameFieldset-editor {
	height: 100%;
}

/* Body: Toolbar. */
.formFrameFieldset-toolbar {
	margin-left: 5px;
}

/* Theme E:  Popup define link*/
.formFrameFieldset .dtButton.dtTheme--e .dtButton-content {
    height: 20px;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    color: #2868D7;
}
.formFrameFieldset .dtButton.dtTheme--e .dtButton-caption {
    padding: 0;
    text-align: left;
    text-decoration: underline;
}
.formFrameFieldset .dtButton.dtTheme--e.dtButton--isEnabled:hover .dtButton-content {
    color: #2868D7;
}

/* Theme C. */
.dtForm.formDropdown .formFrame.dtTheme--c .formFrameFieldset {
	padding: 0;
}
.dtForm.formDropdown .formFrame.dtTheme--c .formFrameFieldset + .formFrameFieldset {
	border-top: none;
	margin-top: 0;
}
.dtForm.formDropdown .formFrame.dtTheme--c .formFrameFieldset-header {
	padding: 16px 10px 10px;

	border-left: 1px solid #729BE9;
	border-right: 1px solid #729BE9;
}

/** FormFrame theme: compact */
.formFrame.formFrame--theme-compact .formFrameFieldset-body {
	padding-top: 10px;
}
.formFrameRow {

}
.formFrameRow + .formFrameRow {
	margin-top: 30px;
}
.formFrameRow-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.formFrameRow.dtGrid--ss .formFrameRow-content {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.formFrameRow-content > .formFrame {
	-webkit-flex: 1;
	flex: 1;
}
.formFrameRow-content > .formFrame + .formFrame.dtTheme--b,
.formFrameRow-content > .formFrame + .formFrame {
	margin-top: 0;
	margin-left: 30px;
}
.formFrameRow.dtGrid--ss .formFrameRow-content > .formFrame + .formFrame {
	margin: 0;
	margin-top: 30px;
}
.formFrameRows {

}
.formFrameRows + .formFrameRow {
	margin-top: 20px;
}
.formFrameRows-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.formFrameRow.dtGrid--ss .formFrameRows-content {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.formFrameRows-content > .formFrame {
	-webkit-flex: 1;
	flex: 1;
}
.formFrameRows-content > .formFrame + .formFrame {
	margin-left: 30px;
}
.formFrameRow.dtGrid--ss .formFrameRows-content > .formFrame + .formFrame {
	margin: 0;
	margin-top: 30px;
}

.formFrameRows-content .formFrame-content{
	display:flex;
}
.formFrameRows-content .formFrameFieldset + .formFrameFieldset{
	margin-top:0;
	margin-left:6px;
}
.formFrameRows-contentScale{

}

.formFrameRows-contentScale .formFrameRows-content .formFrame-content{
	display:flex;
}
.formFrameRows-contentScale .formFrameRows-content .formFrameFieldset + .formFrameFieldset{
	margin-top:0;
	margin-left:6px;
}
.formFrameRows-contentScale .formFrameRows-content .formFrameFieldset:first-child{
	width:70%;
}
.formFrameRows-contentScale .formFrameRows-content .formFrameFieldset {
	flex:auto;
}

.formFrameRows-contentScale .inputSearch.dt--isFit .inputSearch-input {
	width: 14px;
}

.formFrameRows-contentScale .formFrameRows-content .formFrameFieldset:first-child {
	max-width: 90px;
	min-width: 90px;
}

.formFrameRows-contentScale .dtSelect-dropdown {
	position: absolute;
	z-index: 99;
}
.dtFormMessage {
	align-items: center;
	display: flex;
}
.dtFormMessage-symbol {
	flex: none;
	margin-right: 10px;
	height: 32px;
	width: 32px;
}
.dtFormMessage-message {
	font-size: 12px;
}

/* Theme: Corporate. */
.dtFormMessage.dtFormMessage--theme-corporate {
	color: #2868D7;
}

/* Theme: Error. */
.dtFormMessage.dtFormMessage--theme-error {
	color: #E84361;
}

/* Theme: Primary. */
.dtFormMessage.dtFormMessage--theme-primary {
	color: #191b24;
}

/* Theme: Warning. */
.dtFormMessage.dtFormMessage--theme-warning {
	color: #F68709;
}

.itemEditPermoDetails-bodyMessage .dtFormMessage.dtFormMessage--theme-primary {
	color: #777;
	font-size: 12px;
}

.itemEditPermoDetails-bodyMessage .dtFormMessage.dtFormMessage--theme-primary .dtFormMessage-symbol {
	height: 24px;
	width: 24px;
}
.dtForm {

}
.dtForm.formPopup {

}
.dtForm.formPopup.dt--isGrow {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}
/* Compensate for absolutely positioned footer in action sheet */
.dtActionSheet .dtForm.formPopup.dtForm--isHover {
	padding-bottom: 63px;
}
.dtForm.formPopup.dt--isGrow > .dtForm-controlContent {
	-webkit-overflow-scrolling: touch;
	-webkit-flex: 1;
	flex: 1 auto;
	overflow: auto;
}
.dtForm.formPopup .formPopup-content {

}

/* Middle. */
.dtForm.formPopup .formPopup-middle {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	overflow: auto;
}
.dtForm.formPopup.dtTheme--a .formPopup-middle {

}
.dtForm.formPopup.dt--isGrow .formPopup-middle {
	padding: 30px;
	padding-top: 20px;
}
.dtForm.formPopup.dt--isGrow .formPopup-v4Flow {
	padding: 0;
}
.dtForm.formPopup.dt--isGrow.dtGrid--ss .formPopup-middle {
	padding: 15px;
	padding-bottom: 20px;
}
.dtForm.formPopup .formPopup-middleHeader {
	margin-bottom: 20px;
}
.dtForm.formPopup .formPopup-middleHeader:empty {
	display: none;
}
.dtForm.formPopup .formPopup-middleBody {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtForm.formPopup.dtTheme--a .formPopup-middleBody {
	padding: 10px 0;
	background-color: #fff;
	/*box-shadow: 0 3px 4px -3px rgba(0,0,0,.5)*/
}

/* Footer. */
.dtForm.formPopup .dtForm-footer {
	padding: 15px 20px;
	border-top: 1px solid #ddd;
	background-color: #fff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* Footer. Theme a*/
.dtForm.formPopup.dtTheme--a .dtForm-footer {
	padding: 15px 20px;
	border-top: 0px;
	background-color: #fff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* Footer. Theme b2 */
.dtForm.formPopup.dtTheme--b2 .dtForm-footer {
	background-color: rgba(255,255,255,0.7);
}

.dtForm.formPopup.dtTheme--b2 .dtForm-footerButtonsSpacer {
	display: none;
}

.dtForm.formPopup.dtTheme--b2 .dtForm-footerButtonsWrapper {
	-webkit-justify-content: center;
	justify-content: center;
}

/**
TODO: jdonaldson this is wrong shouldn't be looking at body, however form styles doesn't update on resize
 */
.dtRoot.dtGrid--sm .dtForm.formPopup.dtTheme--b2 .dtForm-footer {
	-webkit-justify-content: center;
	justify-content: center;
}
.dtRoot.dtGrid--sm .dtForm.formPopup.dtTheme--b2 .dtForm-footerStatus {
	display: none;
}

.dtRoot.dtGrid--sm .dtForm.formPopup.dtTheme--b2 .dtForm-footerButtonsSpacer {
	display: none;
}
.dtFormSimpleDescriptionWithSymbol {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #000;
}
.dtFormSimpleDescriptionWithSymbol-content{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	flex-direction: row;

	-webkit-align-items: center;
	align-items: center;
}
.dtFormSimpleDescriptionWithSymbol-symbol {
	width: 40px;
	height: 18px;
}
.dtFormSimpleDescriptionWithSymbol-line b {
	font-weight: 500;
}
.dtFormSimpleDescriptionWithSymbol-symbol + .dtFormSimpleDescriptionWithSymbol-line {
	margin-left: 10px;
}

.searchPropertyEditor--modalTriggerField {
	width: 100%;
	height: 30px;
	padding: 0 5px;
	border: 1px solid #d6d6dd;
	background-color: #f8f9f9;
	color: #191b24;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
}

.searchPropertyEditor-modalContent {
	width: 100%;
	height: 100%;
	padding: 10px;
}

.formContactGroup {
	min-width: 400px;
	padding-bottom: 10px;
}

.formContactGroup.formContactGroup--isNoMinWidth {
	min-width: 0;
}

.formContactGroup .formContactGroup-fields,
.formContactGroup .formFrame + .formFrame {
	margin-top: 15px;
}

.formContactGroup .formFrame.formFrame--phoneFax .formFrame-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.formContactGroup .formFrame.formFrame--phoneFax .formFrameFieldset + .formFrameFieldset {
	margin-left: 10px;
	margin-top: 0;
}

.formContactGroup .dtForm-footer {
	margin-top: 25px;
}

.formContactGroup .dtForm-footer .dtButton-content {
	font-size: 14px;
	height: 40px;
	padding: 0 25px;
}
.formContactGroup .dtForm-footer .dtButton.dtButton--isInline {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

.formContactGroup .dtFormLocation-section {
	min-height: 60px;
}
.dtDealCreateSignature {}

.dtDealSignatureStamp-dtTabsNav-items {
	display: flex;
}
.dtDealSignatureStamp-dtTabsNav.dtDealSignatureStamp-dtTabsNav--isSelected .dtDealSignatureStamp-dtTabsNav-caption,
.dtDealSignatureStamp-dtTabsNav .dtDealSignatureStamp-dtTabsNav-caption:hover {
	background-color: transparent;
	color: #252b33;
	border-bottom: 3px solid #2868D7;
}
.dtDealSignatureStamp-dtTabsNav-caption .dtIcon-edit {
	border-bottom: 3px solid #dadddf;
}
.dtDealSignatureStamp-dtTabsNav-caption > div {
	border-bottom: 3px solid transparent;
}

.dtDealSignatureStamp-dtTabNav.dtDealSignatureStamp-dtTabNav--isSelected .dtDealSignatureStamp-dtTabNav-caption,
.dtDealSignatureStamp-dtTabNav:hover .dtDealSignatureStamp-dtTabNav-caption {
	background-color: transparent;
	opacity: 1;
}
.dtDealSignatureStamp-dtTabNav-caption {
	padding: 0;
	color: #000;
	opacity: .5;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.dtForm.dtDealSignatureStampSignature .dtDealSignatureStampSignature-content {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dtDealSignatureStampSignature-signature .dtSignaturePad {
	display: -webkit-flex;
	display: flex;
	padding: 20px;
}
.dtDealSignatureStampSignature-signature .dtSignaturePad-content.dtTheme--a {
	max-width: 415px;
	flex: 1;
	margin: 0 15px 0 auto;
}
.dtDealSignatureStampSignature-signature .dtSignaturePad-content.dtTheme--b {
	max-width: 207px;
	flex: 1;
	margin: 0 auto;
}

.dtDealSignatureStamp-tabsContent.isHide {
	display: none;
}

.dtDrawSignature {
	border: 1px dashed #729BE9;
}

.dtDrawSignature--isInitialType {
	width: 207px;
	max-width: 60vw;
}

.dtDrawSignature--isSignatureType {
	width: 414px;
	max-width: 78vw;
}

/* Typing signature*/
.dealSignatureDraw--isActive .dtDrawSignature.dtDrawSignature--isPencil:hover,
.dealSignatureDraw--isActive .dtDrawSignature.dealSignatureType--isActive {
	border: 1px solid #2868D7;
	border-radius: 5px;
}

.dtDealSignatureStampSignature-signature .dtSignaturePad-content .dtSignaturePad-contentSpacer {
	background-color: #E5EDF7;
	width: 100%;
}

.dtSignaturePad-content.dtTheme--a .dtSignaturePad-contentLine,
.dtSignaturePad-content.dtTheme--b .dtSignaturePad-contentLine {
	/*border-top: 1px solid #729BE9;*/
	text-align: center;
	z-index: 9998;
	color: #2868D7;
	border-bottom: none;
	letter-spacing: 0.3px;
	left: 20px;
	bottom: -20px;
	top: initial;
	height: 20px;
	right: 20px;
}

.dtSignaturePad-clearSign {
	left: 20px;
	position: absolute;
	bottom: 18px;
	z-index: 9999;
	cursor: pointer;
}
.dtSignaturePad-clearSign .faIcon-close {
	font-size: 13px;
	color: #729BE9;
}

.dtForm.dtDealSignatureStamp.formPopup .formPopup-middle {
	padding: 0;
}

.dtDealSignatureStamp-tabsFooter .inputCheckbox-label {
	display: inline;
	flex: inherit;
	font-weight: normal;
	font-size: 12px;
	color: #252b33;
}
.dtDealSignatureStamp-tabsFooter .inputCheckbox-label .termsOfService {
	color: #2868D7;
	font-weight: 500;
	text-decoration: underline;
	display: inline;
	cursor: pointer;
}

.dtPopup.dtTheme--a .dtForm.formPopup.dtTheme--a .formPopup-middleBody {
	border: none;
}

.dtForm.dtDealSignatureStamp.formPopup .dtForm-footer {
	border-top: none;
}
.dtForm.dtDealSignatureStamp .dtForm-footer .dtButton-icon {
	display: none;
}
.dtForm.dtDealSignatureStamp .dtForm-footer .dtButton .dtButton-content {
	background-color: #e9eced;
	border: 1px solid #e9eced;
	color: #252b33;
	font-weight: bold;
	opacity: 0.4;
}
.dtForm.dtDealSignatureStamp .dtForm-footer .dtButton .dtButton-content:hover {
	opacity: 1;
}

.dtGrid--ss .dtPopup.dtTheme--a.dtPopup--mode-regular .dtPopup-controlWrapperWidth {
	width: 100%;
}

.dtActionSheet.dtGrid--ss .dtDealSignatureStampSignature-signature .dtSignaturePad {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtForm.dtGrid--ss .dtDealSignatureStampSignature-signature .dtSignaturePad {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dtActionSheet.dtGrid--sm .dtDealSignatureStampSignature-signature .dtSignaturePad {
	-webkit-flex-direction: column;
	flex-direction: column;
	height: unset;
}

.dtRoot.dtGrid--sm .dtDealSignatureStampSignature-signature .dtSignaturePad-content.dtTheme--a,
.dtRoot.dtGrid--sm .dtDealSignatureStampSignature-signature .dtSignaturePad-content.dtTheme--c {
	margin: 0 auto 20px;
}
.dtDealSignatureStampSignature-signature .dtSignaturePad-content.dtTheme--b {
	/* Keeping Initials field to fix width, because it's small :D */
	height: 92px;
	margin: 0 auto;
}

.dtSignaturePad-select {
	width: 140px;
	cursor: pointer;
}

.dtDealSignatureStamp-tabsContent:nth-child(3) .dtTabContent-body {
	margin-top: -10px;
}
.dtSignaturePad-select .dtSelect-contentSelect {
	border: 1px solid #ccc;
	padding: 0 5px;
	left: 10px;
}
.dtSignaturePad-select .dtSelect-select {
	font-weight: 400;
}
.dtSignaturePad-select .dtSelect-dropdown {
	z-index: 9999;
	position: relative;
}
.dtDealCreateSignature.dtGrid--ss .dtSignaturePad-select {
	width: 100%;
}

.dtGrid--ss .dtForm.dtDealSignatureStamp.formPopup .dtForm-footer {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtGrid--ss .dtForm.dtDealSignatureStamp .dtForm-footerButtonsWrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtGrid--ss .dtForm.dtDealSignatureStamp .dtForm .dtForm-footerButtons {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.dtSignaturePad-canvas {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.signInput {
	height: 100%;
	padding-bottom: 10%;
	padding-top: 10%;
	width: 100%;
	position: relative;
}

.dtSignaturePad-canvas canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 10% 15% 10% 10%;
	box-sizing: border-box;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
}

.signInput .inputText {
	height: 100%;
	width: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.signInput .inputText-content {
	height: 100%;
	width: 100%;
}
.signInput input {
	height: 100%;
	width: 100%;
	font-size: 30px;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: none;
	box-sizing: inherit;
}

.signInput .inputText.dtInput--isEnabled .inputText-input:hover,
.signInput .inputText.dtInput--isEnabled .inputText-input:focus {
	border: none;
}

.dtGrid--ss .dtDealSignatureStamp-tabsContent:nth-child(3) .dtDealSignatureStampSignature-signature .dtSignaturePad-content .dtSignaturePad-contentSpacer {
	position: absolute;
	z-index: -1;
}
.dtGrid--ss .dtDealSignatureStamp-tabsContent:nth-child(3) .dtSignaturePad-canvas {
	position: inherit;
	height: 100%;
}
.dtGrid--ss .dtDealSignatureStamp-tabsContent:nth-child(3) .signInput {
	padding: 0;
}
.dtGrid--ss .dtDealSignatureStamp-tabsContent:nth-child(3) .dtDealSignatureStampSignature-signature .dtSignaturePad-content {
	background-color: #E5EDF7;
}
.dtGrid--ss .dtDealSignatureStamp-tabsContent:nth-child(3) .dtSignaturePad-contentWatermarkLayer,
/*.dtGrid--ss .dtDealSignatureStamp-tabsContent:nth-child(3) .dtSignaturePad-contentLineLayer,*/
.dtGrid--ss .dtDealSignatureStamp-tabsContent:nth-child(3) .dtSignaturePad-contentNoteLayer,
.dtGrid--ss .dtDealSignatureStamp-tabsContent:nth-child(3) .dtSignaturePad-contentPreview,
.dtGrid--ss .dtDealSignatureStamp-tabsContent:nth-child(3) .dtSignaturePad-contentCanvas {
	position: inherit;
}

.dtSignaturePad-clearArea {
	top: 8px;
	bottom: 0;
	box-sizing: inherit;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	margin-right: 0;
	position: absolute;
	right: 10px;
	bottom: 175px;
	z-index: 9997;
}
.dtSignaturePad-clearArea.clear--isHide {
	display: none;
}
.dtSignaturePad-clearTitle {
	color: #2868D7;
	text-decoration: underline;
	font-weight: 500;
}

.dtDealSignatureStamp-tabsForm {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: baseline;
	align-items: baseline;
	margin: 10px 0 30px;
}
.dtDealSignatureStamp-tabsForm .formFrameFieldset {
	margin-top: 0;
	width: 32%;
	margin-top: 0;
	flex: inherit;
}

.dtDealSignatureStamp-tabsForm .inputDate .faIcon-close,
.dtDealSignatureStamp-tabsForm .inputDate .faIcon-dateRange {
	display: none;
}
.dtDealSignatureStamp-tabsForm .inputText.dtInput--isRequired.dtInput--isValid {
	border-style: solid;
}
.dtDealSignatureStamp-tabsForm .formFrameFieldset.formFrameFieldset--isRequired .formFrameFieldset-headerCaption::before {
	display: none;
}
.dtDealSignatureStamp-tabsForm .formFrameFieldset.formFrameFieldset--isRequired .formFrameFieldset-headerCaption::after {
	content: "*";
	color: #ff0000;
}

.dtGrid--ss .dtDealSignatureStamp-tabsForm .formFrameFieldset {
	width: 100%;
	margin-top: 20px;
}

.dtRoot.dtGrid--ss .dtSignaturePad-content.dtTheme--a {
	margin-bottom: 15px;
}

.dtGrid--ss .dtDealSignatureStamp-tabsForm {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dtDealSignatureStamp-tabsForm .inputDate-input {
	height: 26px;
	padding: 2px 5px 0;
	line-height: 22px;
}
.dtDealSignatureStamp-tabsForm .inputDate.dtInput--isInvalid .inputDate-contentInput {
	border: 1px solid #f0eff2;
	background-color: #f8f9f9;
}

.dtGrid--ss .dtSignaturePad-contentSpacer {
	height: 100%;
}
.dtGrid--ss .dtDealSignatureStamp-tabsContent:nth-child(3) .dtDrawSignature {
	display: flex;
	flex-direction: column-reverse;
}

.dtSignatureStampValue {
	display: inline;
	position: absolute;
	font-size: 30px;
	opacity: 0;
}

.dtDealSignatureStamp-tabsFooter:hover .dtCheckbox,
.dtDealSignatureStamp-tabsFooter .dtCheckbox:hover.dtCheckbox--isEnabled,
.dtDealSignatureStamp-tabsFooter .dtCheckbox:focus.dtCheckbox--isEnabled {
	border-color: #2868D7;
}

.signInput .inputText-content .inputText-input {
	padding: 0px 30px;
	text-align: center;
}

.dtDealSignatureStamp-tabsFooter .dtCheckbox {
	border-color: #ccc;
	margin-top: 5px;
	outline: 0;
}
.dtDealSignatureStamp-tabsFooter .inputCheckbox-label a {
	color: #2868D7;
	font-weight: 500;
}
.dtDealSignatureStamp-tabsFooter .inputCheckbox.inputCheckbox--isEnabled:hover .inputCheckbox-label {
	color: #252b33;
}
.dtDealSignatureStamp-tabsFooter .inputCheckbox.inputCheckbox--isSelected .inputCheckbox-label {
	font-weight: normal;
}

.dtDealCreateSignatureSelect-contentItem:first-child .dtDealCreateSignatureSelect-contentItemIcon {
	border-bottom: 4px solid #000;
}

.dtRoot.dtGrid--md .dtPopup.dtTheme--a .dtPopup-blockerPadding {
	padding: 0;
}
.dtRoot.dtGrid--sm .dtPopup.dtTheme--a.dtPopup--mode-signatureStamp .dtPopup-controlWrapperWidth {
	width: 100%;
	max-width: 680px;
}

.dtDealSignatureStamp-tabsContent:nth-child(3) .dtSignaturePad-select {
	position: inherit;
	margin: 10px 0;
}

.dtRoot.dtGrid--sm .dtDealCreateSignatureSelect-signatureContent {
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: space-around;
	padding: 0;
	margin-top: 30px;
}
.dtRoot.dtGrid--sm .dtDealCreateSignatureSelect-signatureContent .dtDealCreateSignatureSelect-contentItem {
	max-width: 160px;
}

.dtDealSignatureStamp-tabsContent:nth-child(2) .dtSignaturePad-contentLine {
	z-index: 0;
}

.dtDealSignatureStamp-dtTabNav-caption > div.dtIcon-edit {
	font-size: 24px;
	line-height: 30px;
	height: 28px;
	width: 24px;
	color: #000;
}

.dtDealCreateSignature.dtGrid--sm .dtDealSignatureStampSignature-signature .dtSignaturePad-content {
	/* Removed overflow so that we can move the Caption "Draw Signature" under the signing area */
	/*overflow: hidden;*/
	background-color: #E5EDF7;
}

.dtDrawSignature {
	overflow: hidden;
	position: relative;
}

.dtDealCreateSignatureSelect-signatureTopDescription {
	color: #767486;
	text-align: center;
}

.formDealCreateSignatureStamp.dtForm.formPopup.dt--isGrow .formPopup-middle {
	padding: 15px;
}

.dtDealCreateSignatureSelect-contentItem:hover .dtDealCreateSignatureSelect-contentItemIcon,
.dtDealCreateSignatureSelect-contentItem.active .dtDealCreateSignatureSelect-contentItemIcon {
	color: #252b33;
}

.dtRoot.dtGrid--ss .dtDealCreateSignatureSelect-contentItem {
	padding: 0;
}
.dtRoot.dtGrid--ss .dtDealCreateSignatureSelect-signatureContent {
	margin-bottom: 30px;
}

.dtDealSignatureStamp-dtTabNav-caption > div.dtDealSignatureStamp-dtTabNavTitle {
	font-size: 10px;
	color: #252b33;
}
.dtDealSignatureStamp-dtTabNav:first-child .dtDealSignatureStamp-dtTabNav-caption .dtIcon-edit {
	border-bottom: 2px solid #000;
}
.dtDealSignatureStamp-dtTabNavTitle {
	padding: 3px 0 9px;
}

.dtRoot.dtGrid--ss .signInput .inputText-content .inputText-input {
	padding-top: 0;
}

.dtDealSignatureStamp-tabsContent:nth-child(3) .dtSignaturePad-select .dtSelect {
	position: absolute;
	right: 0;
	top: 0;
}

.inputDate.dtInput--isInvalid:hover .inputDate-input,
.inputDate.dtInput--isInvalid .inputDate-input {
	border-color: #e94461;
}

.dtDealSignatureStamp-tabsForm .inputDate-contentInputInput {
	/*border: 1px solid #e94461;*/
	width: 100%;
}
.dtDealSignatureStamp-tabsForm .inputDate-contentInput {
	border-bottom: 0;
	flex-direction: column;
}
.dtDealSignatureStamp-tabsForm .inputText-validationText {
	width: 100%;
	text-align: left;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.01em;
	margin-top: 4px;
	line-height: 1.4;
	color: #e84461;
}
.dtDealSignatureStamp-tabsForm .input--isHide {
	display: none;
}

.dtDealSignatureStamp-tabsContent .dtSelect-contentSelect {
	width: 140px;
}

.dtDealCreateSignature.dtGrid--ss .dtDealSignatureStamp-tabsContent .dtSelect-contentSelect {
	width: 120px;
}

.dtDealSignatureStamp-dtTabNav {
	border-bottom: 1px solid #c6cbce;
	height: 60px;
	width: 60px;
}

.formDealCreateSignatureStamp.dtForm.formPopup .dtForm-footer {
	border-top: none;
}
.formDealCreateSignatureStamp.dtForm.formPopup .dtForm-footer .dtButton.dtButton--isCaption .dtButton-content {
	width: 124px;
	height: 40px;
	font-size: 14px;
}
.formDealCreateSignatureStamp.dtForm.formPopup .dtForm-footer .dtButton.dtTheme--a.dtButton--isEnabled .dtButton-content {
	color: #fff;
	background-color: #252b33;
	font-weight: normal;
	opacity: .4;
}

/*
Some Saninco code was deleted from here because of RD-3275.
The rule was targeted to affect opacity of disabled buttons globally.
*/

.dtDealSignatureStampSignature-signature .dtSignaturePad-content.dtTheme--c {
	margin: 0 auto;
	max-width: 415px;
	flex: 1;
}

.dtSignaturePad-content.dtTheme--c .dtSignaturePad-contentLine {
	/*border-top: 1px solid #729BE9;*/
	text-align: center;
	z-index: 9998;
	color: #2868D7;
	border-bottom: none;
	letter-spacing: 0.3px;
	left: 20%;
	bottom: -20px;
	top: initial;
	height: 20px;
	right: 20%;
}
.dtSignaturePad-content.dtTheme--c .dtSignaturePad-clearSign{
	left: 20%;
}
.dtDealSignatureStamp-dtTabNav.dtDealSignatureStamp-dtTabNav--isSelected {
	border-bottom: 4px solid #2868D7;
}

/* Mobile only sizes for Signature areas */
.dtRoot.dtGrid--ss  .dtDealSignatureStampSignature-signature .dtSignaturePad {
	height: unset;
	padding: 20px 0;
}
.dtDealCreateSignatureSelect {
	padding: 40px 120px;
	font-size: 14px;
}

.dtForm.dtGrid--sm .dtDealCreateSignatureStamp-content .dtDealCreateSignatureSelect {
	padding: 40px 110px;
}

.dtRoot.dtGrid--ss .dtDealCreateSignatureStamp-content .dtDealCreateSignatureSelect {
	padding: 20px 25px;
}

.dtDealCreateSignatureSelect-header {
	padding-bottom: 15px;
}

.dtDealCreateSignatureSelect-headerTitle {
	color: #252b33;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

.dtDealCreateSignatureSelect-content {}

.dtDealCreateSignatureSelect-list-content {}

.dtDealCreateSignatureSelect-signatureTop {}

.dtDealCreateSignatureSelect-signatureDescription {
	color: #646c78;
	text-align: center;
	letter-spacing: 0.2px;
	line-height: 1.5;
}

.dtDealCreateSignatureSelect-signatureContent {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	padding-top: 50px;
}

.dtDealCreateSignatureSelect-contentItem {
	-webkit-flex: 1;
	flex: 1;
	border: 1px solid transparent;
	margin: 5px;
	display: -webkit-flex;
	max-width: 140px;
	max-height: 140px;
	display: flex;
	padding: 20px 0;
	align-items: center;
	-webkit-align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}

.dtDealCreateSignatureSelect-contentItem:hover,
.dtDealCreateSignatureSelect-contentItem.active {
	border: 1px solid #729BE9;
	border-radius: 2px;
	background-color: #f8f9f9;
	cursor: pointer;
	font-weight: 500;
}

.dtDealCreateSignatureSelect-contentItemIcon {
	color: #000;
	font-size: 50px;
	width: 60px;
	height: 70px;
	line-height: 70px;
}

.SignatureModalItem-icon.dtIcon-edit {
	border-bottom: 5px solid #dadddf;
}

.dtDealCreateSignatureSelect-contentItem:hover .SignatureModalItem-icon,
.dtDealCreateSignatureSelect-contentItem.active .SignatureModalItem-icon {
	color: #252b33;
}

.dtDealCreateSignatureSelect-contentItemDescription {
	-webkit-flex: 1;
	flex: 1;
	color: #252b33;
	padding-top: 24px;
}

.dtGrid--ss .dtDealCreateSignatureSelect-contentItemDescription {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 15px;
}

.dtDealCreateSignatureSelect-contentItem:hover .ListItemContent-caption,
.dtDealCreateSignatureSelect-contentItem.active .ListItemContent-caption {
	color: #000;
}
.dtDealCreateSignatureStamp {
	-webkit-flex: 1;
	flex: 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	border-top: none;
}
.dtDealCreateSignatureStamp-content {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1 auto;
	-webkit-flex-direction: column;
	flex-direction: column;
}


.dtDealCreateSignatureStamp .dtDealCreateSignatureStamp-contentHeader {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding-bottom: 15px;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.dtGrid--sm.dtTouch .dtDealCreateSignatureStamp .dtDealCreateSignatureStamp-contentHeader {
	-webkit-flex-direction: column;
	flex-direction: column;
}


.dtDealCreateSignatureStamp.dtDealCreateSignatureStamp--isNotType .dtDealCreateSignatureStamp-signatureStyles,
.dtDealCreateSignatureStamp.dtDealCreateSignatureStamp--isDraw .dtDealCreateSignatureStamp-signatureStyles {
	visibility: hidden;
}

.dtDealCreateSignatureStamp.dtDealCreateSignatureStamp--isType .dtDealCreateSignatureStamp-signatureStyles,
.dtDealCreateSignatureStamp.dtDealCreateSignatureStamp--isNotDraw .dtDealCreateSignatureStamp-signatureStyles {
	visibility: visible;
}

.dtDealCreateSignatureStamp .dtDealCreateSignatureStamp-contentEntityMessage {
	flex: 1;
}
.dtDealCreateSignatureStamp .dtDealCreateSignatureStamp-contentEntityContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.dtDealCreateSignatureStamp .dtDealCreateSignatureStamp-contentEntitySymbol {
	width: 35px;
}

.dtDealCreateSignatureStamp-contentEntityText {
	padding: 5px 5px;
	color: #444;
}


.dtDealCreateSignatureStamp .dtDealCreateSignatureStamp-signatureStyles {
	z-index: 9999;
}
.dtForm.formDealFormsAdd {

}
.dtForm.formDealFormsAdd .dtForm-controlContent {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtForm.formDealFormsAdd .formDealFormsAdd-tabs {
	-webkit-flex: 1;
	flex: 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	background-color: #fff;
}
.dtForm.formDealFormsAdd .formDealFormsAdd-tabsNav {
	position: relative;

	padding: 0 40px;
	padding-top: 15px;

	border-bottom: 1px solid #ddd;

	overflow: auto;
}
.dtForm.formDealFormsAdd .formDealFormsAdd-tabsContent {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	background-color: #eff3f6;
}

/* Footer. */
.dtForm.formDealFormsAdd .formDealFormsAdd-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	padding: 15px 20px;
	border-top: 1px solid #ddd;
}
.dtForm.formDealFormsAdd .formDealFormsAdd-footerStatus {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}
.dtForm.formDealFormsAdd .formDealFormsAdd-footerStatusCaption {
	font-size: 15px;
}
.dtForm.formDealFormsAdd .formDealFormsAdd-footerSubmit {

}
.dtDealMissingSignatures {}
.dtDealMissingSignatures-body {}
.dtDealMissingSignatures-body > div + div {
    margin-top: 20px;
}
.dtForm.formDealPropertyField {

}
.dtForm.formDealPropertyField .formDealPropertyField-mlsSearch {
	margin-bottom: 20px;
}
.dealMultiSelectDocuments{
	position: relative;
	height:500px;
}
/*Doesn't need height 100% unless created inside of an actionSheet--sm which provides a container with actual height */
.dtActionSheet.dtGrid--sm  .dealMultiSelectDocuments {
	height: 100%;
}
.dealMultiSelectDocuments .selectDocuments-subTitle {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.22;
	letter-spacing: normal;
	text-align: center;
	padding: 20px 0;
	color: #252b33;
}

.dealMultiSelectDocuments .selectDocuments-description {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	padding-bottom: 20px;
	color: #767486;
}

.dealMultiSelectDocuments.dtForm.formPopup.dt--isGrow .formPopup-middle,
body.dtTouch.dtGrid--sm .dealMultiSelectDocuments.dtForm.formPopup.dt--isGrow .formPopup-middle {
	padding: 0;
}

body.dtTouch.dtGrid--sm .dealMultiSelectDocuments.dtForm.formPopup.dt--isGrow > .dtForm-controlContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

body.dtTouch.dtGrid--sm .dealMultiSelectDocuments.dtForm.formPopup.dt--isGrow .formPopup-middle {
	height: inherit;
}

body.dtTouch.dtGrid--sm .dealMultiSelectDocuments.dtForm.formPopup .formPopup-middleBody {
	-webkit-flex: 1 1 0px;
	flex: 1 1 0px;
}

.dealMultiSelectDocuments .selectDocuments-content {
	border-top: 1px solid #f0eff2;
	/*border-bottom: 1px solid #f0eff2;*/
	padding: 15px;
	background-color: #fcfbfc;
}

body.dtTouch.dtGrid--sm .dealMultiSelectDocuments .selectDocuments-content {
	height: 100%;
	border-top: none;
	padding: 0;
	background-color: transparent;
}

.dealMultiSelectDocuments.dtForm.formPopup .dtForm-footer {
	border-top: 1px solid #f0eff2;
	/*border-top: none;*/
}

.dealMultiSelectDocuments .nodeExplorer-itemContent {
	height: auto;
	overflow: visible;
}

/*
Be very specific for DealMultiSelectDocument form on a tablet like Galaxy S3 tablet (resolution 600x1024)
This fixes an issue that the form doesn't have 100% visual height of the formPopup when you choose documents during signing under portrait mode and then flip it to landscape
If you start with landscape mode, on such devices it will create a desktop control with buttons on its sticky-to-bottom footer, but starting on portrait will cause it hiding footer and using the buttons from the inside NodeExplorer
*/
/* I actually don't want to talk about the following targeting */
body.dtTouch .dtPopup .dealMultiSelectDocuments.dealMultiSelectDocuments--isCreatedOnMobile > .dtForm-controlContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex: 1;
	flex: 1;
}
body.dtTouch .dtPopup .dealMultiSelectDocuments.dealMultiSelectDocuments--isCreatedOnMobile > .dtForm-controlContent > .formPopup-middle > .formPopup-middleBody {
	height: 100%;
}
body.dtTouch .dtPopup .dealMultiSelectDocuments.dealMultiSelectDocuments--isCreatedOnMobile > .dtForm-controlContent > .formPopup-middle > .formPopup-middleBody > .selectDocuments-content {
	padding: 0;
	height: 100%;
}
body.dtTouch .dtPopup .dealMultiSelectDocuments.dealMultiSelectDocuments--isCreatedOnMobile > .dtForm-controlContent > .formPopup-middle > .formPopup-middleBody > .selectDocuments-description + .selectDocuments-content {
	padding: 15px;
}
/*Signature Modal*/

.SignatureModal-headerTitle {
	color: #252b33;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

.SignatureModal-header {
	padding-bottom: 15px;
}

.SignatureModalList-descriptionLine {
	color: #767486;
	text-align: center;
	letter-spacing: 0.2px;
	line-height: 1.5;
}

.SignatureModalList-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 5px 25px 15px;
	flex-direction: column;
}

.SignatureModalListItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	border: 1px solid #d6d6dd;
	border-radius: 2px;
	background-color: #f8f9f9;
	cursor: pointer;
	margin-bottom: 5px;
}
.SignatureModalListItem.SignatureModalListItem--isComplete {
	border: none;
}

.SignatureModalList .SignatureModalList-sessionComplete {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;
}

.SignatureModalItem-icon {
	color: #646c78;
	font-size: 32px;
	width: 40px;
	min-width: 40px;
	height: 40px;
	background-size: 40px;
	line-height: 40px;
	margin-right: 10px;
}

.SignatureModalItem-icon.dtIcon-edit {
	border-bottom: 5px solid #dadddf;
}

.SignatureModalListItem:hover .SignatureModalItem-icon,
.SignatureModalListItem.isSelect .SignatureModalItem-icon {
	color: #252b33;
}

.SignatureModalListItem:hover .ListItemContent-caption,
.SignatureModalListItem.isSelect .ListItemContent-caption {
	color: #000;
}

.ListItemContent-caption {
	padding-top: 15px;
	color: #252b33;
	letter-spacing: 0.2px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.dtgrid--ss .SignatureModalListItem {
	padding: 10px 0;
}

 .SignatureModalListItem:hover,
 .SignatureModalListItem.isSelect {
	background-color: transparent;
}
.SignatureModal .SignatureModalItem-signPersonEmail {
	font-weight: 300;
	font-size: 11px;
}

.SignatureModal .SignatureModalItem-signPersonEmailConflict {
	font-weight: 300;
	font-size: 11px;
	color: #ee2e60;
}

.dtRoot.dtGrid--sm .SignatureModal .SignatureModalItem-signPersonEmail{
	padding: 5px 5px 0;
	width: 100px;
	max-width: 110px;
}

.SignatureModal.dtTheme--a .SignatureModalItem-icon {
	border: 1px solid #CCCCCC;
	border-radius: 40px;
	background-size: cover;
}

.ListItemContent-caption .status,
.ListItemContent-caption .name {
	font-size: 12px;
	letter-spacing: 0.5px;
}

.dtRoot.dtGrid--ss .SignatureModal.dtTheme--a .SignatureModalListItem {
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.SignatureModalListItem:hover .ListItemContent-caption,
.SignatureModalListItem.isSelect .ListItemContent-caption {
	font-weight: 500;
}

.dtRoot.dtGrid--ss .ListItemContent-caption {
	display: -webkit-flex;
	display: flex;
}

.dtRoot.dtGrid--ss .SignatureModalItem-content {
	-webkit-flex: 1;
	flex: 1;
}

.dtRoot.dtGrid--ss .ListItemContent-caption .name {
	flex: 1;
}

.dtRoot.dtGrid--ss .ListItemContent-caption {
	padding-top: 0;
}

.dtRoot.dtGrid--ss .SignatureModalListItem:hover,
.dtRoot.dtGrid--ss .SignatureModalListItem.isSelect {
	border-color: transparent;
	background: none;
}

.appHeader-toolBar {
	display: -webkit-flex;
	display: flex;
	height: 60px;
}

.dtRoot.dtGrid--ss .appHeader-toolBar {
	height: 44px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 2999;
}

.appHeader-toolBar .dtToolbarItem-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: inherit;
	flex-direction: inherit;
	-webkit-align-items: center;
	align-items: center;
}

.appHeader-toolBar-item.dtTheme--a {
	background-color: #2868D7;
	width: 60px;
	height: 60px;
	-webkit-justify-content: center;
	justify-content: center;
}

.dtRoot.dtGrid--ss .appHeader-toolBar-item.dtTheme--a {
	width: 44px;
	height: 44px;
}

.appHeader-toolBar-item {
	display: -webkit-flex;
	display: flex;
}

.appHeader-toolBar-item.dtTheme--b .dtToolbarItem-icon {
	color: #302f3b;
	font-size: 16px;
	font-weight: 300;
}

.appHeader-toolBar-item.dtTheme--a .dtToolbarItem-icon {
	font-size: 20px;
	color: #fff;
}

.dtSignHeader {
	flex: 1;
}

.dtSignHeader .dtSelect-selectIcon {
	color: #979fb0;
	font-size: 30px;
}

.dtSignHeader .dtSelect-select {
	color: #252b33;
	font-weight: 500;
	font-size: 14px;
}

.dtSignHeader .dtSelect-contentSelect-unIsEnabled {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1;
	color: #444;
	letter-spacing: 0.02em;
	max-width: 100%;
	min-width: 55px;
	padding: 0 5px;
}

.SignatureModalListItem .SignModalItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.SignModalItem-controlContent {
	border: 1px solid transparent;
	display: flex;
	padding: 15px 0;
	width: 100%;
	height: 140px;
	margin-bottom: 5px;
}

.SignatureModalListItem.SignatureModalListItem--isComplete .SignModalItem,
.SignatureModalListItem.SignatureModalListItem--isComplete .SignModalItem:hover {
	border: solid 1px #58dbac;
	border-radius: 2px;
	background-color: rgba(88, 219, 172, 0.1);
}

.SignModalItem .SignModalItem-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	font-size: 10px;
	padding: 5px 5px;
	color: #252b33;
	background-color: #d6d6dd;
}

.SignatureModalListItem--isComplete .SignModalItem .SignModalItem-header {
	background-color: #58dbac;
	color: #fff;
}
.SignModalItem .SignModelItem-headerItem {
	-webkit-flex: 1;
	flex: 1;
}
.SignModalItem .SignModelItem-headerItem-left {
	font-weight: 500;
	text-align: left;
}
.SignModalItem .SignModelItem-headerItem-right {
	text-align: right;
}

.SignModalItem .SignModalItem-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
	padding: 0 5px;
}

.SignModalItem .SignModalItem-person {

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 2;
	flex: 2;
	padding: 10px 0;
	font-size: 12px;
	font-weight: 500;
	text-align: left;
	-webkit-align-items: center;
	align-items: center;
	color: #252b33;
}

.dtRoot.dtGrid--sm .SignModalItem .SignModalItem-person {

	-webkit-align-items: center;
	align-items: center;
}

.SignModalItem-person .SignatureModalItem-personName {
	white-space: pre-line;
	min-width: 55px;
	width: 140px;
}
.dtRoot.dtGrid--sm .SignModalItem-person .SignatureModalItem-personName {
 	padding: 0 5px;
}

.SignModalItem-person .SignatureModalItem-personInfo {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding-right: 0;
	-webkit-flex: 1;
	flex: 1;
}

.SignModalItem-person.SignModalItem-person--isInCurrentParty .SignatureModalItem-signPersonEmail {
	visibility: visible;
}
.SignModalItem-person.SignModalItem-person--isNotInCurrentParty .SignatureModalItem-signPersonEmail {
	visibility: hidden;
}

.dtRoot.dtGrid--sm .SignModalItem-person .SignatureModalItem-personInfo {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding-left: 2px;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex: none;
	flex: none;
}
.SignModalItem .SignModalItem-content .SignModalItem-actions {
	-webkit-flex: 4;
	flex: 4;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.SignModalItem-content .SignModalItem-actionItem {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;


}
.SignModalItem .SignModalItem-content .SignModalItem-actionItemLink {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex: 1;
	flex: 1;

	text-align: center;
}
.SignModalItem .SignModalItem-content .SignModalItem-actionItemButton {
	padding-right: 10px;
}

.SignatureModalListItem.SignatureModalListItem--isComplete .SignModalItem .SignModalItem-actions {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.SignModalItem .SignModalItem-completed {
	display: -webkit-box;
	display: -webkit-flex;
	display:flex;
	-webkit-flex: 1;
	flex: 1;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;

	color:  #58dbac;

}
.SignModalItem .SignModalItem-actionCompleteText {
	font-size: 12px;
	font-weight: 500;
}

.SignModalItem .SignModalItem-completed .SignModalItem-checkmark {
	width: 24px;
	height: 24px;
	margin: 0 11px 0 25px;
	padding-bottom: 5px;
}


.SignatureModalListItem .EmailBox {
	width: 100%;
	display: flex;
	padding-right: 5px;
}

.SignatureModalListItem .EmailBox.EmailBox--isEmailHide {
	display: none;
}

.SignatureModalListItem .inputText {
	border-color: #2868D7;
	width: 100%;
}

.SignatureModalListItem .EmailBox-icon {
	display: flex;
	align-items: center;
	font-weight: bold;
	padding-left: 5px;
}

.SignatureModalListItem .EmailBox-icon.faIcon-check {
	color: #5cb85c;
}

.SignatureModalListItem .EmailBox-icon.faIcon-close {
	color: #d9534f;
}

.ListItemContent-caption .SignatureModalItem-personName  {
	padding: 0 10px;
	max-width: 100%;
}

.dtRoot.dtGrid--sm .SignatureModalListItem .EmailBox {
	width: 100%;
	display: flex;
}

.dtRoot.dtGrid--sm .SignatureModalListItem .EmailBox.EmailBox--isEmailHide {
	display: none;
}

.dtRoot.dtGrid--sm .SignatureModalListItem .inputText {
	border-color: #2868D7;
	width: 100%;
}

.dtRoot.dtGrid--sm .SignatureModalListItem .EmailBox-icon {
	display: flex;
	align-items: center;
	font-weight: bold;
	padding-left: 5px;
}

.dtRoot.dtGrid--sm .SignatureModalListItem .EmailBox-icon.faIcon-check {
	color: #5cb85c;
}

.dtRoot.dtGrid--sm .SignatureModalListItem .EmailBox-icon.faIcon-close {
	color: #d9534f;
}

.dtRoot.dtGrid--sm .ListItemContent-caption {
	flex-direction: row;
	padding: 0;
}

.dtRoot.dtGrid--sm .SignatureModalListItem {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

.dtRoot.dtGrid--sm .EmailBox {
	display: none;
}

.dtRoot.dtGrid--sm .ListItemContent-caption .status:after {
	/*content: "-";*/
	display: inline-block;
	width: 15px;
	text-align: right;
	margin-left: -10px;
	background: #fff;
}

.dtRoot.dtGrid--sm .ListItemContent-caption .name {
	max-width: none;
	padding: 0;
	flex: 1;
}

.dtRoot.dtGrid--sm .ListItemContent-caption .condition:before {
	content: "(";
	display: inline-block;
	width: 10px;
	height: 100%;
	position: relative;
	background-color: #fff;
	right: -6px;
	color: #fff;
	z-index: 9999;
}

.dtRoot.dtGrid--sm .SignatureModalItem-content {
	overflow: hidden;
	flex: 1;
}

.dtRoot.dtGrid--sm .dtForm.formPopup.dt--isGrow .formPopup-middle {
	padding: 10px;
}

.dtRoot.dtGrid--sm .SignatureModal.dtTheme--a .SignatureModalItem-icon {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	line-height: 30px;
	font-size: 26px;
}

.dtRoot.dtGrid--sm .SignatureModalItem-icon {
	margin-right: 0;
}

.dtRoot.dtGrid--sm .status {
	padding-right: 10px;
}

body.dtTouch.dtGrid--sm .SignatureModalList-content {
	padding: 30px 0 0 0;
	flex-direction: column;
}

.dtTitleIcon {
	display: none;
}

.dtRoot.dtGrid--sm .dtTitleIcon {
	font-size: 22px;
	justify-content: center;
	color: #fff;
	display: none;
	align-items: center;
	padding-left: 10px;
	margin-right: -3px;
}

.dtPopup.dtTheme--a.dtPopup--mode-signWindow .dtPopup-controlWrapperWidth {
	display: block;
	width: 644px;
	margin: auto;
}

.dtGrid--sm .dtPopup.dtTheme--a.dtPopup--mode-signWindow .dtPopup-controlWrapperWidth {
	-webkit-flex: 1;
	flex: 1 auto;
	width: 100%;
}

.dtPopup.dtTheme--a .dtPopup-content .SignatureModal.dtTheme--a {
	padding: 20px 30px 0;
}

.SignatureModalItem-content .ListItemContent-caption > div {
	max-width: 100%;
	padding: 0 5px;
	flex: 1;
	text-align: left;
}

.ListItemContent-caption .condition {
	font-size: 12px;
}
.dtRoot.dtGrid--sm .ListItemContent-caption .condition {
	display: none;
	font-size: 12px;
}

.ListItemContent-caption .condition {
}

.dtRoot.dtGrid--sm .ListItemContent-caption .condition {
	display: none;
}

.ListItemContent-caption .condition-sm {
	display: none;
}

.dtRoot.dtGrid--sm .ListItemContent-caption .condition-sm {
 	display: block;
	text-align: center;
}

.SignatureModalItem-content {
	width: 100%;
}

.dtSignHeader .dtSelect-select.dtSelect-selected-person {
	color: #767486;
	width: 100px;
}
#dtPage_dealSignature .appHeader-toolBar .dealSignatureBar-button{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	padding-right: 20px;
	align-items: center
}
.dtRoot.dtGrid--ss #dtPage_dealSignature .appHeader-toolBar .dealSignatureBar-button{
	display: none;
}
#dtPage_dealSignature .appHeader-toolBar .dealSignatureBar-button .dtButton-content {
	 display: flex;
	 flex-direction: row-reverse;
	 min-width: 124px;
	 padding: 0 16px;
	 height: 40px;
 }
.dtForm.formDealSignatureAdd {

}

.dtForm.formDealSignatureAdd .formDealSignatureAdd-content {
}

.dtForm.formDealSignatureAdd .formDealSignatureAdd-people {
}
.dtForm.formDealSignSignature {

}
.dtForm.formDealSignSignature .formDealSignSignature-content {
	-webkit-flex-direction: column;
	flex-direction: column;
}

/* Header. */
.dtForm.formDealSignSignature .formDealSignSignature-header {
	padding: 20px;
	border-bottom: 1px solid #eee;
}
.dtForm.formDealSignSignature .formDealSignSignature-headerDisclaimer {
	margin-bottom: 20px;
}

/* Pad. */
.dtForm.formDealSignSignature .formDealSignSignature-signature {

}
.dtForm.itemEditPermoDetails {

}
.dtForm.itemEditPermoDetails .itemEditPermoDetails-bodyMessage {
    margin-left: 36px;
}
.dtForm.formFolderNew {

}
.dtForm.formFolderNew .formFolderNew-bodyDescription {

}
.dtForm.itemEditPermoDetails {

}
.dtForm.itemEditPermoDetails .itemEditPermoDetails-bodyMessage {
    margin-left: 36px;
}
.dtForm.formItemRename {

}
.dtForm.formItemRename .formItemRename-bodyDescription {
	margin-bottom: 20px;
}

.dtForm.formItemRename .formFrameFieldset-headerCaption {
	color: #767486;
	font-size: 10px;
}
.dtForm.formItemStatus {

}
.dtForm.formItemStatus .formItemStatus-body {
	display: flex;
	flex: 1;
}
.dtToolbarItem .formItemStatus {
	width: 130px;
}

.formMarkup-addPeople {
	justify-content: flex-end;
	display: flex;
	text-decoration: underline;
	color: #2868D7;
}
.dtSidebarPDFMarkup .formMarkup-addPeople .dtButton{
	width:initial;
}
.formMarkup-addPeople .dtButton.dtTheme--e .dtButton-content {
	height: 20px;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	color: #2868D7;
}
.markupInput-listsAndIndentationTop {
	font-size: 10px;
	letter-spacing: normal;
	color: #767486;
	padding-top: 15px;
	padding-bottom: 5px;
}
.markupInput-contentListsAndIndentation {
	display: flex;
}

.markupInput-contentListsAndIndentation .markupInput-contentLists{
	flex: 2;
}
.markupInput-contentListsAndIndentation .inputText-indentation{
	flex: 1;
	border: solid 1px #d6d6dd;
	border-left:none;
	font-size: large;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;

}
.markupInput-contentListsAndIndentation .inputText-indentation + .inputText-indentation{
	border-bottom-right-radius: 1px;
	border-top-right-radius: 1px;
}
.markupInput-contentListsAndIndentation .inputText-indentation:hover {
	background-color: #ededed;
}
.markupInput-contentListsAndIndentation{
	background-color: #f8f9f9;
}
.markupInput-contentListsAndIndentation .inputText-indentation,
.markupInput-contentListsAndIndentation .inputText-indentation:hover{
	background-color: #d6d6dd;
	border: 1px solid #bcbcc8;
}
.formFrameRight-contentType{
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-contentType,
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formMarkup-addPeopleContent,
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formMarkup-addRoleIndexContent {
	margin-top: 0;
	max-width: 290px;
	flex: 1;
}


.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-contentType> .formFrameRow,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-contentType> .formFrameRow {
	margin-right: 9px;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-contentType> .formFrameRow:last-child,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-contentType> .formFrameRow:last-child {
	margin-right: 0;
	margin-left: 0;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-contentType,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-contentType {
	display: flex;
	margin-bottom:5px;
	width:100%;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content  .formMarkup-addPeopleContent {
	margin-bottom: 15px;
}

.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content  .formMarkup-addPeopleContent {
	margin-bottom: 5px;
}

.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-contentType> div {
	flex: 1;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formMarkupDate .formMarkup-addPeopleContent{
	display: none;
}


.dtPageApplication.dtPageApplication--isPDFMarkup .dtPageApplication-body.isMobile .dtPageApplication-middleMain,
.dtPageApplication.dtPageApplication--isPDFMarkup .dtPageApplication-body.isTablet .dtPageApplication-middleMain{
	flex-direction: column;
}

/* Clear background color of field control. */
.dtPageApplication--isPDFMarkup .peFieldItem-debug {
	background-color: transparent !important;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails {
	width: 100%;
	display: none;
	/*min-height: 100px;*/
	background-color: #2868D7;
	box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.25);
}
.dtPageApplication--isPDFMarkup .dtPageApplication-body.isTablet .dtPageApplication-rightDetails,
.dtPageApplication--isPDFMarkup .dtPageApplication-body.isMobile .dtPageApplication-rightDetails{
	display: block;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .dtRightDetailsContent-caption,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtRightDetailsContent-caption {
	display: none;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .dtSidebar-tabMenu,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtSidebar-tabMenu {
	display: none;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .dtSidebar,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtSidebar {
	width: 100%;
	background-color: transparent;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .dtSidebar .dtSidebar-inner,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtSidebar .dtSidebar-inner {
	position: initial;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .dtForm-footerButtons,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtForm-footerButtons {
	padding-top: 0;
	justify-content: center;
	flex-direction: row-reverse;
	display: flex;
}

.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtForm-footerButtons{
	justify-content: flex-end;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrame-content,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrame-content {
	/*flex-wrap: wrap;*/
	display: flex;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .dtSidebar-content,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtSidebar-content {
	padding: 0;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .dtSidebar-content .dtForm,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtSidebar-content .dtForm {
	background: #9c9cac;
	display: flex;
	flex-direction: row-reverse;
	padding: 15px 20px;
}

.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtSidebar-content .dtForm{
	padding:10px;
}

.dtPageApplication-body.isMobile .dtSidebar .dtSidebar-content .dtForm .dtForm-controlContent {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
}
.dtPageApplication-body.isTablet .dtSidebar .dtSidebar-content .dtForm .dtForm-controlContent {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.dtPageApplication-body.isMobile .dtSidebar .dtForm-footerButtons .dtButton,
.dtPageApplication-body.isTablet .dtSidebar .dtForm-footerButtons .dtButton {
	margin: 0 5px;
}

.dtPageApplication-body.isMobile .dtSidebar .dtForm-footerButtons .dtButton:first-child,
.dtPageApplication-body.isTablet .dtSidebar .dtForm-footerButtons .dtButton:last-child{
	margin-left:0;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .dtForm-footerButtons .dtButton:last-child,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtForm-footerButtons .dtButton:last-child {
	margin-right: 0;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrame-content> div,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrame-content> div {
	margin-right: 9px;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrame-content> div:last-child,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrame-content> div:last-child {
	margin-right: 0;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .dtForm-footer,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtForm-footer {
	padding-top: 0;
	flex-direction: column;
}

.dtPageApplication-body.isMobile .dtSidebar .dtForm-footerStatus,
.dtPageApplication-body.isTablet .dtSidebar .dtForm-footerStatus{
	display: none;
}

.dtPageApplication-body.isMobile .dtSidebar .formFrameFieldset .formFrameFieldset-header,
.dtPageApplication-body.isTablet .dtSidebar .formFrameFieldset .formFrameFieldset-header {
	display: none;
}

.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content{
	display: flex;
	flex-direction: column;
	margin-top:10px;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRows-inputOptions,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRows-inputOptions{
	display: flex;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRow {
	margin-top: 0;
	flex: 1 0 auto;
}

body.dtTouch .dtPageApplication-rightDetails .formFrameFieldset.formFrameFieldset-field-fontType,
body.dtTouch .dtPageApplication-rightDetails .formFrameFieldset.formFrameFieldset-field-size {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRow {
	margin-top: 5px;
}

.dtPageApplication-body.isMobile .dtSidebar .dtForm-footerButtons .dtButton .dtButton-content,
.dtPageApplication-body.isTablet .dtSidebar .dtForm-footerButtons .dtButton .dtButton-content{
	background: transparent;
}
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtForm-footerButtons .dtButton .dtButton-content {
	padding: 0;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-left,
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right {
	margin-top: 0;
	max-width: 290px;
	flex: 1;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right {
	margin-left: 8%;
}

.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-left,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right {
	margin-top: 5px;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-left,
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-left,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right {
	display: flex;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-left> .formFrameRow,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-left> .formFrameRow {
	margin-right: 9px;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-left .formFrame-content> .formFrameFieldset,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-left .formFrame-content> .formFrameFieldset,
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right .formFrame-content> .formFrameFieldset,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right .formFrame-content> .formFrameFieldset {
	margin-left: 0;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right {
	flex-direction: row-reverse;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right> .formFrameRow,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right> .formFrameRow {
	margin-right: 9px;
}

.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-left> div,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right> div {
	flex: 1;
}

.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-left> .formFrameRow,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right> .formFrameRow {
	margin-top: 0;
}

.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .dtSidebarPDFMarkup .formFrameRight-content .formFrameFieldset-field-people .formFrameFieldset-editor,
.dtPageApplication-body.isMobile .dtPageApplication-rightDetails .dtSidebarPDFMarkup .formFrameRight-content .formFrameFieldset-field-people .formFrameFieldset-editor{
	height: initial;
	border: none;
}

/* Todo ralonzi - make CSS classes more uniform not for each type of element */
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .formMarkupDate-header .formMarkupDate-headerButtons,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formMarkupSignature-header .formMarkupSignature-headerButtons,
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .formMarkupSignature-header .formMarkupSignature-headerButtons{
	display: flex;
}

/* Todo ralonzi - make CSS classes more uniform not for each type of element */
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .formMarkupDate-header .formMarkupDate-headerButtons,
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .formMarkupSignature-header .formMarkupSignature-headerButtons{
    justify-content: flex-end;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtButton,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtButton{
	margin:0 5px;
	margin-right: 0;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtButton:last-child,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtButton:last-child{
	margin-left:0;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtButton:last-child,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtButton:last-child {
	margin-right: 0;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtButton.dtButton--isCaption .dtButton-content,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtButton.dtButton--isCaption .dtButton-content{
	padding:0 10px;
}


/* PDF-Markup text field and date font-family and font-size */

.dtPageApplication-body .dtPageApplication-rightDetails .formFrameFieldset-field-fontType {
	min-width: 90px;
}

.dtPageApplication-body .dtPageApplication-rightDetails .formFrameFieldset-field-size {
	-webkit-flex: none;
	flex: none;
}

.dtPageApplication-body .dtPageApplication-rightDetails .formFrameFieldset-field-size .inputSearch-inputIcon {
	margin-left: 5px;
}


.dtPageApplication-body.isMobile .dtSidebar .dtForm .formMarkupSignature-header,
.dtPageApplication-body.isMobile .dtSidebar .dtForm .formMarkupDate-header{
    order: 1;
    width: 50%;
}

.dtPageApplication-body.isMobile .dtSidebar .dtForm .dtForm-footer{
    order: 2;
    width: 50%;
}

.dtPageApplication-body.isMobile .dtSidebar .dtForm  .dtForm-controlContent{
    order:3;
}

.dtPageApplication-body.isTablet .dtSidebar .dtForm.formMarkupDate .formMarkupDate-header{
	order:1;
}

.dtPageApplication-body.isTablet .dtSidebar .dtForm.formMarkupDate .dtForm-controlContent{
	order:2;
}

.dtPageApplication-body.isTablet .dtSidebar .dtForm.formMarkupDate .dtForm-footer{
	order:3;
}
.formMarkupAssignRole {

}

.formMarkupAssignRole .MarkupAssignRole-content {
	max-width: 450px;
	width: 450px;
	min-height: 250px;
	height: 250px;
	overflow: auto;
}
.formNodeExplorer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	max-width: 100%;
	max-height: 100%;
	height: 100%;

	overflow: hidden;
}

.formNodeExplorer .dtForm-controlContent {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;

	overflow-y: auto;
}

.dtGrid--ss.formNodeExplorer .dtForm-footer {
	padding: 10px 7px;
}
.dtFormSocial {

}

.formContactSocial .dtForm-footer {
	border-top: none;
	padding: 12px 10px;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.formContactSocial.dtForm.dtGrid--ss .dtForm-footer {
	-webkit-flex-direction: row;
	flex-direction: row;
}
.formContactSocial .footerStatus-caption {

	color: #e84461;
	font-size: 10px;
}

.dtFormSocial {

}

.dtFormSocial-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-flex: 1;
	flex: 1;
}

.dtFormSocial-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dtFormSocial-section {
	-webkit-flex: 1;
	flex: 1;
}

.dtFormSocial-line .dtFormSocial-section:not(:last-of-type) {
	margin-right: 5px;
}
.dtFormLocation-sectionInner .dtFormSocial-field {
	-webkit-flex: 1;
	flex: 1;
}
.dtFormSocial-field + .dtFormSocial-field {
	margin-left: 10px;
}

.confirmCancellation {

}
.confirmCancellation .confirmCancellation-body {
	margin-bottom: 10px;
}
.confirmCancellation-image.faIcon-warning {
	font-size: 25px;
}
.dtFormProfileContact {

}

.dtFormProfileContact-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-flex: 1;
	flex: 1;
}

.dtFormProfileContact-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dtFormProfileContact-section {
	-webkit-flex: 1;
	flex: 1;
}

.dtFormProfileContact-line .dtFormProfileContact-section:not(:last-of-type) {
	margin-right: 5px;
}
.dtFormProfileContact-field + .dtFormProfileContact-field {
	margin-left: 10px;
}

.formUserSelectExportTo-group {
    height: 20px;
}

.annotationScan-body {
    max-width: 400px;
    min-width: 300px;
    height: 200px;
}

.annotationScan-uploadHelpMessage {
    margin-bottom: 20px;
}

.dtForm.formImageUpload {

}
.dtGrid--sm .dtForm.formImageUpload{
	width: auto;
}
.formImageUpload-body {
	-webkit-flex: 1;
	flex: 1 auto;
}
.formImageUpload-section {
}
.formImageUpload-section + .formImageUpload-section {
	/*margin-top: 20px;*/
}
.formImageUpload-sectionCaption {
	font-size: 15px;
	margin-bottom: 5px;
}
.formImageUpload-sectionContent {
}

.formImageUpload-section.formImageUpload-section--image {
	/*display: none;*/
	/*margin-bottom: 20px;*/
}
.formImageUpload.formImageUpload--isImage .formImageUpload-section.formImageUpload-section--image {
	display: block;
}

.formImageUpload-section.formImageUpload-section--upload {
	margin-top: 20px;
}
.formImageUpload.formImageUpload--isUpload .formImageUpload-section.formImageUpload-section--upload {
	/*display: none;*/
}
.dtForm.formComment {

}
.formComment .formComment-body {
    padding-right: 15px;
}
.formComment-body .formFrameFieldset-headerCaption {
	padding-bottom: 5px;
}

.dtFolderEmailBar {

}

.dtFolderEmailBar.dtFolderEmailBar--isVisible {
    display: block;
}
.dtFolderEmailBar.dtFolderEmailBar--isNotVisible {
	display: none;
}
.dtFolderEmailBar .dtFolderEmailBar-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding-left: 15px;
	min-height: 52px;
	height: 52px;
}

.dtTouch.dtGrid--ss .dtFolderEmailBar .dtFolderEmailBar-content {
	padding-left: 0;
}

.dtFolderEmailBar-content .dtFolderEmailBar-contentInput {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.dtTouch.dtGrid--ss .dtFolderEmailBar .dtFolderEmailBar-content .dtFolderEmailBar-contentInput {
	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-align-items: flex-start;
	align-items: flex-start;

	padding-left: 15px;
}

.dtFolderEmailBar-contentInput .dtFolderEmailBar-label {
	padding-right: 5px;
	font-size: 10px;
	color: #252b33;
}

.dtFolderEmailBar-contentInput .dtFolderEmailBar-inputField {
	width: 253px;
	min-width: 253px;
	margin-left: 32px
}

.dtTouch.dtGrid--ss .dtFolderEmailBar .dtFolderEmailBar-contentInput .dtFolderEmailBar-inputField {
	margin-left: 0;
}

.dtFolderEmailBar .dtFolderEmailBar-inputButtonField {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.dtTouch.dtGrid--ss .dtFolderEmailBar .dtFolderEmailBar-inputButtonField {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtForm.formImageUpload {

}
.dtGrid--sm .dtForm.formImageUpload{
	width: auto;
}
.formImageUpload-body {
	-webkit-flex: 1;
	flex: 1 auto;
}
.formImageUpload-section {
}
.formImageUpload-section + .formImageUpload-section {
	/*margin-top: 20px;*/
}
.formImageUpload-sectionCaption {
	font-size: 15px;
	margin-bottom: 5px;
}
.formImageUpload-sectionContent {
}

.formImageUpload-section.formImageUpload-section--image {
	/*display: none;*/
	/*margin-bottom: 20px;*/
}
.formImageUpload.formImageUpload--isImage .formImageUpload-section.formImageUpload-section--image {
	display: block;
}

.formImageUpload-section.formImageUpload-section--upload {
	margin-top: 20px;
}
.formImageUpload.formImageUpload--isUpload .formImageUpload-section.formImageUpload-section--upload {
	/*display: none;*/
}

.formImageUpload .dtImageUploadDeleteButton {
	float:right;
}

.formImageUpload .dtImageUploadDeleteButton.dtImageUploadDeleteButton--isDisabled{
	display:none;
}

.formImageUpload .dtImageUploadDeleteButton.dtImageUploadDeleteButton--isEnabled{
	display:block;
}

.dtForm.formPopup.dtTheme--a.formImageUpload .formPopup-middleBody.drag-image-upload {
	padding: 0;
}

.dtForm.formPopup.dtTheme--a.formImageUpload .formPopup-middleBody.drag-image-upload .formImageUpload-section.formImageUpload-section--upload {
	margin-top: 0;
}

.dtForm.formPopup.dtTheme--a.formImageUpload .formPopup-middleBody.drag-image-upload .formImageUpload-section{
	margin-bottom:10px;
}
.dtForm.formPopup.dtTheme--a.formImageUpload .formPopup-middle {
	overflow-x: hidden;
}

.formImageUpload .dtButton.dtTheme--e .dtButton-content {
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	color: #2868D7;
	text-decoration: underline;

}
.formImageUpload .dtButton.dtTheme--e.dtButton--isEnabled:hover .dtButton-content {
	color: #2868D7;
}
.dtForm.formPopup.dtTheme--a.formImageUpload .formPopup-middle {
	overflow-x: hidden;
	padding-bottom: 0;
}

.formImageUpload .dtForm-footer .dtButton-content {
	width: 124px;
	height: 40px;
}

.formImageUpload .dtForm-footer .dtButton-content .dtButton-caption {
	font-size: 14px;
	color:#fff;
}
.formImageUpload .dtButton.dtTheme--a.dtButton--isEnabled .dtButton-content {
	background-color: rgba(37, 43, 51, .3);
}
.dtFormLocation {

}
.dtFormLocation.dt--isGrow {
	min-width: 320px;
	width: 500px;
}
.dtFormLocation.dtFormLocation.dt--isGrow.dtFormLocation--isCollapsed,
.dtRoot.dtGrid--xs .dtFormLocation.dt--isGrow {
	min-width: 280px;
	width: 280px;
}
.dtRoot.dtGrid--ss .dtFormLocation.dt--isGrow {
	width: auto;
}
.dtFormLocation-body {}
.dtFormLocation.dt--isFit .dtFormLocation-body {
	-webkit-flex: 1;
	flex: 1;
}

/* Line. */
.dtFormLocation-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtFormLocation.dtTheme--b .dtFormLocation-line.dtFormLocation-lineRegion {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtFormLocation.dtFormLocation--isCollapsed .dtFormLocation-line {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtFormLocation.dtFormLocation--isCollapsed .dtFormLocation-line + .dtFormLocation-line {
	margin-top: 10px;
}

/* Section. */
.dtFormLocation-section {

}
.dtFormLocation-section + .dtFormLocation-section {
	margin-left: 10px;
}
.dtFormLocation.dtTheme--b .dtFormLocation-line.dtFormLocation-lineRegion .dtFormLocation-section + .dtFormLocation-section{
	margin-left: 0;
}
.dtFormLocation.dtFormLocation--isCollapsed .dtFormLocation-section {
	margin-left: 0;
}
.dtFormLocation.dtFormLocation--isCollapsed .dtFormLocation-section + .dtFormLocation-section {
	margin-top: 15px;
}
.dtFormLocation-section--left {
	-webkit-flex: 1;
	flex: 1;
}
.dtFormLocation-section--center {
	-webkit-flex: 4;
	flex: 4;
}
.dtFormLocation-section--right {
	-webkit-flex: 1;
	flex: 1;
}
.dtFormLocation-sectionInner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* Field. */
.dtFormLocation-field {
	-webkit-flex: 1;
	flex: 1;
}
.dtFormLocation-field + .dtFormLocation-field {
	margin-left: 10px;
}
.dtFormLocation-fieldInner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.dtFormLocation-field-unitNumber {}
.dtFormLocation-field-streetNumber {}
.dtFormLocation-field-streetName {}
.dtFormLocation-field-city {
	-webkit-flex: 1;
	flex: 1;
}
.dtFormLocation.dtTheme--b .dtFormLocation-field-city {
	-webkit-flex: 1;
	flex: 1;
}
.dtFormLocation-field-region {}
.dtFormLocation-field-postal {
	-webkit-flex: 1;
	flex: 1;
}
.dtFormLocation-field-country {
	-webkit-flex: 2;
	flex: 2;
}
.dtFormLocation-field-mlsNumber {
	-webkit-flex: 1;
	flex: 1;
}
.dtFormLocation-field-mlsNumberButton {
	margin-bottom: 2px;
	align-self: center;
}
.formMarkupSignature {}

.formMarkupSignature .formMarkupSignature-header-caption {

	margin-bottom: 15px;
}

/**See MarkupSignature.css for base rules**/
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formMarkupSignature .formFrameRight-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
/**TODO: JDonaldson fix this hack **/
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formMarkupSignature .formMarkup-addRoleIndexContent {
	margin-bottom: 15px;
}

.formMarkupSignature .dtForm-footerButtonsWrapper .dtForm-footerButtons {
	display: block;
}

.formMarkupSignature .dtForm-footerButtonsWrapper .dtForm-footerButtons .dtButton {
	margin-bottom: 10px;
}
.formMlsSearch {

}
.formMlsSearch.dt--isGrow {
	min-width: 280px;
	width: 400px;
}
.dtRoot.dtGrid--ss .formMlsSearch.dt--isGrow {
	width: 280px;
}

.dtRoot.dtGrid--ss.dtTouch .formMlsSearch {
	width: 100%;
}

.dtRoot.dtGrid--ss.dtTouch .formMlsSearch-body {
	padding-top: 10px;
}

.dtRoot.dtGrid--ss .formMlsSearch-body.formMlsSearch-body--isEmpty .formMlsSearch-emptyContent,
.dtRoot.dtGrid--ss.dtTouch .formMlsSearch-body.formMlsSearch-body--isEmpty .formMlsSearch-emptyContent {

	display: block;
	margin-top: 15px;
	padding: 0 5px;
}

.dtRoot.dtGrid--ss .formMlsSearch-body.formMlsSearch-body--isNotEmpty .formMlsSearch-emptyContent,
.dtRoot.dtGrid--ss.dtTouch .formMlsSearch-body.formMlsSearch-body--isNotEmpty .formMlsSearch-emptyContent {
	display: none;
}

.dtForm.formMlsSearch.formMlsSearch--isPadFooter .dtForm-footer {
	padding: 10px;
	padding-top: 15px;
}
.formPageSelection-body {
	max-height: 455px;
	overflow-y: auto;
}

.formPageSelection .dtForm-footer {
	border-top: 1px solid rgba(0,0,0,0.1);
}
.formPageSelection .dtForm-footer {
	padding: 12px 10px;
}

/**
	This may need to be removed.
 */
.formPageSelection.dtGrid--ss .dtForm-footer {
	-webkit-flex-direction: row;
	flex-direction: row;
}

/**
	Over written by pageExplorer field.
 */
.formPageSelection .inputCheckbox-label {
	color: #252b33;
	font-size: 12px;
	font-weight: 500;
}

.formPageSelectionUpload-body {
	max-height: 455px;
	overflow-y: auto;
}

.formPageSelectionUpload .dtForm-footer {
	border-top: 1px solid rgba(0,0,0,0.1);
}
.formPageSelectionUpload .dtForm-footer {
	padding: 12px 10px;
}

/**
	This may need to be removed.
 */
.formPageSelectionUpload.dtGrid--ss .dtForm-footer {
	-webkit-flex-direction: row;
	flex-direction: row;
}

/**
	Over written by pageExplorer field.
 */
.formPageSelectionUpload .inputCheckbox-label {
	color: #252b33;
	font-size: 12px;
	font-weight: 500;
}
.formPageSplit-body {
}
.formPeopleFieldMobile {
	margin: 5px 0;
}

.formPeopleFieldMobile .formPeopleFieldMobile-body {
}
.formPeopleSearch {

}
.formPeopleSearch.dt--isGrow {
	min-width: 283px;
	width: 283px;
	/*height: 242px;*/
}

.formPeopleSearch.dt--isGrow.formPeopleSearch--isModify {
	min-width: 280px;
	width: 400px;
}

.formPeopleSearch.dt--isGrow.formPeopleSearch--isNotModify {
	min-width: 280px;
	width: 400px;
}
.dtRoot.dtGrid--sm .formPeopleSearch.dt--isGrow{
	width: 280px;
}

/* Page Explorer multi modal field on mobile */
.dtRoot.dtGrid--sm .dtModal.dtModal--page-explorer-multi-modal-field .formPeopleSearch.dt--isGrow{
	width: auto;
}

.dtForm.formPeopleSearch.formPeopleSearch--isPadFooter .dtForm-footer {
	padding: 10px;
	padding-top: 15px;
}
.dtFormPerson {
}
.dtFormPerson.dt--isGrow {
	min-width: 320px;
	width: 500px;
}
.dtRoot.dtGrid--ss .dtFormPerson.dt--isGrow {
	min-width: 296px;
	width: 100%;
}
.dtFormPerson-emailMessage {
	color: #2868D7;
	font-size: 12px;
	margin-top: -5px;
}
.dtFormPerson-emailMessage--content {
	margin-right: 5px;
	display: inline-block;
}
.dtFormPerson .formFrameRow {

	margin: 2px 0 0 0;
}
.dtFormPerson .formFrame-content {
	display: flex;
}
.dtFormPerson .formPerson-contentHiddenField {
	width: 0;
	height: 0;
	opacity: 0;
	outline: none;
}
.dtFormPerson .formFrame-content .formFrameFieldset {

	-webkit-flex: 1;
	flex: 1;

	margin-top: 8px;
}

.dtFormPerson  .formFrameFieldset .inputCheckbox-label {
	height: 16px;
	font-size: 10px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.02rem;
	color: #767486;
	flex: 1;
	transition-duration: .2s;
}
.dtFormPerson .formFrameFieldset + .formFrameFieldset {
	margin-left: 11px;
}
.dtFormPerson .formFrameFieldset .dtFormLocation-line + .dtFormLocation-line {
	margin-top: 0;
}
.dtFormPerson .dtFormLocation-fieldInner .formFrameFieldset {
	margin-top: 11px;
}
.dtFormPerson.formPersonPDFMarkup.dt--isGrow {
	min-width: 320px;
	width: 320px;
}
.settingGroupAccessGar {

}
.settingGroupAccessGar .settingGroupAccessGar-divider {
	margin-top: 25px;
}
.formSettingItemMatrixVisibility-description {
    margin-top: 20px;
    color: #959595;
    font-size: 12px;
}
.sidebarCheckbox {

}

.dtSidebarView.sidebarCheckbox .dtSidebarView-header {

}

.dtTouch .dtSidebarView.sidebarCheckbox .dtSidebarView-header .dtSidebarView-title {
	display: none;
}

.dtTouch .dtSidebarView.sidebarCheckbox .dtSidebarView-header > .dtButton {
	margin-right: 5px;
}
.formSlideshow .formSlideshow-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1;
	flex: 1;
}
.formTypeableSelectField {
	margin: 15px;
}

.formTypeableSelectField .formTypeableSelectField-contentInput {

}
.formTypeableSelectField .formTypeableSelectField-contentSelect {
	margin-top: 10px;
}
.dtForm.formUnifyDeals {

}
.formUnifyDeals .formUnifyDeals-body {
    padding-right: 15px;
}
.formUnifyDeals-body .formFrameFieldset-headerCaption {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.formUnifyDeals-body .formUnifyDeals-formListContent {
	border: 1px solid #d0d0d0;
}

.formUnifyDeals-body .formUnifyDeals-formListCaption {
	font-size: 10px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.02rem;
	color: #767486;
	max-width: 100%;
	flex: 1;
	transition-duration: .2s;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.formUnifyDeals-formListContent .dtSelectList-content {
	height: 200px;
	min-height: 200px;
	max-height: 200px;
}
.formUploadProgress {}

.dtForm.formPopup.formUploadProgress.dt--isGrow .formPopup-middle {
	padding-bottom: 0;
}
.formUploadProgress .formUploadProgress-bodyHeader {
	padding: 10px 0 20px 20px
}
.formUploadProgress .formUploadProgress-bodyHeaderV4Flow {
	padding: 10px 20px 20px 20px
}
.formUploadProgress .formUploadProgress-items {
	padding: 0 20px 0 20px;
	margin-right: 10px;
	max-height: 325px;
}


.formUserAccountModifyPromoCode {

}

.formUserAccountModifyPromoCode .userAccountModifyPromoCode-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-self: center;
	align-items: center;

	-webkit-justify-content: center;
	justify-content: center;
	padding-top: 15px;
}

.formFrame.formFrame--userAccountModifyPromoCode .formFrameFieldset-header {
	height: 26px;
}

.formFrame.formFrame--userAccountModifyPromoCode .formFrameFieldset-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;
}

.formFrame.formFrame--userAccountModifyPromoCode .inputText-input {
	width: unset;
}

.formFrame.formFrame--userAccountModifyPromoCode .formFrameFieldset.formFrameFieldset--isLabel .formFrameFieldset-header {
	-webkit-align-items: unset;
	align-items: unset;
	padding-right: 8px;
}

.formUserAccountModifyPromoCode .userAccountModifyPromoCode-body .userAccountModifyPromoCode-actionContent {
	margin-bottom: 16px;
	margin-left: 5px;
}
.userSetTimezone {

}
.userSetTimezone .userSetTimezone-bodyDescription {
	margin-top: 10px;
}
.userSetTimezone .userSetTimezone-bodyDescription .dtFormDescription-line {
	font-size: 12px;
}
.dtScroll {
    overflow: hidden;
}
.dtScroll--isScrollHorizontal {
    overflow-x: auto;
}
.dtScroll--isScrollVertical {
    overflow-y: auto;
}
.dtMeasureText {
	position: absolute;

	top: 0;
	left: 0;

	overflow: hidden;

	visibility: hidden;
	opacity: 0;

	z-index: -1;

	white-space: pre;

	letter-spacing: initial;

	color: #fff;
	background-color: #000;
}

/**	For debugging */
.dtMeasureText.dtMeasureText--debug {

	visibility: visible;
	z-index: 3250;
	background-color: #f00;
	opacity: 0.75;
}

.dtBridgeInput {
	position: absolute;
	top: -15px;
	left: -15px;
	z-index: -1;
}
#dtRoot-v3Sizer {
	visibility: hidden;
}

.dtRoot {
	position: fixed;

	width: 100%;
	height: 100%;

	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;

	overflow: hidden;
	/*-webkit-overflow-scrolling: touch;*/

	/*left: 10%; top: 10%; width: 80%; height: 80%;*/

	text-rendering: optimizeSpeed;
}
.dtRoot:not(.dtTouch) {
	overflow-x: auto;
	overflow-y: hidden;
}
div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
.dtRoot.dtTouch input:disabled,
.dtRoot.dtTouch textarea:disabled {
	opacity: 1;
}

.dtPage {
	display: flex;
	flex-direction: column;
}
.dtPage-header {

}
.dtPage-content {
	position: relative;
	flex: 1;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
/* Page. */
.dtPageApplication {
	position: absolute;

	height: 100%;
	width: 100%;

	background: #fff;

	overflow: hidden;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtRoot:not(.dtTouch) .dtPageApplication {
	min-width: 768px;
}
.dtPageApplication .dtPageApplication-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	border-right: 1px solid #d8d8d8;
}
.dtPageApplication .dtPageApplication-body {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;

	position: relative;
}

/* Panel */
.dtPageApplication-body .dtPageApplication-panel {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

/* Body. */
.dtPageApplication .dtPageApplication-header {

}
.dtPageApplication .dtPageApplication-middle {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtPageApplication .dtPageApplication-footer {
}

/* Middle. */
.dtPageApplication .dtPageApplication-middleSidebar,
.dtPageApplication .dtPageApplication-middleSidebarRight {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	z-index: 500;
}
.dtPageApplication .isMobile .dtPageApplication-middleSidebar {
	display: none;
}
.dtPageApplication-body.dtGrid--sm .dtPageApplication-middleSidebarRight {
	display: none;
}
.dtPageApplication .dtPageApplication-middleMain {
	-webkit-flex: 1;
	flex: 1 auto;

	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	background-color: #fff;
}

/* Main. */
.dtPageApplication .dtPageApplication-mainToolbar,
.dtPageApplication .dtPageApplication-mainContentToolbarTray {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	height: 60px;

	-webkit-flex-direction: column;
	flex-direction: column;

}
.dtPageApplication .dtPageApplication-mainToolbar {
	background-color: #f7f6f8;
	z-index: 2100;
}
.dtPageApplication .dtPageApplication-mainContentToolbarTray {
	background-color: #ffffff;
	z-index: 2099;
}
.dtPageApplication.dtPageApplication--isMainToolbarExtended .dtPageApplication-mainToolbar {
	height: auto;
}
.dtPageApplication.dtGrid--sm.dtPageApplication--isMainToolbarExtended .dtPageApplication-mainToolbar {
	height: 88px;
}

.dtPageApplication .dtPageApplication-mainRibbon {

}
.dtRoot.dtGrid--sm .dtPageApplication-mainToolbar,
.dtRoot.dtGrid--sm .dtPageApplication-mainContentToolbarTray {
	height: 44px;
}
.dtPageApplication .dtPageApplication-mainToolbar:empty,
.dtPageApplication .dtPageApplication-mainContentToolbarTray:empty {
	display: none;
}
.dtPageApplication .dtPageApplication-mainContent {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;
}

/* Content. */
.dtPageApplication .dtPageApplication-mainContentScroll {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.isPreventFromScrolling {
	overflow: hidden !important;
}
.dtPageApplication.dtPageApplication--isContentFit .dtPageApplication-mainContentScroll {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPageApplication.dtPageApplication--isContentScroll .dtPageApplication-mainContentScroll {
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}
.dtPageApplication .dtPageApplication-mainContentPadding {

}
.dtPageApplication.dtPageApplication--isContentFit .dtPageApplication-mainContentPadding {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPageApplication.dtPageApplication--isContentPadding .dtPageApplication-mainContentPadding {
	padding: 20px;
}
.dtPageApplication.dtPageApplication--isContentPadding .dtGrid--sm .dtPageApplication-mainContentPadding {
	padding: 10px;
}
.dtPageApplication .dtPageApplication-content {
	-webkit-flex: 1;
	flex: 1 auto;

	position: relative;
}
.dtPageApplication.dtPageApplication--isContentFit .dtPageApplication-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
/* Page. */
.dtPageAux {
	position: absolute;

	height: 100%;
	width: 100%;

	background: #fff;

	overflow: hidden;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPageAux .dtPageAux-body {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}

/* Body. */
.dtPageAux .dtPageAux-header {
	border-bottom: 2px solid #2868D7;
}

.dtPageAux.dtPageAux--isRibbon .dtPageAux-header {
	border-bottom: none;
}

.dtPageAux .dtPageAux-middle {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtPageAux .dtPageAux-footer {
}

/* Middle. */
.dtPageAux .dtPageAux-middleMain {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}

/* Main. */
.dtPageAux .dtPageAux-mainContent {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;

	background-color: #f0eff2;
}

/* Content. */
.dtPageAux .dtPageAux-mainContentScroll {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPageAux.dtPageAux--isContentScroll .dtPageAux-mainContentScroll {
	overflow: auto;
}
.dtPageAux .dtPageAux-content {
	-webkit-flex: 1;
	flex: 1 auto;

	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPageAux.dtPageAux--isNotTopCenterAligned .dtPageAux-content {
	-webkit-align-items: center;
	align-items: center;
}

.dtPageAux.dtPageAux--isTopCenterAligned .dtPageAux-content {

	-webkit-justify-content: center;
	justify-content: center;
}

/** TODO: reidenzon - This is an overflow padding fix, feels dirty though. */
.dtPageAux.dtPageAux--isContentPadding .dtPageAux-content > .dtWrapper {
	padding: 20px;
}

/** Theme A */
.dtPageAux.dtTheme--a .dtPageAux-mainContent {
	background-color: #FFFFFF;
}
#dtPage_documents .dtPageApplication-mainContentScroll {
	border: solid 1px #fff;
}

#dtPage_documents .dtPageApplication-mainContentScroll.dt--isTakingUpload {
	box-sizing: content-box;
	border: solid 1px #ff5500;
}

.dtPageApplication-bodySearchResult {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 120px 0 0 0;
	z-index: 2999;
	background-color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPageApplication-bodySearchResult .dtPageApplication-bodySearchResult-main {
	flex: 1;
	overflow-y: auto;
	padding: 30px 20px 20px 20px;
}
.dtPageApplication-bodySearchResult .dtPageApplication-panel {
	flex: 0;
	min-width: 340px;
	background-color: #f0eff2;
	box-shadow: -1px 0 0 0 #729BE9;
	display: none;
}
/*Responsive mobile*/
.dtTouch.dtGrid--sm .dtPageApplication-bodySearchResult {
	padding: 88px 0 0 0;
}
.dtTouch.dtGrid--sm .dtPageApplication-bodySearchResult .dtPageApplication-bodySearchResult-main {
	padding: 20px 10px 10px 10px;
}
.dtTouch .dtPageApplication-bodySearchResult .dtPageApplication-panel {
	display: none;
}
/* Patch for saninco right info panel */
.dtPageApplication-bodySearchResult .you-information {
	padding: 0 15px;
}
/* Page. */
.dtPageWizard {
	position: absolute;

	height: 100%;
	width: 100%;

	background: #fff;

	overflow: hidden;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtRoot:not(.dtTouch) .dtPageWizard {
	min-width: 768px;
}
.dtPageWizard .dtPageWizard-body {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtPageWizard .dtPageWizard-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPageWizard .dtPageWizard-panel {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

/* Body. */
.dtPageWizard .dtPageWizard-header {
	z-index: 2500;
	/* giving flex to this element on a global scope makes action button on the top-right disappeared */
	/*display: flex;*/
}

.dtPageWizard-body.isMobile .dtPageWizard-header.dtPageWizard-header--isHide {
	display: none;
}

.dtPageWizard-body.isTablet .dtPageWizard-header.dtPageWizard-header--isHide {
	display: none;
}

.dtPageWizard .dtPageWizard-mainToolbar {
	background-color: #f0eff2;
	display: flex;
}

.dtPageWizard-body.isMobile .dtPageWizard-mainToolbar.dtPageWizard-mainToolbar--isHide {
	display: none;
}

.dtPageWizard-body.isTablet .dtPageWizard-mainToolbar.dtPageWizard-mainToolbar--isHide {
	display: none;
}


.dtPageWizard .dtPageWizard-middle {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	flex-direction: column;
}
.dtPageWizard .dtPageWizard-footer {
}

/* Middle. */
.dtPageWizard .dtPageWizard-middleMain {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPageWizard .dtPageWizard-middleSidebarRight {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	z-index: 500;
	position: relative;
}

/* Main. */
.dtPageWizard .dtPageWizard-mainContent {
	position: relative;

	-webkit-flex: 1;
	flex: 1 auto;
}

.dtPageWizard .dtPageWizard-middleMainContent {
	display: flex;
	flex: 1 auto;
}

.dtPageWizard .dtPageWizard-mainFooter.dtPageWizard-mainFooter--isHide {
	display: none;
}

/* Content. */
.dtPageWizard .dtPageWizard-mainContentScroll {
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.dtPageWizard.dtPageWizard--isContentFit .dtPageWizard-mainContentScroll {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPageWizard.dtPageWizard--isContentScroll .dtPageWizard-mainContentScroll {
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}
.dtPageWizard .dtPageWizard-mainContentPadding {

}
.dtPageWizard.dtPageWizard--isContentPadding .dtPageWizard-mainContentPadding {
	padding: 50px;
	padding-bottom: 0;
}
.dtPageWizard.dtPageWizard--isContentPadding .dtGrid--md .dtPageWizard-mainContentPadding {
	padding: 29px 27px;
	padding-bottom: 0;
}
.dtPageWizard.dtPageWizard--isContentPadding .dtGrid--sm .dtPageWizard-mainContentPadding {
	padding: 0;
}
.dtPageWizard.dtPageWizard--isContentFit .dtPageWizard-mainContentPadding {
	-webkit-flex: 1;
	flex: 1 auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.dtPageWizard .dtPageWizard-content {
	-webkit-flex: 1;
	flex: 1 auto;

	position: relative;
}
.dtPageWizard.dtPageWizard--isContentFit .dtPageWizard-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;
}
.dtPageWizard .dtPageWizard-contentWrapper {
	-webkit-flex: 1;
	flex: 1 auto;

	max-width: 1040px;
	width: 100%;
}

.dtRoot.dtGrid--ml .dtPageWizard .dtPageWizard-mainContentPadding,
.dtRoot.dtGrid--ml .dtPageWizard .dtPageWizard-content,
.dtRoot.dtGrid--ml .dtPageWizard .dtPageWizard-contentWrapper {
	max-width: 100%;
}

#dtPage_testSignaturePad {

}
#dtPage_testSignaturePad .dtCanvas-canvas {
	border: 1px solid #ccc;
}
#dtPage_testSymbols .dtP-page {
	background: #fff;
}

#dtPage_testSymbols .dtSymbolInfo {
	float: left;
}

#dtPage_accountLocked .dtPageAux-mainContent {
	background-color: #fff;
}
.dtAccountLocked {

}
.dtAccountLocked .accountLocked-header {
 	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-align-items: center;
	align-items: center;
}

.dtAccountLocked .accountLocked-headerLogo {

	margin-top: 30px;
	margin-bottom: 70px;
}

.dtAccountLocked .accountLocked-headerImage {
	width: 70px;
	margin-bottom: 15px;
}
.dtAccountLocked .accountLocked-headerText {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-align-items: center;
	align-items: center;
}
.accountLocked-headerText .accountLocked-headerTextTitle {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.22;
	color: #252b33;
	margin-bottom: 20px;
	text-align: center;
}

.accountLocked-headerText .accountLocked-headerTextSubText{
	font-size: 14px;
	line-height: 1.29;
	color: #767486;
	text-align: center;
	margin-bottom: 36px;
}

.dtAccountLocked .dtForm-footerStatus{
	display: none;
}

/* History. */
#dtPage_dealHistory .dtPageApplication-content {
}
#dtPage_dealHistory .dtPageApplication-timeline {

}

/* Preview. */
#dtPage_dealPreview .dtPageApplication-content {

}

#dtPage_dealPreview .dtPageApplication-body.isTablet .dtSidebar-tab,
#dtPage_dealPreview .dtPageApplication-body.isMobile .dtSidebar-tab{
	display: none;
}
/*TODO: hdk - remind to myself: keep adding views is wrong, if you are to add one more, change them entirely*/
#dtPage_dealPreview .dtPageApplication-mainToolbar .dtToolbar-sections,
#dtPage_dealFields .dtPageApplication-mainToolbar .dtToolbar-sections,
#dtPage_dealPeople .dtPageApplication-mainToolbar .dtToolbar-sections,
#dtPage_packageCustomize .dtPageApplication-mainToolbar .dtToolbar-sections {
	-webkit-flex: 1 0 auto;
	flex:1 0 auto;
}

#dtPage_dealPreview.dtP--mode-sign .dtPageApplication-mainFooter {
	display: block;
	border-top: 1px solid #ddd;
}
/* Signature. */

#dtPage_dealSignature .dtPageApplication-content {
	position: static;
}

#dtPage_dealSignature .dtPageApplication-mainHeader {}

#dtPage_dealSignature.dtP--mode-sign .dtPageApplication-mainHeader {
	display: block;
	border-bottom: 1px solid #ddd;
}
#dtPage_dealSignature .pageExplorerPage .pageExplorerPage-content {
	box-shadow: 0 0 8px 3px rgba(204, 204, 204,.6);
}

/* Header bar.*/

#dtPage_dealSignature .dealHeaderBar.dealSignatureBar {
	position: relative;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
	z-index: 901;
}

#dtPage_dealSignature .dealHeaderBar.dealSignatureBar .dealSignatureBar-progress {
	-webkit-flex: 1;
	flex: 1 auto;
}

#dtPage_dealSignature .dealHeaderBar-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 5px 10px;
	font-size: 18px;
	line-height: 25px;
	background-color: #f7f6f8;
	color: #fff;
	/*height: 60px;*/
	-webkit-align-items: center;
	align-items: center;
}

#dtPage_dealSignature .dealHeaderBar.dtGrid--ss .dealHeaderBar-content {
	padding: 10px;
}

#dtPage_dealSignature .dealHeaderBar.dealSignatureBar .dealSignatureBar-debug {
	display: flex;
}
#dtPage_dealSignature .dealHeaderBar.dealSignatureBar .dealSignatureBar-debugItem {
	font-size: 12px;
	line-height: 1;
	color: #000;
}

#dtPage_dealSignature .dealHeaderBar-main {
	-webkit-flex: 1;
	flex: 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	/* margin-left: 20px; */
	/* margin-right: 10px; */
	/* padding-right: 10px; */
	color: #444;
	max-width: 260px;
}

#dtPage_dealSignature .dealHeaderBar-main .dealSignatureBar-zoom {
	padding-left: 50px;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-align-items: center;
	align-items: center;
}

#dtPage_dealSignature .dealSignatureBar-item {
	display: -webkit-flex;
	display: flex;
}

#dtPage_dealSignature .dealSignatureBar-zoomContainer.dealSignatureBar-item {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	padding-left: 20px;
}

#dtPage_dealSignature .dealSignatureBar-item.dealSignatureBar-toolbarContent {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

#dtPage_dealSignature .dealSignatureBar-zoomContainer .dtSelect-contentSelect {
	border: 1px solid #d6d6dd;
}

#dtPage_dealSignature .dealSignatureBar-zoomContainer .dtSelect.dtSelect--isOpen .dtSelect-dropdown {
	background-color: #fff;
	display: block;
	position: absolute;
	z-index: 999;
}

#dtPage_dealSignature .dealSignatureBar-content.dealSignatureBar-item {
	-webkit-justify-content: center;
	justify-content: center;
}

#dtPage_dealSignature .dealSignatureBar-button.dealSignatureBar-item {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	padding-right: 20px;
	align-items: center;
}
#dtPage_dealSignature .dealSignatureBar-button.dealSignatureBar-item .dtButton-content{
	display: flex;
	flex-direction: row-reverse;
}
#dtPage_dealSignature .dealSignatureBar-button .dtButton.dtButton--isDisabled {
	display: none;
}

#dtPage_dealSignature .dealSignatureBar-content.dealSignatureBar-item .dealSignatureBar-navigate {
	width: 25px;
}

#dtPage_dealSignature .dealSignatureBar-content.dealSignatureBar-item .dealSignatureBar-navigate .faIcon-navigateBefore,
#dtPage_dealSignature .dealSignatureBar-content.dealSignatureBar-item .dealSignatureBar-navigate .faIcon-navigateNext {
	display: none;
	color: #302f3b;
	font-size: 26px;
	/* font-weight: bold; */
}

#dtPage_dealSignature .dealSignatureBar-content.dealSignatureBar-item .dealSignatureBar-navigate .faIcon-navigateBefore.dealSignatureBar-navigate--show,
#dtPage_dealSignature .dealSignatureBar-content.dealSignatureBar-item .dealSignatureBar-navigate .faIcon-navigateNext.dealSignatureBar-navigate--show {
	display: block;
	width: 25px;
	height: 25px;
}

#dtPage_dealSignature .dealHeaderBar-main .progressBar-count {
	letter-spacing: normal;
	color: #252b33;
	font-weight: 500;
	font-size: 14px;
	margin-right: 5px;
}

#dtPage_dealSignature .dealHeaderBar-main .progressBar {
	width: 100%;
}

#dtPage_dealSignature .dealSignatureBar-progress .progressBar-barFill {
	border-radius: 10px;
}

#dtPage_dealSignature .dealSignatureBar-button > .dtButton:not(:first-child) {
	margin-left: 10px;
}

#dtPage_dealSignature .dealSignatureBar-button .dtButton-caption {
	font-size: 14px;
	height: 34px;
}

#dtPage_dealSignature .dealSignatureBar-progress .progressBar-barBack {
	background-color: rgba(216,216,216,.5);
	height: 12px;
}

#dtPage_dealSignature .pageExplorerPage.pageExplorerPage--isFirst .pageExplorerPage-content {
	box-shadow: 0 3px 8px 3px rgba(204, 204, 204,.6);
}

.dtRoot.dtGrid--sm #dtPage_dealSignature .dealSignatureBar-item .dtButton.dtButton--isIcon .dtButton-caption {
	display: none;
}

.appHeader-toolBar-item .dtSelect-contentSelect {
	font-size: 16px;
	color: #3e444b;
}

.dtRoot.dtGrid--ss .dealHeaderBar {
	display: none;
}

.dtRoot.dtGrid--ss #dtPage_dealSignature .dealFooterBar-content {
	width: 100%;
}

.dtRoot.dtGrid--ss .pageExplorer-contentHeader,
.dtRoot.dtGrid--ss .pageExplorerForm {
	margin-left: 10px;
	margin-right: 10px;
}

.pageExplorerForm.dtGrid--xs {
	margin-left: 20px;
	margin-right: 20px;
}

.dtRoot.dtGrid--ss #dtPage_dealSignature .dtSignHeader .dtSelect-select {
	/*max-width: 25%;*/
}

#dtPage_dealSignature .pageExplorerForm.dtGrid--xs .pageExplorerPage-sourceTypeContainer {
	display: block;
}

.dtRoot.dtGrid--sm .dtPageApplication-body.dtGrid--md .dtSelect-contentSelect .inputSearch-input {
	width: 50px;
}

/* dtPageApplication-mainFooter*/

#dtPage_dealSignature .dtPageApplication-mainFooter {}

#dtPage_dealSignature .dtPageApplication-mainFooter {
	background-color: #2868D7;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 0 20px;
}
.dtRoot.dtGrid--ss #dtPage_dealSignature .dtPageApplication-mainFooter{
	height: 44px;
	justify-content: center;
	align-items: center;
	display: flex;
	padding: 0 10px;
}
.dtRoot.dtGrid--ss #dtPage_dealSignature .dealFooterSignatureBar {
	display: -webkit-flex;
	display: flex;
}

.dtPageApplication-mainFooter .dealFooterSignatureBar {
	display: none;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-align-items: center;
	align-items: center;
}

#dtPage_dealSignature .dealFooterBar-content {
	display: none;
	background-color: #2868D7;
}

#dtPage_dealSignature .dealFooterBar-content.dealSignatureBar-view {
	display: block;
}

#dtPage_dealSignature .dealFooterBar-content.dealSignatureBar-sign-view {
	display: block;
}

.dtRoot.dtGrid--ss #dtPage_dealSignature .dealFooterBar-main {
	justify-content: space-between;
}

#dtPage_dealSignature .dealFooterBar-main {
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
	border-right: 0 solid #ccc;
}

#dtPage_dealSignature .dealSignatureBar-tool-content {
	display: none;
}

#dtPage_dealSignature .dealFooterBar-content.dealSignatureBar-sign-view .dealSignatureBar-tool-content {
	display: flex;
}

#dtPage_dealSignature .dealSignatureBar-tool-content .dealSignatureBar-decline,
#dtPage_dealSignature .dealSignatureBar-tool-content .dealSignatureBar-next,
#dtPage_dealSignature .dealSignatureBar-tool-content .dealSignatureBar-previous {
	margin-right: 2px;
}

#dtPage_dealSignature .dtPageApplication-mainFooter .dealSignatureBar-progress {
	display: none;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#dtPage_dealSignature .dtPageApplication-mainFooter .dealFooterBar-content.dealSignatureBar-sign-view .dealSignatureBar-progress {
	display: block;
}

#dtPage_dealSignature .dtPageApplication-mainFooter .dealFooterSignatureBar .dealSignatureBar-progress .dealSignatureBar-content .progressBar-count {
	color: #fff;
	font-weight: bold;
}

#dtPage_dealSignature .dtPageApplication-mainFooter .dealFooterSignatureBar .dealSignatureBar-next,
#dtPage_dealSignature .dtPageApplication-mainFooter .dealFooterSignatureBar .dealSignatureBar-previous {
	-webkit-justify-content: center;
	justify-content: center;
}

.dtRoot.dtGrid--ss #dtPage_dealSignature .dealFooterBar-content.dealSignatureBar-view .dealFooterBar-main {
	-webkit-justify-content: center;
	justify-content: center;
}

#dtPage_dealSignature .dtPageApplication-mainFooter .dealFooterBar-main .dealSignatureBar-start-content {
	display: none;
}

#dtPage_dealSignature .dtPageApplication-mainFooter .dealFooterBar-content.dealSignatureBar-view .dealFooterBar-main .dealSignatureBar-start-content {
	display: block;
}

#dtPage_dealSignature .dtPageApplication-mainFooter .dealFooterBar-content.dealSignatureBar-view .dealFooterBar-main .dtButton-caption {
	font-size: 22px;
	padding-left: 15px;
}
.dtRoot.dtGrid--ss #dtPage_dealSignature .dtPageApplication-mainFooter .dealFooterBar-content.dealSignatureBar-view .dealFooterBar-main .dtButton-caption {
	font-size: 12px;
	padding-left: 6px;
	font-weight: 500;
}
#dtPage_dealSignature .dtPageApplication-mainFooter .dealFooterBar-content.dealSignatureBar-view .dealFooterBar-main .dtButton-icon {
	font-size: 26px;
}
.dtRoot.dtGrid--ss #dtPage_dealSignature .dtPageApplication-mainFooter .dealFooterBar-content.dealSignatureBar-view .dealFooterBar-main .dtButton-icon {
	font-size: 16px;
}
.dtRoot.dtGrid--ss .dealFooterBar.dtGrid--ss .dealFooterBar-content{
	padding: 0;
}
#dtPage_dealSignature .dtPageApplication-mainFooter .dealSignatureBar-next .dtButton.dtButton--isDisabled,
#dtPage_dealSignature .dtPageApplication-mainFooter .dealSignatureBar-previous .dtButton.dtButton--isDisabled {
	display: none;
}

.dtPageApplication-mainFooter .dealFooterSignatureBar .dealSignatureBar-done {
	-webkit-justify-content: center;
	justify-content: center;
}

/*  Sign Document*/

#dtPage_dealSignature .pageExplorerPage-sourceTypeContainer {
	position: absolute;
	top: -40px;
	left: 0;
	width: 185px;
}

.dtFormDealDiscardSignatures .dtFormDealDiscardSignatures-content {
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 12px;
	line-height: 1.29;
	letter-spacing: normal;
	color: #767486;
}

#dtPage_dealSignature .dtIcon-signature.dtToolbarItem-icon {
	margin-left: 10px;
}

#dtPage_dealSignature .appHeader-toolBar-item.dtTheme--b,
#dtPage_dealSignature .appHeader-toolBar-item.dtTheme--b .dtToolbarItem,
#dtPage_dealSignature .appHeader-toolBar-item.dtTheme--b .dtToolbarItem .dtToolbarItem-content {
	flex: 1;
}

#dtPage_dealSignature .appHeader-toolBar-item.dtTheme--b .dtToolbarItem .dtToolbarItem-content {
	justify-content: flex-start;
}

.dtSignHeader .dtSelect-contentSelect-unIsEnabled {
	justify-content: flex-start;
}

.dtSignHeader .dtSelect-contentSelect-unIsEnabled .dtSelect-select:first-child {
	flex: initial;
	padding-right: 8px;
}

#dtPage_dealSignature .appHeader-toolBar-item.dtTheme--a {
	flex: 0 0 auto;
}

#dtPage_dealSignature .dealSignatureBar-button .dtButton-icon.dtIcon-signature {
	font-size: 16px;
	align-items: center;
	display: flex;
	justify-content: center;
}

#dtPage_dealSignature .dealHeaderBar.dealSignatureBar .dealSignatureBar-item {
	flex: 1;
}

#dtPage_dealSignature .dtSidebar.dtSidebarDealSignature.dtSidebar--isExpanded .dealFormStack {
	overflow-x: hidden;
}

#dtPage_dealSignature .dealFormStackForm.dealFormStackForm-pages--isSpread {
	background-color: #e6eaed;
}

#dtPage_dealSignature .dealFormStackForm+ .dealFormStackForm,
#dtPage_dealSignature .dealFormStackFormPage+ .dealFormStackFormPage {
	margin-top: 0;
}

#dtPage_dealSignature .dealFormStackForm.dealFormStackForm-pages--isSpread .dealFormStackForm-pages {
	padding: 10px 0;
}

#dtPage_dealSignature .dealSignatureBar-button.dealSignatureBar-item .dtButton-content {
	min-width: 124px;
	padding: 0 16px;
	height: 40px;
}

#dtPage_dealSignature .dealSignatureBar-zoomContainer .dtSelect-contentSelect .inputSearch-input{
	width:70px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #252b33;
	height: 26px;
}
#dtPage_dealSignature .dealSignatureBar-zoomContainer .dtSelect.dtSelect--isEnabled .cssIcon-dropDown {
	border-top: 7px solid #c5cad6;
	border-left-width: 5px;
	border-right-width: 5px;
}
#dtPage_dealSignature .dealSignatureBar-zoomContainer .dtSelect-select{
	line-height: 26px;
}
#dtPage_dealSignature .dealSignatureBar-zoomContainer .cssIcon-dropDown,
#dtPage_dealSignature .dealSignatureBar-zoomContainer .cssIcon-dropUp{
	margin: 10px 5px 9px 0;
}
#dtPage_dealSignature .dealHeaderBar.dealSignatureBar .dealSignatureBar-progress .progressBar-content{
	padding: 0;
}
.dtRoot.dtGrid--ss .progressBar-content{
	padding-left: 5px;
}
#dtPage_dealSignature .dtSidebarDeal-body .dealFormStack{
	border-right: none;
}
#dtPage_dealSignature .dtSidebarDeal-body .dealFormStack .dealFormStackForm-content{
	margin: 0;
}
#dtPage_dealSignature .dealFormStackForm.dealFormStackForm-pages--isSpread .dealFormStackForm-pages > .dealFormStackFormPage:last-of-type{
	margin-bottom: 12px;
}
#dtPage_dealSignature .dealFormStackForm.dealFormStackForm-pages--isSpread .dealFormStackForm-pages .dealFormStackFormPage-content{
	height: auto;
}
.dtSidebarDealSignature .dealFormStackFormPage-headRightIcon.faIcon-dropDown{
	display: flex;
	justify-content: center;
}
.dtSidebarDealSignature .dealFormStackFormPage-headRightIcon.faIcon-dropDown:before{
	position:absolute;
	width: 0;
	border-top: 7px solid #c5cad6;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0;
	content:" ";
}

.dtRoot.dtGrid--ss #dtPage_dealSignature .dtPageApplication-mainFooter .dtButton .dtButton-content{
	height: 30px;
}

.exportEmailDownload {
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.exportEmailDownload .exportEmailDownload-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	justify-content: center;

	width: 240px;
	height: 80px;
	margin: 40px 10px;
}

.exportEmailDownload .exportEmailDownload-controlContent {
	padding: 70px 130px 70px;
	background-color: white;
	border-radius: 3px;
	box-shadow: 0 0 17px 0 rgba(213, 213, 213, 0.7);
}

.dtRoot.dtGrid--sm .exportEmailDownload-title {
	margin: 25px 10px;
}

.dtRoot.dtGrid--sm .exportEmailDownload-controlContent {
	padding: 10px 60px 70px
}

.formBuilder {
    height: calc(100% - 60px);
    width: 100%;
}

.dtPageApplication-rightDetails {
	position: relative;
	display: flex;
	display: -webkit-flex;
	box-shadow: -1px 0 0 0 #d6d6dd;
	background-color: #ebeff2;

}

.dtSidebarPDFMarkup.dtSidebar.dtSidebar--isExpanded {
	position: relative;
	z-index: 901;
	width: 180px;
	height: auto;
	background-color: rgba(25, 27, 36, 0.02);
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup {
	width: 100%;
}


.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formFrameRight-content{
	align-items: center;
	display: flex;
	flex-direction: column;
}

.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameRight-content{
	max-width:300px;
	margin:0 auto;
}

.dtSidebar.dtSidebarPDFMarkup .formFrameRow:last-of-type{
	margin-top:5px;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtSidebar-content .dtForm{
	flex-wrap: wrap;
	padding: 15px 10px;
}


.dtSidebar.dtSidebarPDFMarkup .dtForm-controlContent .dtSelectList-content{
	min-width: initial;
}

.dtSidebar.dtSidebarPDFMarkup.dtForm.formMarkupDate .formMarkupDate-header{
	margin-top:10px;
}

.dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameFieldset{
	min-width: 50px;
	padding-right:5px;
}

.dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameFieldset + .formFrameFieldset{
	padding-right:0px;
}

.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameFieldset,
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameFieldset{
	min-width: 100px;
	padding-right:5px;
}

.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameFieldset:last-of-type,
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameFieldset:last-of-type{
	max-width: 75px;
	/*min-width: unset;*/
}


.dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .dtForm-footerButtons {
	flex-direction: column;
}

.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .dtForm-footerButtons,
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .dtForm-footerButtons {
	flex-direction: row-reverse;
}

.dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .dtForm-footerButtons .dtButton{
	margin:5px 0;
}

.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .dtForm-footerButtons .dtButton,
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .dtForm-footerButtons .dtButton{
	margin: 0;
}

.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameRight-content,
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameRight-content{
	flex-direction: row;
	flex-wrap: wrap;
}

.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formFrameRight-content .formFrame-content > div,
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .formFrameRight-content .formFrame-content > div {
	margin-right: 0px;
}


.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formFrameRow{
	margin-bottom:10px;
}


.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameRow,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameRow{
	width:100%;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameRow:first-of-type,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtForm.formMarkupDate .formFrameRow:first-of-type{
	margin-top:10px;
	order:2;
}

.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formFrameRow + .formFrameRow{
	margin-bottom:0;
}


.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formMarkupSignature-header{
	width: 75px;
}


.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formFrameRight-content .formMarkup-addPeopleContent,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formFrameRight-content .formMarkup-addRoleIndexContent {
	width:100%;
}

.dtSidebarPDFMarkup.dtSidebar .dtSidebar-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtSidebar-inner,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtSidebar-inner {
	position: initial;
}

.dtSidebarPDFMarkup.dtSidebar .dtSidebar-content {
	overflow: auto;
	padding: 15px 11px;
}

.dtSidebar.dtSidebarPDFMarkup .dtSidebar-contentPlaceholder {
	margin: 10px 0;
	color: #767486;
}

.dtSidebarPDFMarkup .dtForm-footerButtonsWrapper {
	display: flex;
	flex-direction: column;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtPageApplication-rightDetails .dtForm-footerButtons{
	justify-content: flex-start;
}

.dtSidebarPDFMarkup .dtRightDetailsContent-caption {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	letter-spacing: normal;
	color: #252b33;
}

.dtSidebarPDFMarkup .formFrameFieldset-headerCaption {
	font-size: 10px;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #767486;
}

.dtSidebarPDFMarkup .inputRadioListItem.inputRadioListItem--isDisabled .inputRadioListItem-label {
	opacity: 0.2;
}

.dtSidebarPDFMarkup .inputRadioListItem.inputRadioListItem--isDisabled:hover .inputRadioListItem-label {
	color: inherit;
}

.dtSidebarPDFMarkup .inputRadioListItem .inputRadioListItem-label {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #252b33;
}

.dtSidebarPDFMarkup .dtInput--isEnabled .inputSearch-contentInput {
	background-color: #f8f9f9;
	border: solid 1px #d6d6dd;
	padding: 0 7px;
}

.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .dtInput--isEnabled .inputSearch-contentInput,
.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .dtInput--isEnabled .inputSearch-contentInput{
	background-color: rgba(49, 48, 59, 0.3);
	border: solid 1px rgba(255, 255, 255, 0.2);
	border-radius: 2px;
}

.dtSidebarPDFMarkup .dtInput--isDisabled .inputSearch-contentInput {
	border: solid 1px #d6d6dd;
	background-color: rgba(248, 249, 249, 0.3);
	padding: 0 7px;
}

.dtSidebarPDFMarkup .dtInput--isDisabled .inputSearch-contentInput:hover {
	border: solid 1px #d6d6dd;
	background-color: rgba(248, 249, 249, 0.3);
	padding: 0 7px;
}

.dtSidebarPDFMarkup .dtInput--isDisabled .inputSearch-contentInput> * {
	opacity: 0.3;
}

.dtSidebarPDFMarkup .inputRadioListItem.inputRadioListItem--isDisabled .cssIcon-radioButtonUnchecked {
	background-color: #ffffff;
	border: solid 1px #f0eff1;
}

.dtSidebarPDFMarkup .inputRadioListItem.inputRadioListItem--isEnabled .cssIcon-radioButtonUnchecked {
	background-color: #f8f9f9;
	border: solid 1px #d6d6dd;
}

.dtSidebarPDFMarkup .inputRadioListItem.inputRadioListItem--isEnabled .cssIcon-radioButtonUnchecked:hover,
.dtSidebarPDFMarkup .inputRadioListItem.inputRadioListItem--isEnabled .cssIcon-radioButtonUnchecked:focus {
	border: solid 1px #2868D7;
}

.dtSidebarPDFMarkup .formFrameFieldset+ .formFrameFieldset {
	margin-top: 0;
}

.dtSidebarPDFMarkup .formFrameFieldset-header {
	margin-top: 12px;
}

.dtSidebarPDFMarkup .dtRadio {
	height: 20px;
}

.dtSidebarPDFMarkup .inputText.dtInput--isEnabled .inputText-input {
	background-color: #f8f9f9;
	border: solid 1px #d6d6dd;
}

.dtSidebarPDFMarkup .inputText.dtInput--isEnabled .inputText-input:hover,
.dtSidebarPDFMarkup .inputText.dtInput--isEnabled .inputText-input:focus {
	border: solid 1px #2868D7;
}

.dtSidebarPDFMarkup .inputText.dtInput--isEnabled .inputText-input:focus {
	background-color: #E5EDF7;
}

.dtSidebarPDFMarkup .inputRadioListItem {
	padding: 1px 0;
}

.dtSidebarPDFMarkup .dtForm .dtForm-footer {
	padding-top: 25px;
}

.dtPageApplication-body.isTablet .dtSidebarPDFMarkup .dtForm .dtForm-footer .dtForm-footerButtonsSpacer{
	display:none;
}

.dtSidebarPDFMarkup .inputText .inputText-input,
.dtSidebarPDFMarkup .inputSearch-input,
.dtSidebarPDFMarkup .inputCheckbox .inputCheckbox-label {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #252b33;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .inputSearch-input,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .inputSearch-input{
	color: #FFF;
}

.dtSidebarPDFMarkup .inputSearch-inputIcon {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	/*margin: 10px 5px 11px 0;*/
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #C5CAD5;
	border-bottom: 0;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .inputSearch-inputIcon,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .inputSearch-inputIcon{
	border-top-color: #FFF;
}

.dtSidebarPDFMarkup .inputSearch.dtTheme--a .inputSearch-contentInput:active .inputSearch-inputIcon,
.dtSidebarPDFMarkup .inputSearch.dtTheme--a.inputSearch--isInFocus .inputSearch-contentInput .inputSearch-inputIcon {
	border-bottom: 7px solid #FFF;
	border-top: 0;
}

.dtSidebarPDFMarkup .inputText.dtInput--isDisabled .inputText-input {
	border: solid 1px #d6d6dd;
	background-color: rgba(248, 249, 249, 0.3);
	color: rgba(118, 116, 134, 0.3);
}

.dtSidebarPDFMarkup .formFrameFieldset-field-people .formFrameFieldset-editor {
	width:100%;
	overflow-y: auto;
	background-color: #f8f9f9;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .formFrameFieldset-field-people .formFrameFieldset-editor{
	overflow-y: initial;
}

.dtPageApplication-body.isMobile .dtSidebar.dtSidebarPDFMarkup .formFrameFieldset-field-people .formFrameFieldset-editor,
.dtPageApplication-body.isTablet .dtSidebar.dtSidebarPDFMarkup .formFrameFieldset-field-people .formFrameFieldset-editor{
	background-color: unset;
}

.dtSidebarPDFMarkup .inputCheckbox-label {
	display: initial;
}

.dtSidebarPDFMarkup .inputCheckbox {
	padding: 1px 0;
}

.dtSidebarPDFMarkup .formFrameFieldset.formFrameFieldset--isDisabled .inputRadioListItem-label {
	opacity: 0.2;
}
.dtSidebarPDFMarkup .formFrameFieldset.formFrameFieldset--isDisabled .inputRadioListItem:hover .inputRadioListItem-label {
	color: inherit;
}
.dtSidebarPDFMarkup .formFrameFieldset.formFrameFieldset--isDisabled .inputRadioListItem .cssIcon-radioButtonUnchecked {
	background-color: #ffffff;
	border: solid 1px #f0eff1;
}

.dtSidebarPDFMarkup.dtSidebar .dtSidebar-inner{
	flex-direction: column;
}
.dtSidebarPDFMarkup.dtSidebar .dtSidebar-tabMenu{
	display: flex;
	margin-left: -11px;
	margin-top: -15px;
	margin-right: -11px;
	margin-bottom: 15px;
	min-height: 50px;
	border-bottom: solid 1px #729BE9;
}
.dtSidebarPDFMarkup.dtSidebar .dtSidebar-tabMenuItem{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 5px solid transparent;
	margin-bottom: -1px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #252b33;
}
.dtSidebarPDFMarkup.dtSidebar .dtSidebar-tabMenuItem:hover,
.dtSidebarPDFMarkup.dtSidebar .dtSidebar-tabMenuItem.is--selected{
	border-color:#2868D7;
	font-weight: 500;
}
.dtSidebarPDFMarkup .formFrameFieldset-field-people .formFrameFieldset-editor::-webkit-scrollbar-track
{
	background-color: inherit;
}

.dtSidebarPDFMarkup .formFrameFieldset-field-people .formFrameFieldset-editor::-webkit-scrollbar
{
	width: 2px;
	background-color: #d6d6dd;
}

.dtSidebarPDFMarkup .formFrameFieldset-field-people .formFrameFieldset-editor::-webkit-scrollbar-thumb
{
	border-radius: 1px;
	background-color: #d6d6dd;
	height:70%
}
.dtSidebarPDFMarkup .formFrameFieldset-field-people .formFrameFieldset-editor .inputRadioListItem{
	margin-right: 0;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameFieldset-field-fillOpacity{
	min-width: 65px;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameFieldset-field-fontType{
	min-width: 45px;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameFieldset-field-fillOpacity .inputSearch .inputSearch-input + .inputSearch-inputIcon,
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameFieldset-field-fontType .inputSearch .inputSearch-input + .inputSearch-inputIcon{
	margin-left: 0;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .inputSearch .inputSearch-input{
	text-overflow: ellipsis;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameRight-content .formFrameRight-content-right > div {
	flex: 1;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameFieldset-field-strokeOpacity{
	min-width: 65px;
}
.dtPageApplication-body.isTablet .dtPageApplication-rightDetails .formFrameFieldset-field-strokeOpacity .inputSearch .inputSearch-input + .inputSearch-inputIcon{
	margin-left: 0;
}




/* Customized */


.dt--PDFMarkup .dtModal {
	display: inline-block;
	width: auto;
}

/*
.dt--PDFMarkup .dtModal > .dtModal-content {
	background-color: transparent;
}
*/

.dt--PDFMarkup .isTablet .dtPageApplication-mainFooter,
.dt--PDFMarkup .isMobile .dtPageApplication-mainFooter {
	display: block;
	background-color: #2868D7;
}

.dt--PDFMarkup .dtPageApplication.dtPageApplication--isHideHeader .dtPageApplication-header,
.dt--PDFMarkup .dtPageApplication.dtPageApplication--isHideMainToolbar .dtPageApplication-mainToolbar,
.dt--PDFMarkup .dtPageApplication.dtPageApplication--isHideMainToolbar .dtPageApplication-mainContentToolbarTray,
.dt--PDFMarkup .dtPageApplication.dtPageApplication--isHideMainFooter .dtPageApplication-mainFooter{
	display: none;
}

.dt--PDFMarkup .isTablet .dtPageApplication-mainFooter .dtToolbar-contentScroll,
.dt--PDFMarkup .isMobile .dtPageApplication-mainFooter .dtToolbar-contentScroll {
	flex-direction: column;
}

.dt--PDFMarkup .isTablet .dtPageApplication-mainFooter .dtToolbarSection,
.dt--PDFMarkup .isMobile .dtPageApplication-mainFooter .dtToolbarSection {
	flex: 1;
}


.dt--PDFMarkup .isTablet .dtPageApplication-mainFooter .dtToolbarItem.dtTheme--a .dtToolbarItem-caption,
.dt--PDFMarkup .isMobile .dtPageApplication-mainFooter .dtToolbarItem.dtTheme--a .dtToolbarItem-caption {
	display: flex;
	color: #fff;
}

.dt--PDFMarkup .dtModal.isTablet .dtToolbarDropdown.dtTheme--a .dtToolbarDropdown-content,
.dt--PDFMarkup .dtModal.isMobile .dtToolbarDropdown.dtTheme--a .dtToolbarDropdown-content {
	background-color: rgba(25, 27, 36, 0.95);
	border: none;
	border-radius: 4px;
	overflow: hidden;
}

.dt--PDFMarkup .dtModal.isTablet .dtToolbarDropdown.dtTheme--a .dtToolbarDropdownItem,
.dt--PDFMarkup .dtModal.isMobile .dtToolbarDropdown.dtTheme--a .dtToolbarDropdownItem{
	background-color: transparent;
	color: #fff;
}

.dt--PDFMarkup .isTablet .dtToolbarDropdown.dtTheme--a .dtToolbarDropdown-contentTitle,
.dt--PDFMarkup .isMobile .dtToolbarDropdown.dtTheme--a .dtToolbarDropdown-contentTitle {
	display: flex;
	background-color: #191b24;
	color: #fff;
	text-transform: capitalize;
}

.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled:active,
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded,
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isSelected {
	background-color: #2868D7;
}
.dt--PDFMarkup.dtTouch .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled:active,
.dt--PDFMarkup.dtTouch .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded,
.dt--PDFMarkup.dtTouch .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isSelected {
	background-color: #2868D7;
}
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled:active .dtToolbarItem-caption,
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded .dtToolbarItem-caption,
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isSelected .dtToolbarItem-caption {
	color: #fff;
}
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled:active .dtToolbarItem-icon .dtSymbol-theme--primary .dtSf--A,
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded .dtToolbarItem-icon .dtSymbol-theme--primary .dtSf--A,
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isSelected .dtToolbarItem-icon .dtSymbol-theme--primary .dtSf--A {
	fill: #fff;
}
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isEnabled:active .dtToolbarItem-icon .dtSymbol-theme--primary .dtSs--A2,
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isExpanded .dtToolbarItem-icon .dtSymbol-theme--primary .dtSs--A2,
.dt--PDFMarkup .dtToolbarSection[data-category="Markup"] .dtToolbarItem.dtTheme--a.dtToolbarItem--isSelected .dtToolbarItem-icon .dtSymbol-theme--primary .dtSs--A2 {
	stroke: #fff;
}

/*Toolbar*/
.dtPageApplication-body.isTablet .dtToolbarSection[data-category="People"] {
	position: absolute;
	right: 11px;
	top: 0;
}
/* Person Selector */
.dtTouch.dt--PDFMarkup .inputSearch.dtTheme--v .inputSearch-input {
	max-width: 76px;
}

.dtTouch.dt--PDFMarkup .dtModal.dtTheme--d2 .dtButton.dtTheme--e2.dtButton--isEnabled .dtButton-content {
	color: rgba(255, 255, 255, 0.5);
	height: 40px;
}
.dtTouch.dt--PDFMarkup .dtModal.dtTheme--d2 .dtButton.dtTheme--e2.dtButton--isEnabled .dtButton-caption {
	font-weight: normal;
}
/* PDF.js plugin */
.dtPDF-canvas {
	visibility: hidden;
}