@keyframes blink {
  0% {
    opacity: 0.5 !important;
    box-shadow: 0 0 1px 0px #9ad42a;
  }
  50% {
    opacity: 1 !important;
    box-shadow: 0 0 4px 2px #9ad42a;
  }
  100% {
    opacity: 0.5 !important;
    box-shadow: 0 0 1px 0px #9ad42a;
  }
}
.blink {
  animation-name: blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
html .tundra .overviewContainer {
  background-color: #4f5c70;
  background-image: url(../images/overview/horse.jpg);
  background-position: top;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
html .tundra .overviewContainer .overviewBackgroundOverlay {
  background-image: url(../images/overview/brushsteel.jpg);
  opacity: 0.92;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
html .tundra .overviewContainer .overviewContainer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto !important;
  padding: 52px 70px;
  z-index: 11;
  background: transparent;
}
html .tundra .overviewContainer .overviewContainer div {
  display: block;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
}
html .tundra .overviewContainer .overviewContainer .titleContainer {
  display: table;
}
html .tundra .overviewContainer .overviewContainer .titleContainer div {
  display: table-cell;
  vertical-align: bottom;
}
html .tundra .overviewContainer .overviewContainer .titleContainer .title {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 2.4rem;
  color: white;
}
html .tundra .overviewContainer .overviewContainer .titleContainer .time,
html .tundra .overviewContainer .overviewContainer .titleContainer .config {
  color: #cce2f1;
  text-align: right;
  white-space: nowrap;
  font-size: 1.2rem;
  padding-bottom: 4px;
}
html .tundra .overviewContainer .overviewContainer .titleContainer .config {
  min-width: 45px;
  position: relative;
}
html .tundra .overviewContainer .overviewContainer .titleContainer .config .configIcon {
  color: #cce2f1;
  font-size: 1.7rem;
  cursor: pointer;
}
html .tundra .overviewContainer .overviewContainer .titleContainer .config .versionInfo {
  position: absolute;
  width: 300px;
  background-color: #fafafa;
  border: 2px solid white;
  box-shadow: 0 3px 6px #292b33;
  right: 0;
  margin: 5px;
  padding: 10px;
  z-index: 1;
}
html .tundra .overviewContainer .overviewContainer .titleContainer .config .versionInfo .dataLine td {
  color: #666666;
  padding: 5px 10px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer {
  display: flex;
  flex-flow: rows nowrap;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main {
  display: block;
  flex: 1 1 auto;
  align-self: stretch;
  background-color: transparent;
  min-width: 690px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .panel {
  box-shadow: 3px 3px 10px 0px #292b33;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .container {
  margin: 40px 0 0 0;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .container .title {
  font-size: 2.1rem;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  margin: 5px;
  font-weight: 100;
  color: #edf0f2;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus {
  display: table;
  background-image: url(../images/overview/clouds.png);
  background-size: cover;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus div {
  display: table-cell;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .iconColumn {
  width: 240px;
  min-width: 170px;
  position: relative;
  margin: 0;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .iconColumn .thumbnail,
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .iconColumn .userIconObs {
  margin: 0;
  width: 145px;
  height: 145px;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -13%);
  overflow: hidden;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .iconColumn .thumbnail.userAdmin,
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .iconColumn .userIconObs.userAdmin {
  border: 5px solid white;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .iconColumn .thumbnail .userInitial,
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .iconColumn .userIconObs .userInitial {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  white-space: nowrap;
  font-stretch: ultra-condensed;
  letter-spacing: -10px;
  overflow: hidden;
  font-size: 5rem;
  line-height: 5rem;
  text-align: center;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .iconColumn .thumbnail {
  background-size: cover;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .statusColumn {
  width: 35%;
  min-width: 140px;
  position: relative;
  text-align: right;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .statusColumn .statusContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 25px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .statusColumn .statusContainer .status {
  resize: none;
  height: 60px;
  padding: 10px;
  font-size: 1.1rem;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  margin-bottom: 10px;
  width: 100%;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .statusColumn .statusContainer .button {
  padding: 10px 30px;
  font-size: 0.9rem;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  background-color: #314058;
  border-radius: 3px;
  clear: both;
  display: inline-block;
  text-transform: uppercase;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .statusColumn .statusContainer textarea {
  box-shadow: none;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .statusColumn .statusContainer textarea:hover {
  box-shadow: none;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .infoColumn {
  width: auto;
  margin: 0;
  padding: 20px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .infoColumn .infoRow {
  display: block;
  margin: 0;
  /*white-space: nowrap;*/
  overflow: hidden;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .infoColumn .infoRow div {
  display: inline-block;
  vertical-align: bottom;
  font-size: 1.2rem;
  line-height: 2rem;
  width: auto;
  /*white-space: nowrap;*/

}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .infoColumn .infoRow .infoName {
  color: #292b33;
  padding-right: 7px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .infoColumn .infoRow .infoValue {
  color: white;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .infoColumn .infoRow .infoValue.infoValueTrimmable {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .infoColumn .infoRow .infoValue.infoValueClickable {
  cursor: pointer;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userStatus .infoColumn .infoRow .infoValue.infoValueClickable:hover {
  color: #53ace3;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile {
  box-shadow: 3px 3px 10px 0px #292b33;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileStrip {
  background-color: #51678a;
  padding: 7px;
  color: white;
  text-align: right;
  cursor: pointer;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileStrip .profileStripTitle {
  text-transform: uppercase;
  display: inline-block;
  color: white;
  margin-right: 10px;
  vertical-align: text-top;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileStrip .fa {
  color: white;
  font-size: 1.5rem;
  transition: all 0.3s;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileStrip .fa.expanded {
  transform: rotate(180deg);
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails {
  background-color: white;
  position: relative;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  transition: opacity 0.3s;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .spinner-container {
  width: 45px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .editCol {
  flex: 0 0 auto;
  width: 60px;
  padding: 15px;
  box-sizing: border-box;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .editCol .igx-fa {
  font-size: 1.3rem;
  padding: 7px;
  border-radius: 4px;
  background-color: #f2f4f5;
  border: 1px solid #9da6b4;
  cursor: pointer;
  transition: box-shadow 0.1s;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .editCol .igx-fa:hover {
  /*box-shadow: inset 0 1px 8px -2px @Color_T2;*/
  box-shadow: 0 0 3px 0 #9da6b4;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .profileColContainer {
  flex: 1 1 auto;
  align-self: stretch;
  position: relative;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .profileColContainer.profileCols {
  /*position: absolute;
									left: 0;
									top: 0;
									bottom: 0;
									right: 0;*/
  display: flex;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .profileColContainer.profileCols .profileCol {
  flex: 1 1 auto;
  width: 50%;
  border-right: 1px solid #d9dde4;
  box-sizing: border-box;
  padding: 15px 15px 0 15px;
  font-size: 1.15rem;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .profileColContainer.profileCols .profileCol:last-child {
  border-right: 0;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .profileColContainer.profileCols .profileLabel {
  color: #666666;
  margin-bottom: 7px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .profileColContainer.profileCols .profileValue {
  margin-bottom: 20px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .userProfile .profileDetails .profileDetailsContainer .profileColContainer.profileCols .profileValue .noSound {
  color: #edf0f2;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart {
  background-color: #292b33;
  color: white;
  padding: 20px;
  position: relative;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .productionChartCustomizer {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 1rem;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .productionChartCustomizer td {
  color: #edf0f2;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .productionChartCustomizer td select,
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .productionChartCustomizer td .periodContainer {
  background-color: #edf0f2;
  color: #292b33;
  padding: 10px;
  border-radius: 4px;
  white-space: nowrap;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .productionChartCustomizer td .periodFilter {
  font-size: 1.45rem;
  cursor: pointer;
  margin: 0 0 0 10px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .productionChartCustomizer .customContainer {
  position: absolute;
  right: 10px;
  top: 65px;
  width: 320px;
  padding: 12px;
  background-color: #d9dde4;
  z-index: 100;
  box-shadow: 2px 2px 5px 0px #292b33;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .productionChartCustomizer .customContainer td {
  color: #292b33;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .productionChartCustomizer .customContainer select {
  background-color: white;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .productionChartCustomizer .customContainer .buttons {
  padding: 10px;
  text-align: right;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .productionChartCustomizer .customContainer .buttons .button {
  margin-left: 20px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .chartContainer {
  height: 250px;
  position: relative;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .productionChart .chartContainer .chart {
  display: block;
  height: 100%;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #7498b0;
  text-align: center;
  font-size: 60px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer {
  display: flex;
  flex-flow: row nowrap;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats {
  flex: 0 1 auto;
  width: 33%;
  display: flex;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status {
  background-color: #494c5d;
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-title {
  font-size: 20px;
  padding: 15px 10px 5px 10px;
  color: #fafafa;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-content {
  /*flex: 1;*/
  margin-bottom: auto;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-header {
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px;
  color: #bababa;
  border-bottom: #333540;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table table {
  width: 100%;
  border-collapse: collapse;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table table,
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table tr,
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table td {
  border: none;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table .pub-row {
  height: 3rem;
  width: 100%;
  background-color: #3e404f;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table .pub-row:nth-child(odd) {
  background-color: #373946;
  /*.pub-cell{
											background-color: darken(@Color_D5, 5%);
										}*/

}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table .pub-row .pub-cell {
  color: #c7c7c7;
  border: none;
  padding: 0 10px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table .pub-row .pub-cell.name {
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table .pub-row .pub-cell.count {
  width: 20%;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table .pub-row .pub-cell.date {
  width: 30%;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-table .pub-row .pub-cell.status {
  width: 10%;
  padding: 3px;
  text-align: center;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-footer {
  display: flex;
  flex-flow: row nowrap;
  padding: 10px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .pub-status-footer .pub-status-legend-item .label {
  font-size: 12px;
  color: #c7c7c7;
  display: inline-block;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .dot {
  border-radius: 50%;
  height: 10px;
  width: 10px;
  display: inline-block;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .dot.completed {
  background-color: #3c8ce1;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .dot.in-progress {
  background-color: #9ad42a;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .pubStats .dashboard-pub-status .dot.pending {
  background-color: #f99d18;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics {
  flex: 1 1 auto;
  margin-left: 40px;
  padding: 10px 0 20px 0;
  display: flex;
  flex-flow: row nowrap;
  width: 33%;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics.traffic {
  background-color: #404d81;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics.sources {
  background-color: #412c3f;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .infoColumn {
  /*width: 34%;
							padding-right: 10px;
							box-sizing: border-box;
							flex: 0 1 auto;*/
  color: #edf0f2;
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .infoColumn .analyticsLink {
  margin-top: 30px;
  text-align: right;
  color: #4fc236;
  padding-right: 15px;
  cursor: pointer;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .infoColumn .title {
  margin-left: 20px;
  font-size: 20px;
  font-weight: lighter;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .infoColumn .noTgtsWarning {
  color: #fafafa;
  padding: 20px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .infoColumn select {
  margin: 10px 10px 20px 10px;
  border-radius: 0px;
  border: 1px solid #2f395f;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .infoColumn select:hover {
  box-shadow: none;
  border: 1px solid #2f395f;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .infoColumn .infoLine {
  display: table;
  padding: 15px;
  font-size: 1rem;
  border-top: 1px solid #2f395f;
  /*&:last-child {
									border-bottom: 1px solid darken(@Color_D6, 10%);
								}*/

}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .infoColumn .infoLine .label {
  display: table-cell;
  width: 67%;
  min-width: 67%;
  padding-right: 20px;
  color: #c7c7c7;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .infoColumn .infoLine .value {
  display: table-cell;
  text-align: right;
  color: #4fc236;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .chartColumn {
  /*width: 50%;
							padding-left: 10px;
							box-sizing: border-box;
							flex: 1 1 auto;*/
  position: relative;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .chartColumn .title {
  margin-left: 20px;
  font-size: 20px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .chartColumn .chart {
  display: block;
  min-height: 324px;
  height: 324px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .chartColumn .noTgtsWarning {
  color: #fafafa;
  padding: 20px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .chartColumn select {
  margin: 10px 10px 20px 10px;
  border-radius: 0px;
  border: 1px solid #2f395f;
  width: calc(100% - 20px);
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .activitiesContainer .analytics .chartColumn select:hover {
  box-shadow: none;
  border: 1px solid #2f395f;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks {
  display: flex;
  margin: 40px 0 0 0;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .functionBlock {
  cursor: pointer;
  display: block;
  flex: 1 1 auto;
  background-color: #6b7d98;
  margin: 0 20px 0 0;
  box-shadow: 3px 3px 10px 0px #292b33;
  color: #fafafa;
  position: relative;
  min-width: 20%;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .functionBlock.pcr-func {
  background-color: #6685b4;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .functionBlock.assignments-func {
  background-color: #6aaf92;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .functionBlock.assets-func {
  background-color: #8b7697;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .functionBlock.configurable-func {
  background-color: #be675d;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .functionBlock:last-child {
  margin: 0;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .functionBlock .titleRow {
  padding: 20px 7%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .functionBlock .titleRow .title {
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .functionBlock .titleRow .actionIcon {
  font-size: 24px;
  color: #fafafa;
  cursor: pointer;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .functionBlock .valueRow {
  padding: 0 5% 10px 8%;
  font-size: 48px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut {
  position: absolute;
  z-index: 1;
  background-color: #f2f4f5;
  cursor: auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  box-shadow: 3px 6px 12px #292b33;
  overflow-y: auto;
  overflow-x: hidden;
  border: 10px solid #f2f4f5;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.pcr {
  width: 220%;
  max-width: 800px;
  min-width: 700px;
  max-height: 450px;
  min-height: 100%;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites {
  width: 150%;
  max-width: 350px;
  min-width: 300px;
  max-height: 450px;
  min-height: 100%;
  flex-flow: column nowrap;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .dummyText {
  cursor: pointer;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .addFavSection {
  text-align: center;
  color: #666666;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .addbutton {
  padding-left: 20px;
  cursor: pointer;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .addbutton:hover {
  text-shadow: 0 2px 4px #6b7d98;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .addInput {
  display: inline-block;
  width: 120px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .addInput input {
  border-radius: 0;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .removeFavorite {
  cursor: pointer;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .removeFavorite:hover {
  text-shadow: 0 2px 4px #6b7d98;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .pageItem {
  color: #666666;
  width: 100%;
  display: flex;
  padding: 5px 20px;
  font-size: 16px;
  cursor: pointer;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .pageItem .pageName {
  flex: 1;
  padding: 0 10px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut.favorites .pageItem.hoverable:hover {
  background-color: #d9dde4;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut .dummyText {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #666666;
  text-align: center;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut .pcrTile {
  color: #292b33;
  width: 150px;
  margin: 10px;
  padding: 10px;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut .pcrTile:hover {
  background-color: #d9dde4;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut .pcrTile .pcrThumb {
  background-color: white;
  border: 1px solid #9da6b4;
  padding: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut .pcrTile .pcrThumb .pcrThumbImg {
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut .pcrTile .pcrThumb span {
  font-size: 100px;
  text-align: center;
  width: 100%;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .dashboard-main .functionBlocks .slideOut .pcrTile .pcrName {
  color: #292b33;
  font-size: 14px;
  user-select: none;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar {
  display: block;
  flex: 0 1 auto;
  width: 430px;
  min-width: 300px;
  padding-left: 70px;
  align-self: stretch;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container {
  box-shadow: 3px 3px 10px 0px #292b33;
  margin: 40px 0 0 0;
  display: block;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .titleBar {
  background-color: #51678a;
  padding: 17px;
  display: table;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .titleBar div {
  display: table-cell;
  text-align: left;
  vertical-align: bottom;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .titleBar .title {
  text-transform: uppercase;
  font-size: 1rem;
  color: #f2f4f5;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .titleBar .settings {
  text-align: right;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .titleBar .settings .settingsButton {
  font-size: 1.3rem;
  color: #f2f4f5;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .contentContainer {
  padding: 7px 17px;
  background-color: white;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .contentContainer .pageThumbnail {
  font-size: 1.3rem;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .contentContainer .thumbCol {
  display: table-cell;
  text-align: center;
  width: 70px;
  min-width: 40px;
  padding-right: 20px;
  box-sizing: border-box;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .contentContainer .thumbCol .thumbnail {
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 50%;
  background-size: cover;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .contentContainer .infoCol {
  display: table-cell;
  text-align: left;
  position: relative;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .contentContainer .infoCol .infoContainer {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .contentContainer .infoCol .infoContainer .name {
  font-size: 1rem;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .container .contentContainer .infoCol .infoContainer .title {
  font-size: 0.8rem;
  /*text-transform: uppercase;*/
  color: #9da6b4;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .usersOnline .entry {
  padding: 5px 0;
  display: table;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .inProgress .entry {
  padding: 5px 0;
  display: table;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .inProgress .entry .pageLink {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .inProgress .entry .pageLink:hover {
  text-decoration: underline;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .cmsStats .contentContainer {
  padding: 0;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .cmsStats .entry {
  padding: 13px 20px;
  display: table;
  border-bottom: 1px solid #d9dde4;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .cmsStats .entry .labelCol {
  width: 160px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .cmsStats .entry .infoCol {
  text-align: right;
  color: #53ace3;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .activities .activity {
  padding-bottom: 10px;
  display: block;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .activities .activity .entry {
  padding: 5px 0;
  display: table;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .activities .activity .statusContent {
  color: #9da6b4;
  font-size: 1rem;
  padding-bottom: 4px;
}
html .tundra .overviewContainer .overviewContainer .bodyContainer .rightSidebar .activities .activity .timeline {
  font-style: italic;
  text-align: right;
  color: #666666;
}
html .tundra .pcr-create-dialog {
  width: 600px;
}
html .tundra .pcr-create-dialog .pcr-dialog-title {
  font-size: 22px;
  color: #666666;
  padding: 0 0 10px 0;
  margin: 20px;
  border-bottom: 1px solid #d9dde4;
}
html .tundra .pcr-create-dialog .pcr-dialog-name-container {
  padding: 10px 20px 20px 10px;
  display: flex;
  flex-direction: row;
}
html .tundra .pcr-create-dialog .pcr-dialog-name-container .pcr-dialog-name-label {
  font-size: 16px;
  padding: 0 20px;
  line-height: 2.5rem;
  color: #666666;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content {
  display: flex;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .left-side-container {
  flex: 1 1 auto;
  margin: 20px;
  border: 1px solid #d9dde4;
  background-color: white;
  max-height: 200px;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .left-side-container .thumb {
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .left-side-container .icon {
  padding: 10px 0;
  font-size: 180px;
  width: 100%;
  text-align: center;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .main-body {
  max-width: 300px;
  flex: 2 1 auto;
  display: flex;
  flex-direction: column;
  margin: 20px 20px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .main-body .pcr-info {
  flex: 1;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .main-body .pcr-info div {
  margin: 0 0 10px 0;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .main-body .pcr-info .pcr-title {
  font-size: 20px;
  color: #666666;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .main-body .pcr-info .pcr-author {
  font-size: 14px;
  color: #666666;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .main-body .pcr-info .pcr-description {
  font-size: 14px;
  color: #666666;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .main-body .buttons {
  margin: 0 10px 10px 0;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .main-body .buttons .name-input {
  margin: 0 0 10px 0;
}
html .tundra .pcr-create-dialog .pcr-create-dialog-content .main-body .buttons div {
  display: inline-block;
  padding-left: 10px;
}
html .tundra .userprofile-edit-dialog {
  width: 750px;
}
html .tundra .userprofile-edit-dialog div {
  font-size: 1.1rem;
}
html .tundra .userprofile-edit-dialog .buttons {
  margin: 10px 20px 20px 20px;
}
html .tundra .userprofile-edit-dialog .buttons div {
  display: inline-block;
  margin-left: 10px;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-loader {
  margin: 20px;
  text-align: center;
  font-size: 3rem;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-title {
  font-size: 1.3rem;
  color: #666666;
  padding: 0 0 20px 0;
  margin: 20px 20px 10px 20px;
  border-bottom: 1px solid #d9dde4;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-title span .savingStatus {
  display: inline-block;
  font-size: 0.9rem;
  margin-left: 20px;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content {
  display: flex;
  flex-flow: row nowrap;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .left-side-container {
  flex: 0 0 auto;
  width: 145px;
  margin: 20px 0 0 20px;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .left-side-container .photoContainer {
  width: 145px;
  height: 145px;
  margin: 15px 0 20px 0;
  box-sizing: border-box;
  border-radius: 50%;
  border: 5px solid white;
  background-color: white;
  overflow: hidden;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body {
  flex: 2 1 auto;
  margin: 0 10px 0 60px;
  overflow-x: hidden;
  overflow-y: auto;
  /*tr {
					height: 30px;

					&:last-child {
						td:first-child {
							border-bottom: none;
						}
					}

					td {
						padding: 5px 0px;
					}

					td:first-child {
						border-bottom: 1px solid @Color_P6;
					}
				}*/

}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .pcr-info {
  flex: 1;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .pcr-info div {
  margin: 0 0 10px 0;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .pcr-info .pcr-title {
  font-size: 20px;
  color: #666666;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .pcr-info .pcr-author {
  font-size: 14px;
  color: #666666;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .pcr-info .pcr-description {
  font-size: 14px;
  color: #666666;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .dashboard-options-container {
  border: 1px solid #9da6b4;
  border-radius: 10px;
  background-color: white;
  margin: 0 10px 20px 0;
  box-shadow: 3px 3px 3px #d9dde4;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .dashboard-options-container .dashboard-options-label {
  margin-bottom: 10px;
  margin-left: 10px;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .dashboard-options-container .dashboard-toggle {
  display: flex;
  margin: 5px 0 5px 0;
  cursor: pointer;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .dashboard-options-container .dashboard-toggle span {
  margin-left: auto;
  margin-right: auto;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .dashboard-options-container .dashboard-options {
  height: 200px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -10px;
  margin-top: -10px;
}
html .tundra .userprofile-edit-dialog .userprofile-edit-dialog-content .main-body .dashboard-options-container .dashboard-options li {
  color: #666666;
  padding-left: 10px;
  padding-top: 10px;
}
html .tundra .croptool {
  user-select: none;
  -moz-user-select: none;
  width: 400px;
  padding: 0 20px;
  display: flex;
  flex-flow: row nowrap;
}
html .tundra .croptool .croptool_col {
  flex: 0 0 auto;
  align-self: stretch;
  padding: 30px 30px 30px 10px;
}
html .tundra .croptool .croptool_col:last-child {
  flex: 1 1 auto;
  padding: 45px 10px 0 0;
}
html .tundra .croptool .croptool_image_container {
  overflow: hidden;
  border-radius: 50%;
  width: 145px;
  height: 145px;
  cursor: move;
  border: 5px solid white;
  box-sizing: border-box;
}
html .tundra .croptool .croptool_image_container .croptool_bounding_box {
  position: relative;
}
html .tundra .croptool .croptool_image_container .croptool_bounding_box img {
  position: absolute;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
html .tundra .croptool .croptool_instruction {
  font-size: 1.3rem;
  color: #666666;
  height: 80px;
}
html .tundra .croptool .croptool_instruction2 {
  font-size: 1.3rem;
  color: #666666;
  height: 20px;
}
html .tundra .croptool .croptool_slider {
  height: 4px;
  margin-top: 12px;
  margin-bottom: 18px;
  border: 1px solid #9da6b4;
  border-radius: 2px;
}
html .tundra .croptool .croptool_slider .croptool_slider_handle {
  margin-top: -7px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #9da6b4;
  background-color: #f2f4f5;
}
html .tundra .croptool_dialogButtons {
  padding: 12px 20px 0 20px;
  border-top: 1px solid #d9dde4;
  text-align: right;
}
html .tundra .dragItem {
  padding: 4px;
  border: 1px solid #51678a;
  border-radius: 3px;
  color: #d9dde4;
  font-size: 1.6rem;
  line-height: 1.6rem;
  position: absolute;
  left: -500px;
}
html .tundra .sEditFormBody .expando {
  font-size: 1.5rem;
}
html .tundra .sEditFormBody .expando.fa,
html .tundra .sEditFormBody .expando.igx-fa {
  color: #51678a;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .component-field .editform-detail-line {
  padding-left: 2rem;
}
html .tundra .cmsFieldBody .expando {
  font-size: 1.5rem;
}
html .tundra .cmsFieldBody .expando.fa,
html .tundra .cmsFieldBody .expando.igx-fa {
  color: #51678a;
}
/*.content-expandable {
	transition: all linear .2s;
	opacity: 1;

	&.content-unexpanded {
		transition: all linear .2s;
		height: 0;
		overflow: hidden;
		opacity: 0;
	}
}*/

.expandable-toggle-row {
  border-top: 1px solid #d9dde4;
  margin-top: 20px;
}
html .tundra label.disabled {
  opacity: 0.8 !important;
  cursor: not-allowed !important;
  background-color: initial !important;
}
html .tundra .disabled,
html .tundra [disabled] {
  opacity: 0.8 !important;
  cursor: not-allowed !important;
  background-color: #f2f4f5 !important;
}
html .tundra [readonly] {
  opacity: 0.8 !important;
  background-color: #f2f4f5 !important;
}
html .tundra .igx-timeField {
  position: relative;
}
html .tundra .time-picker-popup {
  border: none;
  border-radius: 3px;
  background-color: #edf0f2;
  padding: 5px 10px;
  box-shadow: 0 3px 6px #6b7d98;
  z-index: 100;
}
html .tundra .bs-chevron {
  border-style: solid;
  display: inline-block;
  width: 8px;
  height: 8px;
  position: relative;
  border-width: 3px 0px 0 3px;
  color: #666666;
}
html .tundra [igx-timepicker],
html .tundra timepicker {
  box-sizing: border-box;
  font-size: 1rem;
}
html .tundra [igx-timepicker] table,
html .tundra timepicker table {
  border-collapse: collapse;
  border-spacing: 0;
}
html .tundra [igx-timepicker] table tbody tr.text-center,
html .tundra timepicker table tbody tr.text-center {
  text-align: center;
}
html .tundra [igx-timepicker] table tbody tr td input,
html .tundra timepicker table tbody tr td input,
html .tundra [igx-timepicker] table tbody tr td input[type="text"],
html .tundra timepicker table tbody tr td input[type="text"] {
  width: 3.5rem;
  text-align: center;
}
html .tundra [igx-timepicker] table tbody tr td button,
html .tundra timepicker table tbody tr td button,
html .tundra [igx-timepicker] table tbody tr td input,
html .tundra timepicker table tbody tr td input,
html .tundra [igx-timepicker] table tbody tr td .btn-default,
html .tundra timepicker table tbody tr td .btn-default {
  font-size: 1rem;
  margin: 0.1rem;
}
html .tundra [igx-timepicker] table tbody tr td .btn,
html .tundra timepicker table tbody tr td .btn {
  cursor: pointer;
}
html .tundra [igx-timepicker] table tbody tr td .btn.btn-default,
html .tundra timepicker table tbody tr td .btn.btn-default {
  border: 1px solid #d9dde4;
  font-size: 1rem;
  padding: 10px;
  border-radius: 4px;
  height: 38px;
  display: flex;
  align-items: center;
  margin: 0.1rem;
  color: #666666;
  background-color: white;
  box-sizing: border-box;
  transition: all 0.2s;
}
html .tundra [igx-timepicker] table tbody tr td .btn.btn-default:hover,
html .tundra timepicker table tbody tr td .btn.btn-default:hover {
  border: 1px solid #9da6b4;
  color: #292b33;
  box-shadow: 0 0 3px 0 #9da6b4;
}
html .tundra [igx-timepicker] table tbody tr td select,
html .tundra timepicker table tbody tr td select {
  width: initial;
}
html .tundra .assetEditFormContainer {
  background-color: #edf0f2;
  overflow: hidden !important;
  overflow-y: auto !important;
}
html .tundra .assetEditFormContainer .slidingContainer {
  transition: all 0.3s ease;
  height: 0px;
  overflow: hidden;
  padding: 0px;
  border: 0px;
  margin: 0px;
  margin-bottom: 0px;
}
html .tundra .assetEditFormContainer .slidingContainer.previewContainer {
  height: auto;
}
html .tundra .assetEditFormContainer .slidingContainer.slidingContainerOut {
  height: 375px;
  margin-bottom: 20px;
}
html .tundra .assetEditFormContainer .slidingContainer .dropzoneContainer {
  margin: 0px;
}
html .tundra .editFormHubCover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  transition: all 0.3s;
  background-color: white;
  vertical-align: middle;
  justify-content: center;
  overflow: hidden;
  align-items: center;
  align-content: center;
  opacity: 1;
  z-index: 10;
}
html .tundra .editFormHubCover .fa {
  color: #539ed1 !important;
  font-size: 20rem;
}
html .tundra .editFormHub {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex: auto;
  flex-flow: column nowrap;
  box-sizing: border-box;
}
html .tundra .editFormHub.assetEditFormHub {
  position: relative;
}
html .tundra .editFormHub.message {
  position: relative;
}
html .tundra .editFormHub .awgrid {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
html .tundra .editFormHub .viewButtons {
  flex: 0 1 auto;
  align-self: stretch;
  padding: 5px 15px;
  white-space: nowrap;
  vertical-align: middle;
}
html .tundra .editFormHub .viewButtons .viewButton {
  display: inline-block;
  padding: 5px;
  border: 1px solid #9da6b4;
  border-right: none;
  margin: 0;
  transition: all 0.3s;
  color: #666666;
  font-size: 18px;
  cursor: pointer;
}
html .tundra .editFormHub .viewButtons .viewButton:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
html .tundra .editFormHub .viewButtons .viewButton:last-child {
  border-right: 1px solid #9da6b4;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
html .tundra .editFormHub .viewButtons .viewButton.current {
  background-color: #d9dde4;
  color: #292b33;
}
html .tundra .editFormHub .listItem {
  display: table;
  width: 100%;
  padding-right: 20px;
}
html .tundra .editFormHub .listItem.focus {
  border: 1px solid #4fc236;
  box-shadow: 0 0 8px 0 #4fc236;
}
html .tundra .editFormHub .listItem.insertBefore {
  border-top: 3px solid #51678a !important;
}
html .tundra .editFormHub .listItem.insertAfter {
  border-bottom: 3px solid #51678a !important;
}
html .tundra .editFormHub .listItem .moveHandle {
  display: table-cell;
  max-width: 30px;
  min-width: 30px;
  width: 30px;
  border-right: 1px solid #d9dde4;
  position: relative;
  cursor: pointer;
}
html .tundra .editFormHub .listItem .moveHandle .handleIcon {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  color: #9da6b4 !important;
  font-size: 1.1rem !important;
}
html .tundra .editFormHub .listItem .listItemFieldContainer {
  display: table-cell;
  padding: 10px;
  position: relative;
  min-width: 740px;
}
html .tundra .editFormHub .listItem .listItemFieldContainer .buttonsAnchor {
  position: relative;
  overflow: visible;
  cursor: pointer;
  color: #51678a;
  font-size: 1.5rem;
}
html .tundra .editFormHub .listItem .listItemFieldContainer .buttonsAnchor .fuctionButtons {
  position: absolute;
  right: 30px;
  top: -4px;
  /*border: 1px solid @Color_P5;*/
  border-radius: 3px;
  /*background-color: @Color_P10;*/
  /*padding: 10px;*/
  text-align: right;
  cursor: default;
  white-space: nowrap;
}
html .tundra .editFormHub .listItem .listItemFieldContainer .buttonsAnchor .fuctionButtons .flatToolbarButton {
  padding: 5px;
  height: 30px;
  width: 30px;
}
html .tundra .editFormHub .listItem .listItemFieldContainer .buttonsAnchor .fuctionButtons .flatToolbarButton .buttonBack {
  color: #51678a !important;
  font-size: 1.3rem !important;
}
html .tundra .editFormHub .structuralFieldDetails .editFormField .listItem .listItemFieldContainer .buttonsAnchor {
  top: -40px;
  right: -33px;
}
html .tundra .editFormHub .structuralFieldDetails .editFormField .listItem .listItemFieldContainer .buttonsAnchor.ieHelpAnchor {
  top: -52px;
}
html .tundra .editFormHub .structuralFieldDetails .editFormField .listItem .listItemFieldContainer .buttonsAnchor.edgeHelpAnchor {
  top: -48px;
}
html .tundra .editFormHub.dialogEditForm {
  border: 1px solid #d9dde4;
}
html .tundra .editFormHub.dialogEditForm .toggleButtons {
  display: none !important;
}
html .tundra .editFormHub.assetEditForm {
  margin: 20px;
  display: block;
}
html .tundra .editFormHub.assetEditForm .structuralEditFormContainer {
  display: block;
  flex: none;
  flex-flow: nowrap;
  align-self: auto;
  max-height: 400px;
  overflow: auto;
}
html .tundra .editFormHub.assetEditForm .structuralEditFormContainer.wrapper {
  border: 1px solid #d9dde4;
}
html .tundra .editFormHub.assetEditForm .structuralEditFormContainer .structuralEditForm {
  border: 1px solid #d9dde4;
  display: block;
  flex: none;
  flex-flow: nowrap;
  align-self: auto;
}
html .tundra .editFormHub.assetEditForm .structuralEditFormContainer .structuralEditForm .sEditFormBody {
  align-self: auto;
  overflow-y: hidden !important;
  height: auto;
}
html .tundra .editFormHub.assetEditForm .editform-field-item .editform-item-listing table td {
  padding: 10px;
}
html .tundra .editFormHub.assetEditForm .editform-field-item .editform-item-listing table th {
  padding: 10px;
}
html .tundra .editFormHub .textEditForm {
  background-color: #edf0f2;
  padding: 10px;
}
html .tundra .editFormHub .textEditForm .ace_search {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math" !important;
  font-size: 14px !important;
}
html .tundra .editFormHub .textEditorContainer {
  border: 1px solid #9da6b4;
  padding: 0;
  margin-left: 2px;
  overflow: hidden;
  height: 100%;
}
html .tundra .editFormHub .textEditorAnchor {
  width: 100%;
  height: 100%;
}
html .tundra .editFormHub .imageEditForm.editFormHub {
  flex-flow: column nowrap;
}
html .tundra .editFormHub .manipulatorButtons {
  position: absolute;
  /*margin-left: -25px;
		margin-top: -25px;*/
  transform: translate3d(-100%, -100%, 0);
  border-radius: 2px;
  background-color: #f2f4f5;
}
html .tundra .editFormHub .manipulatorButtons .manipulatorButton {
  display: inline-block;
  color: #666666;
  padding: 7px;
  font-size: 1.4rem;
  cursor: pointer;
  border: 1px solid #d9dde4;
  background: #f2f4f5;
  border-radius: 2px;
}
html .tundra .editFormHub .manipulatorButtons .manipulatorButton.disabled {
  cursor: not-allowed;
  color: #9da6b4;
}
html .tundra .editFormHub .imageEditorCol {
  flex: 1 1 auto;
  align-self: stretch;
  background-color: #edf0f2;
  padding: 15px;
  overflow-y: auto;
  overflow-x: hidden;
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer {
  background-color: white;
  padding: 19px;
  border: 1px solid #d9dde4;
  box-sizing: border-box;
  width: 95%;
  height: 85%;
  margin: 0;
  align-self: stretch;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .imageSpacer {
  margin: 0;
  border: none;
  box-sizing: border-box;
  flex: 1 1 auto;
  align-self: stretch;
  padding: 15px;
  overflow: hidden;
  /*img.imageEditArea {
					transition: all 0.5s;
					outline: none;

					&.loading {
						-webkit-filter: blur(3px);
						-moz-filter: blur(3px);
						filter: blur(3px);
					}
				}*/

}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .imageSpacer .imageCropper {
  position: absolute;
  padding: 0;
  margin: 15px 0 0 15px;
  box-sizing: border-box;
  border: 1px solid #4fc236;
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .imageSpacer .imageCropper .verticalResizer,
html .tundra .editFormHub .imageEditorCol .imageEditContainer .imageSpacer .imageCropper .horizontalResizer {
  position: absolute;
  box-sizing: border-box;
  border: 1px solid #4fc236;
  background-color: white;
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .imageSpacer .imageCropper .verticalResizer {
  top: 50%;
  width: 10px;
  height: 60px;
  transform: translate(-6px, -50%);
  cursor: ew-resize;
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .imageSpacer .imageCropper .verticalResizer.end {
  transform: translate(6px, -50%);
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .imageSpacer .imageCropper .horizontalResizer {
  left: 50%;
  height: 10px;
  width: 60px;
  transform: translate(-50%, -6px);
  cursor: ns-resize;
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .imageSpacer .imageCropper .horizontalResizer.end {
  transform: translate(-50%, 6px);
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .sizingContainer {
  flex: 0 1 auto;
  align-self: stretch;
  padding: 0 15px 15px 15px;
  border-bottom: 1px solid #d9dde4;
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .sizingContainer .sizeLabel,
html .tundra .editFormHub .imageEditorCol .imageEditContainer .sizingContainer .sizeValue {
  font-size: 1.05rem;
  color: #666666;
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .sizingContainer .sizeValue {
  padding: 0 20px 0 10px;
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .buttons {
  flex: 0 1 auto;
  align-self: stretch;
  padding: 15px;
}
html .tundra .editFormHub .imageEditorCol .imageEditContainer .buttons .button {
  text-align: center;
  width: auto !important;
}
html .tundra .editFormHub .imageQueueSidebar {
  flex: 0 1 auto;
  align-self: stretch;
  width: 0;
  padding: 0;
  box-sizing: border-box;
  border-left: 1px solid #9da6b4;
  background-color: white;
  transition: all 0.3s;
  overflow: hidden;
  position: relative;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar {
  width: 300px;
  display: flex;
  flex-flow: column nowrap;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .toolbar {
  padding-top: 10px;
  padding-bottom: 10px;
  flex: 0 1 auto;
  align-self: stretch;
  height: auto;
  position: relative;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .toolbar .leftSideToolbar {
  padding-top: 0;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .toolbar .leftSideToolbar .sidePanel {
  border: none;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .toolbar .flatToolbarCaptionButton {
  height: 25px;
  padding-top: 6px;
  font-size: 12px;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .toolbar .flatToolbarCaptionButton span {
  font-size: 0.92rem;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .toolbar .searchButton {
  font-size: 1.3rem;
  cursor: pointer;
  vertical-align: bottom;
  position: absolute;
  right: 10px;
  top: 12px;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .toolbar .findContainer {
  padding: 0px;
  overflow: hidden;
  margin: 0px 10px;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .itemsContainer {
  flex: 1 1 auto;
  align-self: stretch;
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 1px solid #d9dde4;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .itemsContainer .imageEditQueueItem {
  display: table;
  clear: both;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .itemsContainer .imageEditQueueItem .col {
  display: table-cell;
  text-align: left;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .itemsContainer .imageEditQueueItem .col.thumbContainer {
  display: table-cell;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .itemsContainer .imageEditQueueItem .col.thumbContainer .thumbnailImage {
  width: 100%;
  height: auto;
}
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .itemsContainer .imageEditQueueItem .col.thumbContainer .fileName,
html .tundra .editFormHub .editFormBody.showSidebar .imageQueueSidebar .itemsContainer .imageEditQueueItem .col.thumbContainer .dimensions {
  font-size: 0.96rem;
  width: auto;
  white-space: normal;
}
html .tundra .editFormHub .thumbContainer {
  border: 1px solid #d9dde4;
  padding: 10px;
  display: inline-block;
  cursor: pointer;
}
html .tundra .editFormHub .thumbContainer .thumbnailImage {
  padding: 0;
  margin: 0;
  border: none;
  width: 180px;
  height: 180px;
  padding-bottom: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
html .tundra .editFormHub .thumbContainer .fileName,
html .tundra .editFormHub .thumbContainer .dimensions {
  font-size: 0.9rem;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .tundra .editFormHub .thumbContainer .fileName {
  margin: 5px 0;
}
html .tundra .editFormHub .thumbContainer .dimensions {
  color: #666666;
}
html .tundra .editFormHub .renditions {
  margin-top: 20px;
  background-color: white;
  padding: 10px;
  border: 1px solid #d9dde4;
  box-sizing: border-box;
  width: 95%;
}
html .tundra .editFormHub .renditions .title {
  margin: 10px 10px 5px 10px;
  font-size: 1.1rem;
  display: block;
}
html .tundra .editFormHub .renditions .thumbContainer {
  margin: 10px;
}
html .tundra .editFormHub .editFormModeSwitchToolbar {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  align-self: stretch;
  cursor: default !important;
  flex: 0 1 auto;
  flex-flow: row nowrap;
  background-color: white;
  border-bottom: 1px solid #9da6b4;
  min-height: 41px;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .modeSelect {
  flex: 0 1 auto;
  align-self: stretch;
  padding: 10px;
  border-right: 1px solid #9da6b4;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .modeSelect .modeName {
  display: inline-block;
  text-align: left;
  line-height: 1.2;
  margin: 0 5px;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .modeSelect .downArrow {
  font-size: 1.2rem;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .viewButtons {
  flex: 0 1 auto;
  align-self: stretch;
  padding: 5px 15px;
  white-space: nowrap;
  vertical-align: middle;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .viewButtons .viewButton {
  display: inline-block;
  padding: 5px;
  border: 1px solid #9da6b4;
  border-right: none;
  margin: 0;
  transition: all 0.3s;
  color: #666666;
  font-size: 18px;
  cursor: pointer;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .viewButtons .viewButton:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .viewButtons .viewButton:last-child {
  border-right: 1px solid #9da6b4;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .viewButtons .viewButton.current {
  background-color: #d9dde4;
  color: #292b33;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .toggleButtons {
  flex: 0 1 auto;
  align-self: stretch;
  padding: 5px;
  white-space: nowrap;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .toggleButtons .toggleButton {
  display: inline-block;
  padding: 6px 2px 0px 0px;
  margin: 0;
  transition: all 0.3s;
  color: #666666;
  font-size: 18px;
  cursor: pointer;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .toggleButtons .toggleButton:hover {
  color: #292b33;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .marqeeContainer {
  flex: 1 1 auto;
  align-self: stretch;
  padding: 5px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  animation: marquee 15s infinite linear 3s;
}
html .tundra .editFormHub .editFormModeSwitchToolbar .marqeeContainer .banner {
  font-weight: bolder;
  background-color: #fed130;
  padding: 7px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
html .tundra .editFormHub .editFormBody {
  flex: 1 1 auto;
  align-self: stretch;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}
html .tundra .editFormHub .oldForm {
  align-self: stretch;
  overflow: auto;
  border-left: 1px solid #9da6b4;
  flex: 1 1 auto;
  transition: all ease-in 0.3s;
}
html .tundra .editFormHub .oldForm .text-input.inactive {
  height: 42px !important;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
html .tundra .editFormHub .form-tool-button {
  border: 1px solid #9da6b4;
  font-size: 1.25rem;
  padding: 0.33rem 0.5rem;
  border-radius: 2px;
  display: inline-block;
  margin-left: 1rem;
  cursor: pointer;
}
html .tundra .editFormHub .form-tool-button:hover {
  border: 1px solid #9da6b4;
  color: #292b33;
  box-shadow: 0 0 3px 0 #9da6b4;
}
html .tundra .editFormHub .structuralEditFormContainer {
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  box-sizing: border-box;
  border: 0;
  display: flex;
  flex: 0 1 auto;
  flex-flow: column nowrap;
  align-self: stretch;
  overflow: hidden;
  width: 30%;
  transition: all ease-in 0.3s;
}
html .tundra .editFormHub .structuralEditFormContainer.wrapper {
  border: 1px solid #d9dde4;
}
html .tundra .editFormHub .structuralEditFormContainer .hidden {
  display: none;
}
html .tundra .editFormHub .structuralEditFormContainer div[structural-editform-field].insertBefore {
  border-top: 3px solid #51678a;
}
html .tundra .editFormHub .structuralEditFormContainer div[structural-editform-field].insertAfter {
  border-bottom: 3px solid #51678a;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm {
  background-color: white;
  -ms-flex: auto;
  -webkit-flex: auto;
  box-sizing: border-box;
  border: 0;
  display: flex;
  flex: auto;
  flex-flow: column nowrap;
  align-self: stretch;
  overflow: hidden;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .loading {
  width: 40px;
  height: 40px;
  margin: 15px;
  text-align: center;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .sEditFormBody {
  align-self: stretch;
  overflow-y: auto;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #d9dde4;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: #666666;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader:hover {
  background-color: #fafafa;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.hideBorder {
  border: none;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.selected {
  background-color: #edf0f2;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.reorderStart {
  background-color: #d7f2d2 !important;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .toggleIcon {
  margin: 0 5px;
  font-size: 1.5rem;
  color: #9da6b4;
  cursor: pointer;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.showDetails {
  background: linear-gradient(90deg, #f2f4f5, #fafafa) !important;
  font-weight: bold;
  color: #292b33;
  transition: all 0.2s;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.showDetails .fa,
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.showDetails .igx-fa {
  color: #292b33;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.divide {
  border-top: 2px solid #9da6b4;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .fieldMarkerCol {
  border-right: 1px solid #d9dde4;
  width: 68px;
  min-width: 68px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .dirtyCol {
  width: 16px;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .dirtyCol .fa,
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .dirtyCol .igx-fa {
  color: #6b7d98;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol {
  display: table-cell;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .titleBarButtons {
  transition: all 0.2s;
  white-space: nowrap;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol:last-of-type {
  align-self: stretch;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .fieldMarker {
  color: #666666;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .requiredIcon {
  color: #cf2424 !important;
  text-shadow: 0 0 2px 0 #cf2424;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .toggleCaret {
  color: #539ed1;
  width: 20px;
  padding-left: 3px;
  text-align: left;
  font-size: 1.15rem;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .fieldIcon {
  font-size: 1.05rem;
  width: 20px;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .fieldTitle {
  font-size: 1.03rem;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails {
  border-bottom: 1px solid #d9dde4;
  background-color: #edf0f2;
  display: block;
  /*div {
					color: @Color_T2;
				}*/

}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.hideBorder {
  border: none;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .fieldMarkerCol {
  border-right: 1px solid #d9dde4;
  width: 68px;
  min-width: 68px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol {
  display: table-cell;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol:last-of-type {
  align-self: stretch;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .toggleCaret {
  width: 20px;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .editFormField {
  width: 740px;
  box-sizing: border-box;
  /*padding: 2px 0 8px 0;*/

}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .editFormField.listItem {
  padding: 0;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .editFormFieldFullWidth {
  width: 100%;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .fieldCol {
  padding: 8px;
  display: table-cell;
  font-size: 1rem;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .fieldColRow {
  display: table;
  width: 100%;
  table-layout: fixed;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .fieldCol:last-of-type {
  align-self: stretch;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .fieldCol:last-of-type.listItem {
  padding-top: 0;
  padding-bottom: 0;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm.translationEditor .structuralFieldDetails .editFormField {
  display: flex;
  flex-flow: row nowrap;
  width: auto;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm.translationEditor .structuralFieldDetails .editFormField div[igx-translation-field] {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm.translationEditor .structuralFieldDetails .editFormField .translationField {
  align-self: stretch;
  transition: all ease-in 0.3s;
  box-sizing: border-box;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm.translationEditor .structuralFieldDetails .editFormField .translationField .languageTitle {
  font-size: 1.1rem;
  margin-bottom: 10px;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm.translationEditor .structuralFieldDetails .editFormField .translationField.sourceField {
  width: 45%;
  flex: 0 1 auto;
  padding-right: 10px;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm.translationEditor .structuralFieldDetails .editFormField .translationField.sourceField.translationInfo .linkContainer {
  display: inline-block;
  margin-top: 10px;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm.translationEditor .structuralFieldDetails .editFormField .translationField.sourceField.translationInfo:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 26px;
  color: #6b7d98;
  content: "\f061";
  float: right;
  margin-top: -40px;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm.translationEditor .structuralFieldDetails .editFormField .translationField.targetField {
  width: 55%;
  flex: 1 1 auto;
  padding-left: 10px;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-100 {
  width: 2600;
  min-width: 2600;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-100 {
  min-width: 3515;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-100 {
  min-width: 3515;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-99 {
  width: 2574;
  min-width: 2574;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-99 {
  min-width: 3489;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-99 {
  min-width: 3489;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-98 {
  width: 2548;
  min-width: 2548;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-98 {
  min-width: 3463;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-98 {
  min-width: 3463;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-97 {
  width: 2522;
  min-width: 2522;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-97 {
  min-width: 3437;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-97 {
  min-width: 3437;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-96 {
  width: 2496;
  min-width: 2496;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-96 {
  min-width: 3411;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-96 {
  min-width: 3411;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-95 {
  width: 2470;
  min-width: 2470;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-95 {
  min-width: 3385;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-95 {
  min-width: 3385;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-94 {
  width: 2444;
  min-width: 2444;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-94 {
  min-width: 3359;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-94 {
  min-width: 3359;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-93 {
  width: 2418;
  min-width: 2418;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-93 {
  min-width: 3333;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-93 {
  min-width: 3333;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-92 {
  width: 2392;
  min-width: 2392;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-92 {
  min-width: 3307;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-92 {
  min-width: 3307;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-91 {
  width: 2366;
  min-width: 2366;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-91 {
  min-width: 3281;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-91 {
  min-width: 3281;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-90 {
  width: 2340;
  min-width: 2340;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-90 {
  min-width: 3255;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-90 {
  min-width: 3255;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-89 {
  width: 2314;
  min-width: 2314;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-89 {
  min-width: 3229;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-89 {
  min-width: 3229;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-88 {
  width: 2288;
  min-width: 2288;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-88 {
  min-width: 3203;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-88 {
  min-width: 3203;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-87 {
  width: 2262;
  min-width: 2262;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-87 {
  min-width: 3177;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-87 {
  min-width: 3177;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-86 {
  width: 2236;
  min-width: 2236;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-86 {
  min-width: 3151;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-86 {
  min-width: 3151;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-85 {
  width: 2210;
  min-width: 2210;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-85 {
  min-width: 3125;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-85 {
  min-width: 3125;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-84 {
  width: 2184;
  min-width: 2184;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-84 {
  min-width: 3099;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-84 {
  min-width: 3099;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-83 {
  width: 2158;
  min-width: 2158;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-83 {
  min-width: 3073;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-83 {
  min-width: 3073;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-82 {
  width: 2132;
  min-width: 2132;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-82 {
  min-width: 3047;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-82 {
  min-width: 3047;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-81 {
  width: 2106;
  min-width: 2106;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-81 {
  min-width: 3021;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-81 {
  min-width: 3021;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-80 {
  width: 2080;
  min-width: 2080;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-80 {
  min-width: 2995;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-80 {
  min-width: 2995;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-79 {
  width: 2054;
  min-width: 2054;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-79 {
  min-width: 2969;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-79 {
  min-width: 2969;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-78 {
  width: 2028;
  min-width: 2028;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-78 {
  min-width: 2943;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-78 {
  min-width: 2943;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-77 {
  width: 2002;
  min-width: 2002;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-77 {
  min-width: 2917;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-77 {
  min-width: 2917;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-76 {
  width: 1976;
  min-width: 1976;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-76 {
  min-width: 2891;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-76 {
  min-width: 2891;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-75 {
  width: 1950;
  min-width: 1950;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-75 {
  min-width: 2865;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-75 {
  min-width: 2865;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-74 {
  width: 1924;
  min-width: 1924;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-74 {
  min-width: 2839;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-74 {
  min-width: 2839;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-73 {
  width: 1898;
  min-width: 1898;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-73 {
  min-width: 2813;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-73 {
  min-width: 2813;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-72 {
  width: 1872;
  min-width: 1872;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-72 {
  min-width: 2787;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-72 {
  min-width: 2787;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-71 {
  width: 1846;
  min-width: 1846;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-71 {
  min-width: 2761;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-71 {
  min-width: 2761;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-70 {
  width: 1820;
  min-width: 1820;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-70 {
  min-width: 2735;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-70 {
  min-width: 2735;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-69 {
  width: 1794;
  min-width: 1794;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-69 {
  min-width: 2709;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-69 {
  min-width: 2709;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-68 {
  width: 1768;
  min-width: 1768;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-68 {
  min-width: 2683;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-68 {
  min-width: 2683;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-67 {
  width: 1742;
  min-width: 1742;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-67 {
  min-width: 2657;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-67 {
  min-width: 2657;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-66 {
  width: 1716;
  min-width: 1716;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-66 {
  min-width: 2631;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-66 {
  min-width: 2631;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-65 {
  width: 1690;
  min-width: 1690;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-65 {
  min-width: 2605;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-65 {
  min-width: 2605;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-64 {
  width: 1664;
  min-width: 1664;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-64 {
  min-width: 2579;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-64 {
  min-width: 2579;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-63 {
  width: 1638;
  min-width: 1638;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-63 {
  min-width: 2553;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-63 {
  min-width: 2553;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-62 {
  width: 1612;
  min-width: 1612;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-62 {
  min-width: 2527;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-62 {
  min-width: 2527;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-61 {
  width: 1586;
  min-width: 1586;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-61 {
  min-width: 2501;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-61 {
  min-width: 2501;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-60 {
  width: 1560;
  min-width: 1560;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-60 {
  min-width: 2475;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-60 {
  min-width: 2475;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-59 {
  width: 1534;
  min-width: 1534;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-59 {
  min-width: 2449;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-59 {
  min-width: 2449;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-58 {
  width: 1508;
  min-width: 1508;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-58 {
  min-width: 2423;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-58 {
  min-width: 2423;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-57 {
  width: 1482;
  min-width: 1482;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-57 {
  min-width: 2397;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-57 {
  min-width: 2397;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-56 {
  width: 1456;
  min-width: 1456;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-56 {
  min-width: 2371;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-56 {
  min-width: 2371;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-55 {
  width: 1430;
  min-width: 1430;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-55 {
  min-width: 2345;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-55 {
  min-width: 2345;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-54 {
  width: 1404;
  min-width: 1404;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-54 {
  min-width: 2319;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-54 {
  min-width: 2319;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-53 {
  width: 1378;
  min-width: 1378;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-53 {
  min-width: 2293;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-53 {
  min-width: 2293;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-52 {
  width: 1352;
  min-width: 1352;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-52 {
  min-width: 2267;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-52 {
  min-width: 2267;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-51 {
  width: 1326;
  min-width: 1326;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-51 {
  min-width: 2241;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-51 {
  min-width: 2241;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-50 {
  width: 1300;
  min-width: 1300;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-50 {
  min-width: 2215;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-50 {
  min-width: 2215;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-49 {
  width: 1274;
  min-width: 1274;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-49 {
  min-width: 2189;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-49 {
  min-width: 2189;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-48 {
  width: 1248;
  min-width: 1248;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-48 {
  min-width: 2163;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-48 {
  min-width: 2163;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-47 {
  width: 1222;
  min-width: 1222;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-47 {
  min-width: 2137;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-47 {
  min-width: 2137;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-46 {
  width: 1196;
  min-width: 1196;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-46 {
  min-width: 2111;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-46 {
  min-width: 2111;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-45 {
  width: 1170;
  min-width: 1170;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-45 {
  min-width: 2085;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-45 {
  min-width: 2085;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-44 {
  width: 1144;
  min-width: 1144;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-44 {
  min-width: 2059;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-44 {
  min-width: 2059;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-43 {
  width: 1118;
  min-width: 1118;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-43 {
  min-width: 2033;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-43 {
  min-width: 2033;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-42 {
  width: 1092;
  min-width: 1092;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-42 {
  min-width: 2007;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-42 {
  min-width: 2007;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-41 {
  width: 1066;
  min-width: 1066;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-41 {
  min-width: 1981;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-41 {
  min-width: 1981;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-40 {
  width: 1040;
  min-width: 1040;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-40 {
  min-width: 1955;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-40 {
  min-width: 1955;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-39 {
  width: 1014;
  min-width: 1014;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-39 {
  min-width: 1929;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-39 {
  min-width: 1929;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-38 {
  width: 988;
  min-width: 988;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-38 {
  min-width: 1903;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-38 {
  min-width: 1903;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-37 {
  width: 962;
  min-width: 962;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-37 {
  min-width: 1877;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-37 {
  min-width: 1877;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-36 {
  width: 936;
  min-width: 936;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-36 {
  min-width: 1851;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-36 {
  min-width: 1851;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-35 {
  width: 910;
  min-width: 910;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-35 {
  min-width: 1825;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-35 {
  min-width: 1825;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-34 {
  width: 884;
  min-width: 884;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-34 {
  min-width: 1799;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-34 {
  min-width: 1799;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-33 {
  width: 858;
  min-width: 858;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-33 {
  min-width: 1773;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-33 {
  min-width: 1773;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-32 {
  width: 832;
  min-width: 832;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-32 {
  min-width: 1747;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-32 {
  min-width: 1747;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-31 {
  width: 806;
  min-width: 806;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-31 {
  min-width: 1721;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-31 {
  min-width: 1721;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-30 {
  width: 780;
  min-width: 780;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-30 {
  min-width: 1695;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-30 {
  min-width: 1695;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-29 {
  width: 754;
  min-width: 754;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-29 {
  min-width: 1669;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-29 {
  min-width: 1669;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-28 {
  width: 728;
  min-width: 728;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-28 {
  min-width: 1643;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-28 {
  min-width: 1643;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-27 {
  width: 702;
  min-width: 702;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-27 {
  min-width: 1617;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-27 {
  min-width: 1617;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-26 {
  width: 676;
  min-width: 676;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-26 {
  min-width: 1591;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-26 {
  min-width: 1591;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-25 {
  width: 650;
  min-width: 650;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-25 {
  min-width: 1565;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-25 {
  min-width: 1565;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-24 {
  width: 624;
  min-width: 624;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-24 {
  min-width: 1539;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-24 {
  min-width: 1539;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-23 {
  width: 598;
  min-width: 598;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-23 {
  min-width: 1513;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-23 {
  min-width: 1513;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-22 {
  width: 572;
  min-width: 572;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-22 {
  min-width: 1487;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-22 {
  min-width: 1487;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-21 {
  width: 546;
  min-width: 546;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-21 {
  min-width: 1461;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-21 {
  min-width: 1461;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-20 {
  width: 520;
  min-width: 520;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-20 {
  min-width: 1435;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-20 {
  min-width: 1435;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-19 {
  width: 494;
  min-width: 494;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-19 {
  min-width: 1409;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-19 {
  min-width: 1409;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-18 {
  width: 468;
  min-width: 468;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-18 {
  min-width: 1383;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-18 {
  min-width: 1383;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-17 {
  width: 442;
  min-width: 442;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-17 {
  min-width: 1357;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-17 {
  min-width: 1357;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-16 {
  width: 416;
  min-width: 416;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-16 {
  min-width: 1331;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-16 {
  min-width: 1331;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-15 {
  width: 390;
  min-width: 390;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-15 {
  min-width: 1305;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-15 {
  min-width: 1305;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-14 {
  width: 364;
  min-width: 364;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-14 {
  min-width: 1279;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-14 {
  min-width: 1279;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-13 {
  width: 338;
  min-width: 338;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-13 {
  min-width: 1253;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-13 {
  min-width: 1253;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-12 {
  width: 312;
  min-width: 312;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-12 {
  min-width: 1227;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-12 {
  min-width: 1227;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-11 {
  width: 286;
  min-width: 286;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-11 {
  min-width: 1201;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-11 {
  min-width: 1201;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-10 {
  width: 260;
  min-width: 260;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-10 {
  min-width: 1175;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-10 {
  min-width: 1175;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-9 {
  width: 234;
  min-width: 234;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-9 {
  min-width: 1149;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-9 {
  min-width: 1149;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-8 {
  width: 208;
  min-width: 208;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-8 {
  min-width: 1123;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-8 {
  min-width: 1123;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-7 {
  width: 182;
  min-width: 182;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-7 {
  min-width: 1097;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-7 {
  min-width: 1097;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-6 {
  width: 156;
  min-width: 156;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-6 {
  min-width: 1071;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-6 {
  min-width: 1071;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-5 {
  width: 130;
  min-width: 130;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-5 {
  min-width: 1045;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-5 {
  min-width: 1045;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-4 {
  width: 104;
  min-width: 104;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-4 {
  min-width: 1019;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-4 {
  min-width: 1019;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-3 {
  width: 78;
  min-width: 78;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-3 {
  min-width: 993;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-3 {
  min-width: 993;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-2 {
  width: 52;
  min-width: 52;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-2 {
  min-width: 967;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-2 {
  min-width: 967;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-1 {
  width: 26;
  min-width: 26;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-1 {
  min-width: 941;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-1 {
  min-width: 941;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .indent-0 {
  width: 0;
  min-width: 0;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.fieldDepth-0 {
  min-width: 915;
}
html .tundra .editFormHub .structuralEditFormContainer .structuralEditForm .structuralFieldDetails.fieldDepth-0 {
  min-width: 915;
}
html .tundra .editFormHub .iceMode .structuralEditFormContainer .sEditFormBody .structuralFieldHeader.noIce {
  background-color: #d9dde4;
  color: #9da6b4;
}
html .tundra .editFormHub .fullStructure .oldForm,
html .tundra .editFormHub.fullStructure .oldForm {
  width: 0;
  overflow: hidden;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer {
  width: 100%;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.noIce,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.noIce {
  background-color: white;
  color: #666666;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.selected,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader.selected {
  background-color: white;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails {
  min-width: 100 !important;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .lineNumberCol,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .lineNumberCol,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .lineNumberCol,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .lineNumberCol {
  border-right: 1px solid #d9dde4;
  width: 50px;
  min-width: 50px;
  text-align: center;
  color: #9da6b4;
  font-size: 1rem;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .lineNumberCol.draggable,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .lineNumberCol.draggable,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .lineNumberCol.draggable,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .lineNumberCol.draggable {
  position: relative;
  cursor: move;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .lineNumberCol.draggable .fa-bars,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .lineNumberCol.draggable .fa-bars,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .lineNumberCol.draggable .fa-bars,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .lineNumberCol.draggable .fa-bars {
  position: absolute;
  left: 5px;
  top: 3px;
  text-align: left;
  color: #d9dde4;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .lineNumberCol,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .lineNumberCol,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .lineNumberCol,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .lineNumberCol,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .fieldMarkerCol,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .fieldMarkerCol,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .fieldMarkerCol,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .fieldMarkerCol {
  display: table-cell;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .fieldTitle,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .fieldTitle,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol .fieldTitle,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol .fieldTitle {
  line-height: 1.5rem;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 650px;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .fa,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .fa,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol .fa,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol .fa,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .igx-fa,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .igx-fa,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol .igx-fa,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol .igx-fa,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .helpIcon,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .helpIcon,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol .helpIcon,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol .helpIcon {
  color: #51678a;
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: top;
}
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .helpAnchor,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldHeader .innerCol .helpAnchor,
html .tundra .editFormHub .fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol .helpAnchor,
html .tundra .editFormHub.fullStructure .structuralEditFormContainer .structuralEditForm .structuralFieldDetails .innerCol .helpAnchor {
  display: inline-block;
  width: 30px;
  text-align: right;
  cursor: pointer;
  vertical-align: top;
}
html .tundra .editFormHub .fullOldSchool .structuralEditFormContainer {
  width: 0;
  overflow: hidden;
}
html .tundra .editFormHub .fullOldSchool .cmsFieldContainer .cmsField.focus {
  border: 1px solid #9da6b4;
  box-shadow: none;
  padding: 15px;
}
html .tundra .editform-detail-column.with-horizontal-splitter {
  border-right: 1px solid #d9dde4;
}
html .tundra .asset-properties {
  width: 100%;
  border-collapse: collapse;
  border-style: hidden;
  display: flex;
}
html .tundra .asset-properties table {
  flex: 0 1 auto;
  width: 80%;
  border-collapse: collapse;
}
html .tundra .asset-properties table td {
  border-right: 1px solid #d9dde4;
  border-bottom: 1px solid #d9dde4;
}
html .tundra .asset-properties table tr:last-child td {
  border-bottom: 0;
}
html .tundra .asset-properties table tr td:last-child {
  border-right: 0;
}
html .tundra .asset-properties table .igx-timeField td {
  border: none;
}
html .tundra .asset-properties [igx-timeinput] {
  display: inline-block;
}
html .tundra .asset-properties .cancelDateButton {
  vertical-align: top;
  padding: 5px;
  font-size: 20px;
  display: inline-block;
  cursor: pointer;
}
html .tundra .asset-properties .asset-props-cell {
  padding: 10px;
  vertical-align: top;
}
html .tundra .asset-properties .asset-props-cell.asset-preview-cell {
  width: 20%;
  min-width: 150px;
  flex: 1 1 auto;
  border: none;
  border-right: 1px solid #d9dde4;
}
html .tundra .asset-properties .asset-props-cell.asset-preview-cell input {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
html .tundra .asset-properties .asset-props-cell .editform-detail-line {
  margin-left: -5px;
  margin-right: -5px;
}
html .tundra .asset-properties .asset-props-cell .inner-content.inner-content-label {
  margin-top: 5px;
}
html .tundra .asset-properties .asset-props-cell input[type="text"],
html .tundra .asset-properties .asset-props-cell .text-input {
  padding: 5px;
  border-radius: 2px;
}
html .tundra .asset-properties .asset-props-cell .btn.btn-default {
  padding: 5px;
  border-radius: 2px;
  height: auto;
  cursor: pointer;
}
html .tundra .asset-properties .asset-props-cell .property-group {
  display: table;
  width: 100%;
  table-layout: auto;
}
html .tundra .asset-properties .asset-props-cell .property-group .property-pair {
  display: table-row;
}
html .tundra .asset-properties .asset-props-cell .property-group .property-pair .property-label,
html .tundra .asset-properties .asset-props-cell .property-group .property-pair .property-value {
  padding: 5px;
  display: table-cell;
  width: auto;
}
html .tundra .asset-properties .inline-group div {
  display: inline-block;
}
html .tundra .editform-detail-line {
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}
html .tundra .editform-detail-line .row.vertical-align {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
html .tundra .row .expando-container {
  text-align: right;
}
html .tundra .row .expando-container .expando {
  clear: initial;
  float: initial;
}
html .tundra .sEditFormBody .editform-detail-line-splitter {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d9dde4;
}
html .tundra .cmsFieldBody .editform-detail-line-splitter {
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #9da6b4;
  /*margin-left: -30px !important;
	margin-right: -60px !important;*/

}
html .tundra .cmsFieldBody .editform-detail-line-splitter.col-sm-12 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html .tundra .cmsFieldBody.listFieldBody .content-expandable {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 1rem;
  margin-bottom: -15px !important;
}
html .tundra .cmsFieldBody.listFieldBody .content-expandable .listItem {
  border: none;
  border-top: 1px solid #d9dde4;
}
html .tundra .cmsFieldBody.listFieldBody .content-expandable .listItem .cmsFieldTitleRow {
  padding: 0 0 26px 0;
}
html .tundra .editform-field-label {
  width: 6rem;
  display: inline-block;
}
html .tundra .clickable:hover {
  cursor: pointer;
}
html .tundra .editform-field-button {
  margin-right: 7px;
  vertical-align: middle;
  display: inline-block;
}
html .tundra .assetfield-audio-preview {
  height: 40px;
  width: 40px;
  background-color: #d9dde4;
  border: 1px solid #d9dde4;
  transition: all 0.2s;
}
html .tundra .assetfield-audio-preview span {
  width: 100% !important;
  text-align: center !important;
  padding-top: 4px !important;
  color: white !important;
  font-size: 30px !important;
}
html .tundra .assetfield-audio-preview audio {
  width: 0;
  background-color: #539ed1;
  border-radius: 3px;
}
html .tundra .assetfield-audio-preview.full-preview {
  width: 100%;
  border: none;
  background: none;
}
html .tundra .assetfield-audio-preview.full-preview audio {
  width: 100%;
  margin-top: 5px;
}
html .tundra .assetfield-image-preview {
  height: 40px;
  width: 40px;
  background-color: white;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s;
  border: 1px solid #d9dde4;
}
html .tundra .assetfield-image-preview.full-preview {
  height: 100px;
  width: 100px;
  background-size: contain;
}
html .tundra .assetfield-image-preview.full-preview:hover {
  box-shadow: 1px 2px 4px #d9dde4;
  cursor: pointer;
}
html .tundra .assetfield-image-preview.full-preview.clicked {
  box-shadow: 1px 2px 4px #d9dde4;
}
html .tundra .assetfield-image-preview.related-preview {
  height: 60px;
  width: 60px;
  background-size: contain;
}
html .tundra .assetfield-image-preview.related-preview:hover {
  box-shadow: 1px 2px 4px #d9dde4;
  cursor: pointer;
}
html .tundra .assetfield-image-preview.related-preview.clicked {
  box-shadow: 1px 2px 4px #d9dde4;
}
html .tundra .assetfield-image-preview-popup {
  position: absolute;
  left: 20%;
  top: 15%;
  z-index: 100;
  background-color: white;
  padding: 0;
  /*background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;*/
  box-shadow: 3px 8px 16px #6b7d98;
  transition: all 0.2s;
  opacity: 0;
  cursor: pointer;
}
html .tundra .assetfield-image-preview-popup img {
  height: 0;
  width: 0;
  transition: all 0.2s;
}
html .tundra .assetfield-image-preview-popup.shown {
  opacity: 1;
  height: auto;
  width: auto;
  padding: 5px;
}
html .tundra .assetfield-image-preview-popup.shown img {
  height: auto;
  width: auto;
  max-width: 650px;
  max-height: 500px;
}
html .tundra .assetfield-video-preview {
  height: 40px;
  width: 40px;
  background-color: #d9dde4;
  border: 1px solid #d9dde4;
  transition: all 0.2s;
  position: relative;
}
html .tundra .assetfield-video-preview span {
  width: 100% !important;
  text-align: center !important;
  padding-top: 4px !important;
  color: white !important;
  font-size: 30px !important;
}
html .tundra .assetfield-video-preview.full-preview {
  border-radius: 0;
  background-color: #539ed1;
  cursor: pointer;
}
html .tundra .assetfield-video-preview.full-preview:before {
  content: "\25B6";
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  background-color: white;
  border: 2px solid #539ed1;
  box-shadow: 0 0 0 2px white;
  color: #314058;
  font-size: 18px;
  text-align: center;
  top: 4px;
  left: 4px;
  cursor: pointer;
}
html .tundra .assetfield-video-preview.full-preview span {
  font-size: 20px !important;
  color: #314058 !important;
}
html .tundra .assetfield-video-preview.full-preview:hover {
  box-shadow: 1px 2px 4px #d9dde4;
  cursor: pointer;
}
html .tundra .assetfield-video-preview.full-preview.clicked {
  box-shadow: 1px 2px 4px #d9dde4;
}
html .tundra .assetfield-video-preview-popup {
  padding: 0;
  transition: all 0.2s;
  opacity: 0;
  cursor: pointer;
}
html .tundra .assetfield-video-preview-popup video {
  opacity: 0;
  height: auto;
  width: 0;
  transition: all 0.2s;
}
html .tundra .assetfield-video-preview-popup.shown {
  opacity: 1;
}
html .tundra .assetfield-video-preview-popup.shown video {
  opacity: 1;
  width: 100%;
}
/*html .tundra .assetfield-video-preview-popup {
	position: absolute;
	left: 20%;
	top: 15%;
	z-index: @ModalLayerFlyOver;
	background-color: @Color_P10;
	padding: 0;
	box-shadow: 3px 8px 16px @Color_P4;
	transition: all .2s;
	opacity: 0;
	cursor: pointer;

	video {
		height: 0;
		width: 0;
		transition: all .2s;
	}

	&.shown{
		opacity: 1;
		height: auto;
		width: auto;
		padding: 5px;

		video {
			height: auto;
			width: auto;
			max-width: 650px;
			max-height: 500px;
		}
	}
}*/

.vertical-align {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
html .tundra .editform-field-item {
  /*flex-grow: 1;*/
  vertical-align: middle;
  /*width: 1%;*/

}
html .tundra .editform-field-item .editform-field-item:first-child {
  padding-left: 10px;
}
html .tundra .editform-field-item.center-label {
  margin-top: 10px;
}
html .tundra .editform-field-item.vertical-align {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
html .tundra .editform-field-item.vertical-align .inner-content.inner-content-label {
  margin-top: 0;
}
html .tundra .editform-field-item .inner-content.inner-content-label {
  float: left;
  margin-top: 10px;
  padding-right: 5px;
}
html .tundra .editform-field-item .inner-content.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
html .tundra .editform-field-item .inner-content.inner-content-value {
  display: block;
  overflow: hidden;
}
html .tundra .editform-field-item .inner-content.igx-dateField input {
  width: 9rem;
}
html .tundra .editform-field-item input[type=button] {
  margin: 5px;
}
html .tundra .editform-field-item .navprop_label {
  padding-top: 10px;
  padding-bottom: 10px;
}
html .tundra .editform-field-item .editform-item-listing {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
}
html .tundra .editform-field-item .editform-item-listing table {
  margin-top: 10px;
  padding: 10px;
  width: 100%;
  background-color: white;
  box-sizing: border-box;
  border: 1px solid #d9dde4;
  border-radius: 2px;
}
html .tundra .editform-field-item .editform-item-listing table tfoot td {
  padding: 10px;
}
html .tundra .editform-field-item .editform-item-listing table thead tr {
  background-color: #f7f8f9;
}
html .tundra .editform-field-item .editform-item-listing table th {
  font-weight: bold;
  border-bottom: 2px solid #d9dde4;
  padding: 5px;
  border: 1px solid #d9dde4;
}
html .tundra .editform-field-item .editform-item-listing table tbody tr:not(.disabled) {
  transition: all linear 0.2s;
}
html .tundra .editform-field-item .editform-item-listing table tbody tr:not(.disabled).dndItem td .dragIcon.fa.fa-bars {
  cursor: pointer;
  color: #d9dde4;
  font-size: 1.1rem;
}
html .tundra .editform-field-item .editform-item-listing table tbody tr:not(.disabled).dndItem.before {
  border-top: 3px solid #314058;
}
html .tundra .editform-field-item .editform-item-listing table tbody tr:not(.disabled).dndItem.after {
  border-bottom: 3px solid #314058;
}
html .tundra .editform-field-item .editform-item-listing table tbody tr:not(.disabled).dndItem.over {
  border: 3px solid #314058;
}
html .tundra .editform-field-item .editform-item-listing table tbody tr:not(.disabled):hover {
  background-color: #f4f9fc;
}
html .tundra .editform-field-item .editform-item-listing table tbody td {
  padding: 5px;
  min-height: 40px;
  margin-left: 0;
  border-bottom: 2px solid transparent;
  transition: all linear 0.2s;
  outline: none;
  border: 1px solid #d9dde4;
}
html .tundra .editform-field-item .editform-item-listing table tbody td.editable:hover {
  transition: all linear 0.2s;
  background-color: #e0edf7;
}
html .tundra .editform-field-item .editform-item-listing table tbody td input:not([type=checkbox]) {
  padding: 5px;
  width: 100%;
  border: 0;
  margin: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  transition: border-bottom linear 0.2s;
  outline: none;
  background-color: inherit;
  cursor: pointer;
  /*&:hover {
							background-color: lighten(@Color_A1, 40%);
						}*/

}
html .tundra .editform-field-item .editform-item-listing table tbody td input:not([type=checkbox]):focus {
  border-bottom: 2px solid #539ed1;
  background-color: white;
}
html .tundra .editform-field-item .editform-item-listing table .item-key {
  width: 160px;
}
html .tundra .editform-field-item .editform-item-listing table .item-icon {
  width: 30px;
}
html .tundra .editform-field-item .editform-item-listing table .item-delete {
  width: 80px;
}
html .tundra .editform-field-item .editform-item-listing .clickable span {
  font-style: italic;
  color: #666666;
}
html .tundra .editform-field-item .editform-item-listing .fa {
  font-size: 1.2rem;
  transition: all linear 0.2s;
  width: 100%;
  text-align: center;
}
html .tundra .editform-field-item .editform-item-listing .fa.fa-plus:hover {
  color: #3f9a2b;
  cursor: pointer;
}
html .tundra .editform-field-item .editform-item-listing .fa.fa-minus:hover {
  color: #a41c1c;
  cursor: pointer;
}
html .tundra .text-input {
  border: 1px solid #d9dde4;
  box-sizing: border-box;
  padding: 10px;
  font-size: 1rem;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  border-radius: 4px;
  overflow: hidden;
  color: #666666;
  width: 100%;
  transition: all 0.2s;
}
html .tundra .text-input:not([readonly]):hover {
  border: 1px solid #abd6f1;
  box-shadow: inset 0 1px 3px #d9dde4;
}
html .tundra .text-input:not([readonly]):focus {
  outline: none;
  border: 1px solid #53ace3;
}
html .tundra .text-input.datepicker-input {
  cursor: pointer;
}
html .tundra .text-input.auto-resize {
  width: 100%;
  resize: none;
}
html .tundra .text-input.link-type {
  width: 200px;
}
html .tundra .text-input.shortened-input {
  width: 80%;
}
html .tundra div.text-input {
  min-height: 38px;
  background-color: white;
}
html .tundra div.text-input.active {
  background-color: white;
}
html .tundra div.text-input .diff_addition_color {
  background-color: #aaffff;
}
html .tundra div.text-input .diff_removal_color {
  background-color: #ffaaaa;
}
html .tundra div.text-input .readonlyText .diff_addition,
html .tundra div.text-input .readonlyText .diff_removal,
html .tundra div.text-input .readonlyText .diff_sectionAddition,
html .tundra div.text-input .readonlyText .diff_sectionRemoval {
  border-radius: 4px;
  display: inline;
}
html .tundra div.text-input .readonlyText .diff_sectionAddition,
html .tundra div.text-input .readonlyText .diff_sectionRemoval {
  display: inline-block;
}
html .tundra div.text-input .readonlyText .diff_addition {
  text-decoration: underline;
}
html .tundra div.text-input .readonlyText .diff_removal {
  text-decoration: line-through;
}
html .tundra .dndDragOver.allowDrop:not(:disabled),
html .tundra .dropAreaHighlight.allowDrop:not(:disabled) {
  cursor: pointer;
  border: 1px solid #4fc236 !important;
  box-shadow: inset 0 1px 3px #d9dde4;
}
html .tundra .fieldsContainer {
  display: block;
}
html .tundra .fieldsContainer:after {
  clear: both;
}
html .tundra .cmsFieldContainer:after {
  content: "";
  display: block;
  clear: both;
}
html .tundra .cmsFieldContainer .cmsField {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  padding: 15px;
  display: block;
  float: left;
  clear: both;
  border: 1px solid #9da6b4;
  background-color: #fafafa;
  border-radius: 3px;
  margin: 20px 0 0 20px;
  min-width: 770px;
  transition: all 0.4s;
}
html .tundra .cmsFieldContainer .cmsField.focus {
  border: 1px solid #4fc236;
  box-shadow: 0 0 8px 0 #4fc236;
}
html .tundra .cmsFieldContainer .cmsField .embedded-component {
  background-color: #d9dde4;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow {
  /*display: table;
			width: 100%;
			padding-left: 1px;*/
  cursor: default;
  padding-bottom: 1rem;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow .childrenToggleButton {
  display: inline-block;
  width: 24px;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow .childrenToggleButton .toggleButton {
  cursor: pointer;
  font-size: 1.2rem;
  color: #51678a;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow .fa,
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow .igx-fa {
  cursor: pointer;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow .cmsFieldTitle {
  align-self: stretch;
  font-weight: bolder;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow .cmsFieldTitle .required {
  display: inline-block;
  margin-left: 10px;
  color: #cf2424;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow .cmsFieldTitle .required:before {
  content: "[";
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow .cmsFieldTitle .required:after {
  content: "]";
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow .helpAnchor {
  display: inline-block;
  width: 30px;
  text-align: right;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldTitleRow .helpIcon {
  color: #51678a;
  font-size: 1.5rem;
  margin-top: -8px;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .listItemFieldContainer {
  display: table;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  position: initial;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .listItemFieldContainer hr {
  display: none;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .listItem {
  padding-right: 0;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .editform-detail-line {
  padding-right: 2rem;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .editform-field-item.editform-button-container {
  text-align: right;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .editform-field-item .editform-field-button:last-child {
  margin-right: 0;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .editform-field-item .editform-field-button:last-child input[type=button] {
  margin-left: 0;
  margin-right: 0;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .editform-field-item .editform-detail-line {
  padding-right: 0;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .editform-field-item .editform-detail-line input[type=button] {
  margin-left: 0;
  margin-right: 0;
}
html .tundra .cmsFieldContainer .cmsField .cmsFieldBody .cmsFieldContainer {
  margin-bottom: 1.3rem;
}
html .tundra .cmsFieldContainer .cmsField .cmsField {
  background-color: #edf0f2;
}
html .tundra .cmsFieldContainer .cmsField .cmsField .cmsField {
  background-color: #fafafa;
}
html .tundra .cmsFieldContainer .cmsField .cmsField .cmsField .cmsField {
  background-color: #edf0f2;
}
html .tundra .cmsFieldContainer .cmsField .cmsField .cmsField .cmsField .cmsField {
  background-color: #fafafa;
}
html .tundra .cmsFieldContainer .cmsGroupField {
  width: auto;
  min-width: 770px;
}
html .tundra .cmsFieldContainer .cmsGroupField.oldIndent {
  background-color: #edf0f2;
}
html .tundra .cmsFieldContainer .cmsGroupField .cmsFieldTitleRow {
  cursor: pointer;
}
html .tundra .cmsFieldContainer .cmsGroupField .cmsField {
  margin-left: 0;
}
html .noneditableForm .assetFileUpdateField .ace_content {
  background-color: #edf0f2;
}
html .noneditableForm .assetFileUpdateField .fullEditButton {
  display: none;
}
html div.codeEditor {
  position: relative;
}
html div.codeEditor .fullEditButton {
  position: absolute;
  bottom: 15px;
  right: 15px;
  cursor: pointer;
  opacity: 0.5;
  -moz-transition: opacity linear 0.3s;
  -webkit-transition: opacity linear 0.3s;
  transition: opacity linear 0.3s;
}
html div.codeEditor .fullEditButton .igx-fa {
  font-size: 1.4rem;
}
html div.codeEditor .fullEditButton:hover {
  opacity: 1;
}
.export-title {
  padding-bottom: 5px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #d9dde4;
  margin-bottom: 10px;
}
.export-button {
  display: inline-block;
  float: right;
}
.igx-datepicker {
  color: #666666;
  display: block;
  width: 225px;
  position: absolute;
  z-index: 2000;
}
.igx-datepicker .igx-calendar {
  position: absolute;
  background-color: #fafafa;
  box-shadow: 0 3px 6px #6b7d98;
}
.igx-datepicker .igx-calendar table {
  font-size: 1rem;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  color: #666666;
}
.igx-datepicker .igx-calendar .calendar-button {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  display: inline-block;
  position: absolute;
  outline: none;
  margin-top: 0.75rem;
  cursor: pointer;
}
.igx-datepicker .igx-calendar .calendar-button.calendar-next {
  right: 0;
  padding-right: 0.5rem;
}
.igx-datepicker .igx-calendar .calendar-button.calendar-prev {
  padding-left: 0.5rem;
}
.igx-datepicker .igx-calendar calendar-month {
  display: table;
}
.igx-datepicker .igx-calendar calendar-month tr {
  height: 2em;
}
.igx-datepicker .igx-calendar calendar-month tr.date-row td {
  width: 14%;
  border: 1px solid #bbbbbb;
}
.igx-datepicker .igx-calendar calendar-month tr.date-row td:focus {
  outline: 1px dotted #cccccc;
  font-weight: bold;
}
.igx-datepicker .igx-calendar calendar-month tr.date-row:first-child td {
  border: 1px solid #bbbbbb;
}
.igx-datepicker .igx-calendar calendar-month tr.date-row td.date-cell div {
  cursor: pointer;
}
.igx-datepicker .igx-calendar calendar-month th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  vertical-align: inherit;
  border-bottom: 1px solid #bbbbbb;
  font-size: 1.25rem;
  background-color: #d9dde4;
}
.igx-datepicker .igx-calendar .day-row th {
  font-size: 0.8rem;
  background-color: #fafafa;
}
.igx-datepicker .igx-calendar calendar-month td,
.igx-datepicker .igx-calendar th {
  text-align: center;
}
.igx-datepicker .igx-calendar calendar-month td.selected {
  background-color: #eeeeee;
}
/****************************************************************************************/

/*                    Copy of ngx-bootstrap's date picker styles for override           */

/****************************************************************************************/

html .tundra .bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: white;
  box-shadow: 0 0 10px 0 #aaaaaa;
  position: relative;
  z-index: 1;
  /* button */

  /* .bs-datepicker-head */

  /* .bs-datepicker-body */

  /* .current-timedate */

  /* .bs-datepicker-multiple */

  /* .bs-datepicker-btns */

  /*.bs-datepicker-custom-range */

  /* .bs-datepicker-predefined-btns */

  /* .is-other-month */

  /* .bs-datepicker-buttons */

}
html .tundra .bs-datepicker .disabled {
  background-color: white !important;
}
.bs-datepicker:after {
  clear: both;
  content: '';
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active,
.bs-datepicker-btns button:hover,
.bs-datepicker-btns button:focus,
.bs-datepicker-btns button:active,
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  min-width: 270px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
  /* .bs-datepicker-head button */

}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #666666;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled],
.bs-datepicker-head button[disabled]:hover,
.bs-datepicker-head button[disabled]:active {
  background: rgba(221, 221, 221, 0.3);
  color: whitesmoke;
  cursor: not-allowed;
}
.bs-datepicker-head button.next,
.bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span,
.bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bs-datepicker-head button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  min-height: 232px;
  min-width: 278px;
  border: 1px solid #e9edf0;
  /* .bs-datepicker-body table */

}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  /* .bs-datepicker-body table.days */

  /* .bs-datepicker-body table.weeks */

}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9da6b4;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #666666;
  text-align: center;
  position: relative;
  padding: 0;
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  position: relative;
  /*z-index: 1;*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td:not(.disabled) span {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body table td span.disabled,
.bs-datepicker-body table td.disabled span {
  color: #f2f4f5;
}
.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span {
  color: #666666;
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after,
.bs-datepicker-body table td.active.select-start span:after,
.bs-datepicker-body table td.active.select-end span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -2px;
  right: -2px;
  box-sizing: content-box;
  background: transparent;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td span[class*="select-"],
.bs-datepicker-body table td[class*="select-"] span {
  border-radius: 50%;
  color: #666666;
}
.bs-datepicker-body table.days td.active:not(.select-start):before,
.bs-datepicker-body table.days td.in-range:not(.select-start):before,
.bs-datepicker-body table.days span.active:not(.select-start):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before,
.bs-datepicker-body table.days span.in-range.select-end:before {
  background: none;
  right: 0;
  left: 0;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before,
.bs-datepicker-body table.days td.select-start + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.select-end:before,
.bs-datepicker-body table.days td.in-range + td.is-highlighted:before,
.bs-datepicker-body table.days td.in-range + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker-multiple {
  display: inline-block;
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
/*.bs-datepicker-container {
	padding: 15px;
}*/

.bs-datepicker-custom-range {
  padding: 15px;
  background: #eeeeee;
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: white;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker .is-other-month {
  color: #d9dde4;
  cursor: none;
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e9edf0;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
/* .bs-timepicker */

.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e9edf0;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: white;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}
bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}
/* screen size < 1024px */

@media (max-width: 768px) {
  bs-datepicker-container,
  bs-daterangepicker-container {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
  }
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
/* theming */

.bs-datepicker-head {
  background-color: #d9dde4;
}
.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span,
.bs-datepicker-body table td span[class*="select-"]:after,
.bs-datepicker-body table td[class*="select-"] span:after {
  background-color: #f2f4f5;
}
.bs-datepicker-body table td.week span {
  display: none;
}
html .tundra .TopBar {
  background-color: #314058;
  border: 1px solid #314058;
  border-bottom: 3px solid #4fc236;
  border-right: 0;
  border-top: 0;
  overflow: visible !important;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 25;
  min-width: 768px;
  /*.TopButton {
		margin-top: 11px;
	}*/

}
html .tundra .TopBar .fa {
  color: white;
}
html .tundra .TopBar .loadingBar {
  height: 5px;
  clear: both;
  position: absolute;
  left: 0;
  top: 48px;
  width: 100%;
}
html .tundra .TopBar .loadingBar .progress {
  height: 5px;
  background-color: #81d76e;
  -moz-transition: width 350ms;
  -webkit-transition: width 350ms;
  transition: width 350ms;
  /*position: fixed;*/
  z-index: 2;
  top: 49px;
  left: 0;
  width: 100%;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
html .tundra .TopBar .loadingBar .progress .peg {
  position: relative;
  float: right;
  width: 80px;
  right: 0;
  top: 0;
  height: 5px;
  box-shadow: #8bda7a 1px 0 13px 1px;
  border-radius: 100%;
}
html .tundra .TopBar .AppNameZone {
  display: inline-block;
  min-width: 292px;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  vertical-align: top;
  padding: 0 1.5rem;
  margin-top: 4px;
  transition: all 0.3s ease-out;
}
html .tundra .TopBar .AppNameZone .version {
  color: #53ace3;
}
html .tundra .TopBar .AppNameZone .igxIcon {
  display: none;
}
html .tundra .TopBar .TopButton {
  height: 2rem;
  line-height: 2rem;
  min-width: 110px;
  background-color: #51678a;
  border-radius: 3px;
  color: #fafafa;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  cursor: pointer;
  font-weight: 300;
  transition: all 0.3s ease-out;
}
html .tundra .TopBar .TopButton .TopButtonIcon {
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 1.1rem;
  color: #fafafa;
}
html .tundra .TopBar .TopButton .TopButtonLabel {
  width: auto;
  white-space: nowrap;
  font-size: 14px;
}
html .tundra .TopBar .TopButton.TabSelected,
html .tundra .TopBar .TopButton:hover {
  background-color: #53ace3;
  color: white;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
html .tundra .TopBar .TabButton {
  color: #fafafa;
  width: auto;
  font-size: 1.1rem;
  font-weight: normal;
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 50px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-left: 1px solid #51678a;
  box-sizing: border-box;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
}
html .tundra .TopBar .TabButton div {
  cursor: pointer;
}
html .tundra .TopBar .TabButton.smallButton {
  padding-top: 0.5rem;
}
html .tundra .TopBar .TabButton .igx-tab-button-text {
  padding-top: 0.5rem;
}
html .tundra .TopBar .TabButton .igx-tab-button-text.igx-tab-user-text {
  padding-top: 1px;
}
html .tundra .TopBar .TabButton .igx-tab-button-text.igx-tab-user-text div {
  display: inline-block;
}
html .tundra .TopBar .TabButton .igx-tab-button-text.igx-tab-user-text div:first-child {
  position: relative;
  width: 2.25rem;
}
html .tundra .TopBar .TabButton .igx-tab-button-text.igx-tab-user-text div:first-child .igx-user-image {
  width: 2rem;
  position: absolute;
  -moz-transform: translateY(-1.4rem);
  -ms-transform: translateY(-1.4rem);
  -webkit-transform: translateY(-1.4rem);
  transform: translateY(-1.4rem);
}
html .tundra .TopBar .TabButton .igx-tab-button-text.igx-tab-help-text {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
html .tundra .TopBar .TabButton .igx-search-glass {
  padding-top: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.5rem;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
html .tundra .TopBar .TabButton .igx-search-block {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
  transition: all 0.2s;
}
html .tundra .TopBar .TabButton .igx-search-block.searchHandle {
  transition: all 0.2s;
}
html .tundra .TopBar .TabButton.TabSelected {
  background-color: white;
  color: #666666;
  border-bottom: 0;
}
html .tundra .TopBar .TabButton.SmallButton,
html .tundra .TopBar .TabButton.SearchButton,
html .tundra .TopBar .TabButton.UserButton {
  background-color: transparent;
}
html .tundra .TopBar .TabButton.UserButton .userIcon {
  display: inline-block;
  max-width: 30;
  height: 30px;
  border-radius: 50%;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.9rem;
  font-weight: bold;
  color: white;
  margin-right: 10px;
  white-space: nowrap;
  font-stretch: ultra-condensed;
  letter-spacing: -3px;
  overflow: hidden;
  background-size: cover;
}
html .tundra .TopBar .TabButton.UserButton .userIcon.adminIcon {
  border: 2px solid white;
}
html .tundra .TopBar .TabButton.UserButton .userNameLabelContainer {
  padding-top: 5px;
  vertical-align: top;
}
html .tundra .TopBar .TabButton.UserButton .userNameLabelContainer .userNameLabel {
  white-space: nowrap;
}
html .tundra .TopBar .TabButton.SearchButton {
  width: auto;
  min-width: 47px;
  padding: 10px;
  z-index: 2;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
html .tundra .TopBar .TabButton.SearchButton span {
  white-space: nowrap;
  margin: -1px 0 0 -2px;
}
html .tundra .TopBar .TabButton.SearchButton span span {
  display: inline-block;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  vertical-align: middle;
}
html .tundra .TopBar .TabButton.SearchButton .dojoComboBoxOuter {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  margin-right: 5px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: white;
  border: 0;
  display: inline-block;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
html .tundra .TopBar .TabButton.SearchButton .dojoComboBoxOuter .fa {
  color: #292b33;
  background-color: white;
}
html .tundra .TopBar .dojoComboBoxOuter {
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 300px;
  flex: 1 1 auto;
  display: inline-block;
  position: relative;
  z-index: 3;
}
html .tundra .TopBar .dojoComboBoxOuter .igx-combobox-container {
  margin-top: 3px;
}
html .tundra .TopBar .Shrink {
  width: 0;
  max-height: 100% !important;
  overflow: hidden;
}
html .tundra .TopBar .Shrink .igx-popup-showing {
  opacity: 0;
  box-shadow: none;
}
html .tundra .TopBar .Shrink .igx-input-expand {
  opacity: 0 !important;
}
html .tundra .TopBar .Shrink .igx-combobox-dropdown-container {
  height: 0;
}
html .tundra .TopBar .igx-user-image {
  width: 2rem;
}
html .tundra .TopBar .alert-bar {
  height: 30px;
  border: solid 4px #ee9e9e;
  background-color: #df4747;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
html .tundra .TopBar .alert-bar span {
  text-align: center;
  color: white;
  text-shadow: 0px 0px 2px #292b33;
}
html .tundra .TopBar .igx-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
html .tundra .TopBar .igx-toolbar .igx-tooblar-right-justify {
  margin-left: auto;
}
html .tundra .TopBar .igx-toolbar .igx-tooblar-left-justify {
  margin-right: auto;
}
html .tundra .TopBar .igx-toolbar .TabButton {
  align-self: flex-start;
  padding-top: 9px;
  flex: 0 0 auto;
}
html .tundra .TopBar .igx-toolbar .TabButton .fa {
  font-size: 17px;
}
html .tundra .TopBar .igx-toolbar .TabButton .contentItemSearchPopup {
  border: 0;
}
html .tundra .TopBar .igx-toolbar-left {
  padding-top: 11px;
}
html .tundra .TopBar .igx-toolbar-right .fa {
  font-size: 17px;
}
html .tundra .TopBar .igx-toolbar-right .TabButton {
  padding-top: 9px;
}
html .tundra .TopBar .igx-toolbar-right .contentItemSearchPopup {
  border: 0;
}
@media only screen and (max-width: 1000px) {
  html .tundra .TopBar .AppNameZone {
    min-width: 240px;
  }
  html .tundra .TopBar .TopButton {
    min-width: 40px;
    /*background-color: transparent;*/
    position: relative;
  }
  html .tundra .TopBar .TopButton .TopButtonIcon {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.6rem;
    transform: translate(-50%, -50%);
    display: inline-block;
  }
  html .tundra .TopBar .TopButton .TopButtonLabel {
    width: 0;
    overflow: hidden;
    display: none;
  }
}
@media only screen and (max-width: 1207px) {
  html .tundra .TopBar {
    min-width: 678px;
    position: relative;
  }
  html .tundra .TopBar .AppNameZone {
    width: 70px;
    min-width: 70px;
    padding-left: 6px;
  }
  html .tundra .TopBar .AppNameZone .nameLabel {
    display: none;
  }
  html .tundra .TopBar .AppNameZone .version {
    display: none;
  }
  html .tundra .TopBar .AppNameZone .igxIcon {
    display: block;
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    font-size: 1.8em;
    color: white;
  }
  html .tundra .TopBar .AppNameZone .igxIcon:after {
    opacity: 1;
    color: #53ace3;
  }
  html .tundra .TopBar .userNameLabel {
    display: none;
  }
}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block {
  display: block;
}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block .igx-input-expand {
  margin-left: -1.8rem;
  transition: all 0.2s;
  opacity: 1;
  /*&::after {
			display: block;
			content: "\25BC";
			padding: 0.3rem;
			color: @Color_T1;
		}*/

}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block .igx-input-expand span {
  padding: 0.2rem 0;
  top: 0;
}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block .igx-combobox-input-wrapper {
  display: block;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: white;
}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block .igx-combobox-input-wrapper:hover {
  border: none;
  box-shadow: 0px 2px 4px #314058;
}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block .igx-combobox-input-wrapper:focus {
  outline: none;
  border: none;
}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block .fa {
  color: #292b33;
  padding: 0.6rem 0;
}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block .igx-text-field {
  border: 0;
  padding: 3px 0 3px 0.5rem;
  height: 26px;
  border-radius: 0;
}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block .igx-text-field:hover {
  border-radius: 0;
  border: 0 !important;
  box-shadow: none;
}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block .igx-text-field:focus {
  outline: none;
}
html .tundra .igx-search-block .dojoComboBoxOuter .igx-combobox-input-block .igx-text-field.assetdroptext {
  height: 15px;
}
html .tundra .igx-mce-dialog .dojoComboBoxOuter .igx-combobox-dropdown-container {
  position: absolute;
}
html .tundra .dojoComboBoxOuter .checkboxesContainer {
  background-color: white;
  color: #314058;
}
html .tundra .dojoComboBoxOuter .checkboxesContainer .dojoComboBoxItemHighlight {
  background-color: white;
  color: #314058;
}
html .tundra .dojoComboBoxOuter .dojoComboBoxOptions {
  color: #314058;
}
html .tundra .dojoComboBoxOuter .igx-combobox-dropdown-container {
  position: relative;
}
html .tundra .dojoComboBoxOuter .igx-combobox-dropdown-container .igx-search-popup {
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #292b33;
  box-shadow: none;
  z-index: -1 !important;
  cursor: auto;
  height: 0;
  /*.dojoComboBoxItemEven {
				background-color: inherit;
			}

			.dojoComboBoxItemOdd {
				background-color: inherit;
			}*/

}
html .tundra .dojoComboBoxOuter .igx-combobox-dropdown-container .igx-search-popup.igx-popup-showing {
  opacity: 1;
  visibility: visible;
  box-shadow: 0 3px 6px #6b7d98;
  z-index: 5000 !important;
  height: auto;
}
html .tundra .dojoComboBoxOuter .igx-combobox-dropdown-container .igx-search-popup .dojoComboBoxItem {
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin: 0;
  font-size: 1rem;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
html .tundra .dojoComboBoxOuter .igx-combobox-dropdown-container .igx-search-popup .dojoComboBoxItem .fa {
  color: #51678a;
  font-size: 1.25rem;
  font-weight: bold;
}
html .tundra .dojoComboBoxOuter .igx-combobox-dropdown-container .igx-search-popup .dojoComboBoxItem:hover {
  color: #314058;
  background-color: #edf0f2;
}
html .tundra .dojoComboBoxOuter .igx-combobox-dropdown-container .igx-search-popup .dojoComboBoxItem span:hover {
  background-color: transparent;
  color: #314058;
}
.pendingPublishesListContainer {
  border: 0;
  padding: 0;
  margin: 10px;
  background-color: white;
  box-shadow: 0 1px 3px 0 #d9dde4;
}
.pendingPublishesListContainer .pendingListTitle {
  font-size: 1.2rem;
  color: #51678a;
  padding: 10px;
  background-color: #d9dde4;
}
.pendingPublishesListContainer .pendingListTitle .pendingMessage {
  display: inline-block;
  font-size: 1rem;
}
.pendingPublishesListContainer .publishingItemsListingContainer {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px;
}
.publishItem {
  margin: 15px;
  box-shadow: 0 1px 3px 0 #9da6b4;
  /*border: 1px solid @Color_P6;*/

}
.publishItem .publishItemTitle {
  padding: 10px;
  color: white;
  background-color: #51678a;
  cursor: pointer;
}
.publishItem .publishItemTitle span.titlePaneArrow {
  color: white;
  font-size: 1.5rem;
  width: 20px;
}
.publishItem .publishItemTitle span.dijitCancelNode {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}
.publishItem .publishItemTitle span.deleteButton {
  float: right;
  clear: right;
  cursor: pointer;
  color: white;
  font-size: 1.4rem;
}
.publishItem .publishItemTitle td.label {
  width: 160px;
}
.publishItem .publishItemTitle .staticInformation {
  line-height: 20px;
}
.publishItem .publishItemTitle .staticInformation td.label {
  color: #666666;
  width: 150px;
}
.publishItem .publishItemTitle .statusContainer {
  margin-top: 5px;
  padding: 5px;
}
.publishItem .publishItemTitle .optionsContainer {
  box-shadow: none;
  border: 1px solid #edf0f2;
  margin: 0;
}
.publishItem.current .publishItemTitle {
  background: linear-gradient(235deg, #51678a, #539ed1);
  background-size: 400% 400%;
  -webkit-animation: flashBackground 3s ease infinite;
  -moz-animation: flashBackground 3s ease infinite;
  animation: flashBackground 3s ease infinite;
}
@keyframes flashBackground {
  0% {
    background-position: 0% 88%;
  }
  50% {
    background-position: 100% 13%;
  }
  100% {
    background-position: 0% 88%;
  }
}
.publishItem .replicationItemTitle {
  background-color: #539ed1;
}
.publishItem.current .replicationItemTitle {
  background: linear-gradient(235deg, #539ed1, #6b7d98);
  background-size: 400% 400%;
  -webkit-animation: flashBackground 3s ease infinite;
  -moz-animation: flashBackground 3s ease infinite;
  animation: flashBackground 3s ease infinite;
}
@keyframes flashBackground {
  0% {
    background-position: 0% 88%;
  }
  50% {
    background-position: 100% 13%;
  }
  100% {
    background-position: 0% 88%;
  }
}
.publishItem.completedPublishItemTitle {
  padding: 0;
  color: white;
  background-color: white;
  margin: 5px;
}
.publishItem.completedPublishItemTitle .titleNode {
  width: 180px;
  display: inline-block;
  line-height: 2;
  padding: 6px 6px 6px 12px;
  background-color: #6b7d98;
}
.publishItem.completedPublishItemTitle p {
  font-size: 0.9rem;
  line-height: 1.8;
  margin: 0;
  padding: 6px;
  display: inline-block;
  background-color: white;
  color: #666666;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.publishItemDisabled .publishItemTitle,
.publishItemDisabled .replicationItemTitle {
  background-color: #6b7d98;
}
html .tundra .pendingPublishesListContainer .publishDndItemWrapper {
  padding: 5px 0 5px 0;
}
html .tundra .pendingPublishesListContainer .publishDndItemWrapper .publishItem {
  margin: 0;
}
.permonContainer {
  width: 200px;
  height: 200px;
}
.permonPoint {
  background-color: black;
  border: 0px;
  position: absolute;
}
.pendingSummaryContainer {
  margin: 0 7px 5px 7px;
}
label.pageIdsToggleLabel {
  display: inline-block;
  margin: 10px 5px 5px 5px;
}
label.pageIdsToggleLabel input {
  display: inline-block;
  vertical-align: middle;
}
.pubProgressBar {
  margin: 0;
}
.publishProgressBarTile {
  bottom: 0;
  height: auto;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
html .tundra .igx-mce-plugin {
  min-width: 550px;
  width: 35%;
}
html .tundra .igx-mce-plugin .titleNode {
  font-weight: bold;
}
html .tundra .igx-mce-plugin .buttons {
  padding: 1rem 0rem;
  border: none;
}
html .tundra .igx-mce-plugin .igx-mce-dialog {
  padding: 20px;
}
html .tundra .igx-mce-plugin .igx-link-type {
  border: solid 1px #9da6b4;
  background-color: white;
  padding: 1rem;
}
html .tundra .igx-mce-plugin .igx-link-type div {
  display: inline-block;
  width: 19%;
}
html .tundra .igx-mce-plugin .igx-link-label {
  font-size: 1rem;
  padding: 0.5rem 0;
}
html .tundra .igx-mce-plugin .igx-link-properties-label {
  margin-top: 1rem;
}
html .tundra .igx-mce-plugin .igx-mce-link-properties {
  padding: 10px;
  border: 1px solid #9da6b4;
  background: white;
}
html .tundra .igx-mce-plugin .igx-select-block {
  padding: 0.3rem 0;
}
html .tundra .igx-mce-plugin .igx-select-block .igx-text-label {
  float: left;
  margin-top: 10px;
  padding-right: 10px;
  width: 16%;
}
html .tundra .igx-mce-plugin .igx-select-block .igx-input-item {
  display: inline-block;
  width: 80%;
}
html .tundra .igx-mce-plugin .igx-select-block .igx-input-item .igx-select-field {
  width: 100%;
  padding: 10px;
}
html .tundra .igx-mce-plugin .igx-select-block .igx-input-item .igx-select-field:focus {
  border: 1px solid #53ace3;
  outline: none;
}
html .tundra .igx-mce-plugin .igx-select-block .igx-input-item input:focus,
html .tundra .igx-mce-plugin .igx-select-block .igx-input-item textarea:focus {
  border: 1px solid #53ace3;
  outline: none;
}
html .tundra .igx-mce-plugin .checkboxesContainer {
  display: none;
}
.igx-readonly-editor-container .mce-toolbar-grp,
.igx-readonly-editor-container .mce-toolbar,
.igx-readonly-editor-container .mce-statusbar {
  display: none;
}
html .tundra .igx-mce-global-var-dialog {
  min-width: 350px;
  width: 25%;
}
html .tundra .igx-mce-global-var-dialog .igx-mce-dialog type-radios label {
  margin-right: 1rem;
}
html .tundra .igx-mce-global-var-dialog .igx-mce-dialog .globalVars-dropdowns select {
  margin-top: 1rem;
  padding: 10px;
  width: 100%;
}
html .tundra .igx-mce-code-dialog {
  min-width: 0px;
  width: 55%;
}
html .tundra .mce-window {
  box-shadow: 0 3px 6px #314058;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  border-width: 0 !important;
}
html .tundra .mce-window .mce-window-head {
  background-color: #539ed1;
}
html .tundra .mce-window .mce-window-head .mce-title {
  color: #fafafa;
}
html .tundra .mce-window .mce-window-head .mce-close,
html .tundra .mce-window .mce-window-head .mce-close i {
  color: #fafafa;
  transition: all 0.2s;
}
html .tundra .mce-window .mce-window-head .mce-close:hover,
html .tundra .mce-window .mce-window-head .mce-close i:hover {
  text-shadow: 0 3px 6px #6b7d98;
}
html .tundra .mce-window .mce-foot .mce-btn {
  border-radius: 5px;
  transition: all 0.2s;
  background-color: #539ed1;
  border-color: transparent;
}
html .tundra .mce-window .mce-foot .mce-btn button {
  color: #fafafa;
}
html .tundra .mce-window .mce-foot .mce-btn:hover {
  box-shadow: 0 3px 6px #6b7d98;
}
html .tundra .mce-window .mce-foot .mce-btn.mce-primary {
  background-color: #314058;
}
html .tundra .mce-floatpanel {
  box-shadow: 0 2px 4px #6b7d98;
}
html .tundra .mce-container .mce-container-body .mce-textbox {
  overflow: auto;
}
html .tundra .fakeTinymceButton {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 37px;
  height: 28px;
  background: #f2f4f5;
  border: 1px solid #9da6b4;
  cursor: pointer;
}
html .tundra .fakeTinymceButton .mce-ico {
  font-size: 20px;
}
@font-face {
  font-family: 'tinymce';
  src: url('../js/tinymce/skins/lightgray/fonts/tinymce.eot');
  src: url('../js/tinymce/skins/lightgray/fonts/tinymce.eot') format('embedded-opentype'), url('../js/tinymce/skins/lightgray/fonts/tinymce.ttf') format('truetype'), url('../js/tinymce/skins/lightgray/fonts/tinymce.woff') format('woff'), url('../js/tinymce/skins/lightgray/fonts/tinymce.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
html .tundra .ace_editor {
  font-family: Courier New, Courier, monospace;
  font-size: 1rem;
}
html .tundra .aceContainer {
  border: 1px solid #9da6b4;
}
html .tundra .aceContainer .aceResizeContainer {
  height: 500px;
}
html .tundra .aceContainer .aceResizeContainer.disabled .ace_content {
  background-color: #d9dde4;
}
html .tundra .aceContainer .resizerRow {
  padding: 0;
  margin: 0;
  text-align: right;
  cursor: ns-resize;
}
html .tundra .aceContainer .resizerRow .resizer {
  font-family: 'tinymce', Arial;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 16px;
  line-height: 16px;
  speak: none;
  vertical-align: text-top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  background: transparent center center;
  background-size: cover;
  width: 16px;
  height: 16px;
}
html .tundra .aceContainer .resizerRow .resizer:before {
  content: "\e032";
}
.diffContainer {
  overflow: hidden;
}
.diffContainer .codeDiff {
  overflow: hidden;
}
.diffContainer .codeDiff.leftDiffPane {
  margin-right: 5px;
}
.diffContainer .codeDiff.rightDiffPane {
  margin-left: 5px;
}
.diffContainer .diffTitle {
  font-size: 1.2rem;
  text-align: center;
  padding: 0 0 8px 0;
}
.diffContainer .codeContainer {
  margin: 0;
  padding: 0;
  overflow-y: auto !important;
  overflow-x: hidden;
  background-color: white;
  border: 1px solid #d9dde4;
  font-family: Courier New, Courier, monospace;
  font-size: 1em;
}
.diffContainer .codeContainer .clump {
  display: table-row;
}
.diffContainer .codeContainer .clump .clumpContent {
  display: table-cell;
  border: 2px solid transparent;
}
.diffContainer .codeContainer .clump .clumpContent .line {
  line-height: 1.2em;
  white-space: nowrap;
  display: table-row;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.diffContainer .codeContainer .clump .clumpContent .line:first-child {
  border-top: 0;
}
.diffContainer .codeContainer .clump .clumpContent .line:last-child {
  border-bottom: 0;
}
.diffContainer .codeContainer .clump.currentDiffClump .clumpContent {
  border: 2px solid #539ed1;
}
.diffContainer .codeContainer .lineNumsCol {
  overflow: hidden;
  padding: 0 0.3em 20px 0.3em;
  background-color: #fafafa;
}
.diffContainer .codeContainer .lineNumsCol .lineNumber {
  line-height: 1.2em;
  text-align: left;
  display: table-row;
  border: 2px solid transparent;
}
.diffContainer .codeContainer .linesCol {
  overflow: auto;
}
.diffContainer .codeContainer .linesCol .ModifiedLine {
  background-color: #f1f8fd;
}
.diffContainer .codeContainer .linesCol .InsertedLine {
  background-color: #d1f0ca;
}
.diffContainer .codeContainer .linesCol .ImaginaryLine {
  background-color: #d9dde4;
}
.diffContainer .codeContainer .linesCol .DeletedLine {
  background-color: #9da6b4;
}
.diffContainer .codeContainer .linesCol .DeletedCharacter {
  background-color: #9da6b4;
}
.diffContainer .codeContainer .linesCol .InsertedCharacter {
  background-color: #92dc82;
}
.igx-workflow-chart {
  width: 325px;
  height: 415px;
  overflow: auto !important;
  position: relative;
  background-color: #51678a;
  float: left;
  border-bottom-left-radius: 4px;
  padding-top: 10px;
}
.igx-workflow-chart .igx-workflow-cont {
  height: 100%;
  min-height: 415px;
  width: 100%;
  display: table;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list {
  margin-left: 21%;
  display: table;
  height: 100%;
  position: relative;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list.igx-workflow-bridge .igx-workflow-item:nth-last-child(2) .igx-workflow-bridge-cover {
  background-color: #51678a;
  display: block;
  position: relative;
  content: "\00a0";
  height: 100%;
  width: 100%;
  top: -25px;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-item {
  display: table-row;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-item:nth-child(2) {
  float: right;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-item:last-child {
  display: table-footer-group !important;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-item:last-child .igx-workflow-node {
  margin-bottom: 0;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-item.igx-workflow-node-current .igx-workflow-node .igx-workflow-node-inner {
  height: 25px;
  width: 25px;
  background-color: #53ace3;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-item.igx-workflow-node-select .igx-workflow-node .igx-workflow-node-inner {
  height: 25px;
  width: 25px;
  background-color: #4fc236;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-item .igx-workflow-node {
  border-radius: 50%;
  height: 33px;
  width: 33px;
  border: 3px solid #fafafa;
  background-color: #51678a;
  position: relative;
  margin-bottom: 25px;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-item .igx-workflow-node .igx-workflow-node-name {
  position: absolute;
  width: 125px;
  text-overflow: ellipsis;
  left: 45px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.1rem;
  color: #fafafa;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-item .igx-workflow-node .igx-workflow-node-inner {
  border-radius: 50%;
  height: 0px;
  width: 0px;
  border: none;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  top: 16px;
  transform: translate(0, -12px);
  transition: ease-in-out 150ms;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-item .igx-workflow-bridge-cover {
  display: none;
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-line {
  width: 3px;
  background-color: #fafafa;
  height: 95%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.igx-workflow-chart .igx-workflow-cont .igx-workflow-list .igx-workflow-line:nth-last-child(2) {
  display: none;
}
/*TRANSISTION*/

.igx-transition-cont {
  height: 100%;
  position: absolute;
  width: 50px;
  display: table;
  left: 39%;
  top: 0;
  left: 27%;
  transform: translateX(-100%);
  overflow: hidden;
}
.igx-transition-cont .igx-transition-list {
  margin: 0 auto 0 auto;
  display: table;
  height: 100%;
  position: relative;
}
.igx-transition-cont .igx-transition-list .igx-transition-line {
  height: 95%;
  box-sizing: content-box;
  border-left: 3px solid #fafafa;
  position: absolute;
  top: 0;
  z-index: 2;
}
.igx-transition-cont .igx-transition-list .igx-transition-line:nth-last-child(2) {
  display: none;
}
.igx-transition-cont .igx-transition-list .igx-transition-line.igx-transition-line-animate {
  animation-name: transition_line_animate;
  animation-duration: 0.66s;
}
.igx-transition-cont .igx-transition-list .igx-transition-item {
  background-color: #51678a;
  position: relative;
  display: table-row;
  visibility: visible;
  z-index: 2;
}
.igx-transition-cont .igx-transition-list .igx-transition-item:nth-child(2) {
  float: right;
  width: initial !important;
}
.igx-transition-cont .igx-transition-list .igx-transition-item:last-child {
  display: table-footer-group;
}
.igx-transition-cont .igx-transition-list .igx-transition-item:last-child:after {
  background-color: #51678a;
  display: block;
  position: relative;
  content: "\00a0";
}
.igx-transition-cont .igx-transition-list .igx-transition-item:last-child .igx-transition-link {
  margin-bottom: 0;
}
.igx-transition-cont .igx-transition-list .igx-transition-item.igx-transition-current {
  z-index: 3;
}
.igx-transition-cont .igx-transition-list .igx-transition-item.up {
  opacity: 1;
  visibility: visible;
}
.igx-transition-cont .igx-transition-list .igx-transition-item.up .igx-transition-cover {
  display: block;
  z-index: 2;
}
.igx-transition-cont .igx-transition-list .igx-transition-item.up .igx-transition-link {
  height: 36px;
  border-left: 3px solid #fafafa;
  border-bottom: 3px solid #fafafa;
  border-top: none;
  border-bottom-left-radius: 15%;
  border-top-left-radius: 0;
  top: -17px;
  z-index: 2;
  animation-name: bordergrow_up;
  animation-duration: 0.66s;
}
.igx-transition-cont .igx-transition-list .igx-transition-item.up.igx-transition-current .igx-transition-arrow {
  top: -16px;
  display: block;
  transform: translateX(-40%) rotate(45deg);
}
.igx-transition-cont .igx-transition-list .igx-transition-item.up.down .igx-transition-link {
  border: 3px solid #fafafa;
  border-radius: 15%;
  top: 1px;
  height: 39px;
  box-sizing: border-box;
  width: 33px;
}
.igx-transition-cont .igx-transition-list .igx-transition-item.up.down .igx-transition-cover {
  display: block;
  transform-origin: unset;
  transform: initial;
  z-index: 2;
  top: 0;
}
.igx-transition-cont .igx-transition-list .igx-transition-item.up.down.igx-transition-current .igx-transition-arrow {
  top: 9px;
  display: block;
  transform: translateX(-52%) rotate(225deg);
}
.igx-transition-cont .igx-transition-list .igx-transition-item.down {
  visibility: visible;
  opacity: 1;
  background-color: transparent;
}
.igx-transition-cont .igx-transition-list .igx-transition-item.down .igx-transition-link {
  height: 36px;
  border-left: 3px solid #fafafa;
  border-top: 3px solid #fafafa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 15%;
  top: 17px;
  z-index: 2;
  animation-name: bordergrow_down;
  animation-duration: 0.66s;
}
.igx-transition-cont .igx-transition-list .igx-transition-item.down .igx-transition-cover {
  display: block;
  transform-origin: 33% 2%;
  transform: rotate(180deg);
  z-index: 2;
}
.igx-transition-cont .igx-transition-list .igx-transition-item.down.igx-transition-current .igx-transition-arrow {
  top: 41px;
  left: 2px;
  display: block;
  transform: translateX(-52%) rotate(225deg);
}
.igx-transition-cont .igx-transition-list .igx-transition-item .igx-transition-link {
  height: 39px;
  width: 30px;
  margin-bottom: 25px;
  position: relative;
  box-sizing: content-box;
  z-index: 1;
  float: right;
  background-color: #51678a;
  border: none;
}
.igx-transition-cont .igx-transition-list .igx-transition-item .igx-transition-cover {
  height: 1000px;
  position: absolute;
  width: 35px;
  display: block;
  z-index: 1;
  background-color: #51678a;
}
.igx-transition-cont .igx-transition-list .igx-transition-item .igx-transition-arrow {
  height: 13px;
  width: 13px;
  border: none;
  box-sizing: border-box;
  z-index: 2;
  display: none;
  position: relative;
}
.igx-transition-cont .igx-transition-list .igx-transition-item .igx-transition-arrow.igx-transition-arrow-animate {
  animation-name: grow_arrow;
  animation-duration: 0.44s;
  animation-delay: 0.02s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  clear: both;
}
@keyframes bordergrow_up {
  from {
    border: none;
  }
  to {
    border-left: 3px solid #fafafa;
    border-bottom: 3px solid #fafafa;
  }
}
@keyframes bordergrow_down {
  from {
    border: none;
  }
  to {
    border-left: 3px solid #fafafa;
    border-top: 3px solid #fafafa;
  }
}
@keyframes transition_line_animate {
  from {
    border: none;
  }
  to {
    border-left: 3px solid #fafafa;
  }
}
@keyframes grow_arrow {
  from {
    border: none;
  }
  to {
    border-top: 3px solid #fafafa;
    border-left: 3px solid #fafafa;
  }
}
@keyframes fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    z-index: -1;
  }
}
.igx-workflow-form {
  float: left;
  padding: 1.5rem;
  font-size: 1rem;
  box-sizing: border-box;
  min-width: 475px;
}
.igx-workflow-form .igx-workflow-select-container {
  width: 50%;
}
.igx-workflow-form .igx-workflow-row {
  margin-bottom: 0.75rem;
}
.igx-workflow-form .igx-workflow-row.igx-workflow-buttons {
  text-align: right;
}
.igx-workflow-form .igx-workflow-description-text {
  width: 100%;
  display: block;
  height: 10rem;
  resize: none;
  font-size: 1rem;
  padding: 0.5rem;
}
select.igx-select {
  height: 2.5rem;
  padding: 0;
  padding-left: 6px;
  width: 100%;
  font-size: 1.1rem;
}
html .tundra .dojoDialog .title.igx-workflow-advance-title {
  background-color: #53ace3;
}
html .tundra .dojoDialog.igx-workflow-dialog {
  background-color: #edf0f2;
}
.igx-workflow-advance-dialog {
  position: relative;
}
.igx-workflow-advance-dialog .igx-workflow-spacer {
  height: 0;
  width: 325px;
  background-color: #51678a;
}
.igx-workflow-advance-dialog.loading .igx-workflow-advance-loading {
  opacity: 1;
  z-index: 1000;
  animation: none;
}
.igx-workflow-advance-dialog.loading .igx-workflow-advance-loading span.fa-spinner {
  color: #4fc236;
}
.igx-workflow-advance-dialog .igx-workflow-advance-loading {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 3rem;
  background-color: #51678a;
  z-index: 2;
  animation-name: fade_out;
  animation-duration: 0.25s;
  animation-fill-mode: forwards;
}
.igx-workflow-advance-dialog .igx-workflow-advance-loading .igx-workflow-loading-block {
  position: relative;
  top: 50%;
  transform: translateY(-100%);
}
.igx-workflow-advance-dialog .igx-workflow-advance-loading .igx-workflow-loading-block span.fa-spinner {
  color: #4fc236;
}
.adImportDialogContent {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-flow: column nowrap;
}
.adImportDialogContent .loginForm {
  flex: 1 1 auto;
  width: 100%;
}
.adImportDialogContent .loginForm .advancedToggleRow {
  width: 100%;
  text-align: right;
  margin-top: 10px;
}
.adImportDialogContent .loginForm .advancedFormContainer {
  width: 100%;
}
.adImportDialogContent .resultsContainer {
  flex: 1 1 auto;
  position: relative;
}
.adImportDialogContent .resultsContainer .resultsContainerInner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-flow: column nowrap;
}
.adImportDialogContent .resultsContainer .resultsContainerInner .instructions {
  flex: 0 0 auto;
  margin-bottom: 10px;
}
.adImportDialogContent .resultsContainer .resultsContainerInner .pbarContainer,
.adImportDialogContent .resultsContainer .resultsContainerInner .importMsgContainer {
  margin-top: 10px;
}
.adImportDialogContent .resultsContainer .resultsContainerInner .pbarContainer .pbar,
.adImportDialogContent .resultsContainer .resultsContainerInner .importMsgContainer .pbar {
  height: 6px;
  background-color: #4fc236;
  transition: all 0.3s;
  border-radius: 3px;
}
.adImportDialogContent .resultsContainer .resultsContainerInner .results {
  flex: 1 1 auto;
}
.adImportDialogContent .resultsContainer .resultsContainerInner .results .title2 {
  padding: 10px;
  display: table-cell;
  background-color: #f2f4f5;
}
.adImportDialogContent .resultsContainer .resultsContainerInner .results .titlePane .titlePaneHeader {
  background-color: #f2f4f5;
}
.adImportDialogContent .resultsContainer .resultsContainerInner .results .igx-animated-input[type="checkbox"] + label.completed:after,
.adImportDialogContent .resultsContainer .resultsContainerInner .results .igx-animated-input input[type="checkbox"] + label.completed:after {
  color: #4fc236;
}
html {
  font-size: 14px;
}
html ins {
  background-color: #cde8c7 !important;
  text-decoration: underline !important;
}
html del {
  background-color: #efa8a8 !important;
  text-decoration: line-through !important;
}
html .pointerCursor {
  cursor: pointer;
}
html .dragGhost {
  color: #314058;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
html .hiddendiv {
  position: absolute;
  top: 0;
  left: -9999px;
  white-space: pre-wrap;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-top: 1.2rem;
}
html .hidden {
  display: none !important;
}
html .shrink {
  max-height: 0 !important;
  height: 0 !important;
}
html .transparent {
  opacity: 0 !important;
  display: none !important;
}
html .invisible {
  opacity: 0 !important;
  visibility: hidden;
}
html .search-highlight {
  position: absolute;
  background: #efd372;
  border-radius: 3px;
  border: none;
  opacity: 0.5;
}
html mark {
  background: #efd372;
  border-radius: 3px;
}
html .hoverable {
  transition: background-color 0.2s;
}
html .hoverable:hover {
  background-color: #fafafa;
}
html .center-container {
  display: flex;
  justify-content: center;
}
html .center-container.vertical {
  flex-direction: column;
}
html .center-container.vertical.reverse {
  flex-direction: column-reverse;
}
html .center-container.reverse {
  flex-direction: row-reverse;
}
html .center-container.add-space {
  margin: 20px 10px;
}
html a.link {
  color: #539ed1;
  cursor: pointer;
  text-decoration: none;
}
html a.link:hover {
  color: #53ace3;
}
html .routerLink {
  color: #539ed1;
  transition: all 0.3s;
  cursor: pointer;
}
html .routerLink:hover {
  text-decoration: underline;
}
html .backdrop {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  pointer-events: none;
  transition: transform 1s;
}
html .backdrop.inline {
  display: inline-block;
}
html .backdrop *::before,
html .backdrop *::after {
  box-sizing: border-box;
}
html .backdrop .highlight {
  position: absolute;
  color: transparent;
}
html .backdrop .highlights {
  margin: 10px;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: transparent !important;
  font-size: 14px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
}
html .backdrop .highlights mark {
  background-color: #efd372;
  opacity: 0.5;
  border-radius: 3px;
  color: transparent;
}
html .previewIFrameContentPane {
  position: relative;
  height: 100%;
}
html .previewIFrameContentPane .previewIFrame {
  width: "100%";
  height: "100%";
  border: "0px";
  position: "absolute";
  top: "0";
  left: "0";
}
html .rightFloatButton {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
html .exileIsland {
  position: absolute;
  left: -9999px;
  width: 4000px;
  top: 0;
}
html .accessDeniedMessage {
  padding: 20px;
  color: darkred;
}
html .fa-bars.dragHandle {
  color: #666666;
  cursor: pointer;
}
html .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
body {
  background-color: white;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html .tundra .awgrid .tbody .tpage .tr {
  transition: background-color 0.2s;
}
html .tundra .awgrid .tbody .tpage .tr:hover {
  background-color: #f2f4f5;
}
html .tundra .awgrid .tbody .tpage .tr.selected {
  background-color: #cde8c7 !important;
}
html .tundra .awgrid .tbody .tpage .tr .td {
  padding: 10px;
}
html .tundra .tilesView {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
html .tundra .tile {
  margin: 10px;
  width: 200px;
  box-sizing: border-box;
  height: 200px;
  padding: 9px;
  border: 1px solid #d9dde4;
  background-color: white;
  display: inline-block;
  vertical-align: top;
  transition: background-color 0.3s;
  overflow: hidden;
}
html .tundra .tile:hover {
  background-color: #d9dde4;
  border: 1px dashed #51678a;
}
html .tundra .tile:focus,
html .tundra .tile.selected {
  background-color: #cde8c7;
  border: 1px dashed #51678a;
}
html .tundra .tile .content {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
html .tundra .tile .content .thumbContainer {
  border: 1px solid #9da6b4;
  height: 135px;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 0;
}
html .tundra .tile .content .thumbContainer.thumbIconBg {
  background-color: #cbd2dc;
}
html .tundra .tile .content .thumbContainer .thumbIcon {
  color: white;
  text-shadow: -1px -1px 0 #c0c5cb, 1px -1px 0 #c0c5cb, -1px 1px 0 #c0c5cb, 1px 1px 0 #c0c5cb;
  font-size: 90px;
  line-height: 110px;
  vertical-align: top;
}
html .tundra .tile .content .captionContainer {
  margin-top: 10px;
  width: 100%;
}
html .tundra .tile .content .captionContainer .tileName {
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 1.01rem;
  color: #292b33;
}
html .tundra .tile .content .captionContainer .subName {
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  font-size: 0.95rem;
  color: #666666;
}
.igx-animated-input[type="checkbox"],
.igx-animated-input input[type="checkbox"],
.igx-animated-input[type="radio"],
.igx-animated-input input[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  transition: box-shadow 0.2s, border 0.2s;
}
.igx-animated-input[type="radio"]:hover + label:before,
.igx-animated-input input[type="radio"]:hover + label:before,
.igx-animated-input[type="radio"]:focus + label:before,
.igx-animated-input input[type="radio"]:focus + label:before {
  box-shadow: inset 0 1px 3px #d9dde4;
  border: 2px solid #539ed1 !important;
}
.igx-animated-input[type="radio"] + label:before,
.igx-animated-input input[type="radio"] + label:before,
.igx-animated-input[type="radio"] + label:after,
.igx-animated-input input[type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.286em;
  width: 1rem;
  height: 1rem;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.igx-animated-input[type="radio"]:not(:checked) + label:before,
.igx-animated-input input[type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  border: 2px solid #6b7d98;
}
.igx-animated-input[type="radio"]:not(:checked) + label:after,
.igx-animated-input input[type="radio"]:not(:checked) + label:after {
  border-radius: 50%;
  border: 2px solid #6b7d98;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.igx-animated-input[type="radio"]:not(:checked),
.igx-animated-input input[type="radio"]:not(:checked),
.igx-animated-input[type="radio"]:checked,
.igx-animated-input input[type="radio"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
.igx-animated-input[type="radio"]:not(:checked) + label,
.igx-animated-input input[type="radio"]:not(:checked) + label,
.igx-animated-input[type="radio"]:checked + label,
.igx-animated-input input[type="radio"]:checked + label {
  position: relative;
  padding-left: 2em;
  cursor: pointer;
  display: inline-block;
  height: 1.786em;
  line-height: 1.786em;
  font-size: 1em;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.igx-animated-input[type="radio"]:checked + label:before,
.igx-animated-input input[type="radio"]:checked + label:before {
  border-radius: 50%;
  border: 2px solid transparent;
}
.igx-animated-input[type="radio"]:checked + label:after,
.igx-animated-input input[type="radio"]:checked + label:after {
  border-radius: 50%;
  border: 2px solid #539ed1;
  background-color: #539ed1;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}
.igx-animated-input[type="checkbox"],
.igx-animated-input input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
.igx-animated-input[type="checkbox"] + label,
.igx-animated-input input[type="checkbox"] + label {
  position: relative;
  padding-left: 2em;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 1em;
  user-select: none;
}
.igx-animated-input[type="checkbox"] + label.checkbox-right,
.igx-animated-input input[type="checkbox"] + label.checkbox-right {
  padding-left: 0px;
  display: block;
  width: 100%;
}
.igx-animated-input[type="checkbox"] + label.checkbox-right::before,
.igx-animated-input input[type="checkbox"] + label.checkbox-right::before {
  left: auto;
  right: 0;
}
.igx-animated-input[type="checkbox"] + label.checkbox-right::after,
.igx-animated-input input[type="checkbox"] + label.checkbox-right::after {
  left: auto;
  right: 0.18em;
}
.igx-animated-input[type="checkbox"] + label::before,
.igx-animated-input input[type="checkbox"] + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: -0.15em;
  width: 1.39em;
  height: 1.39em;
  border: 1px solid #d9dde4;
  background: white;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px #d9dde4;
  transition: all 0.2s;
}
.igx-animated-input[type="checkbox"] + label::after,
.igx-animated-input input[type="checkbox"] + label::after {
  content: '✔';
  position: absolute;
  left: 0.18em;
  top: 0.08em;
  font-size: 1.3em;
  line-height: 0.8em;
  color: #539ed1;
  transition: all 0.2s;
  text-shadow: 0 1px 3px #d9dde4;
}
.igx-animated-input[type="checkbox"] + label:after,
.igx-animated-input input[type="checkbox"] + label:after {
  content: '✔';
  position: absolute;
  left: 0.18em;
  top: 0.08em;
  font-size: 1.3em;
  line-height: 0.8em;
  color: #539ed1;
  transition: all 0.2s;
  text-shadow: 0 1px 3px #d9dde4;
}
.igx-animated-input[type="checkbox"] + label:after.checkbox-right,
.igx-animated-input input[type="checkbox"] + label:after.checkbox-right {
  right: 0.18em;
}
.igx-animated-input[type="checkbox"]:not(:checked) + label:after,
.igx-animated-input input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: rotate(-60deg) scale(0.3);
}
.igx-animated-input[type="checkbox"]:checked + label:after,
.igx-animated-input input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
.igx-animated-input[type="checkbox"]:disabled + label:before,
.igx-animated-input input[type="checkbox"]:disabled + label:before {
  cursor: not-allowed;
  box-shadow: none;
  background-color: #f2f4f5;
}
.igx-animated-input[type="checkbox"]:disabled:checked + label:after,
.igx-animated-input input[type="checkbox"]:disabled:checked + label:after {
  cursor: not-allowed;
  color: #9da6b4;
}
.igx-animated-input[type="checkbox"]:disabled + label,
.igx-animated-input input[type="checkbox"]:disabled + label {
  cursor: not-allowed;
}
.igx-animated-input[type="checkbox"]:focus + label:before,
.igx-animated-input input[type="checkbox"]:focus + label:before {
  border: 1px solid #53ace3;
  box-shadow: inset 0 1px 3px #d9dde4;
}
.igx-animated-input[type="checkbox"]:not(:disabled):not(:focus) + label:hover:before,
.igx-animated-input input[type="checkbox"]:not(:disabled):not(:focus) + label:hover:before {
  border: 1px solid #abd6f1;
  box-shadow: inset 0 1px 3px #d9dde4;
}
.igx-animated-input[type="button"]:focus,
.igx-animated-input input[type="button"]:focus {
  transition: none;
  outline: 1px solid #53ace3;
  outline-offset: 1px;
}
.igx-animated-input:focus,
.igx-animated-input input:focus {
  outline: 1px solid #53ace3;
}
.igx-animated-input.search-box,
.igx-animated-input input.search-box {
  background-color: white !important;
  border: 1px solid #d9dde4 !important;
  border-right: 0 !important;
  border-radius: 3px 0 0 3px !important;
  margin-right: 0 !important;
  transition: all 0.2s;
  line-height: 16px;
}
.igx-animated-input.search-box:hover,
.igx-animated-input input.search-box:hover {
  border: 1px solid #53ace3 !important;
  border-right: 0 !important;
  box-shadow: inset 0px 1px 1px #d9dde4;
}
.igx-animated-input.search-box:focus,
.igx-animated-input input.search-box:focus {
  outline: none !important;
  border: 1px solid #539ed1 !important;
  border-right: 0 !important;
}
.igx-animated-input.search-box + label:after,
.igx-animated-input input.search-box + label:after {
  content: "\1F50D";
  font-size: 1rem;
  color: #666666;
  padding: 10px;
  background-color: white;
  margin-left: -10px;
  border: 1px solid #d9dde4;
  border-left: 0;
  border-radius: 0 3px 3px 0;
  transition: all 0.2s;
}
.igx-animated-input.search-box:hover + label:after,
.igx-animated-input input.search-box:hover + label:after {
  border: 1px solid #53ace3;
  border-left: 0;
  box-shadow: inset 0 1px 1px #d9dde4;
  text-shadow: 0 2px 3px #d9dde4;
}
.igx-animated-input.search-box:focus + label:after,
.igx-animated-input input.search-box:focus + label:after {
  border: 1px solid #539ed1;
  border-left: 0;
  text-shadow: 0 2px 3px #d9dde4;
}
html .tundra .igx-select {
  outline: none;
  outline-offset: 0;
  border: 1px solid #d9dde4;
  box-sizing: border-box;
  padding: 5px;
  font-size: 14px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  border-radius: 4px;
  overflow: hidden;
  color: #666666;
  transition: all 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("../images/icons/down.gif") 97% no-repeat white;
  /*text-indent: 0.01px;
	text-overflow: '';*/
  padding-right: 20px !important;
}
html .tundra .igx-select::-ms-expand {
  display: none;
}
html .tundra .igx-select:not([disabled]):hover {
  border: 1px solid #539ed1;
  box-shadow: inset 0 1px 3px #d9dde4;
}
html .tundra .igx-select:not([disabled]):focus {
  outline: 1px solid #53ace3;
  border: 1px solid #d9dde4;
}
html .tundra .tooltipWrapper {
  position: relative;
  cursor: help;
}
html .tundra .tooltipWrapper .tooltip {
  background: #539ed1;
  top: 100%;
  color: white;
  display: block;
  left: -1415%;
  margin-bottom: 15px;
  opacity: 0;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  width: 1600%;
  transform: translateY(-10px);
  transition: all 0.25s ease-out;
  box-shadow: 2px 2px 6px #d9dde4;
  border-radius: 3px;
  text-align: left;
  z-index: 1;
  white-space: normal;
  font-weight: normal;
  font-size: 1.1rem;
  /* This bridges the gap so you can mouse into the tooltip without it disappearing */

}
html .tundra .tooltipWrapper .tooltip:before {
  display: block;
  position: absolute;
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-bottom: solid #539ed1 10px;
  top: -10px;
  content: " ";
  height: 0;
  right: 5.2%;
  margin-left: -13px;
  width: 0;
}
html .tundra .tooltipWrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(14px);
  -moz-transform: translateY(14px);
  -ms-transform: translateY(14px);
  -o-transform: translateY(14px);
  transform: translateY(14px);
}
html .tundra .fa,
html .tundra .igx-fa {
  color: #666666;
}
@keyframes bounce {
  0%, 30%, 60%, 70%, 80%, 100% {
    /*-webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);*/
    transform: scale(1);
  }
  20% {
    /*-webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);*/
    transform: scale(1.2);
  }
  40% {
    /*-webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);*/
    transform: scale(1.1);
  }
}
/*html .tundra .igx-asset-tree-node-icon {
	&.animate-bounce {
		animation: bounce 1s ease infinite;
	}
}*/

html .tundra input.button,
html .tundra .cmsButton,
html .tundra input.smallButton {
  padding: 5px 13px;
  background-color: #539ed1;
  color: #fafafa;
  border: 0px;
  border-radius: 3px;
  border: 1px, solid, transparent;
  cursor: pointer;
  opacity: 1;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
html .tundra input.button .fa,
html .tundra .cmsButton .fa,
html .tundra input.smallButton .fa,
html .tundra input.button .igx-fa,
html .tundra .cmsButton .igx-fa,
html .tundra input.smallButton .igx-fa {
  color: #fafafa !important;
}
html .tundra input.button:hover,
html .tundra .cmsButton:hover,
html .tundra input.smallButton:hover {
  opacity: 1;
  box-shadow: 1px 2px 4px #9da6b4;
}
html .tundra input.button:focus,
html .tundra .cmsButton:focus,
html .tundra input.smallButton:focus {
  transition: none;
  opacity: 1;
  outline: 1px solid #53ace3;
  outline-offset: 1px;
}
html .tundra input.button:active,
html .tundra .cmsButton:active,
html .tundra input.smallButton:active {
  opacity: 1;
  box-shadow: 0 0px 3px #9da6b4;
}
html .tundra .confirm input.button,
html .tundra .cmsButton .confirm,
html .tundra input.button.confirm,
html .tundra input.smallButton.confirm {
  background-color: #51678a;
  /*&:hover {
		box-shadow: 0 0 3px 0 @Color_A3;
	}*/

}
html .tundra .info input.button,
html .tundra .cmsButton .info,
html .tundra input.button.info,
html .tundra input.smallButton.info {
  background-color: #53ace3;
  /*&:hover {
		box-shadow: 0 0 3px 0 @Color_A2;
	}*/

}
html .tundra .action input.button,
html .tundra .cmsButton .action,
html .tundra input.button.action,
html .tundra input.smallButton.action {
  background-color: #4fc236;
  /*&:hover {
		box-shadow: 0 0 3px 0 @Color_P3;
	}*/

}
html .tundra .warn input.button,
html .tundra .cmsButton .warn,
html .tundra .cmsButton.warn,
html .tundra input.button.warn,
html .tundra input.smallButton.warn {
  background-color: #fed130;
  /*&:hover {
		box-shadow: 0 0 3px 0 @Color_A4;
	}*/

}
html .tundra .highlight input.button,
html .tundra .cmsButton .highlight,
html .tundra input.button.highlight,
html .tundra input.smallButton.highlight {
  background-color: #fafafa;
  border: 1px solid #51678a;
  color: #51678a;
  /*&:hover {
		box-shadow: 0 0 3px 0 @Color_P3;
	}*/

}
html .tundra .highlight input.button .fa,
html .tundra .cmsButton .highlight .fa,
html .tundra input.button.highlight .fa,
html .tundra input.smallButton.highlight .fa,
html .tundra .highlight input.button .igx-fa,
html .tundra .cmsButton .highlight .igx-fa,
html .tundra input.button.highlight .igx-fa,
html .tundra input.smallButton.highlight .igx-fa {
  color: #51678a !important;
}
html .tundra input.button:disabled,
html .tundra input.button[disabled],
html .tundra input.button.disabled,
html .tundra input.smallButton:disabled,
html .tundra input.smallButton[disabled],
html .tundra input.smallButton.disabled,
html .tundra .cmsButton:disabled,
html .tundra .cmsButton[disabled],
html .tundra .cmsButton.disabled {
  background-color: #9da6b4 !important;
  opacity: 0.9 !important;
  cursor: not-allowed !important;
}
html .tundra input.smallButton {
  padding: 3px 6px;
}
html .tundra span.imageButton {
  cursor: pointer;
  font-size: 18px;
  width: 20px;
  transition: all 0.2s ease;
  font-weight: normal;
}
html .tundra span.imageButton:hover,
html .tundra span.imageButton:active {
  font-weight: bold;
}
.toolbarButton .toolbarButtonIcon_64,
.toolbarButtonHover .toolbarButtonIcon_64 {
  font-size: 64;
  color: #539ed1;
  cursor: pointer;
}
.toolbarButton .toolbarButtonIcon_64.disabled,
.toolbarButtonHover .toolbarButtonIcon_64.disabled {
  color: #d9dde4;
}
.toolbarButton .toolbarButtonIcon_64.previewButton,
.toolbarButtonHover .toolbarButtonIcon_64.previewButton {
  color: #666666;
}
.toolbarButton .toolbarButtonIcon_56,
.toolbarButtonHover .toolbarButtonIcon_56 {
  font-size: 56;
  color: #539ed1;
  cursor: pointer;
}
.toolbarButton .toolbarButtonIcon_56.disabled,
.toolbarButtonHover .toolbarButtonIcon_56.disabled {
  color: #d9dde4;
}
.toolbarButton .toolbarButtonIcon_56.previewButton,
.toolbarButtonHover .toolbarButtonIcon_56.previewButton {
  color: #666666;
}
.toolbarButton .toolbarButtonIcon_48,
.toolbarButtonHover .toolbarButtonIcon_48 {
  font-size: 48;
  color: #539ed1;
  cursor: pointer;
}
.toolbarButton .toolbarButtonIcon_48.disabled,
.toolbarButtonHover .toolbarButtonIcon_48.disabled {
  color: #d9dde4;
}
.toolbarButton .toolbarButtonIcon_48.previewButton,
.toolbarButtonHover .toolbarButtonIcon_48.previewButton {
  color: #666666;
}
.toolbarButton .toolbarButtonIcon_40,
.toolbarButtonHover .toolbarButtonIcon_40 {
  font-size: 40;
  color: #539ed1;
  cursor: pointer;
}
.toolbarButton .toolbarButtonIcon_40.disabled,
.toolbarButtonHover .toolbarButtonIcon_40.disabled {
  color: #d9dde4;
}
.toolbarButton .toolbarButtonIcon_40.previewButton,
.toolbarButtonHover .toolbarButtonIcon_40.previewButton {
  color: #666666;
}
.toolbarButton .toolbarButtonIcon_32,
.toolbarButtonHover .toolbarButtonIcon_32 {
  font-size: 32;
  color: #539ed1;
  cursor: pointer;
}
.toolbarButton .toolbarButtonIcon_32.disabled,
.toolbarButtonHover .toolbarButtonIcon_32.disabled {
  color: #d9dde4;
}
.toolbarButton .toolbarButtonIcon_32.previewButton,
.toolbarButtonHover .toolbarButtonIcon_32.previewButton {
  color: #666666;
}
.toolbarButton .toolbarButtonIcon_24,
.toolbarButtonHover .toolbarButtonIcon_24 {
  font-size: 24;
  color: #539ed1;
  cursor: pointer;
}
.toolbarButton .toolbarButtonIcon_24.disabled,
.toolbarButtonHover .toolbarButtonIcon_24.disabled {
  color: #d9dde4;
}
.toolbarButton .toolbarButtonIcon_24.previewButton,
.toolbarButtonHover .toolbarButtonIcon_24.previewButton {
  color: #666666;
}
.toolbarButton .toolbarButtonIcon_16,
.toolbarButtonHover .toolbarButtonIcon_16 {
  font-size: 16;
  color: #539ed1;
  cursor: pointer;
}
.toolbarButton .toolbarButtonIcon_16.disabled,
.toolbarButtonHover .toolbarButtonIcon_16.disabled {
  color: #d9dde4;
}
.toolbarButton .toolbarButtonIcon_16.previewButton,
.toolbarButtonHover .toolbarButtonIcon_16.previewButton {
  color: #666666;
}
.toolbarButton .toolbarButtonIcon_8,
.toolbarButtonHover .toolbarButtonIcon_8 {
  font-size: 8;
  color: #539ed1;
  cursor: pointer;
}
.toolbarButton .toolbarButtonIcon_8.disabled,
.toolbarButtonHover .toolbarButtonIcon_8.disabled {
  color: #d9dde4;
}
.toolbarButton .toolbarButtonIcon_8.previewButton,
.toolbarButtonHover .toolbarButtonIcon_8.previewButton {
  color: #666666;
}
html .tundra .previewModeButton {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  padding: 6px;
  margin: 9px;
  border: 1px solid transparent;
  cursor: pointer;
  outline: none;
}
html .tundra .previewModeButton.toolbarButtonHover {
  border: 1px solid #d9dde4;
  background: #f2f4f5;
}
html .tundra .previewModeButton .toolbarButtonCaptionHorizontal {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  margin: 1px 0 0 6px;
}
/*.TabButton {
	border-bottom: 2px solid @Color_A3;
	border-right: 1px solid @Color_P2;
	text-align: center;
	font-size: 15px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: @Color_P3;
	color: @Color_T3;
	width: auto;
	display: inline-block;


	.igx-option-list-block {
		display: none;
	}
}*/

.TabButton:last-child {
  border-right: 0px;
}
.TabButton.TabSelected {
  background-color: white;
  border-bottom: 0px;
}
img.Round {
  border-radius: 50%;
}
html .splitToggleButton {
  padding: 2px 2px 3px 2px;
  background: #9da6b4;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  transition: background-color 0.3s ease-out;
}
html .splitToggleButton div.fa {
  color: white;
  font-weight: bold;
  font-size: 20px;
}
html .splitToggleButton:hover {
  background-color: #51678a;
  transition: background-color 0.3s ease-in;
}
html .tundra #assetMainLayoutContainer,
html .tundra #editFormTabContainer {
  background-color: #f2f4f5;
}
html .tundra #assetMainLayoutContainer .overflowTabList,
html .tundra #editFormTabContainer .overflowTabList {
  margin-left: 1px;
}
html .tundra .dojoTabContainer {
  background-color: transparent;
}
html .tundra .dojoTabContainer .dojoAlignClient {
  overflow: hidden;
}
html .tundra .dojoTabContainer .dojoAlignClient.permissionsBox {
  overflow-x: hidden;
  overflow-y: auto;
}
html .tundra .dojoTabContainer .dojoAlignClient.editFormContainer {
  overflow: auto;
  position: relative;
}
html .tundra .dojoTabContainer .dojoTabPaneWrapper {
  background: white;
  border: 0 !important;
  border-top: 1px solid #9da6b4 !important;
  padding: 0;
}
html .tundra .dojoTabContainer .dojoTab {
  height: 45px;
  border-bottom: 1px solid #9da6b4;
  border-right: 1px solid #9da6b4;
  color: #292b33;
  background-color: #d9dde4;
  text-align: center;
  font-size: 15px;
  background-image: none;
  box-sizing: border-box;
  padding: 10px 20px;
  user-select: none;
  transition: all 0.2s;
}
html .tundra .dojoTabContainer .dojoTab:first-of-type {
  border-left: 1px solid #9da6b4;
}
html .tundra .dojoTabContainer .dojoTab div {
  background-image: none;
  background-color: transparent;
  padding: 4px 10px;
}
html .tundra .dojoTabContainer .dojoTab div span {
  font-size: 14px;
}
html .tundra .dojoTabContainer .dojoTab div span:focus {
  outline: 0px;
}
html .tundra .dojoTabContainer .dojoTab.current,
html .tundra .dojoTabContainer .dojoTab:hover {
  background-color: white;
  color: #666666;
  border-bottom: 0px solid transparent;
}
html .tundra .dojoTabContainer .dojoTab.current div,
html .tundra .dojoTabContainer .dojoTab:hover div {
  border-bottom: 1px solid transparent;
}
html .tundra .dijitTabContainerTop-tabs {
  border-color: #9da6b4;
}
html .tundra .dijitTab {
  height: 35px;
  border: 1px solid #9da6b4;
  color: #292b33;
  background-color: #d9dde4;
  text-align: center;
  font-size: 14px;
  background-image: none;
  box-sizing: border-box;
  padding: 6px 14px;
  user-select: none;
  margin-right: 3px;
}
html .tundra .dijitTab div {
  outline: none;
}
html .tundra .dijitTab .dijitTabInnerDiv {
  padding: 0;
  margin: 0;
}
html .tundra .dijitTab.dijitTabChecked,
html .tundra .dijitTab:hover {
  background-color: white;
  color: #666666;
  border-bottom: 0px;
  transition: all 0.3s ease-in;
}
html .tundra .dijitTab span {
  outline: none;
}
html .tundra .dijitTab .tabButtonIcon {
  margin-right: 5px;
  font-size: 15px;
}
html .tundra .leftSideTitlePane,
html .tundra .leftSideToolbar {
  padding: 12px 10px;
  font-size: 18px;
  /*background-color: @Color_P10;*/
  text-align: left;
  border-bottom: 1px solid #9da6b4;
  color: #292b33;
}
html .tundra .utilPanel {
  background-color: #d9dde4 !important;
}
html .tundra .utilPanel .tabListItem {
  background-color: #d9dde4 !important;
}
html .tundra .utilPanel span .fa.checked-out {
  color: inherit;
}
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent .igx-tree-text.markedForPublish {
  font-weight: normal;
}
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent:hover .TreeLabel:not(.FFLabel)::after,
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent:hover .TaxonomyTreeLabel:not(.FFLabel)::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #edf0f2 !important;
  z-index: -1;
}
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent .TreeNodeAddHilite,
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent.igx-emphasized {
  color: #292b33;
  background-color: #edf0f2 !important;
}
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent .TreeNodeAddHilite::after,
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent.igx-emphasized::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  /*height: 100%;*/
  left: 0;
  background-color: #edf0f2 !important;
  z-index: -1;
  top: 0px;
  /*&:hover {
						background-color: lighten(@Color_A3, 25%);
					}*/

}
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent .TreeNodeEmphasized .TreeLabel:not(.FFLabel)::after,
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent .igx-emphasized .TreeLabel:not(.FFLabel)::after,
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent .TreeNodeEmphasized .TaxonomyTreeLabel:not(.FFLabel)::after,
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent .igx-emphasized .TaxonomyTreeLabel:not(.FFLabel)::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #edf0f2 !important;
  z-index: -1;
}
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent .TreeNodeEmphasized::after,
html .tundra .utilPanel .TreeContainer .TreeNode .TreeContent .igx-emphasized::after {
  background-color: #edf0f2 !important;
  left: auto;
  width: auto;
}
html .tundra .leftSideToolbar {
  font-size: 14px;
  height: 35px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left !important;
  padding: 10px;
  display: table;
  box-sizing: border-box;
  border-bottom: none;
}
html .tundra .leftSideToolbar.assetToolbar {
  padding: 0;
}
html .tundra .leftSideToolbar.assetToolbar .toolbarSection {
  padding: 10px;
}
html .tundra .leftSideToolbar .buttonsContainer,
html .tundra .leftSideToolbar .buttonsContainerRightAlign {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0px;
  margin: 0 10px 0 0;
  border: 0px;
}
html .tundra .leftSideToolbar .buttonsContainer {
  text-align: left !important;
}
html .tundra .leftSideToolbar .buttonsContainerRightAlign {
  text-align: right !important;
}
html .tundra .leftSideToolbar .rightAlignContainer {
  float: right;
  clear: right;
}
html .tundra .leftSideToolbar .rightAlignContainer.borderedLeft {
  border-left: 1px solid #9da6b4;
}
html .tundra .leftSideToolbar .pubTargetSelect {
  font-size: 14px;
  padding: 6px 10px !important;
}
html .tundra .leftSideToolbar .toolbarSection {
  display: table-cell;
  vertical-align: middle;
}
html .tundra .treeTitleBar .leftSideToolbar {
  border-bottom: 1px solid #9da6b4;
  width: 100%;
}
html .tundra .flatToolbarButton,
html .tundra .ngFlatToolbarButton,
html .tundra .flatToolbarCaptionButton {
  border: 1px solid #d9dde4;
  background: #f2f4f5;
  border-radius: 2px;
  height: 35px;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  outline: none;
  /*&.borderless {
		border: 0px solid transparent;
		background: transparent;

		&:hover {
			border: 0px solid transparent;
			color: @Color_T2;
			box-shadow: 0 0 0 0 transparent;
		}
	}*/

}
html .tundra .flatToolbarButton.disabled,
html .tundra .ngFlatToolbarButton.disabled,
html .tundra .flatToolbarCaptionButton.disabled {
  color: #d9dde4;
  cursor: not-allowed;
}
html .tundra .flatToolbarButton.disabled .fa,
html .tundra .ngFlatToolbarButton.disabled .fa,
html .tundra .flatToolbarCaptionButton.disabled .fa,
html .tundra .flatToolbarButton.disabled .igx-fa,
html .tundra .ngFlatToolbarButton.disabled .igx-fa,
html .tundra .flatToolbarCaptionButton.disabled .igx-fa {
  color: #d9dde4;
}
html .tundra .flatToolbarButton.current,
html .tundra .ngFlatToolbarButton.current,
html .tundra .flatToolbarCaptionButton.current,
html .tundra .flatToolbarButton:active,
html .tundra .ngFlatToolbarButton:active,
html .tundra .flatToolbarCaptionButton:active {
  background-color: #d9dde4;
  box-shadow: inset 0 1px 8px -2px #666666;
  border: 1px solid #9da6b4;
}
html .tundra .flatToolbarButton.current .buttonFront,
html .tundra .ngFlatToolbarButton.current .buttonFront,
html .tundra .flatToolbarCaptionButton.current .buttonFront,
html .tundra .flatToolbarButton:active .buttonFront,
html .tundra .ngFlatToolbarButton:active .buttonFront,
html .tundra .flatToolbarCaptionButton:active .buttonFront {
  background-color: #d9dde4;
}
html .tundra .flatToolbarButton.current:hover,
html .tundra .ngFlatToolbarButton.current:hover,
html .tundra .flatToolbarCaptionButton.current:hover,
html .tundra .flatToolbarButton:active:hover,
html .tundra .ngFlatToolbarButton:active:hover,
html .tundra .flatToolbarCaptionButton:active:hover {
  background-color: #d9dde4;
  box-shadow: inset 0 1px 8px -2px #666666;
  border: 1px solid #9da6b4;
}
html .tundra .flatToolbarButton:hover,
html .tundra .ngFlatToolbarButton:hover,
html .tundra .flatToolbarCaptionButton:hover {
  border: 1px solid #9da6b4;
  color: #292b33;
  box-shadow: 0 0 3px 0 #9da6b4;
}
html .tundra .flatToolbarButton.disabled:hover,
html .tundra .ngFlatToolbarButton.disabled:hover,
html .tundra .flatToolbarCaptionButton.disabled:hover {
  border: 1px solid #d9dde4;
  color: #d9dde4;
  cursor: not-allowed;
  box-shadow: none;
}
html .tundra .pubTargetSelect {
  border: 1px solid #d9dde4;
  background: #f2f4f5;
  border-radius: 2px;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  outline: none;
}
html .tundra .pubTargetSelect.disabled {
  color: #d9dde4;
  cursor: not-allowed;
}
html .tundra .pubTargetSelect.disabled .fa,
html .tundra .pubTargetSelect.disabled .igx-fa {
  color: #d9dde4;
}
html .tundra .pubTargetSelect.current {
  background-color: #d9dde4;
  box-shadow: inset 0 1px 8px -2px #666666;
  border: 1px solid #9da6b4;
}
html .tundra .pubTargetSelect.current:hover {
  background-color: #d9dde4;
  box-shadow: inset 0 1px 8px -2px #666666;
  border: 1px solid #9da6b4;
}
html .tundra .pubTargetSelect:hover {
  border: 1px solid #9da6b4;
  color: #292b33;
  box-shadow: 0 0 3px 0 #9da6b4;
}
html .tundra .pubTargetSelect.disabled:hover {
  border: 1px solid #d9dde4;
  color: #d9dde4;
  cursor: not-allowed;
  box-shadow: none;
}
html .tundra .flatToolbarButton,
html .tundra .ngFlatToolbarButton {
  padding: 6px 22px 0 16px;
  box-sizing: border-box;
}
html .tundra .flatToolbarButton .buttonBack,
html .tundra .ngFlatToolbarButton .buttonBack {
  font-size: 20px;
}
html .tundra .flatToolbarButton span.ABC,
html .tundra .ngFlatToolbarButton span.ABC {
  font-size: 10px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
}
html .tundra .flatToolbarButton.ngFlatToolbarMenuButton .buttonFront,
html .tundra .ngFlatToolbarButton.ngFlatToolbarMenuButton .buttonFront {
  margin-left: 15px;
  margin-top: 9px;
}
html .tundra .flatToolbarButton .buttonFront,
html .tundra .ngFlatToolbarButton .buttonFront {
  margin-left: 17px;
  background-color: #f2f4f5;
  border-radius: 50%;
  margin-top: 10px;
  font-size: 14px;
  width: 14px;
  height: 14px;
  box-sizing: content-box;
  vertical-align: top;
  line-height: 14px;
}
html .tundra .ngFlatToolbarButton {
  padding: 8px 8px 0 8px;
  position: relative;
}
html .tundra .ngFlatToolbarButton .buttonBack {
  font-size: 15px;
  margin: 0 2px 0 0;
}
html .tundra .ngFlatToolbarButton.iconOnly {
  padding: 6px 8px 0 8px;
}
html .tundra .ngFlatToolbarButton.iconOnly .buttonBack {
  font-size: 20px;
  margin: 0;
}
html .tundra .flatToolbarCaptionButton {
  padding: 10px 10px 0 10px;
  box-sizing: border-box;
  outline: none;
}
html .tundra .flatToolbarCaptionButton span:not(.fa) {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
}
html .tundra .flatToolbarCaptionButton.dropdownButton {
  padding: 0 0 0 10px;
  overflow: hidden;
}
html .tundra .flatToolbarCaptionButton.dropdownButton .buttonBack {
  font-size: 20px;
  vertical-align: middle;
}
html .tundra .flatToolbarCaptionButton.dropdownButton .arrowNode {
  padding: 10px 5px;
  transition: all 0.2s;
  border-left: 1px solid transparent;
}
html .tundra .flatToolbarCaptionButton.dropdownButton .arrowNode.separateArrow:hover {
  border-left: 1px solid #d9dde4;
}
html .tundra .flatToolbarCaptionButton.dropdownButton .arrowNode.separateArrow:active {
  background-color: #d9dde4;
}
html .tundra ng-component {
  display: block;
}
html .tundra .GlobalTabContainer {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row nowrap;
  /*split {
		height: auto !important;

		split-area {
			height: auto !important;
		}
	}*/

  /*.editFormFactoryRoot {
		background-color: @Color_P6;
		display: flex;
		flex-flow: column nowrap;

		.editFormContainer {
			flex: 1 1 auto;
			position: relative;
		}
	}*/

}
html .tundra .GlobalTabContainer .splitcontainer {
  position: relative;
}
html .tundra .GlobalTabContainer .splitcontainer split {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
html .tundra .GlobalTabContainer .LeftIconStrip {
  flex: 0 1 auto;
  background-color: #292b33;
  text-align: center;
  width: 60px !important;
  min-width: 60px !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html .tundra .GlobalTabContainer .LeftIconStrip .Icon {
  color: #53ace3;
  font-size: 28px;
  display: block;
  cursor: pointer;
  outline: none;
}
html .tundra .GlobalTabContainer .LeftIconStrip .IconUtil {
  color: #80a1b6 !important;
}
html .tundra .GlobalTabContainer .LeftIconStrip .Icon.current {
  color: #4fc236 !important;
}
html .tundra .GlobalTabContainer .LeftIconStrip utility-button {
  position: relative;
  display: block;
  box-sizing: border-box;
}
html .tundra .GlobalTabContainer .LeftIconStrip utility-button .pin {
  position: absolute;
  right: 8px;
  top: 0;
  color: #4fc236 !important;
  transform: rotate(90deg);
}
html .tundra .GlobalTabContainer .LeftIconStrip .utilitiesContainer {
  position: absolute;
  top: 0;
  left: -9999px;
}
html .tundra .GlobalTabContainer split-area .taxonomyTabListItem {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
html .tundra .GlobalTabContainer split-area .tabListItem {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
}
html .tundra .GlobalTabContainer split-area .tabListItem .leftSideTitlePane,
html .tundra .GlobalTabContainer split-area .tabListItem .titleTitlebar {
  flex: 0 1 auto;
}
html .tundra .GlobalTabContainer split-area .tabListItem .siteTreeContainer,
html .tundra .GlobalTabContainer split-area .tabListItem .assetTreeContainer,
html .tundra .GlobalTabContainer split-area .tabListItem .assignments-list,
html .tundra .GlobalTabContainer split-area .tabListItem .appsMenuContainer,
html .tundra .GlobalTabContainer split-area .tabListItem .siteSearch {
  flex: 1 1 auto;
}
html .tundra .GlobalTabContainer split-area .tabListItem .siteTreeContainer,
html .tundra .GlobalTabContainer split-area .tabListItem .assetTreeContainer {
  padding-right: 10px !important;
  display: flex;
}
html .tundra .GlobalTabContainer split-gutter {
  background-color: #51678a;
  border-left: 1px solid #314058;
  border-right: 1px solid #314058;
  width: 4px;
  background-image: none !important;
}
html .tundra .GlobalTabContainer .main {
  background-color: #fafafa;
  flex: 1 1 auto;
  border: 0px;
}
html .tundra .GlobalTabContainer .editableForm {
  background-color: #edf0f2;
}
html .tundra .GlobalTabContainer .ContentItemNavPane {
  padding: 10px 10px 10px 15px;
  border-bottom: 1px solid #9da6b4;
  height: 25px;
  box-sizing: border-box;
  background-color: white;
  display: table;
  width: 100%;
}
html .tundra .GlobalTabContainer .ContentItemNavPane .NameContainer {
  font-size: 18px;
  color: #292b33;
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
html .tundra .GlobalTabContainer .ContentItemNavPane .NameContainer .nameValue {
  max-width: 400px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
html .tundra .GlobalTabContainer .ContentItemNavPane .ArrowsContainer {
  width: 20px !important;
  display: table-cell;
  position: relative;
}
html .tundra .GlobalTabContainer .ContentItemNavPane .ArrowsContainer .NavArrow {
  cursor: pointer;
  margin: 4px 10px;
  font-size: 20px;
  color: #d9dde4;
}
html .tundra .GlobalTabContainer .ContentItemNavPane .ArrowsContainer .InfoButton {
  cursor: pointer;
  margin: 4px 10px 0 0;
  font-size: 20px;
  color: #abd6f1;
  transition: all 0.2s linear;
  outline: none;
}
html .tundra .GlobalTabContainer .ContentItemNavPane .ArrowsContainer .InfoButton:hover {
  color: #53ace3;
}
html .tundra .GlobalTabContainer .tabStrip {
  position: relative;
}
html .tundra .GlobalTabContainer .tabStrip .routingTabStrip {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  border-bottom: 1px solid #9da6b4;
  margin: 0;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: visible;
  display: block;
}
html .tundra .GlobalTabContainer .tabStrip .routingTabStrip .routeLinkTab {
  position: relative;
  display: inline-block;
  margin-bottom: -1px;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
  box-sizing: border-box;
}
html .tundra .GlobalTabContainer .tabStrip .routingTabStrip .routeLinkTab .routeLink {
  position: relative;
  display: block;
  padding: 12px 19px;
  line-height: 1.42857143;
  border: 1px solid #9da6b4;
  border-top: none;
  transition: all 0.6s;
  background-color: #d9dde4;
}
html .tundra .GlobalTabContainer .tabStrip .routingTabStrip .routeLinkTab .routeLink:first-of-type {
  border-left: none;
}
html .tundra .GlobalTabContainer .tabStrip .routingTabStrip .routeLinkTab .routeLink.active {
  background-color: white;
  border-bottom-color: transparent;
  border-top: none;
}
html .tundra .GlobalTabContainer .tabStrip .overflowMenuAnchor {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
  font-size: 24px;
  line-height: 30px;
  cursor: pointer;
  border-left: 1px solid #9da6b4;
  background-color: white;
}
html .tundra .GlobalTabContainer .tabStrip .overflowMenuAnchor span {
  margin: 10px;
}
html .tundra .GlobalTabContainer .mainContainer {
  display: flex;
  flex-flow: column nowrap;
  background-color: #f2f4f5;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
}
html .tundra .GlobalTabContainer .mainContainer > contentitem-navpane-wrapper {
  flex: 0 1 auto;
}
html .tundra .GlobalTabContainer .mainContainer > routing-tabs {
  flex: 0 1 auto;
}
html .tundra .GlobalTabContainer .mainContainer > router-outlet.siteContentContainer + ng-component,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.siteContentContainer + xml-preview,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.siteContentContainer + categorizer,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.siteContentContainer + content-properties,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.assetsContentContainer + ng-component,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.assetsContentContainer + asset-categorizer,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.assetsContentContainer + asset-file-editor,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.assetsContentContainer + content-properties {
  position: relative;
  flex: 1 1 auto;
}
html .tundra .GlobalTabContainer .mainContainer > router-outlet.siteContentContainer + ng-component .editFormFactoryRoot,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.siteContentContainer + xml-preview .editFormFactoryRoot,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.siteContentContainer + categorizer .editFormFactoryRoot,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.siteContentContainer + content-properties .editFormFactoryRoot,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.assetsContentContainer + ng-component .editFormFactoryRoot,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.assetsContentContainer + asset-categorizer .editFormFactoryRoot,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.assetsContentContainer + asset-file-editor .editFormFactoryRoot,
html .tundra .GlobalTabContainer .mainContainer > router-outlet.assetsContentContainer + content-properties .editFormFactoryRoot {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-flow: column nowrap;
}
html .tundra .GlobalTabContainer .editFormStructureContainer {
  position: absolute;
  overflow: hidden;
  width: 24px;
  height: 24px;
  transition: all ease-in 0.3s;
  left: 5px;
  top: 60px;
  opacity: 0.5;
}
html .tundra .GlobalTabContainer .editFormStructureContainer:hover {
  box-shadow: 0 0 3px 0;
  opacity: 1;
}
html .tundra .GlobalTabContainer .editFormStructureContainer .editFormStructureTitleBar {
  width: 100%;
  height: 24px;
}
html .tundra .GlobalTabContainer .editFormStructureContainer .editFormStructureTreeContainer {
  display: none;
}
html .tundra .GlobalTabContainer .folderView {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #edf0f2;
  overflow: hidden;
}
html .tundra .GlobalTabContainer .folderView .dropzoneContainer.assetFolderViewDropzone {
  margin-top: 0px;
  border-left: 0px;
}
html .tundra .GlobalTabContainer .folderView .gridView {
  padding: 15px;
}
html .tundra .GlobalTabContainer .folderView .gridView .userIcon {
  margin-right: 5px;
}
html .tundra .GlobalTabContainer .folderView .gridView div.gridIcon {
  height: 40px;
  width: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.2s;
}
html .tundra .GlobalTabContainer .folderView .gridView span.gridIcon {
  font-size: 2.5rem;
}
html .tundra .GlobalTabContainer .sidePanel {
  width: 295px !important;
  padding: 10px;
  border-left: 1px solid #9da6b4;
  border-right: 1px solid #9da6b4;
  background-color: white;
  overflow-y: auto;
}
html .tundra .GlobalTabContainer .sidePanel .fa.iconButton {
  font-size: 18px;
  color: #314058;
  cursor: pointer;
  opacity: 0.8;
  padding: 4px;
}
html .tundra .GlobalTabContainer .sidePanel .fa.iconButton:hover {
  opacity: 1;
}
html .tundra .GlobalTabContainer .sidePanel .fa.iconButton:active {
  color: white;
  background-color: #d9dde4;
}
html .tundra .GlobalTabContainer .sidePanel .filterPanel {
  border: 0px;
  margin: 10px;
}
html .tundra .GlobalTabContainer .sidePanel .filterPanel .filterInput {
  line-height: 24px;
  width: 215px;
  margin-right: 10px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
}
html .tundra .GlobalTabContainer .sidePanel .filterPanel .timesContainer {
  padding-left: 21px;
}
html .tundra .GlobalTabContainer .sidePanel .filterPanel .timesContainer input.dateInput {
  width: 140px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  margin: 0 0 10px 0;
}
html .tundra .GlobalTabContainer .sidePanel .filterPanel .titlePaneTitle {
  font-weight: bold;
  line-height: 30px;
  cursor: pointer;
}
html .tundra .GlobalTabContainer .sidePanel .filterPanel .titlePaneTitle .stateIndicator {
  float: right;
  clear: none;
  font-size: 20px;
}
html .tundra .GlobalTabContainer .sidePanel .filterPanel .titlePaneContent .row .materialInputContainer {
  display: block;
  line-height: 26px;
  margin: 4px;
}
html .tundra .GlobalTabContainer .toolbarContainer {
  padding: 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #9da6b4;
  background-color: white;
  /*height: 56px;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 0 auto;
}
html .tundra .GlobalTabContainer .toolbarContainer .buttonsContainer .sliderContainer {
  display: inline-table;
  padding-left: 10px;
}
html .tundra .GlobalTabContainer .toolbarContainer .buttonsContainer .sliderContainer .dijitRuleLabelsContainerH {
  display: none;
}
html .tundra .GlobalTabContainer .toolbarContainer .buttonsContainer .sliderContainer div.sliderItem {
  display: table-cell;
}
html .tundra .GlobalTabContainer .toolbarContainer .buttonsContainer .sliderContainer div.sliderLabel {
  padding-right: 10px;
}
html .tundra .GlobalTabContainer .toolbarContainer .buttonsContainer .sliderContainer .dijitSlider {
  display: table-cell;
  vertical-align: middle;
}
html .tundra .GlobalTabContainer asset-file-editor {
  display: flex;
  flex-flow: column nowrap;
}
html .tundra .GlobalTabContainer asset-file-editor .assetEditorContainer {
  flex: 1 1 auto;
  align-self: stretch;
  position: relative;
}
html .tundra .GlobalTabContainer asset-file-editor .assetEditorContainer asset-image-editor {
  display: flex;
  flex: 1 1 auto;
}
html .tundra .assetThumbnails {
  padding: 0 20px 20px 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
html .tundra .assetThumbnails.fileBrowserDialog {
  background-color: #f2f4f5;
  border: 1px solid #d9dde4;
  margin: 3px;
}
html .tundra .assetThumbnails.fileBrowserDialog .assetThumbnail {
  float: left;
  clear: none;
  margin: 20px 0 0 20px;
}
html .tundra .assetThumbnails.fileBrowserDialog .assetThumbnail.selected {
  border: 1px solid #92dc82;
  box-shadow: 0 0 0 2px #92dc82;
}
html .tundra .assetThumbnails .allowHilite:hover {
  background-color: #d9dde4;
}
html .tundra .assetThumbnails .assetThumbnailContainer {
  transition: height 0.5s;
  display: inline-block;
  clear: none;
  margin: 20px 0 0 20px;
  vertical-align: top;
}
html .tundra .assetThumbnails .assetThumbnailContainer.previewSelected .assetThumbnailSlideOut {
  border-top: 1px solid #d9dde4;
  border-bottom: 1px solid #d9dde4;
  transition: height 0.5s, opacity 0.2s;
  opacity: 1;
}
html .tundra .assetThumbnails .assetThumbnailContainer.previewSelected .assetThumbnail::after {
  top: auto;
  border: solid transparent;
  content: " ";
  height: 15px;
  width: 15px;
  position: absolute;
  pointer-events: none;
  background-color: white;
  border-right: 1px solid #d9dde4;
  border-top: 1px solid #d9dde4;
  transform: rotate(-45deg);
  transition: opacity 0.5s;
  /*border-bottom-color: @Color_P10;
				border-width: 15px;*/
  left: 50%;
  margin: 8px 0 0 -15px;
  z-index: 1;
  opacity: 1;
}
html .tundra .assetThumbnails .assetThumbnailContainer.selected .assetThumbnail {
  border: 1px solid #92dc82;
  box-shadow: 0 0 0 2px #92dc82;
}
html .tundra .assetThumbnails .assetThumbnail {
  background-color: #fafafa;
  cursor: pointer;
  -moz-transition: color 0.3s ease-in-out, border 0.2s, box-shadow 0.2s, background-color 0.2s;
  -webkit-transition: color 0.3s ease-in-out, border 0.2s, box-shadow 0.2s, background-color 0.2s;
  transition: color 0.3s ease-in-out, border 0.2s, box-shadow 0.2s, background-color 0.2s;
  position: relative;
}
html .tundra .assetThumbnails .assetThumbnail.unmanaged {
  opacity: 0.4;
}
html .tundra .assetThumbnails .assetThumbnail.allowHilite {
  border: 1px solid #d9dde4;
}
html .tundra .assetThumbnails .assetThumbnail .thumbnailLoadingMask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 2rem;
  text-align: center;
  z-index: 10;
  opacity: 0.7;
  background-color: white;
  display: flex;
  justify-content: center;
}
html .tundra .assetThumbnails .assetThumbnail .thumbnailLoadingMask .fa {
  flex: 0 1 auto;
  align-self: center;
  color: #539ed1;
}
html .tundra .assetThumbnails .assetThumbnail .thumbInfoContainer {
  height: 20px;
  padding: 6px 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html .tundra .assetThumbnails .assetThumbnail .thumbInfoContainer.sizeContainer {
  font-size: 13px;
  color: #6b7d98;
}
html .tundra .assetThumbnails .assetThumbnail .thumbnailContainer {
  text-align: center;
  margin: 10px;
}
html .tundra .assetThumbnails .assetThumbnail .thumbnailContainer img {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
}
html .tundra .assetThumbnails .assetThumbnail .thumbnailContainer .thumbnailImage {
  height: 100%;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
html .tundra .assetThumbnails .assetThumbnail .thumbnailContainer .thumbIcon {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  color: #fafafa;
}
html .tundra .assetThumbnails .assetThumbnail .thumbnailContainer .thumbIcon.folder {
  color: #6b7d98;
}
html .tundra .assetThumbnails .assetThumbnail .thumbnailContainer.glyphIcon {
  background-color: #d9dde4;
}
html .tundra .assetThumbnails .assetThumbnail .thumbnailContainer.glyphIcon.folderItem {
  background-color: white;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut {
  position: absolute;
  background: white;
  top: auto;
  left: 0;
  width: 100%;
  margin-top: 15px;
  text-align: left;
  overflow: hidden;
  transition: height 0.5s, opacity 0.2s;
  border: none;
  display: flex;
  flex-flow: column nowrap;
  height: 0;
  opacity: 0;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutHeader {
  width: 100%;
  padding: 20px;
  background-color: white;
  border-bottom: #d9dde4;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutHeader .slideOutTitle {
  font-size: 20px;
  color: #666666;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutHeader .slideOutEditLink {
  color: #539ed1;
  font-size: 18px;
  margin-left: 10px;
  cursor: pointer;
  transition: all 0.2s linear;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutHeader .slideOutEditLink:hover {
  text-shadow: 0 3px 6px #6b7d98;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutHeader .slideOutClose {
  background-image: none;
  color: #666666;
  font-size: 22px;
  cursor: pointer;
  float: right;
  padding: 0px;
  margin: 0px 40px 0px 0px;
  transition: all 0.2s linear;
  line-height: 1rem;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutHeader .slideOutClose:hover {
  text-shadow: 0 3px 6px #6b7d98;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutContent {
  display: flex;
  flex: 1 1 auto;
  flex-flow: row nowrap;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutContent .slideOutImagePreview {
  flex: 1 1 auto;
  border-top: 1px solid #d9dde4;
  background-color: #fafafa;
  width: 50%;
  position: relative;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutContent .slideOutImagePreview div {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutContent .slideOutAssetInfo {
  flex: 0 1 auto;
  padding: 20px;
  width: 50%;
  border-top: 1px solid #d9dde4;
  border-left: 1px solid #d9dde4;
  background-color: #fafafa;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutContent .slideOutAssetInfo .slideOutInfoRow {
  display: table-row;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutContent .slideOutAssetInfo .slideOutInfoRow .slideOutInfoCell {
  padding: 10px 10px 5px 10px;
  display: table-cell;
  color: #666666;
}
html .tundra .assetThumbnails .assetThumbnailSlideOut .slideOutContent .slideOutAssetInfo .slideOutEditItemButton {
  /*position: absolute;
					bottom: 20px;*/
  margin: 10px 10px 5px 10px;
  display: table-cell;
}
html .tundra .dojoDialog {
  border-radius: 4px;
  box-shadow: 0 0 8px 0 #51678a;
  background-color: #fafafa;
}
html .tundra .dojoDialog .flatToolbarButton {
  background-color: #edf0f2;
}
html .tundra .dojoDialog .title,
html .tundra .dojoDialog .message,
html .tundra .dojoDialog .footer {
  background-image: none;
  padding: 13px;
  box-sizing: border-box;
  border: 0px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
}
html .tundra .dojoDialog .title select,
html .tundra .dojoDialog .message select,
html .tundra .dojoDialog .footer select {
  outline: none;
  outline-offset: 0;
  border: 1px solid #d9dde4;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  border-radius: 4px;
  overflow: hidden;
  color: #666666;
  transition: all 0.2s;
}
html .tundra .dojoDialog .title select:not([readonly]):hover,
html .tundra .dojoDialog .message select:not([readonly]):hover,
html .tundra .dojoDialog .footer select:not([readonly]):hover {
  border: 1px solid #539ed1;
  box-shadow: inset 0 1px 3px #d9dde4, 1px 2px 4px #d9dde4;
}
html .tundra .dojoDialog .title select:not([readonly]):focus,
html .tundra .dojoDialog .message select:not([readonly]):focus,
html .tundra .dojoDialog .footer select:not([readonly]):focus {
  outline: 1px solid #53ace3;
  border: 1px solid #d9dde4;
}
html .tundra .dojoDialog .title .buttons,
html .tundra .dojoDialog .message .buttons,
html .tundra .dojoDialog .footer .buttons {
  font-size: 14px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  outline: none;
  clear: both;
  text-align: right;
  border: 0px;
  margin-top: 10px;
}
html .tundra .dojoDialog .message {
  box-sizing: content-box;
  padding-bottom: 0px;
}
html .tundra .dojoDialog .footer {
  padding: 0px;
  height: 13px;
  overflow: hidden;
}
html .tundra .dojoDialog .footer.noFooter {
  height: 0;
}
html .tundra .dojoDialog .title {
  height: 48px;
  background-color: #539ed1;
  color: #edf0f2;
  padding: 12px 0 0 12px;
  font-size: 16px;
  font-weight: normal;
  cursor: move;
  border: inherit;
}
html .tundra .dojoDialog .title .fa,
html .tundra .dojoDialog .title .igx-fa {
  color: #edf0f2;
}
html .tundra .dojoDialog .title.noHeader {
  display: none;
}
html .tundra .dojoDialog .title .dialogCloseButton {
  background-image: none;
  color: #edf0f2;
  font-size: 18px;
  cursor: pointer;
  float: right;
  padding: 0px;
  margin: 2px 12px 0 0;
  transition: all 0.1s linear;
}
html .tundra .dojoDialog .title .dialogCloseButton.dialogCloseButtonDisabled {
  color: #d9dde4;
  cursor: not-allowed;
}
html .tundra .dojoDialog .title .dialogCloseButton.dialogCloseButtonDisabled.dialogCloseButton:hover,
html .tundra .dojoDialog .title .dialogCloseButton.dialogCloseButtonDisabled.dialogCloseButtonDown {
  text-shadow: none;
}
html .tundra .dojoDialog .title .dialogCloseButton.dialogCloseButtonDisabled .dialogCloseButtonDown {
  color: #d9dde4;
}
html .tundra .dojoDialog .title .dialogCloseButtonOn,
html .tundra .dojoDialog .title .dialogCloseButtonDown {
  background-image: none;
}
html .tundra .dojoDialog .title .dialogCloseButton:hover,
html .tundra .dojoDialog .title .dialogCloseButtonDown {
  /*font-size: 22px;
			margin-left: -1px;
			margin-top: -1px;*/
  text-shadow: 0 3px 6px #292b33;
}
html .tundra .dojoDialog .title .dialogCloseButtonDown {
  color: #f2f4f5;
}
html .tundra .dojoDialog .title:active {
  cursor: grabbing;
}
html .tundra .dojoDialog .dojoTab {
  padding: 5px;
  height: 35px;
  border-top: 1px solid #9da6b4;
}
html .tundra .dojoDialog .dojoTabContainer .dojoTabPaneWrapper {
  border-right: 1px solid #9da6b4 !important;
  border-bottom: 1px solid #9da6b4 !important;
}
html .tundra .dojoDialog.selectUsersGroupsDialog .dojoTabLabels-top {
  border-left: 1px solid #9da6b4;
}
html .tundra .dojoDialog.selectUsersGroupsDialog .buttonsOverflowContainer {
  border-left: 1px solid #9da6b4;
}
html .tundra .dojoDialog.selectUsersGroupsDialog .sortListTitle {
  border-top: 0 !important;
}
html .tundra .dojoDialog.selectUsersGroupsDialog .dojoTabContainer .dojoTabPaneWrapper {
  border-right: 0 !important;
}
html .tundra .dojoDialog.ngDialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
  animation: dialogFadein 0.5s;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
}
html .tundra .dojoDialog.ngDialog .title {
  flex: 0 0 auto;
}
html .tundra .dojoDialog.ngDialog .dialogBody {
  flex: 1 1 auto;
  position: relative;
}
html .tundra .dojoDialog.ngDialog.moved {
  transform: none;
}
html .tundra .dojoDialog.ngDialog.resized .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
html .tundra .dojoDialog.ngDialog .col {
  display: inline-block;
  margin-right: 20px;
}
html .tundra .dojoDialog.ngDialog .label {
  display: inline-block;
  margin-right: 10px;
}
html .tundra .dojoDialog.ngDialog.dialogHidden {
  animation: dialogFadeOut 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
html .tundra .dojoDialog.ngDialog .buttons {
  flex: 0 0 auto;
  font-size: 14px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  outline: none;
  clear: both;
  text-align: right;
  border: 0px;
  margin-top: 10px;
}
html .tundra .dialogMovingDummy {
  background-color: #314058;
  cursor: move;
  position: absolute;
  z-index: 999;
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  opacity: 0.3 !important;
}
html .tundra .dialogUnderlay {
  background-color: #9da6b4 !important;
}
html .tundra .dialogUnderlay.dialogUnderlayNg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0.5;
  animation: dialogBackgroundFadein 0.5s;
}
html .tundra .dialogUnderlay.dialogUnderlayNg.dialogHidden2 {
  animation: dialogBackgroundFadeOut 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
@keyframes dialogFadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dialogBackgroundFadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes dialogFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes dialogBackgroundFadeOut {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}
html .tundra .selectionBox {
  clear: both;
  border: 1px solid #9da6b4;
  background-color: white;
  margin: 5px 0px 5px 0px;
  text-align: left;
  overflow: auto;
  -moz-user-select: none;
}
html .tundra .selectionBox .readOnly {
  background-color: buttonface;
}
html .tundra .selectionBox .selectionBoxItemIdle {
  background-color: Transparent;
  color: #292b33;
  padding: 4px;
  cursor: pointer;
  line-height: 15px;
}
html .tundra .selectionBox .selectionBoxItemSelected {
  background-color: #6b7d98;
  color: #fafafa;
  padding: 4px;
}
html .tundra .selectionBox .selectionBoxItemIdle.disabledChoices {
  color: #9da6b4;
  cursor: default;
}
.TreeContent {
  padding: 3px;
  color: #292b33;
  line-height: 20px;
  margin-left: 15px;
  z-index: 0;
}
.TreeContent.treeDndOnto {
  /*border: 3px double black !important;*/
  background-color: #a3e296 !important;
  /*.TreeLabel::after {
			content: "\00A0"; // non-breaking space
			position: absolute;
			width: 100%;
			left: 0;
			background-color: transparent;
			z-index: -1;
		}*/

}
.TreeContent.treeDndBefore {
  border-top: 3px double black !important;
  /*background-color: lighten(@Color_A3, 25%) !important;*/

}
.TreeContent.treeDndAfter {
  border-bottom: 3px double black !important;
  /*background-color: lighten(@Color_A3, 25%) !important;*/

}
.TreeContent:hover:not(.igx-emphasized):not(.treeDndOnto) .TreeLabel:not(.FFLabel)::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #fafafa;
  z-index: -1;
}
.TreeContent .TreeLabel {
  padding-left: 3px;
  padding-right: 1px;
  outline: none;
}
.TreeContent .TreeLabel span {
  outline: none;
}
.TreeContent .TreeLabel span .fa.checked-out,
.TreeContent .TreeLabel span .igx-fa.checked-out {
  color: #3f93cc;
}
.TreeContent .TreeLabel span .fa.unmanaged,
.TreeContent .TreeLabel span .igx-fa.unmanaged {
  opacity: 0.4;
}
.TreeContent.TreeNodePcrRoot {
  background-color: white;
  margin-right: 0px;
  border-radius: 3px;
  border: 1px solid #53ace3;
  /*.TreeLabel {

					&::after {
						content: "\00A0\00a0\00a0\00a0\00a0\00a0\00a0\00a0"; // non-breaking space
						position: absolute;
						height: 100%;
						right: 0;
						background-color: @Color_A2;
						z-index: -1;
					}
				}*/

}
.TreeContent.TreeNodePcrRootWithChildren {
  background-color: white;
  margin-right: 0px;
  border-radius: 3px;
  border: 1px solid #53ace3;
}
.TreeContent.TreeNodePcrRootWithChildren .TreeLabel::after {
  content: "\f0e8";
  position: absolute;
  height: 100%;
  right: 5px;
  /*background-color: @Color_A2;*/
  color: #53ace3;
  text-align: center;
  z-index: -1;
  font-size: 1rem;
  font-family: FontAwesome;
  line-height: 1.5rem;
}
.TreeContent.TreeNodePcrRootHasChildren {
  margin-right: 0px;
  border-radius: 3px;
  border: 1px solid #53ace3;
}
.TreeContent.TreeNodePcrRootHasChildren .TreeLabel::after {
  content: "\f01a";
  position: absolute;
  height: 100%;
  right: 5px;
  color: #53ace3;
  text-align: center;
  z-index: -1;
  font-size: 1rem;
  font-family: FontAwesome;
  line-height: 1.5rem;
}
.TreeContent .TreeNodeEmphasized,
.TreeContent.igx-emphasized {
  color: #292b33;
  background-color: transparent;
}
.TreeContent .TreeNodeEmphasized:hover:after,
.TreeContent.igx-emphasized:hover:after {
  background-color: #d9dde4;
}
.TreeContent .TreeNodeEmphasized::after,
.TreeContent.igx-emphasized::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  /*height: 100%;*/
  left: 0;
  background-color: #d9dde4;
  z-index: -1;
  /*&:hover {
						background-color: lighten(@Color_A3, 25%);
					}*/

}
.TreeContent .TreeNodeEmphasized .igx-tree-text,
.TreeContent.igx-emphasized .igx-tree-text {
  /*background-color: @Color_P8;*/
  padding: 1px 0 3px 0;
}
.TreeContent .TreeNodeAddHilite {
  color: #292b33;
  background-color: transparent;
}
.TreeContent .TreeNodeAddHilite:hover:after {
  background-color: #d9dde4;
}
.TreeContent .TreeNodeAddHilite::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  /*height: 100%;*/
  left: 0;
  background-color: #d9dde4;
  z-index: -1;
  /*&:hover {
						background-color: lighten(@Color_A3, 25%);
					}*/

}
.TreeContent .igx-tree-text {
  margin-left: 5px;
  color: #292b33;
  font-weight: normal;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
}
.TreeContent .igx-tree-text.unmanaged {
  opacity: 0.4;
}
.TreeContent .igx-tree-text.markedForPublish {
  font-weight: bold;
}
.TreeContainer {
  flex: 1 1 auto;
  outline: none;
}
.TreeContainer .fa,
.TreeContainer .igx-fa {
  font-size: 14px;
  font-weight: bold;
  color: #595959;
}
.TreeContainer .igx-tree-expand {
  cursor: pointer;
  padding-top: 2px;
}
.TreeContainer .igx-tree-expand .fa,
.TreeContainer .igx-tree-expand .igx-fa {
  font-size: 18px;
  font-weight: bold;
  color: #595959;
  width: 20px;
  height: 20px;
}
.TreeContainer .igx-tree-expand .fa-caret-right {
  transition: 0.2s all ease-out;
}
.TreeContainer .igx-tree-expand .fa-caret-right.expanded {
  transform: rotate(90deg);
  padding-top: 10px;
}
.TreeContainer .TreeIsRoot {
  padding-left: 10px;
}
.TreeContainer .TreeNode {
  /*padding-right: 5px;*/
  padding-top: 3px;
  background-image: none;
}
.TreeContainer .TreeNode .TreeExpand.expanded ~ .TreeNodePcrRootHasChildren {
  border: 0px;
}
.TreeContainer .TreeNode .TreeExpand.expanded ~ .TreeNodePcrRootHasChildren .TreeLabel::after {
  content: "\00A0";
  height: 0;
  color: transparent;
}
.TreeContainer .TreeNode .TreeContent.markedForPublish {
  font-weight: bold !important;
}
.TreeContainer .TreeNode .TreeContent.markedForPublish .igx-label-node {
  font-weight: bold;
}
.TreeContainer .TreeNode .TreeContent.markedForPublish .igx-label-node .igx-tree-text {
  font-weight: bold;
}
.TreeContainer .TreeNode .igx-tree-content {
  transition: 0.2s linear;
  /*&.igx-emphasized {
				margin-left: 15px;

				.TreeLabel {
					&:hover {
						&:after {
							background-color: @Color_P6;
						}
					}

					&::after {
						content: "\00A0"; // non-breaking space
						position: absolute;
						width: 100%;
						left: 0;
						background-color: @Color_P6;
						z-index: -1;
					}
				}
			}*/

}
.TreeContainer .TreeIsLast {
  background-image: none;
}
.TreeContainer .TreeExpandClosed .TreeExpand {
  background-image: none;
}
.TreeContainer .TreeExpandOpen .TreeExpand {
  background-image: none;
}
.TreeContainer .TreeExpandLeaf .TreeExpand {
  display: none;
  background-image: none;
}
.TreeContainer .treeNodeLocaleRootMark,
.TreeContainer .treeNodePubTargetRootMark,
.TreeContainer .treeNodeRegionRootParentMark {
  margin: 0 0 0 10px;
  vertical-align: top;
  font-size: 16px;
}
html .tundra .sendMail {
  width: 520px;
}
html .tundra .sendMail .body {
  font-family: inherit;
  font-size: inherit;
}
html .tundra .sendMail .mailSubject {
  width: 441px;
}
html .tundra .sendMail .mailBody {
  width: 493px;
  resize: vertical;
}
html .tundra .sendMail .addressBook {
  float: left;
  width: 200px;
  height: 150px;
}
html .tundra .sendMail .selectedField {
  width: 200px;
  height: 45px;
}
html .tundra .sendMail .addressBook .idle,
html .tundra .sendMail .selectedField .idle {
  padding: 2px 4px;
}
html .tundra .sendMail .addressBook .selected,
html .tundra .sendMail .selectedField .selected {
  padding: 2px 4px;
}
html .tundra .sendMail input.mailButton {
  padding: 2px 0px;
  margin: 15px 16px;
  width: 55px;
  vertical-align: top;
}
.markforPublishDialog {
  width: 700px;
}
html .tundra .markForPubTable,
html .tundra .listDisplay {
  border: 1px solid #9da6b4;
  border-collapse: collapse;
  background-color: white;
  margin-top: 4px;
}
html .tundra .markForPubTable th,
html .tundra .listDisplay th {
  padding: 5px 10px;
  color: #292b33;
  font-size: 14px !important;
}
html .tundra .markForPubTable td,
html .tundra .listDisplay td {
  padding: 10px;
  color: #666666;
  font-size: 14px !important;
}
html .tundra .markForPubTable td select,
html .tundra .listDisplay td select {
  width: 100%;
}
html .tundra .markForPubTable tr,
html .tundra .listDisplay tr {
  border-bottom: 1px solid #d9dde4;
}
html .tundra .markForPubTable tr.selected,
html .tundra .listDisplay tr.selected {
  transition: all 0.2s;
  background-color: #b5e7aa;
}
html .tundra .markForPubTable thead tr,
html .tundra .listDisplay thead tr {
  background-color: #f2f4f5;
}
html .tundra .markForPubTable tr.disabledPubTarget,
html .tundra .listDisplay tr.disabledPubTarget {
  background-color: #d9dde4;
}
html .tundra .slideout-search {
  display: inline-block;
}
html .tundra .slideout-search .search-input {
  width: 225px;
  padding: 8px;
  padding-bottom: 9px;
  padding-right: 35px;
  vertical-align: middle;
  left: 30px;
  position: relative;
}
html .tundra .slideout-search .search-input .collapsed-view {
  transition: all 0.5s;
}
html .tundra .slideout-search .search-input.input-shrink {
  width: 0px;
  padding-left: 0;
  padding-right: 0;
  border: 1px solid transparent;
  outline: none;
}
html .tundra .slideout-search .search-input.input-shrink:hover {
  border: 1px solid transparent;
  box-shadow: none;
}
html .tundra .slideout-search .search-input.input-shrink:focus {
  border: 1px solid transparent;
  outline: none;
  box-shadow: none;
}
html .tundra .slideout-search .search-input:hover {
  box-shadow: none;
}
html .tundra .slideout-search .ngFlatToolbarButton.expanded {
  border-radius: 0 2px 2px 0;
}
html .tundra .assignments-list .assignments-topbar {
  padding: 10px;
}
html .tundra .assignments-list .assignments-topbar label {
  padding-right: 10px;
}
html .tundra .assignments-list .assignments-tooltip-handle {
  cursor: pointer;
}
html .tundra .assignments-list .assignments-tooltip-handle span {
  display: none;
}
html .tundra .assignments-list .assignment-list-grid .listDisplay td,
html .tundra .assignments-list .assignment-list-grid .listDisplay th {
  border-right: 1px solid #d9dde4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html .tundra .assignments-list .assignment-list-grid .listDisplay .dojoxGridMasterHeader .dojoxGridHeader {
  border-top: 1px solid #9da6b4;
  border-bottom: 1px solid #9da6b4;
}
html .tundra .assignments-list .assignment-list-grid .listDisplay .dojoxGridMasterHeader .dojoxGridHeader .dojoxGridCell {
  background-color: #edf0f2;
  border: 1px solid transparent;
  border-right: 1px solid #9da6b4;
  border-bottom: none;
  transition: background-color 0.2s;
}
html .tundra .assignments-list .assignment-list-grid .listDisplay .dojoxGridMasterHeader .dojoxGridHeader .dojoxGridCell:hover {
  background-color: #f2f4f5;
  border: 1px solid transparent;
  border-right: 1px solid #9da6b4;
  border-bottom: none;
}
html .tundra .assignments-list .assignment-list-grid .listDisplay .dojoxGridRow:nth-child(even) {
  background-color: #fafafa;
}
html .tundra .assignments-list .assignment-list-grid .listDisplay .dojoxGridRow:nth-child(odd) {
  background-color: white;
}
html .tundra .assignments-settings-dialog .message .data {
  padding: 10px;
}
html .tundra .assignments-settings-dialog .message .data select {
  width: 160px;
  margin-right: 40px;
}
.listDisplay {
  width: 100% !important;
  left: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.listDisplay .disabledCell {
  background-color: #edf0f2;
}
.confirmDialog {
  min-width: 460px;
  max-width: 800px;
}
.confirmDialog .mainMessage {
  font-size: 1.4em;
  padding-bottom: 10px;
}
.confirmDialog .questionMark {
  padding: 0 15px 5px 5px;
  font-size: 38px;
  float: left;
  color: #53ace3;
}
.pagePropertiesDialog {
  width: 790px;
}
.pagePropertiesDialog fieldset {
  padding: 5px;
  margin: 0 5px 0 5px;
  border: 1px solid #9da6b4;
}
.pagePropertiesDialog fieldset legend {
  margin: 3px;
}
.pagePropertiesDialog fieldset .noItemsMessage {
  line-height: 30px;
  margin-left: 20px;
}
.pagePropertiesDialog .dojoTabPane {
  border-left: 1px solid #9da6b4 !important;
}
.pagePropertiesDialogDE {
  width: 840px;
}
.pagePropertiesDialogFR {
  width: 830px;
}
.pagePropertiesDialogES {
  width: 845px;
}
html .TaxonomyTreeLabel {
  text-align: center;
  line-height: 19px;
  padding-left: 2px;
  padding-right: 2px;
  cursor: pointer;
  white-space: nowrap;
  outline: none !important;
}
html .TaxonomyTreeLabelDisabled {
  padding-right: 20px;
  background-image: url(../images/icons/confirm.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
.categoryPicker .TreeContainer .TreeNode .TreeContent:hover:not(.igx-emphasized) .TreeLabel:not(FFLabel)::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #fafdfa;
  z-index: -1;
}
.categoryPicker .TreeContainer .TreeNode .TreeContent .TreeNodeEmphasized {
  background-color: transparent;
  color: #fafafa;
}
.categoryPicker .TreeContainer .TreeNode .TreeContent .TreeNodeEmphasized::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #92dc82;
  z-index: -1;
}
.categoryPicker .TreeContainer .TreeNode .TreeContent .TreeNodeEmphasized::after:hover {
  background-color: #a3e296;
}
.loginDialog {
  width: 400px;
}
.loginDialog label {
  float: left;
  clear: left;
  width: 90px;
  margin-top: 5px;
}
.loginDialog .userInput {
  float: left;
  width: 180px;
  margin-top: 4px;
}
/* Image Resizers Styles */

div.imgProcButtonsContainer {
  position: absolute;
  border: 0px;
  padding: 0px;
  margin: 0 0 4px 0;
  z-index: 400010;
  font-size: 22px;
}
div.imgProcButtonsContainer .imgProcConfirmButton {
  cursor: pointer;
  margin-right: 6px;
  color: #4fc236;
}
div.imgProcButtonsContainer .imgProcCancelButton {
  cursor: pointer;
  color: #9da6b4;
}
.paginationContainer .fa {
  color: #539ed1;
}
div.sizesContainer {
  position: absolute;
  left: 5px;
  top: 5px;
  color: black;
  background: white;
  padding: 3px;
  width: 100px;
}
.elementProperties {
  width: 540px;
}
.elementProperties .subtitle {
  font-size: 13px;
  position: relative;
  top: -4px;
}
.elementProperties .spanName {
  float: left;
  color: #292b33;
  width: 100px;
  overflow: hidden;
  border-right: 1px solid buttonshadow;
}
.elementProperties .spanValue {
  display: block;
  color: windowtext;
  overflow: hidden;
  border: 0px;
}
.elementProperties .selValue {
  height: 100%;
  color: #292b33;
  width: 172px;
  overflow: hidden;
  border: 0px;
  position: relative;
  left: -4px;
}
.elementProperties .rowDiv {
  background: window;
  border: 1px solid buttonshadow;
  overflow: hidden;
}
.elementProperties .tableTitle {
  margin: 5px 0px;
}
.elementProperties textarea {
  border-radius: 0;
}
.elementProperties textarea:disabled:hover,
.elementProperties textarea:disabled:focus {
  border: none;
  box-shadow: 0;
  outline: none;
}
.elementProperties textarea.value {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 13px;
  width: 100%;
  border: 0px;
}
.elementProperties .spanHighlight {
  background: highlight;
  color: highlighttext;
}
.elementProperties .spanHighlight textarea.value {
  background: highlight;
  color: highlighttext;
}
.managePresentationsDialog {
  width: 640px;
}
.managePresentationsDialog .pubTgtSelected {
  color: #4fc236;
  font-size: 18px;
}
.managePresentationsDialog .toDelete {
  color: #539ed1;
  font-size: 20px;
}
.siteStatusDialog {
  width: 425px;
}
.siteStatusDialog .description {
  margin-bottom: 4px;
}
.siteStatusDialog .messages {
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #9da6b4;
}
.siteStatusDialog .messages .entry {
  padding-left: 24px;
  margin-bottom: 5px;
}
.editFormFieldDialog {
  width: 834px;
}
.editFormFieldDialog .editFormFieldContainer {
  overflow: auto;
  height: 400px;
}
.ImageProcessingDialog {
  width: 834px;
}
html .tundra .ADImport {
  width: 834px;
}
html .tundra .ADImport .message {
  font: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math" !important;
  font-size: 14px !important;
}
html .tundra .ADImport input .loginInput {
  border: 1px solid #9da6b4;
}
html .tundra .ADImport .advancedFormContainer {
  padding: 5px;
  border: 1px solid #9da6b4;
}
html .tundra .ADImport .groupContainer {
  margin: 5px;
}
html .tundra .dojoDialog.newAsset textarea.assetInput {
  width: 374px;
  height: 248px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  resize: none;
  font-family: Courier New, Courier, monospace;
  font-size: 1rem;
}
html .tundra .dojoDialog.newAsset .inputTypeContainer {
  margin-bottom: 5px;
}
html .tundra .dojoDialog.newAsset .inputTypeContainer label {
  margin: 0 5px 0 2px;
}
html .tundra .dojoDialog.newAsset .dropzoneContainer {
  margin-top: 0;
}
html .tundra .selectPublishingProfileDialog {
  width: 834px;
}
html .tundra .selectPublishingProfileDialog .commentsContainer {
  margin: 10px 0 0 0;
}
html .tundra .selectPublishingProfileDialog .commentsContainer .commentsInput {
  margin: 5px 0 0 0;
  width: 100%;
  height: 50px;
  border: 1px solid #d9dde4;
  resize: none;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 1rem;
}
html .tundra .dojoDialog.contentUnitPreviewDialog {
  overflow: hidden !important;
}
html .tundra .dojoDialog.contentUnitPreviewDialog .viewFrame {
  height: 100%;
  width: 100%;
  border: 0;
  background-color: white;
}
html .tundra .dojoDialog.contentUnitPreviewDialog .viewFrame.xmlFrame {
  border: 1px solid #9da6b4 !important;
}
html .tundra .dojoDialog.contentUnitPreviewDialog .viewFrame.xmlFrame body {
  margin: 0px;
}
html .tundra .dojoDialog.contentUnitPreviewDialog .codeTab {
  padding-top: 10px !important;
}
html .tundra .dojoDialog.contentUnitPreviewDialog .igxSplitContainerSizerH {
  background-color: transparent;
}
html .tundra .dojoDialog.contentUnitPreviewDialog .instructions {
  margin-bottom: 10px;
}
html .tundra .dojoDialog.contentUnitPreviewDialog .leftSideToolbar {
  margin: 10px 0 0 0;
  border-top: 1px solid #9da6b4;
}
html .tundra .dojoDialog.assetViewVersions .instructionsNode {
  margin-bottom: 10px;
}
html .tundra .dojoxGrid {
  border: 1px solid #d9dde4;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
html .tundra .dojoxGrid .dojoxGridRow,
html .tundra .dojoxGrid .dojoxGridRowOdd {
  background-color: white;
  border-bottom: 1px solid #d9dde4;
}
html .tundra .dojoxGrid .dojoxGridRowOver {
  background-color: #f2f4f5;
}
html .tundra .dojoxGrid .dojoxGridRowOver .dojoxGridCell {
  background-color: #f2f4f5;
  color: #292b33;
}
html .tundra .dojoxGrid .dojoxGridRowSelected {
  background-color: #cde8c7 !important;
}
html .tundra .dojoxGrid .dojoxGridRowSelected .dojoxGridCell {
  background-color: #cde8c7 !important;
  color: #292b33;
}
html .tundra .dojoxGrid .dojoxGridCell {
  border: 1px solid transparent;
  border-bottom: 3px solid transparent;
  padding: 10px 5px 10px 5px;
  outline: none;
}
html .tundra .dojoxGrid .dojoxGridCell .unmanaged {
  opacity: 0.4;
}
html .tundra .dojoxGrid .dojoxGridMasterHeader {
  background-color: #fafafa;
  border-bottom: 1px solid #d9dde4;
}
html .tundra .dojoxGrid .dojoxGridMasterHeader .dojoxGridHeader {
  background-color: #fafafa;
}
html .tundra .dojoxGrid .dojoxGridMasterHeader .dojoxGridHeader .dojoxGridCell {
  border: 0;
  font-weight: normal;
  background-image: none;
  background-color: #fafafa;
  border: 1px solid transparent;
  border-bottom: 3px solid transparent;
}
html .tundra .dojoxGrid .dojoxGridMasterHeader .dojoxGridHeader .dojoxGridCell:hover {
  border-bottom: 3px solid #d9dde4;
  border-right: 1px solid #d9dde4;
  border-left: 1px solid #d9dde4;
}
html .pageprops_contentcolumn1 textarea.basic {
  padding: 10px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  border: solid 1px #d9dde4;
  border-radius: 2px;
  font-size: 16px;
}
html .tundra .gridDisabled .dojoxGridRow {
  background-color: #edf0f2;
}
html .tundra .gridDisabled .dojoxGridRowOdd {
  background-color: #d9dde4;
}
html .tundra .gridDisabled .dojoxGridScrollbox {
  background-color: #edf0f2;
}
html .tundra .gridDisabled .dojoxGridRowSelected {
  background-color: #9da6b4;
}
/* -------------------------------------------------------------------------------------------------------
 Dropzone overrides
 --------------------------------------------------------------------------------------------------------*/

html .tundra .conflictButton {
  color: #fed130;
  font-size: 28px;
}
html .tundra .conflictButton.conflictResolved {
  color: #4fc236;
}
html .tundra .dropzoneContainer {
  border: 1px solid #9da6b4;
  background-color: white;
  margin-top: 20px;
  padding: 13px;
}
html .tundra .dropzoneContainer .dropzone {
  box-sizing: border-box;
  min-height: 300px;
  border: 8px dotted #d9dde4;
  background: white;
  padding: 18px;
  overflow-wrap: normal;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 18px;
  position: relative;
}
html .tundra .dropzoneContainer .dropzone .dz-message {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  color: #6b7d98;
  margin: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
html .tundra .dropzoneContainer .dropzone .dz-message .dragMsg {
  font-weight: 200;
  font-size: 2.525rem;
  line-height: 3rem;
}
html .tundra .dropzoneContainer .dropzone .dz-message .browseMsg {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25rem;
}
html .tundra .dropzoneContainer .dropzone .dz-message .dz-upload-icon {
  display: block;
  font-size: 10rem;
  color: #539ed1 !important;
  line-height: 0.7;
}
html .tundra .dropzoneContainer .dropzone .dz-message .dz-upload-icon:before {
  cursor: pointer;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-glyph-icon {
  font-size: 6rem;
  padding: 1.3rem;
  color: white;
  background-color: #d9dde4;
  transition: all 0.5s ease;
  width: 100%;
  text-align: center;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-image {
  border-radius: 5px;
  background-image: none;
  background-color: transparent;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-image:hover {
  transform: scale(1.1, 1.1);
  -webkit-filter: none;
  filter: none;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-image img {
  transition: all 0.5s ease;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-image img:hover {
  transform: scale(1.1, 1.1);
  -webkit-filter: none !important;
  filter: none !important;
}
html .tundra .dropzoneContainer .dropzone .dz-preview:hover .dz-glyph-icon {
  font-size: 6.3rem;
  padding: 1.2rem;
}
html .tundra .dropzoneContainer .dropzone .dz-preview:hover .dz-image img {
  transition: all 0.5s ease;
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-filter: none !important;
  filter: none !important;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  border: none;
  opacity: 0.5;
  display: block;
  right: -0.9rem;
  position: absolute;
  width: 2.286rem;
  top: -0.9rem;
  height: 2.286rem;
  z-index: 1000;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #292b33;
  font: normal normal normal 2rem/1 FontAwesome;
  text-decoration: none;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-remove:before {
  content: "\f057";
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-remove:hover {
  text-decoration: none;
  opacity: 1;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-progress {
  opacity: 0;
  /*hide progress bar by default until start*/

}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-details {
  opacity: 1;
  padding: 0px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 13px;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-details .dz-filename {
  margin-top: 0px;
  opacity: 1;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-details .dz-filename:hover {
  border: 0px;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-details .dz-size {
  margin-top: 97px;
  text-align: left;
  opacity: 0;
  margin-left: 5px;
  margin-bottom: 4px;
  font-size: 13px;
  transition: all 0.5s ease;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-details .dz-size span {
  background-color: #eceff4;
  border-radius: 2px;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-success-mark {
  z-index: 1001;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-error-mark svg {
  padding: 3px;
}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-namingConflict {
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 100;
  text-shadow: 0 0 5px black;
  /*-webkit-text-stroke: 1px black;*/

}
html .tundra .dropzoneContainer .dropzone .dz-preview .dz-schemaChoice {
  cursor: pointer;
  position: absolute;
  z-index: 1000;
  left: 10px;
  top: 40px;
  text-shadow: 0 0 5px black;
  /*-webkit-text-stroke: 1px black;*/

}
html .tundra .dropzoneContainer .dropzone .dz-preview:hover .dz-remove {
  opacity: 0.8;
}
html .tundra .dropzoneContainer .dropzone .dz-preview:hover .dz-details .dz-size {
  opacity: 0.7;
}
html .tundra .dropzoneContainer .unzipProgressContainer .statusContainer {
  margin: 5px 0 5px 0;
}
html .tundra .dropzoneContainer .unzipProgressContainer .unzipProgress {
  width: 100%;
}
html .tundra .dropzoneContainer .unzipProgressContainer .unzipProgress .unzipProgressFill {
  transition: all 0.3s;
  height: 6px;
  border-radius: 3px;
  background-color: #539ed1;
  width: 0;
}
html .tundra .dropzoneContainer .buttonsContainer {
  text-align: right;
  margin-top: 10px;
  height: auto;
  padding: 0px;
}
html .tundra .dropzoneContainer .buttonsContainer label {
  display: inline-block;
  margin-right: 20px;
}
/* -------------------------------------------------------------------------------------------------------
 IGX Context menu and toolbar combo button pop up menu styling overrides
 -------------------------------------------------------------------------------------------------------*/

html .igx-context-menu-wrapper {
  position: relative;
  height: 0;
  width: 0;
  z-index: 1000;
}
html .igx-context-menu-wrapper .igx-context-menu {
  min-width: 10rem;
}
html .igx-context-menu-wrapper .igx-context-menu .igx-context-list {
  max-height: 7.2rem;
  overflow: auto;
}
html .igx-context-menu-wrapper .igx-context-menu .igx-context-option {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html .igx-popup-menu {
  max-height: 400px;
  overflow: auto;
}
html .dojoPopupMenu2,
.igx-context-menu,
.igx-popup-menu {
  position: absolute;
  background-color: white !important;
  background-image: none !important;
  padding: 4px;
  margin-top: 1px;
  margin-bottom: 1px;
  border: 0px;
  border-radius: 2px;
  box-shadow: 0 2px 6px #9da6b4;
  z-index: 100;
}
html .dojoPopupMenu2.igx-popup-arrow-left:before,
.igx-context-menu.igx-popup-arrow-left:before,
.igx-popup-menu.igx-popup-arrow-left:before,
html .dojoPopupMenu2.igx-popup-arrow-right:before,
.igx-context-menu.igx-popup-arrow-right:before,
.igx-popup-menu.igx-popup-arrow-right:before {
  border: none;
  content: "";
  height: 0;
  position: absolute;
  top: -6px;
  width: 0;
  border-bottom: 8px solid white;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
html .dojoPopupMenu2.igx-popup-arrow-left:before,
.igx-context-menu.igx-popup-arrow-left:before,
.igx-popup-menu.igx-popup-arrow-left:before {
  left: 4px;
}
html .dojoPopupMenu2.igx-popup-arrow-right:before,
.igx-context-menu.igx-popup-arrow-right:before,
.igx-popup-menu.igx-popup-arrow-right:before {
  right: 4px;
}
html .dojoPopupMenu2 .dojoMenuSeparator2Top,
.igx-context-menu .dojoMenuSeparator2Top,
.igx-popup-menu .dojoMenuSeparator2Top {
  height: 50%;
  border-bottom: 1px solid #edf0f2;
  margin: 0px 2px;
  font-size: 1px;
  padding-top: 2px;
}
html .dojoPopupMenu2 .dojoMenuSeparator2Bottom,
.igx-context-menu .dojoMenuSeparator2Bottom,
.igx-popup-menu .dojoMenuSeparator2Bottom {
  height: 50%;
  border-top: 1px solid white;
  margin: 0px 2px;
  font-size: 1px;
  padding-bottom: 2px;
}
html .dojoPopupMenu2 .igx-context-separator,
.igx-context-menu .igx-context-separator,
.igx-popup-menu .igx-context-separator {
  box-sizing: border-box;
  height: 1rem;
  margin-top: 0.3rem;
  border-top: 0.2rem solid #edf0f2;
}
html .dojoPopupMenu2 .dojoMenuItem2,
.igx-context-menu .dojoMenuItem2,
.igx-popup-menu .dojoMenuItem2,
html .dojoPopupMenu2 .igx-context-option,
.igx-context-menu .igx-context-option,
.igx-popup-menu .igx-context-option,
html .dojoPopupMenu2 .igx-menu-item,
.igx-context-menu .igx-menu-item,
.igx-popup-menu .igx-menu-item {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 1rem;
  white-space: nowrap;
  line-height: 1.8;
  color: #666666;
  margin: 0;
  cursor: pointer;
  position: relative;
}
html .dojoPopupMenu2 .dojoMenuItem2.disabled,
.igx-context-menu .dojoMenuItem2.disabled,
.igx-popup-menu .dojoMenuItem2.disabled,
html .dojoPopupMenu2 .igx-context-option.disabled,
.igx-context-menu .igx-context-option.disabled,
.igx-popup-menu .igx-context-option.disabled,
html .dojoPopupMenu2 .igx-menu-item.disabled,
.igx-context-menu .igx-menu-item.disabled,
.igx-popup-menu .igx-menu-item.disabled {
  color: #d9dde4;
  cursor: pointer !important;
  background-color: inherit !important;
}
html .dojoPopupMenu2 .dojoMenuItem2.disabled:hover,
.igx-context-menu .dojoMenuItem2.disabled:hover,
.igx-popup-menu .dojoMenuItem2.disabled:hover,
html .dojoPopupMenu2 .igx-context-option.disabled:hover,
.igx-context-menu .igx-context-option.disabled:hover,
.igx-popup-menu .igx-context-option.disabled:hover,
html .dojoPopupMenu2 .igx-menu-item.disabled:hover,
.igx-context-menu .igx-menu-item.disabled:hover,
.igx-popup-menu .igx-menu-item.disabled:hover {
  background-color: inherit;
}
html .dojoPopupMenu2 .dojoMenuItem2.disabled:active,
.igx-context-menu .dojoMenuItem2.disabled:active,
.igx-popup-menu .dojoMenuItem2.disabled:active,
html .dojoPopupMenu2 .igx-context-option.disabled:active,
.igx-context-menu .igx-context-option.disabled:active,
.igx-popup-menu .igx-context-option.disabled:active,
html .dojoPopupMenu2 .igx-menu-item.disabled:active,
.igx-context-menu .igx-menu-item.disabled:active,
.igx-popup-menu .igx-menu-item.disabled:active {
  color: inherit;
  background-color: inherit;
}
html .dojoPopupMenu2 .dojoMenuItem2 .igx-menu-item-icon,
.igx-context-menu .dojoMenuItem2 .igx-menu-item-icon,
.igx-popup-menu .dojoMenuItem2 .igx-menu-item-icon,
html .dojoPopupMenu2 .igx-context-option .igx-menu-item-icon,
.igx-context-menu .igx-context-option .igx-menu-item-icon,
.igx-popup-menu .igx-context-option .igx-menu-item-icon,
html .dojoPopupMenu2 .igx-menu-item .igx-menu-item-icon,
.igx-context-menu .igx-menu-item .igx-menu-item-icon,
.igx-popup-menu .igx-menu-item .igx-menu-item-icon {
  width: 20px;
  text-align: center;
  /*background-position: center;
			background-repeat: no-repeat;*/

}
html .dojoPopupMenu2 .dojoMenuItem2 .igx-menu-item-label,
.igx-context-menu .dojoMenuItem2 .igx-menu-item-label,
.igx-popup-menu .dojoMenuItem2 .igx-menu-item-label,
html .dojoPopupMenu2 .igx-context-option .igx-menu-item-label,
.igx-context-menu .igx-context-option .igx-menu-item-label,
.igx-popup-menu .igx-context-option .igx-menu-item-label,
html .dojoPopupMenu2 .igx-menu-item .igx-menu-item-label,
.igx-context-menu .igx-menu-item .igx-menu-item-label,
.igx-popup-menu .igx-menu-item .igx-menu-item-label {
  padding: 0 7px;
}
html .dojoPopupMenu2 .dojoMenuItem2 .igx-menu-item-sub,
.igx-context-menu .dojoMenuItem2 .igx-menu-item-sub,
.igx-popup-menu .dojoMenuItem2 .igx-menu-item-sub,
html .dojoPopupMenu2 .igx-context-option .igx-menu-item-sub,
.igx-context-menu .igx-context-option .igx-menu-item-sub,
.igx-popup-menu .igx-context-option .igx-menu-item-sub,
html .dojoPopupMenu2 .igx-menu-item .igx-menu-item-sub,
.igx-context-menu .igx-menu-item .igx-menu-item-sub,
.igx-popup-menu .igx-menu-item .igx-menu-item-sub {
  line-height: 1.8;
  float: right;
}
html .dojoPopupMenu2 .menuItemSelected,
.igx-context-menu .menuItemSelected,
.igx-popup-menu .menuItemSelected,
html .dojoPopupMenu2 .igx-context-option:active,
.igx-context-menu .igx-context-option:active,
.igx-popup-menu .igx-context-option:active,
html .dojoPopupMenu2 .igx-menu-item:active,
.igx-context-menu .igx-menu-item:active,
.igx-popup-menu .igx-menu-item:active {
  background-color: #d9dde4;
  color: #292b33;
}
html .dojoPopupMenu2 .dojoMenuItem2Label,
.igx-context-menu .dojoMenuItem2Label,
.igx-popup-menu .dojoMenuItem2Label {
  position: relative;
  vertical-align: middle;
  outline: none;
}
html .dojoPopupMenu2 .dojoMenuItem2Disabled .dojoMenuItem2Label,
.igx-context-menu .dojoMenuItem2Disabled .dojoMenuItem2Label,
.igx-popup-menu .dojoMenuItem2Disabled .dojoMenuItem2Label,
html .dojoPopupMenu2 .dojoMenuItem2Disabled .dojoMenuItem2Accel,
.igx-context-menu .dojoMenuItem2Disabled .dojoMenuItem2Accel,
.igx-popup-menu .dojoMenuItem2Disabled .dojoMenuItem2Accel {
  color: #9da6b4;
}
html .dojoPopupMenu2 .dojoMenuItem2Hover,
.igx-context-menu .dojoMenuItem2Hover,
.igx-popup-menu .dojoMenuItem2Hover,
html .dojoPopupMenu2 .igx-context-option:hover,
.igx-context-menu .igx-context-option:hover,
.igx-popup-menu .igx-context-option:hover,
html .dojoPopupMenu2 .igx-menu-item:hover,
.igx-context-menu .igx-menu-item:hover,
.igx-popup-menu .igx-menu-item:hover,
html .dojoPopupMenu2 .igx-menu-item.selected,
.igx-context-menu .igx-menu-item.selected,
.igx-popup-menu .igx-menu-item.selected {
  background-color: #edf0f2;
}
html .dojoPopupMenu2 .igxMenuItemIcon,
.igx-context-menu .igxMenuItemIcon,
.igx-popup-menu .igxMenuItemIcon,
html .dojoPopupMenu2 .igx-menu-item-icon,
.igx-context-menu .igx-menu-item-icon,
.igx-popup-menu .igx-menu-item-icon {
  font-size: 1.2rem;
  padding: 0 8px 0 5px;
}
html .tundra .contentItemInfoPopup {
  position: absolute;
  z-index: 1000;
  left: -11px;
  top: 40px;
  /*top: -9999px;*/
  background-color: white !important;
  background-image: none !important;
  margin-top: 1px;
  margin-bottom: 1px;
  border: 0px;
  border-radius: 3px;
  box-shadow: 0 2px 4px #6b7d98;
  border: 1px solid #d9dde4;
  /*.navbarPageIcon {
		font-size: @MetroFontBaseSize;
		font: @MetroFont;
		color: @Color_T1;
		font-weight: bold;
		padding: 10px;
	}*/

}
html .tundra .contentItemInfoPopup:before {
  content: '';
  display: block;
  position: absolute;
  left: 9px;
  top: -22px;
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-bottom-color: #d9dde4;
}
html .tundra .contentItemInfoPopup:after {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  top: -20px;
  width: 0;
  height: 0;
  border-bottom: 10px solid white;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
html .tundra .contentItemInfoPopup table {
  width: 350px;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  color: #666666;
}
html .tundra .contentItemInfoPopup table thead {
  font-weight: bold;
  /*td {
				padding: 15px;
			}*/

}
html .tundra .contentItemInfoPopup table thead tr:last-child {
  border-bottom: 1px solid #d9dde4;
}
html .tundra .contentItemInfoPopup table tr {
  border-bottom: 1px solid #d9dde4;
}
html .tundra .contentItemInfoPopup table tr:last-child {
  border-bottom: 0;
}
html .tundra .contentItemInfoPopup table tr td {
  width: 20%;
}
html .tundra .contentItemInfoPopup table tr td:last-child {
  width: 80%;
}
html .tundra .contentItemInfoPopup table td {
  padding: 10px;
  border-right: 1px solid #d9dde4;
}
html .tundra .contentItemInfoPopup table td:last-child {
  border-right: 0;
}
html .tundra .contentItemInfoPopup table td span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
html .tundra .dijitMenu {
  background-color: white !important;
  background-image: none !important;
  padding: 4px;
  margin-top: 1px;
  margin-bottom: 1px;
  border: 0px;
  border-radius: 3px;
  box-shadow: 0 0 8px 0 #6b7d98;
}
html .tundra .dijitMenu .dijitMenuItem {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  white-space: nowrap;
  line-height: 1.8;
  color: #666666;
  margin: 0;
  cursor: pointer;
  outline: none;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
html .tundra .dijitMenu .dijitMenuItem.userMenuItem {
  border-bottom: 1px solid #9da6b4;
}
html .tundra .dijitMenu .dijitMenuItem .userMenuIcon {
  font-size: 20px;
  padding: 10px;
  color: #292b33;
}
html .tundra .dijitMenuPassive .dijitMenuItemHover,
html .tundra .dijitMenuItemSelected,
html .dojoComboBoxItemHighlight {
  background-color: #f2f4f5;
  color: #666666;
}
html .tundra .dijitMenu.imageSelectMenu {
  width: 215px !important;
  height: auto !important;
}
html .tundra .dijitMenu.imageSelectMenu .dijitMenuItem {
  width: 1.4rem;
  height: 1.4rem;
  margin: 4px;
  padding: 4px;
  float: left !important;
  border-radius: 2px;
  text-align: center;
}
html .tundra .dijitMenu.imageSelectMenu .dijitMenuItemSelected {
  background-color: transparent;
  box-shadow: 0 0 4px 0 #314058;
  color: white;
}
html .tundra .dijitMenu.imageSelectMenu li {
  list-style-type: none;
}
html .tundra .categorizeForm {
  background: #edf0f2;
  padding: 20px;
}
html .tundra .categorizeForm .toolbarContainer .leftSideToolbar.buttonsContainer .searchContainer {
  padding: 5px 50px 0 20px;
  display: inline-block;
}
html .tundra .categorizeForm .assignButton {
  font-size: 38px;
  margin: 10px;
  line-height: 1;
  color: #51678a;
  cursor: pointer;
  transition: all 0.2s linear;
}
html .tundra .categorizeForm .assignButton:hover {
  font-weight: bolder;
  color: #314058;
}
/* -------------------------------------------------------------------------------------------------------
 History Tab
 -------------------------------------------------------------------------------------------------------*/

html .tundra .historyForm {
  background-color: #edf0f2;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
html .tundra .historyForm .historyFormContainer {
  padding: 10px;
  overflow: hidden !important;
}
html .tundra .historyForm .historyFormContainer .editFromHtmlPreview {
  width: 100%;
  height: auto !important;
}
html .tundra .historyForm .historyFormContainer .fa.fa-check {
  color: #51678a;
}
html .tundra .historyForm .historyFormContainer .dojoSplitContainerSizerV {
  background-color: #edf0f2;
}
html td.toolbarRibbonContainer {
  margin: 1px;
  border-bottom: 1px solid #9da6b4;
}
html td.toolbarRibbonContainer .toolbarBibbonSection {
  border: 1px solid transparent;
  float: left;
  clear: none;
}
html td.toolbarRibbonContainer table.toolbarControls {
  float: left;
  clear: none;
  font-size: 14px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
}
html td.toolbarRibbonContainer table.toolbarControls td.label,
html td.toolbarRibbonContainer table.toolbarControls .label label {
  font-weight: normal;
  padding-top: 0px;
  margin-top: 4px;
  background-color: transparent;
  text-shadow: none;
  color: #292b33;
  font-size: 14px;
  display: inline-block;
}
html td.toolbarRibbonContainer table.toolbarControls select {
  width: 100px;
  border: 1px solid #d9dde4;
  background: white;
  border-radius: 2px;
  padding: 2px;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  font-size: 1.3rem;
  height: 30px;
  transition: all 0.2s;
}
html td.toolbarRibbonContainer table.toolbarControls select:hover {
  border: 1px solid #a3cbe7;
  box-shadow: inset 0 1px 3px #d9dde4, 1px 1px 3px #d9dde4;
}
html td.toolbarRibbonContainer table.toolbarControls select:hover:focus {
  outline: none;
  border: 1px solid #53ace3;
  box-shadow: inset 0 1px 3px #d9dde4, 1px 1px 3px #d9dde4;
}
html td.toolbarRibbonContainer table.toolbarControls select:focus {
  outline: none;
  border: 1px solid #53ace3;
}
html td.toolbarRibbonContainer table.toolbarControls .label input {
  margin: 0px;
}
html .tundra .inContextEditItem .editorContainer {
  background-color: white;
}
/* -------------------------------------------------------------------------------------------------------
 Task selector
 -------------------------------------------------------------------------------------------------------*/

.tabSelectorItem {
  padding: 8px 8px 8px 20px;
  cursor: pointer;
  background-color: transparent;
  color: #292b33;
  font-size: 15px;
  transition: background-color 0.2s;
}
.tabSelectorItem:first-of-type {
  padding-top: 16px;
}
.tabSelectorItem.tabSelectorItemOn,
.tabSelectorItemtabSelectorItemOver {
  background-color: #edf0f2 !important;
}
.tabSelectorItem:hover {
  background-color: #fafafa;
}
.tabSelectorItem .tabSelectorIcon {
  font-size: 19px;
  vertical-align: top;
  margin-right: 12px;
}
.tabSelectorItem .tabSelectorSubContentContainer {
  margin: 1px 0px 1px 0px;
  border: 1px solid #9da6b4;
  padding: 5px;
  background-color: white;
  max-height: 4000px;
  transition: max-height 2s;
  box-sizing: border-box;
}
.tabSelectorItem .tabSelectorSubContentContainerHidden {
  max-height: 0 !important;
  overflow: hidden;
  padding: 0;
  border: none;
}
/* -------------------------------------------------------------------------------------------------------
 Flex Table, material design to match dojox grid
 -------------------------------------------------------------------------------------------------------*/

html .tundra .flexTable {
  border: 1px solid #d9dde4;
}
html .tundra .flexTable div.scrollBarHorizontal {
  clear: left;
  float: left;
  overflow-x: scroll !important;
  overflow-y: hidden;
}
html .tundra .flexTable div.scrollBarVertical {
  clear: none;
  float: right;
  padding-top: 23px;
  overflow-y: scroll !important;
  overflow-x: hidden;
}
html .tundra div.flexTableContainer {
  overflow: hidden;
  float: left;
  clear: none;
}
html .tundra div.flexTableContainer div.flexTableHeader {
  height: 40px;
  width: 5000px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  border-bottom: 1px solid #d9dde4;
  background-color: #f2f4f5;
}
html .tundra div.flexTableContainer div.flexTableHeader img.columnResizer {
  float: right;
  clear: none;
  cursor: w-resize;
  visibility: hidden;
}
html .tundra div.flexTableContainer div.flexTableHeader div {
  height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100px;
  display: inline-block;
  float: left;
  clear: none;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
  border-bottom: 3px solid transparent;
  padding: 10px 0 0 10px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
html .tundra div.flexTableContainer div.flexTableHeader div.on {
  border-bottom: 3px solid #d9dde4;
}
html .tundra div.flexTableContainer div.flexTableHeader div.on img.columnResizer {
  visibility: visible;
}
html .tundra div.flexTableContainer div.flexTableHeader div.off {
  border-bottom: 3px solid transparent;
}
html .tundra div.flexTableContainer div.flexTableHeader div span {
  display: block;
  float: left;
  clear: none;
  margin-left: 2px;
  margin-top: 2px;
  padding-right: 13px;
  white-space: nowrap;
}
html .tundra div.flexTableContainer div.flexTableHeader div span span.des {
  display: block;
  width: 13px;
  height: 20px;
  background: url(../images/icons/filebrowser/sort.gif) right -20px repeat-x;
}
html .tundra div.flexTableContainer div.flexTableHeader div span span.asc {
  display: block;
  width: 13px;
  height: 20px;
  background: url(../images/icons/filebrowser/sort.gif) right 0px repeat-x;
}
html .tundra div.flexTableContainer div.flexTableBody {
  background-color: white;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  overflow: hidden;
  height: 275px;
  white-space: nowrap;
  min-width: 100%;
}
html .tundra div.flexTableContainer div.flexTableBody div.flexTableBodyRow {
  height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  background-color: white;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid #d9dde4;
  min-width: 100%;
  /*transition: all .1s;*/

}
html .tundra div.flexTableContainer div.flexTableBody div.flexTableBodyRow:hover {
  background-color: #f2f4f5;
}
html .tundra div.flexTableContainer div.flexTableBody div.flexTableBodyRow div {
  height: 40px;
  overflow: hidden;
  width: 100px;
  display: block;
  float: left;
  clear: none;
  cursor: pointer;
  padding: 10px 0 0 10px;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
}
html .tundra div.flexTableContainer div.flexTableBody div.flexTableBodyRow div window {
  -moz-user-focus: normal;
  -moz-user-select: text;
  width: 100%;
}
html .tundra div.flexTableContainer div.flexTableBody div.flexTableBodyRow div description {
  -moz-user-focus: normal;
  -moz-user-select: text;
}
html .tundra div.flexTableContainer div.flexTableBody div.flexTableBodyRow div span {
  white-space: nowrap;
  vertical-align: middle;
  display: block;
  clear: none;
  float: left;
  text-align: left;
  text-overflow: ellipsis;
}
html .tundra div.flexTableContainer div.flexTableBody div.flexTableBodyRow.flexTableBodyRowOn {
  background-color: #92dc82;
  border-bottom: 1px solid #a3e296;
  color: #292b33;
}
html .tundra div.flexTableContainer div.flexTableBody div.flexTableBodyRow.flexTableBodyRowOn .fa,
html .tundra div.flexTableContainer div.flexTableBody div.flexTableBodyRow.flexTableBodyRowOn .igx-fa {
  color: #292b33;
}
html .tundra div.flexTableContainer div.flexTableBody div.flexTableBodyRow.flexTableBodyRowOn:hover {
  background-color: #a3e296;
}
/*Split container*/

.igxSplitContainerSizerH,
.igxSplitContainerSizerV {
  font-size: 1px;
  cursor: w-resize;
  background-color: white;
  margin: 0;
  border-right: 1px solid #9da6b4;
}
.igxSplitContainerSizerV {
  cursor: n-resize;
}
/* -------------------------------------------------------------------------------------------------------
 General Admin Styles
 -------------------------------------------------------------------------------------------------------*/

html .tundra admin-hub ng-component {
  position: relative;
  height: 100%;
}
html .tundra .AdminBackground {
  background-color: #f2f4f5;
  overflow: hidden;
}
html .tundra .AdminBackground .toolbarTab .dijitTab {
  height: 36px;
  border: 0px;
  background: white;
  border-bottom: 4px solid transparent;
}
html .tundra .AdminBackground .toolbarTab .dijitTabChecked {
  border-bottom: 4px solid #51678a;
  height: 36px;
}
html .tundra .AdminBackground .toolbarTab .dijitTabChecked .fa {
  color: #314058;
  font-weight: bold;
}
html .tundra .AdminBackground .toolbarTab.dijitTabContainerTop-tabs {
  background-color: white;
  box-shadow: 0 0 5px 0 #6b7d98;
  overflow: hidden !important;
}
html .tundra .AdminBackground .toolbarTab ~ .dijitTabContainerTop-spacer {
  border: 0px;
}
html .tundra .AdminBackground .dijitTabPaneWrapper {
  border: 0px;
  background: none;
  background-color: transparent;
}
.adminContainer {
  padding: 15px;
  overflow: hidden;
  background-color: white;
}
html .adminToplessContainer {
  padding: 10px;
  border: 1px solid #d9dde4;
  background-color: #f2f4f5;
  overflow: hidden;
}
html .adminToplessContainerSpacer {
  border-left: 1px solid #d9dde4;
  border-right: 1px solid #d9dde4;
}
/* -------------------------------------------------------------------------------------------------------
 User Manager Styles
 -------------------------------------------------------------------------------------------------------*/

html .collapsibleToolbox,
html .userManagerMain {
  background-color: white;
  box-shadow: 0 2px 5px 0 #6b7d98;
  margin: 4px 4px 6px 4px;
}
html .userManagerMain .ummBorderedList {
  margin: 20px 17px 20px 20px;
  overflow: hidden;
}
html .clptitle {
  background-color: #fafafa;
  height: 40px;
  padding-right: 10px;
  background-position: right top;
  background-repeat: no-repeat;
  border-bottom: 1px solid #9da6b4;
}
html .clptitleVertical {
  width: 40px;
  height: 150px;
  float: right;
  padding-right: 0px;
  padding-top: 10px;
  cursor: pointer;
}
html .clptitleText {
  color: #6b7d98;
  font-size: 20px;
  padding: 8px;
}
html .clptitleVertical .clptitleText {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  float: none;
  margin-right: 0px;
  margin-top: 16px;
}
html .clptitleVerticalCJK .clptitleText {
  float: none;
  margin-right: 0px;
  margin-top: 16px;
}
html .clpInstructionsContainer {
  display: block;
  margin: 15px;
}
html .collapsibleToolbox {
  background-color: white;
}
html .collapsibleToolbox .clpSearchContainer {
  margin: 15px;
}
html .collapsibleToolbox .clpListingContainer {
  margin: 15px;
  overflow-x: hidden;
  overflow-y: auto !important;
}
html .collapsibleToolbox .clpListingContainerOver {
  transition: all 0.2s;
  box-shadow: 0 0 8px 0 #51678a;
}
html .collapsibleToolbox .clpLoaderImage {
  display: block;
  margin: 10px;
}
html .collapsibleToolbox .trashCan {
  height: 48px;
  text-align: center;
  vertical-align: middle;
  padding-top: 6px;
}
html .collapsibleToolbox .searchInput {
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #9da6b4;
  width: 120px;
  outline: none;
  font-size: 14px;
}
html .collapsibleToolbox .searchInput:focus {
  border-bottom: 2px solid #3386be;
}
html .ummTitle {
  background-color: #fafafa;
  height: 40px;
  padding-left: 10px;
  background-position: left top;
  background-repeat: no-repeat;
  cursor: pointer;
  border-bottom: 1px solid #9da6b4;
}
html .ummTitle .ummTitleText {
  float: left;
  color: #6b7d98;
  font-size: 20px;
  font-weight: normal;
  padding: 5px;
  margin-left: 24px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html .ummToolbar {
  float: right;
  padding: 0px;
  white-space: nowrap;
  height: 40px;
  background-color: #fafafa;
  border-left: 1px solid #d9dde4;
}
html .ummToolbar .fa {
  font-size: 18px;
}
html .ummToolbar .ummButtons {
  padding: 5px;
  float: right;
  white-space: nowrap;
}
html .ummToolbar .ummToolbar2 {
  float: right;
  padding: 5px;
  background-color: #fafafa;
  border-left: 1px solid #d9dde4;
  white-space: nowrap;
  height: 40px;
}
html .itemPaneListing {
  margin: 20px;
  border: 0;
}
html .tundra .associateItemDropTargetOver {
  transition: all 0.2s;
  box-shadow: 0 0 8px 0 #51678a;
}
html .associateItemDragTool {
  margin: 3px 3px 13px 3px;
  padding: 5px;
  box-shadow: 0 1px 3px 0 #9da6b4;
  background-color: #f2f4f5;
  transition: background-color 0.2s;
  border-radius: 4px;
}
html .associateItemDragTool:hover {
  background-color: white;
}
html .associateItemDragTool .dragToolTitle {
  padding: 5px;
}
html .associateItemDragTool .dragToolTitle .expando {
  font-size: 20px;
  float: right;
  clear: right;
  transition: all 0.2s;
}
html .associateItemDragTool .dragToolTitle .expando.expandoExpanded {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
html .associateItemDragToolOn {
  background: #edf0f2;
}
html .userGroupEditor {
  padding: 20px;
  overflow: auto;
  /*input,
	textarea,
	select,
	.igx-text-field {
		border: 0;
		border-bottom: 1px solid @Color_P5;
		border-radius: 0;
		padding: 5px 0;
		font-size: @MetroFontBaseSize;
		background-color: @Color_P10;
		outline: none;
		transition: all 0.2s;
		margin-bottom: 1px;
		min-height: 38px;

		&:focus {
			outline: none;
			border: 0;
			margin-bottom: 0px;
			border-bottom: 2px solid darken(@Color_A1, 10%);
		}

		&:hover {
			outline: none;
			border-radius: 0;
			box-shadow: none;
			border: 0;
			margin-bottom: 0px;
			border-bottom: 2px solid lighten(@Color_A1, 30%);
		}

		&.auto-resize {
			width: 100%;
			resize: none;
		}
	}*/

}
html .userGroupEditor .groupLabel {
  margin: 5px 0 10px 0;
  font-size: 15px;
  float: left;
  clear: both;
  font-weight: bold;
  color: #666666;
}
html .userGroupEditor .permissionsContainer {
  clear: both;
  display: block;
  margin: 5px;
  padding: 10px;
  border: 1px solid #d9dde4;
  border-radius: 4px;
}
html .userGroupEditor .permissionsBox {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 10px 0;
  clear: both;
}
html .userGroupEditor .permissionsBox .permissionGroupContainer {
  margin-bottom: 5px;
}
html .imgButton {
  margin: 3px;
  display: block;
  float: right;
  clear: none;
  cursor: pointer;
}
html .lanPickLocaleEntry {
  margin: 10px;
  padding: 10px;
  box-shadow: 0 2px 4px 0 #d9dde4;
  background-color: #f2f4f5;
}
html .lanPickLocaleEntryNoBorder {
  border: 0px;
  margin: 6px 1px;
  padding: 5px;
  clear: both;
}
html .tundra .validationError {
  color: #cf2424 !important;
  font-weight: bold;
  display: none;
}
html .tundra .validationErrorShow {
  display: block;
}
html .tundra .swampDummy {
  position: absolute;
  z-index: 999;
  background: #fafafa;
  box-shadow: 0 2px 4px 0 #6b7d98;
  margin: 4px 4px 6px 4px;
}
html .tundra .filterFormBody {
  padding: 10px;
}
html .tundra .dijitTitlePane .dijitTitlePaneTitle {
  background-image: none;
  background-color: #edf0f2;
  border: 1px solid #d9dde4;
  border-bottom: 0;
  padding: 8px 5px;
  outline: none;
}
html .tundra .dijitTitlePane .dijitTitlePaneTitle .fa {
  float: left;
}
html .tundra .dijitTitlePane .dijitTitlePaneContentOuter {
  border: 1px solid #d9dde4;
  border-top: 0;
}
html .tundra .dijitTitlePane .dijitTitlePaneContentOuter .dijitTitlePaneContentInner {
  outline: none;
}
html .tundra .dijitTitlePane .fa {
  font-size: 16px;
  margin: 0 6px;
}
html .tundra .dijitTitlePane .fa.disabled {
  color: #9da6b4;
}
html .tundra input.adminSmallButton {
  border: 1px solid #d9dde4;
  background: #f2f4f5;
  border-radius: 2px;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 4px 8px;
  margin: 3px;
}
html .tundra input.adminSmallButton:disabled {
  color: #d9dde4 !important;
  cursor: not-allowed;
  box-shadow: none !important;
}
html .tundra input.adminSmallButton:hover {
  border: 1px solid #9da6b4;
  color: #292b33;
  box-shadow: 0 0 3px 0 #9da6b4;
}
html .tundra .optionsContainer {
  margin: 5px 5px 20px 5px;
  padding: 10px 20px;
  box-shadow: 0 2px 4px 0 #9da6b4;
  background-color: #fafafa;
}
html .tundra .optionsContainer .title,
html .tundra .optionsContainer legend {
  font-size: 16px;
  margin-bottom: 0px;
}
html .tundra .optionsContainer .pubTgtSurlSettingsTable td {
  padding-bottom: 5px;
}
/* -------------------------------------------------------------------------------------------------------
 DOJO 1.3 ComboBox reskin to match the 0.43 ComboBox IGX skin
 -------------------------------------------------------------------------------------------------------*/

html .tundra .dijitComboBox {
  background: none;
  background-color: white;
  border: 1px solid #d9dde4;
  border-radius: 3px;
  outline: none;
  transition: all 0.2s;
}
html .tundra .dijitComboBox input:hover,
html .tundra .dijitComboBox input:focus {
  box-shadow: none !important;
}
html .tundra .dijitComboBox:hover {
  box-shadow: inset 0 1px 3px #d9dde4;
  border: 1px solid #539ed1;
}
html .tundra .dijitComboBox.dijitComboBoxFocused {
  border: 1px solid #539ed1;
}
html .tundra .dijitComboBox .dijitButtonNode,
html .tundra .dijitSpinner .dijitButtonNode {
  border-width: 0 0 0 0;
  background: none transparent;
}
html .tundra .schemaIconPicker .dijitComboBox .dijitButtonNode {
  padding: 0;
}
html .tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  line-height: 1;
  color: #666666;
  width: 16px;
  background-image: none;
  padding: 0.7rem 0 0 0;
}
html .tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner:before {
  content: "\f0d7";
}
html .tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonChar {
  visibility: hidden;
}
html .tundra .dijitComboBoxDisabled {
  color: #d9dde4;
}
html .tundra .dijitComboBoxDisabled .dijitArrowButton .dijitArrowButtonInner {
  background-image: none;
}
html .tundra .dijitComboBoxHover .dijitArrowButton .dijitArrowButtonInner {
  color: #292b33;
}
html .tundra .dijitTextBox,
html .tundra .dijitComboBox,
html .tundra .dijitSpinner,
html .tundra .dijitTextArea,
html .tundra .dijitInlineEditor input {
  background-image: none !important;
  border: 1px solid #d9dde4;
  /*background: @Color_P10;
	border: 0;
	border-bottom: 2px solid @Color_P5;
	border-radius: 0;
	margin-bottom: 1px;
	outline: none;
	font-family: @MetroFont;
	font-size: @MetroFontBaseSize;*/

}
/* -------------------------------------------------------------------------------------------------------
 PCR Manager Styles
 -------------------------------------------------------------------------------------------------------*/

html .advancedFieldSet {
  padding: 4px;
  margin: 5px;
  clear: both;
  border: 1px solid #d9dde4;
}
html .userGroupListContainer {
  margin: 5px;
  padding: 0px;
}
html .userGroupListContainer .userGroupListToolbar {
  padding: 5px;
}
html .userGroupListContainer .userGroupList {
  margin: 0px !important;
}
html .parentPageList {
  border: 1px solid gray;
  margin: 5px;
}
html .parentPageListOver {
  border: 2px solid black;
  margin: 4px;
}
html .parentPageToolbar {
  padding: 0 5px 0 5px;
}
html .tundra .pcrParentsTrashCan {
  margin: 3px;
  cursor: default;
  vertical-align: middle;
}
html .tundra .pcrParentsTrashCan.trashOn {
  font-size: 48px !important;
  color: #666666;
}
html .tundra .pcrParentsTrashCan.trashOn:hover,
html .tundra .pcrParentsTrashCan.trashOn.pcrParentsTrashCanOver {
  box-shadow: 0 0 3px 0 57.254901961%;
  color: #292b33;
  font-weight: bold;
}
html .addParentPagePanel {
  position: absolute;
  left: -9999px;
  top: 0px;
  background-color: white;
  padding: 6px;
  box-shadow: 0 0 2px 0 #9da6b4;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
html .addParentPagePanel .dojoComboBoxOuter {
  width: 85%;
  display: inline-block;
  vertical-align: middle;
}
/* -------------------------------------------------------------------------------------------------------
 publish manager styles
 -------------------------------------------------------------------------------------------------------*/

html .tundra .dndTitlePaneListingContainer {
  margin-top: 20px;
}
html .tundra .dndTitlePaneListingContainer div.title {
  font-size: 16px;
  float: left;
  color: #6b7d98;
  clear: both;
}
html .tundra .dndTitlePaneListingContainer .contentContainer {
  overflow-x: hidden;
  overflow-y: auto !important;
  position: relative;
}
.brandItemField {
  float: left;
  clear: none;
  padding: 0;
  margin: 5px;
}
.brandItemField .brandItemFieldInput {
  width: 180px;
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #9da6b4;
  outline: none;
  font-size: 14px;
}
.brandItemField .brandItemFieldInput:focus {
  border-bottom: 2px solid #3386be;
}
textarea.description {
  font-family: Verdana, Arial, sans-serif;
  text-align: left;
  font-size: 12px;
}
html div.devicesListingContainer {
  padding: 5px;
  margin: 10px 0 0 0;
  border: 1px solid #bfbfbf;
}
span.deviceInfoFieldLabel {
  display: inline-block;
  width: 160px;
  font-size: 15px;
}
/* -------------------------------------------------------------------------------------------------------
 Progress bar
 -------------------------------------------------------------------------------------------------------*/

html .tundra .dijitProgressBar.dijitProgressBarEmpty {
  background-image: none;
  border: 0;
  background-color: #abd6f1;
  height: 16px;
}
html .tundra .dijitProgressBar .dijitProgressBarFull {
  background-color: #539ed1;
  border: 0;
  height: 16px;
}
html .tundra .dijitProgressBar .dijitProgressBarTile {
  background: none;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
html .tundra .dijitProgressBar .dijitProgressBarLabel {
  color: white;
  font-size: 1rem !important;
}
/* -------------------------------------------------------------------------------------------------------
 The STUPID non-ribbon ribbon toolbar
 -------------------------------------------------------------------------------------------------------*/

html .tundra .ribbonToolbar {
  background: url("../images/tabs/ice/toolbarBackground.png") repeat-x scroll left bottom #e1e5e8;
  width: 100%;
}
html .tundra .ribbonToolbar .ribbonButton {
  padding: 5px;
  border: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
html .tundra .ribbonToolbar .ribbonButtonHover {
  border: 1px outset white;
  padding: 4px;
}
html .tundra .ribbonToolbar .ribbonButtonDown {
  border: 1px inset white;
  padding: 4px;
}
html .tundra .ribbonToolbar .ribbonButtonContents {
  cursor: pointer;
  text-align: center;
}
html .tundra .ribbonToolbar .ribbonButtonIcon {
  vertical-align: middle;
  margin-right: 4px;
}
html .tundra .ribbonToolbar .ribbonButtonCaption {
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
html .tundra .ribbonToolbar .ribbonContainer {
  float: left;
  margin-right: 5px;
}
html .tundra .ribbonToolbar .ribbonObject {
  float: left;
  margin-right: 5px;
}
html .tundra .ribbonToolbar .ribbonImgDivider {
  float: left;
  margin-left: 3px;
  margin-right: 3px;
}
html .tundra .ribbonToolbar .ribbonTextContainer {
  margin: 2px;
}
html .tundra .ribbonToolbar .textDivider {
  margin-left: 0px;
  margin-right: 0px;
}
html .tundra .ribbonToolbar .innerRibbonContainer {
  float: left;
}
html .tundra .ribbonToolbar .ribbonButtonDisabled {
  cursor: default !important;
  color: #d9dde4 !important;
}
html .tundra .igxDateTimeTextBox {
  border: 0;
  border-bottom: 1px solid #9da6b4;
}
html .tundra .igxDateTimeTextBox .fa {
  margin: 0;
}
html .tundra input[type="text"],
input[type="password"],
input[type="number"],
.igx-text-field,
textarea {
  border: 1px solid #d9dde4;
  box-sizing: border-box;
  padding: 10px;
  font-size: 1rem;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  border-radius: 4px;
  overflow: hidden;
  color: #666666;
  width: 100%;
  transition: all 0.2s;
}
html .tundra input[type="text"]:not([readonly]):hover,
input[type="password"]:not([readonly]):hover,
input[type="number"]:not([readonly]):hover,
.igx-text-field:not([readonly]):hover,
textarea:not([readonly]):hover {
  border: 1px solid #abd6f1;
  box-shadow: inset 0 1px 3px #d9dde4;
}
html .tundra input[type="text"]:not([readonly]):focus,
input[type="password"]:not([readonly]):focus,
input[type="number"]:not([readonly]):focus,
.igx-text-field:not([readonly]):focus,
textarea:not([readonly]):focus {
  outline: none;
  border: 1px solid #53ace3;
}
html .tundra input[type="text"].auto-resize,
input[type="password"].auto-resize,
input[type="number"].auto-resize,
.igx-text-field.auto-resize,
textarea.auto-resize {
  resize: none;
}
html .tundra .maintenanceAdmin .schemaMetaDataEditor {
  box-shadow: none;
  padding: 15px;
  border: 0;
}
html .tundra .maintenanceAdmin .schemaMetaDataEditor .sectionTitle {
  font-weight: normal;
  margin-bottom: 20px;
  color: #51678a;
  font-size: 1.1rem;
  clear: both;
}
html .tundra .maintenanceAdmin .schemaMetaDataEditor .floatContainer {
  float: left;
  clear: none;
}
html .tundra .maintenanceAdmin .schemaMetaDataEditor .fieldEntry {
  margin: 0;
  float: none;
  clear: both;
  cursor: auto;
}
html .tundra .maintenanceAdmin .schemaMetaDataEditor .fieldEntry span {
  vertical-align: top;
}
html .tundra .maintenanceAdmin .schemaMetaDataEditor .fieldEntry span.igxDateTimeTextBoxOuter {
  width: 210px;
}
html .tundra .maintenanceAdmin .schemaMetaDataEditor .fieldEntry span.igxDateTimeTextBoxOuter span.fa {
  width: 26px;
}
html .tundra .maintenanceAdmin .schemaMetaDataEditor .fieldEntry .sectionTitle {
  font-weight: normal;
}
html .tundra .maintenanceAdmin .schemaMetaDataEditor textarea.messageField {
  height: 100px;
  width: 685px;
  border: 1px solid #9da6b4;
}
html .tundra .maintenanceAdmin .containerWithBorder {
  border: 1px solid #9da6b4;
  box-shadow: 0 2px 4px 0 #9da6b4;
  padding: 20px;
}
html .tundra .maintenanceAdmin .giantButton {
  font-size: 1.6rem;
  padding: 1rem;
  border-radius: 8px;
}
html .tundra .maintenanceAdmin .siteExportWidget {
  padding: 1.43rem;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportSelectorItem {
  width: 40%;
  display: inline-block;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportSelectorItem select {
  line-height: 1.5;
  font-size: 1rem;
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #9da6b4;
  overflow: auto;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportSelectorItem select option {
  border-bottom: 1px solid #d9dde4;
  padding: 6px;
  transition: all 0.2s;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportSelectorItem select option:checked,
html .tundra .maintenanceAdmin .siteExportWidget .exportSelectorItem select option:active,
html .tundra .maintenanceAdmin .siteExportWidget .exportSelectorItem select option:focus {
  background-color: #4fc236;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportSelectorItem select option:hover {
  background-color: #f2f4f5;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportSelectorItem legend {
  margin: 10px 0;
  font-size: 1.1rem;
  color: #51678a;
}
html .tundra .maintenanceAdmin .siteExportWidget .midExportRow {
  margin-top: 5px;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportCheckRow {
  margin-top: 1em;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportSiteNameRow {
  margin-top: 1em;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportMessage {
  font-style: italic;
  margin-top: 0.5em;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportError {
  color: red;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportSuccess {
  color: #4fc236;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportLocationCont {
  margin-top: 0.5em;
  width: 40%;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportLocationText .exportSiteNameText {
  width: 95%;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportOverlay {
  width: 100%;
  height: 100%;
  background-color: red;
  position: absolute;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportListCont {
  max-height: 25%;
  overflow-y: auto;
  margin-top: 1em;
  padding: 0;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportListCont .title {
  padding: 15px;
  background-color: #edf0f2;
  font-size: 1.1rem;
  color: #51678a;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportRow {
  padding: 10px;
  border-bottom: 1px solid #9da6b4;
  display: flex;
  flex-direction: row;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportRow div {
  display: block;
  flex: 1 0 auto;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  justify-content: space-around;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportRow div:last-child {
  flex: 0 1 auto;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportRow div span,
html .tundra .maintenanceAdmin .siteExportWidget .exportRow div a {
  margin-left: 0.5em;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportRow div a {
  color: #539ed1;
  text-decoration: none;
}
html .tundra .maintenanceAdmin .siteExportWidget .exportRow div a:visited {
  color: #314058;
}
html .tundra .maintenanceAdmin .logViewerWidget {
  padding: 1.429rem;
  height: 100%;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html .tundra .maintenanceAdmin .logViewerWidget .containerWithBorder {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 1.429rem;
  right: 1.429rem;
  top: 1.429rem;
  padding: 0;
  bottom: 1.429rem;
}
html .tundra .maintenanceAdmin .logViewerWidget .igxLogViewerHeader {
  padding: 1.429rem;
  background-color: #fafafa;
  font-size: 1.1rem;
  color: #51678a;
}
html .tundra .maintenanceAdmin .logViewerWidget .igxLogViewerHeader .flatToolbarButton {
  margin-top: -9px;
}
html .tundra .maintenanceAdmin .logViewerWidget .igxLogViewerBox {
  padding: 1.249rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 4.286rem;
  bottom: 0.357rem;
}
/* -------------------------------------------------------------------------------------------------------
 Database Statistics
 --------------------------------------------------------------------------------------------------------*/

html .tundra .database-stats-widget {
  padding: 1.429rem;
  height: 100%;
}
html .tundra .database-stats-widget .sectionTitle {
  font-size: 1.1rem;
  color: #51678a;
}
html .tundra .database-stats-widget .databaseStatsBox div {
  margin: 0.6rem;
}
html .tundra .database-stats-widget .databaseStatsBox.databaseAlerts .alert-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
html .tundra .database-stats-widget .databaseStatsBox.databaseAlerts .alert-row .alert-error {
  color: #cf2424;
}
html .tundra .database-stats-widget .databaseStatsBox.databaseAlerts .alert-row .alert-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html .tundra .database-stats-widget .databaseStatsBox.databaseAlerts .alert-row .alert-created {
  width: 200px;
}
html .tundra .database-stats-widget .databaseStatsBox.databaseAlerts .alert-row .alert-dismiss {
  margin-left: 10px;
  float: right;
  cursor: pointer;
  width: 20px;
}
html .tundra .database-stats-widget .databaseStatsBox.databaseAlerts .alert-row .alert-dismiss:hover {
  color: #cf2424;
}
html .tundra .database-stats-widget .databaseStatsBox.databaseStaleIndexList {
  max-height: 300px;
  overflow-y: auto;
}
html .tundra .database-stats-widget .databaseStatsBox span {
  color: #666666;
}
html .tundra .database-stats-widget .database-stats-chart {
  padding: 5px;
  width: 300px;
  height: 120px;
  display: inline-block;
}
html .tundra .dijitCheckBox {
  width: 1.143em;
  height: 1.143em;
  min-width: 1.143em;
  min-height: 1.143em;
  margin: 0.1em 0 0.1em 0;
  padding: 0;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  border: 2px solid #666666;
  background-image: none;
}
html .tundra .dijitCheckBox .dijitCheckBoxInput {
  cursor: pointer;
}
html .tundra .dijitCheckBox.dijitCheckBoxChecked {
  top: 0.2em;
  left: 0.2em;
  width: 0.5em;
  min-width: 0.5em;
  height: 1em;
  min-height: 1em;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #4fc236;
  border-bottom: 2px solid #4fc236;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  margin-left: 0.357em;
  margin-right: 0.357em;
  margin-top: 0em;
  margin-bottom: 0.3em;
}
/* Splash Screen "cover" */
html .cover {
  -moz-transition: all linear 0.4s;
  -webkit-transition: all linear 0.4s;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 99999;
  transition: all linear 0.4s;
  overflow: hidden;
  /*table {
		width: 100%;
		height: 100%;
		border: 0px;
	}

	td {
		vertical-align: middle;
		text-align:center;
	}*/

}
html .cover .splashScreen {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: inherit;
  background-color: #314058;
  background: radial-gradient(#51678a, #314058);
  text-align: center;
  z-index: 10000000000;
}
html .cover .igx-splash-screen-contents {
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
  margin-top: 50vh;
}
html .cover .igx-splash-screen-contents .splashScreenLabel {
  color: #fafafa;
  position: inherit;
  bottom: 0;
  width: 100%;
  font-size: 1.4rem;
  text-shadow: 0 3px 6px #292b33;
}
html .cover .igx-splash-screen-contents .dijitProgressBarLabel {
  display: none;
}
html .cover .igx-splash-screen-contents .bokeh {
  font-size: 30vh;
  width: 1em;
  height: 1em;
  position: relative;
  margin: 1rem auto;
  border-radius: 50%;
  list-style: none;
  padding: 0;
}
html .cover .igx-splash-screen-contents .bokeh li {
  position: absolute;
  width: 0.2em;
  height: 0.2em;
  border-radius: 50%;
}
html .cover .igx-splash-screen-contents .bokeh li:nth-child(1) {
  font-size: 75%;
  top: 12.5%;
  left: 50%;
  opacity: 0.75;
  background: white;
  -webkit-transform-origin: 50% 250%;
  transform-origin: 50% 250%;
  margin: 0 0 0 -0.1em;
  -webkit-animation: rota 1.25s linear infinite alternate;
  animation: rota 1.25s linear infinite alternate;
}
html .cover .igx-splash-screen-contents .bokeh li:nth-child(2) {
  font-size: 80%;
  top: 10%;
  left: 50%;
  opacity: 0.75;
  background: #4fc236;
  -webkit-transform-origin: 50% 250%;
  transform-origin: 50% 250%;
  margin: 0 0 0 -0.1em;
  -webkit-animation: rota 1.3s linear infinite alternate;
  animation: rota 1.3s linear infinite alternate;
}
html .cover .igx-splash-screen-contents .bokeh li:nth-child(3) {
  font-size: 85%;
  top: 7.5%;
  left: 50%;
  opacity: 0.75;
  background: #fafafa;
  -webkit-transform-origin: 50% 250%;
  transform-origin: 50% 250%;
  margin: 0 0 0 -0.1em;
  -webkit-animation: rota 1.35s linear infinite alternate;
  animation: rota 1.35s linear infinite alternate;
}
html .cover .igx-splash-screen-contents .bokeh li:nth-child(4) {
  font-size: 90%;
  top: 5%;
  left: 50%;
  opacity: 0.75;
  background: #fed130;
  -webkit-transform-origin: 50% 250%;
  transform-origin: 50% 250%;
  margin: 0 0 0 -0.1em;
  -webkit-animation: rota 1.4s linear infinite alternate;
  animation: rota 1.4s linear infinite alternate;
}
html .cover .igx-splash-screen-contents .bokeh li:nth-child(5) {
  font-size: 95%;
  top: 2.5%;
  left: 50%;
  opacity: 0.75;
  background: #9da6b4;
  -webkit-transform-origin: 50% 250%;
  transform-origin: 50% 250%;
  margin: 0 0 0 -0.1em;
  -webkit-animation: rota 1.45s linear infinite alternate;
  animation: rota 1.45s linear infinite alternate;
}
html .cover .igx-splash-screen-contents .bokeh li:nth-child(6) {
  font-size: 100%;
  top: 0%;
  left: 50%;
  opacity: 0.75;
  background: #539ed1;
  -webkit-transform-origin: 50% 250%;
  transform-origin: 50% 250%;
  margin: 0 0 0 -0.1em;
  -webkit-animation: rota 1.5s linear infinite alternate;
  animation: rota 1.5s linear infinite alternate;
}
html .cover .igx-splash-screen-contents .bokeh li:nth-child(even) {
  animation-direction: normal;
}
html .cover .igx-splash-screen-contents .bokeh li:nth-child(odd) {
  animation-direction: normal;
}
html .cover .igx-splash-screen-contents div.splashScreenLoaderContainer {
  display: block;
  height: auto;
  margin-bottom: 1rem;
}
html .cover .igx-splash-screen-contents div.splashScreenProgressBar {
  background: #fafafa;
  display: block;
  max-width: 30vh;
  height: 3px;
  margin-left: auto;
  margin-right: auto;
}
html .cover .igx-splash-screen-contents div.splashScreenProgressBar.overlay {
  background: #51678a;
  -moz-animation: loadingBar 10s linear forwards;
  -webkit-animation: loadingBar 10s linear forwards;
  animation: loadingBar 10s linear forwards;
}
html .cover.coverDone div .splashScreenProgressBar.overlay {
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  animation: none;
}
@-moz-keyframes loadingBar {
  from {
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
    -moz-transform: scaleX(0.9);
    -ms-transform: scaleX(0.9);
    -webkit-transform: scaleX(0.9);
    transform: scaleX(0.9);
  }
}
@keyframes loadingBar {
  from {
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  to {
    -moz-transform: scaleX(0.9);
    -ms-transform: scaleX(0.9);
    -webkit-transform: scaleX(0.9);
    transform: scaleX(0.9);
  }
}
@keyframes rota {
  0% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes opa {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 0.5;
  }
}
html .tundra .dijitSlider .dijitSliderImageHandleH {
  background: none;
  background-color: #9da6b4;
  border-radius: 50%;
  top: -3px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  outline: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #9da6b4;
  /*&:hover {
			background-color: @Color_P4;
			box-shadow: 0 0 3px 0 @Color_P4;
			border: 1px solid @Color_P5;
		}*/

}
html .tundra .dijitSlider .dijitSliderBumperH {
  background: none !important;
  border: 0;
  border-bottom: 2px solid #9da6b4;
}
html .tundra .dijitSlider .dijitSliderBarH {
  background: none !important;
  border: 0;
  border-bottom: 2px solid #9da6b4;
}
html .tundra .dijitSlider .dijitRuleContainer {
  display: none;
}
html .tundra .dijitSlider:hover .dijitSliderImageHandleH {
  background-color: #6b7d98;
  border: 1px solid #6b7d98;
  box-shadow: 0 0 3px 0 #6b7d98;
}
html .tundra .dijitSlider:hover .dijitSliderBumperH {
  border-bottom: 2px solid #6b7d98;
}
html .tundra .dijitSlider:hover .dijitSliderBarH {
  border-bottom: 2px solid #6b7d98;
}
/* -------------------------------------------------------------------------------------------------------
 Reports styles
 -------------------------------------------------------------------------------------------------------*/

.reportsManager {
  overflow: hidden;
}
.parametersContainer {
  padding: 5px;
}
.reportsOverview {
  margin: 15px;
  background-color: white;
  box-shadow: 0 2px 4px 0 #9da6b4;
}
.reportsOverview .reportsOverviewHeader {
  background-color: #fafafa;
  padding: 20px;
}
.overviewTitle {
  font-size: 2rem;
}
.gridListingTitle {
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0 5px 0;
}
.reportLink {
  text-decoration: underline;
  cursor: pointer;
}
.reportViewTitleBar {
  background-color: #858585;
  padding: 10px;
  margin: 2px;
}
.reportViewTitleBar .titleNode {
  color: white;
  font-size: 16px;
  text-shadow: 2px 2px 1px black;
  font-weight: bold;
  vertical-align: middle;
}
.reportViewTitleBar .buttonContainer {
  float: right;
  clear: right;
  vertical-align: middle;
}
img.imageButton {
  cursor: pointer;
  transition: all 0.5s ease;
}
img.imageButtonConfirm {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.reportViewTitleBar .buttonContainer img.imageButton {
  margin-left: 5px;
}
.resultsTableContainer {
  padding: 10px;
  overflow: hidden;
}
.pageXID {
  text-decoration: underline;
  cursor: pointer;
  font-weight: normal;
}
.pageXID:hover {
  font-weight: bold;
}
.parameterLabel {
  font-weight: bold;
  text-align: right;
}
html .tundra .nameIdListing_body tr.dojoDndItemBefore td {
  border-top: 2px solid #336699;
}
html .tundra .nameIdListing_body tr.dojoDndItemAfter td {
  border-bottom: 2px solid #336699;
}
.tableRowDragHandle {
  width: 12px;
  height: 16px;
  cursor: pointer;
  background: url("../images/icons/dragHandle.png") left top no-repeat;
}
.disabledAttribute {
  color: #6d6d6d;
}
.choicesContainer {
  border: 1px solid gray;
  padding: 10px;
  clear: both;
}
.keySetColumnSelected {
  background: url("../images/icons/key_icon.gif") center 4px no-repeat;
}
.involvedDocumentItem {
  float: left;
  clear: none;
  margin: 5px 20px 5px 5px;
}
.involvedDocCheckBox {
  vertical-align: middle;
  margin-right: 5px;
}
.redirectDialog {
  width: 500px;
}
html .tundra .igx-error {
  color: #cf2424;
  opacity: 0.9;
}
html .tundra .igxLogViewerBox .listDisplay .dojoxGridView .dojoxGridRow {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border: none;
}
html .tundra .igxLogViewerBox .listDisplay .dojoxGridView .dojoxGridRow .dojoxGridCell {
  padding: 0 5px 0 5px;
}
html .tundra .igxLogViewerBox .listDisplay .dojoxGridView .dojoxGridRowOver {
  background-color: inherit;
}
html .tundra .igxLogViewerBox .listDisplay .dojoxGridView .log-viewer-debug td {
  color: green;
}
html .tundra .igxLogViewerBox .listDisplay .dojoxGridView .log-viewer-info td {
  color: midnightblue;
}
html .tundra .igxLogViewerBox .listDisplay .dojoxGridView .log-viewer-warn td {
  color: #e9be00;
}
html .tundra .igxLogViewerBox .listDisplay .dojoxGridView .log-viewer-error td {
  color: #e60000;
}
html .tundra .multiselectDialog {
  width: 950px;
}
html .tundra .multiselectDialog .subtitle {
  font-weight: bold;
  font-size: 10pt;
  position: relative;
  top: -4px;
}
html .tundra .multiselectDialog .filtering-inputs {
  width: 870px;
  border: 1px solid #d9dde4;
  border-radius: 3px;
  padding: 10px;
}
html .tundra .multiselectDialog .filtering-inputs .filtering-input {
  width: 30%;
  margin: 5px;
}
html .tundra .multiselectDialog .filtering-inputs select {
  padding: 10px;
}
html .tundra .multiselectDialog .flexTableHeader {
  display: none;
}
html .tundra .multiselectDialog .filterInput {
  width: 184px;
}
html .tundra .multiselectDialog .pageInput {
  float: left;
  font-size: 8pt;
  margin: 0px 0px 0px 5px;
}
html .tundra .multiselectDialog .pageInput input {
  border: 1px gray solid;
  height: 20px;
  text-align: center;
  width: 20px;
}
html .tundra .multiselectDialog .listing,
html .tundra .multiselectDialog .fileBrowser .listing {
  background: white;
  margin: 1px;
  border: 1px solid #d9dde4;
  width: 400px;
  height: 300px;
}
html .tundra .multiselectDialog .listingOn {
  margin: 0px;
  border: 2px solid #6b7d98;
}
html .tundra .multiselectDialog .hide-xids .id-header {
  display: none !important;
}
html .tundra .multiselectDialog.linksetDialog .flexTableHeader {
  display: block;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .taxonomyTreeContainer {
  clear: both;
  overflow: auto;
  padding-right: 5px;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .selected-taxonomy {
  font-size: 1rem;
  margin-left: 10px;
  color: #4fc236;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .TreeNode {
  padding-right: 0;
  padding-top: 0;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .TreeNode.TreeIsRoot {
  padding-top: 5px;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .TreeNode .TreeExpand {
  margin-top: 4px;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .TreeContent {
  z-index: 0;
  height: 30px;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .TreeContent:hover:not(.igx-emphasized) {
  color: #292b33;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .TreeContent:hover:not(.igx-emphasized) .TaxonomyTreeLabel::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #d7f2d2;
  z-index: -1;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .TaxonomyTreeLabel {
  line-height: 29px;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .TreeNodeEmphasized {
  color: #292b33;
  background-color: transparent;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .TreeNodeEmphasized::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  left: 0;
  background-color: #92dc82 !important;
  z-index: -1;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .TreeNodeEmphasized .selected-taxonomy {
  color: white;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .id-header {
  display: none !important;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .hide-paths .id-header {
  display: block !important;
}
html .tundra .multiselectDialog.taxonomyMultiselectDialog .hide-paths .name-header {
  display: none !important;
}
html .tundra .taxonomyTree .taxonomyAdminQuickCommands {
  transition: none;
}
html .tundra .taxonomyTree .TreeContent {
  z-index: 0;
}
html .tundra .taxonomyTree .TreeContent:hover:not(.igx-emphasized) {
  color: #292b33;
}
html .tundra .taxonomyTree .TreeContent:hover:not(.igx-emphasized) .TreeLabel:not(FFLabel)::after,
html .tundra .taxonomyTree .TreeContent:hover:not(.igx-emphasized) .TaxonomyTreeLabel:not(FFLabel)::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #d7f2d2;
  z-index: -1;
  top: 0px;
}
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent {
  transition: all 0.2s;
}
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent .selected-taxonomy {
  font-size: 1rem;
  margin-left: 10px;
  color: #4fc236;
}
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent.igx-emphasized,
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent .TreeNodeEmphasized {
  color: #292b33;
  background-color: transparent;
}
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent.igx-emphasized::after,
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent .TreeNodeEmphasized::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #b5e7aa;
  z-index: -1;
  top: 0px;
}
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent .TaxonomyTreeLabel {
  transition: all 0.2s;
}
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent .TaxonomyTreeLabel.igx-emphasized,
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent .TaxonomyTreeLabel TreeNodeEmphasized {
  color: #fafafa;
  background-color: transparent;
}
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent .TaxonomyTreeLabel.igx-emphasized::after,
html .tundra .taxonomyTree .TreeContainer .TreeNode .TreeContent .TaxonomyTreeLabel TreeNodeEmphasized::after {
  content: "\00A0";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #92dc82;
  z-index: -1;
  top: 0px;
}
html .tundra .tree-container {
  margin: 3px;
  overflow: auto;
  background-color: white;
  border: 1px solid #d9dde4;
}
html .tundra .tree-container .shrink {
  display: none;
}
html .tundra .fileBrowser {
  width: 1050px;
  /*.toolbarButton {
		float: right;
	}*/

  /*.toolbarButtonHover {
		float: right;
	}*/

  /*.toolbarButtonDepressed {
		float: right;
	}*/

}
html .tundra .fileBrowser .fileBrowserToolbar {
  padding-bottom: 5px;
  overflow-y: hidden;
  overflow-x: auto;
}
html .tundra .fileBrowser .dojoSplitContainerSizerH,
html .tundra .fileBrowser .fileBrowser .dojoSplitContainerSizerV {
  border: 0px;
  background-color: transparent;
}
html .tundra .fileBrowser .newToolbarButton,
html .tundra .fileBrowser .listing {
  margin: 2px;
}
html .tundra .fileBrowser .floatRight {
  float: right;
}
html .tundra .fileBrowser .viewButtonContainer {
  margin: 2px;
  display: inline;
}
html .tundra .fileBrowser .viewButtonContainer .newToolbarButton {
  margin: 2px 0;
  float: left;
}
html .tundra .fileBrowser .viewButtonContainer .newToolbarButton:first-child {
  border-radius: 2px 0 0 2px;
}
html .tundra .fileBrowser .viewButtonContainer .newToolbarButton:last-child {
  border-radius: 0 2px 2px 0;
}
html .tundra .fileBrowser .panelTitle {
  padding-left: 5px !important;
}
html .tundra .fileBrowser .opacPanelContent .dropzoneContainer {
  border: 0px;
}
html .tundra .fileBrowser .buttons input {
  margin: 0px 8px 0px 0px;
}
html .tundra .fileBrowser .igx-filebrowser-searchbutton {
  cursor: pointer;
  position: absolute;
  top: 0.8rem;
  margin-left: -1.5rem;
}
html .tundra .dojoMenuItem2Icon.noIcon {
  width: 0;
}
html .tundra .selectedResultLabel {
  padding: 5px;
  margin: 4px;
  cursor: auto;
  box-shadow: none !important;
  display: inline-block;
  border-radius: 4px;
  white-space: nowrap;
  color: white;
  background-color: #51678a;
}
html .tundra .selectedResultLabel:focus {
  outline: none;
  border: none;
}
html .tundra .selectedResultLabel .badge {
  margin-left: 5px;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 1.2rem !important;
  color: white !important;
}
/* -------------------------------------------------------------------------------------------------------
 DND
 --------------------------------------------------------------------------------------------------------*/

html .tundra .drop-container {
  padding: 5px 1px 1px 5px;
  min-height: 40px;
  background-color: white;
  border: 1px solid #d9dde4;
  border-radius: 3px;
  overflow: hidden;
}
html .tundra .drop-container .dummy-placeholder {
  padding: 5px;
}
html .tundra .drop-container .manual-add {
  transition: all 0.5s;
  padding: 5px 9px 9px 5px;
}
html .treeNodeDropTarget {
  border: 1px solid #d9dde4;
}
html .treeNodeDropTarget.clearDropTarget {
  border: 1px solid transparent;
}
html .treeNodeDropTargetOn {
  border: 1px solid #4fc236;
}
html .tundra .dummy-placeholder {
  color: #9da6b4;
}
html .dojoComboBoxOptions {
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  color: #666666;
  background-color: white;
  border: 0;
  position: relative;
  overflow: auto;
  cursor: default;
  border-radius: 3px;
  transition: all 0.2s;
  box-shadow: 0 3px 6px #9da6b4;
}
html .dojoComboBoxOptions .dojoComboBoxItem {
  padding: 5px;
  background-color: white;
}
html .dojoComboBoxOptions .dojoComboBoxItem.dojoComboBoxItemEven {
  background-color: white;
}
html .dojoComboBoxOptions .dojoComboBoxItem.dojoComboBoxItemHighlight {
  background-color: #f2f4f5;
  color: #666666;
}
html .tundra .dojoComboBoxOuter {
  background: none;
  border: 0;
  box-shadow: 0;
  margin-right: 5px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
html .tundra .dojoComboBoxOuter .igx-combobox-input-block {
  display: block;
}
html .tundra .dojoComboBoxOuter .igx-combobox-input-block .igx-input-expand {
  float: none;
  display: inline-block;
  cursor: pointer;
  margin-left: -2.8rem;
}
html .tundra .dojoComboBoxOuter .igx-combobox-input-block .igx-input-expand span {
  margin: 1px;
  position: relative;
  top: 0.3rem;
  padding: 0.5rem 0.8rem;
  background-color: white;
}
html .tundra .dojoComboBoxOuter .igx-combobox-input-block .igx-combo-list-input {
  float: left !important;
  display: inline-block !important;
  width: 100% !important;
}
html .tundra .dojoComboBoxOuter .igx-combobox-input-block .fa {
  color: #292b33;
  padding: 0.6rem 0;
}
html .tundra .dojoComboBoxOuter .igx-combobox-input-block .igx-text-field {
  border: 1px solid #d9dde4;
  width: 100%;
}
html .tundra .dojoComboBoxOuter .fa {
  color: #292b33;
  text-align: center;
  vertical-align: middle;
}
html .contentItemSearchPopup {
  border: none;
  background: white;
  width: 100%;
}
html .contentItemSearchPopup .igx-search-popup {
  box-shadow: 0 3px 6px #6b7d98;
}
html .contentItemSearchPopup .checkboxesContainer {
  padding: 10px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  position: relative;
}
html .contentItemSearchPopup .checkboxesContainer .checkboxesContainer label {
  display: inline-block;
  margin-right: 7px;
}
html .contentItemSearchPopup .contentLookupoptionsContainer {
  width: 100%;
  display: block;
}
html .contentItemSearchPopup .dojoComboBoxOptions {
  border: none;
  clear: both;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
}
html .contentItemSearchPopup .dojoComboBoxOption .dojoComboBoxItem image {
  vertical-align: top;
  margin-top: 3px !important;
}
html .contentItemSearchPopup .dojoComboBoxOption .dojoComboBoxItem span {
  display: inline-block;
  width: 145px;
}
html .tundra .rename,
html .tundra .saveAs {
  width: 36rem;
}
html .tundra .rename #newNameNode,
html .tundra .saveAs #newNameNode {
  display: inline;
  width: 30rem;
  margin: 10px 0;
}
html .tundra .rename .label,
html .tundra .saveAs .label {
  line-height: 2rem;
  display: inline;
  margin: 10px 0;
}
html .tundra .rename .buttons,
html .tundra .saveAs .buttons {
  padding: 5px;
}
html .tundra .newPage {
  width: 390px;
}
html .tundra .newPage .newPageLabel {
  float: left;
  width: 90px;
  line-height: 2.5rem;
}
html .tundra .newPage .newPageValue {
  float: left;
}
html .tundra .newPage select {
  width: 245px;
  padding: 10px !important;
}
html .tundra .newPage input.pageName {
  width: 245px;
}
html .tundra .newPage .error {
  float: left;
  clear: left;
}
html .tundra .newAsset {
  width: 400px;
}
html .tundra .newAsset .newAssetLabel {
  margin: 4px 0;
}
/* -------------------------------------------------------------------------------------------------------
 DATE ELEMENTS
 -------------------------------------------------------------------------------------------------------*/

div.dateInput,
input.dateInput {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}
input.dateInputReadOnly {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #f2f4f5;
}
html .tundra div.dateInputReadOnly,
html .tundra div.dijitComboBoxDisabled {
  background-color: #f2f4f5;
}
/*TODO: Themed*/

html .assetFileUpdateField {
  margin: 20px;
  padding: 10px;
  border: 1px solid #d9dde4;
  background-color: #fafafa;
  border-radius: 2px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
}
html .assetFileUpdateField .EditFormFieldTitle {
  padding: 10px;
  background-color: #f2f4f5;
  border-bottom: 1px solid #d9dde4;
}
html .assetFileUpdateField .EditFormFieldBody {
  padding: 10px;
  background-color: #fafafa;
}
html .assetFileUpdateField .EditFormFieldBody::after,
html .assetFileUpdateField .EditFormFieldBody .previewContainer:after {
  box-sizing: border-box;
  clear: both;
  display: table;
  height: 0px;
  width: 1px;
}
html .assetFileUpdateField .EditFormFieldBody .nameContainer {
  float: left;
  clear: left;
}
html .assetFileUpdateField .slidingContainer {
  transition: all 0.3s ease;
  height: 285px;
  overflow: hidden;
  padding: 0px;
  border: 0px;
  margin: 0px;
}
html .assetFileUpdateField .slidingContainer.previewContainer {
  height: auto;
}
html .assetFileUpdateField .slidingContainer.slidingContainerHidden {
  height: 0px;
}
html .assetFileUpdateField .slidingContainer .dropzoneContainer {
  margin: 0px;
}
html .assetFileUpdateField .igx-edit-label {
  font-size: 1.5em;
  font-weight: bold;
}
html .assetFileUpdateField .igx-text-label {
  display: inline-block;
  line-height: 2rem;
  font-weight: bold;
}
html .assetFileUpdateField .igx-ref-block {
  display: inline-block;
  padding: 10px;
}
html .assetFileUpdateField .igx-ref-block.asset-url {
  display: block;
  padding: 0px;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
}
html .assetFileUpdateField .igx-ref-buttons {
  float: right;
  display: inline-block;
  padding: 10px;
}
html .assetFileUpdateField .igx-is-external {
  padding: 1rem;
  display: inline-block;
}
html .assetFileUpdateField .igx-generic-preview {
  font-size: 4rem;
}
html .tundra .securityDropdown {
  outline: none;
  outline-offset: 0;
  border: 1px solid #d9dde4;
  box-sizing: border-box;
  padding: 5px;
  font-size: 14px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  border-radius: 4px;
  overflow: hidden;
  color: #666666;
  transition: all 0.2s;
}
html .tundra .securityDropdown:not([disabled]):hover {
  border: 1px solid #539ed1;
  box-shadow: inset 0 1px 3px #d9dde4, 1px 2px 4px #d9dde4;
}
html .tundra .securityDropdown:not([disabled]):focus {
  outline: 1px solid #53ace3;
  border: 1px solid #d9dde4;
}
html .insertPosition {
  border: 1px solid #314058;
  box-sizing: border-box;
  height: 3px;
  background-color: #314058;
}
html .tundra .titlePane {
  border: 1px solid #9da6b4;
  background-color: white;
  border-radius: 3px;
  margin: 10px 0;
  transition: all 0.2s;
  overflow: hidden;
}
html .tundra .titlePane.insertBefore {
  margin-top: 7px;
}
html .tundra .titlePane.insertAfter {
  margin-bottom: 7px;
}
html .tundra .titlePane .title {
  font-weight: bold;
}
html .tundra .titlePane .titlePaneHeader {
  box-sizing: border-box;
  display: table;
  width: 100%;
  align-self: stretch;
  cursor: pointer;
  border-bottom: 1px solid #9da6b4;
  background-color: #fafafa;
  transition: all 0.2s;
  /*&.expandedHeader {
			background: linear-gradient(90deg, @Color_P9, @Color_P10) !important;
		}*/

}
html .tundra .titlePane .titlePaneHeader .title,
html .tundra .titlePane .titlePaneHeader .buttons {
  display: table-cell;
  padding: 10px;
  color: #666666;
}
html .tundra .titlePane .titlePaneHeader .title {
  font-size: 1.2rem;
}
html .tundra .titlePane .titlePaneHeader .buttons {
  text-align: right;
}
html .tundra .titlePane .titlePaneHeader .buttons .fa,
html .tundra .titlePane .titlePaneHeader .buttons .igx-fa {
  transition: all 0.3s;
  color: #51678a;
  font-size: 1.5rem;
}
html .tundra .titlePane .titlePaneHeader .buttons .optional-button {
  margin-right: 2rem;
}
html .tundra .titlePane .titlePaneBody {
  display: block;
  padding: 10px;
  background-color: white;
  box-sizing: border-box;
}
html .tundra .titlePane .titlePaneBody.noPadding {
  padding: 0;
}
html .tundra .titlePane.collapsed .titlePaneHeader {
  border-bottom: none;
}
html .tundra .igx-fa.igx-fa-chevron-left.fa-rotate-270 {
  transform: rotate(-90deg);
}
html .tundra .breadCrumb {
  display: block;
  background-color: #f2f4f5;
  border: 1px solid #d9dde4;
  border-radius: 2px;
  padding: 0 20px 0 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 10px 10px 10px;
  text-align: left;
  direction: rtl;
}
html .tundra .breadCrumb.copyMode {
  background-color: white;
}
html .tundra .breadCrumb .pathSection {
  box-sizing: border-box;
  height: 26px;
  display: inline-block;
  padding: 5px;
  color: #666666;
  cursor: pointer;
  transition: all 0.3s;
  text-overflow: ellipsis;
  direction: ltr;
}
html .tundra .breadCrumb .pathSection:after {
  padding-left: 5px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0da";
}
html .tundra .breadCrumb .pathSection:hover {
  /*text-shadow: 0px 0px 2px @Color_T1;*/
  background-color: white;
}
html .tundra .breadCrumb .pathSection .pathSectionName {
  margin-left: 5px;
}
html .tundra .breadCrumb .pathSection .pathSectionName:hover {
  text-decoration: underline;
}
html .tundra .breadCrumb .pathSection:first-child:after {
  padding-left: 0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  content: "";
}
html .tundra .breadCrumb .pathCopyNode {
  box-sizing: border-box;
  height: 26px;
  display: block;
  width: 100%;
  border: none;
  background-color: white;
  outline: none;
  line-height: 26px;
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  text-align: left;
  direction: ltr;
}
html .tundra .dojoTabContainer .overflowTabList {
  display: flex;
  flex: auto;
  flex-flow: rows nowrap;
}
html .tundra .dojoTabContainer .overflowTabList .buttonsContainer {
  flex: 1 1 auto;
  align-self: stretch;
  text-align: left;
  padding: 0;
  height: auto;
}
html .tundra .dojoTabContainer .overflowTabList .buttonsContainer .dojoTab {
  float: none;
  display: inline-block;
}
html .tundra .dojoTabContainer .overflowTabList .buttonsContainer.listMenuButtonContainer {
  width: 30px;
}
html .tundra .dojoTabContainer .overflowTabList .buttonsContainer.listMenuButtonContainer.enabled {
  border-left: 1px solid #9da6b4;
}
html .tundra .dojoTabContainer .overflowTabList .buttonsContainer .newToolbarButton {
  border: none;
}
html .tundra .dojoTabContainer .overflowTabList .buttonsContainer .newToolbarButton .fa.fa-caret-down {
  font-size: 18px;
  margin-top: 3px;
}
html .tundra .dojoTabContainer .overflowTabList .buttonsContainer .newToolbarButton:hover {
  box-shadow: none;
}
html .tundra .dojoTabContainer .overflowTabList .buttonsOverflowContainer,
html .tundra .dojoTabContainer .overflowTabList .inlineTabButtonsContainer {
  overflow: hidden;
  white-space: nowrap;
  flex: 0 1 auto;
}
html .tundra .asset-preview {
  display: block;
  margin: 5px;
  /*width: 100px;
	height: 100px;*/
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  border: 1px solid #d9dde4;
  background-color: white;
  text-align: center;
  border-radius: 2px;
  position: relative;
}
html .tundra .asset-preview.clickable {
  cursor: pointer;
  transition: all 0.2s;
}
html .tundra .asset-preview.clickable:hover {
  box-shadow: 0 3px 6px #d9dde4;
}
html .tundra .asset-preview .icon-preview-container {
  width: 100%;
  border: solid 5px #fafafa;
  background-color: #d9dde4;
}
html .tundra .asset-preview .icon-preview-container .fa,
html .tundra .asset-preview .icon-preview-container .igx-fa {
  color: #fafafa;
}
html .tundra .asset-preview .image-preview {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  /*height: 100%;
		padding: 5px;*/
  transition: all 0.2s;
  /*&:hover{
			background-size: 110%;
		}*/

}
html .tundra .asset-preview .image-zoom {
  position: absolute;
  font-size: 14px;
  color: #666666;
  display: block;
  text-align: right;
  padding-right: 5px;
  text-shadow: 0 0 3px #fafafa;
  width: 100%;
}
html .tundra .asset-preview .document-preview,
html .tundra .asset-preview .text-preview {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
}
html .tundra .dojoDialog .noFooter {
  height: 0;
}
html .tundra .dojoDialog .image-preview-dialog {
  padding: 0 !important;
  transition: all 0.3s;
}
html .tundra .dojoDialog .image-preview-dialog img {
  transition: all 0.3s;
}
/* -------------------------------------------------------------------------------------------------------
 Date time picker in dojo 1.3.
 -------------------------------------------------------------------------------------------------------*/

html .tundra .igxDateTimeTextBoxOuter,
html .tundra .dijitTextBox.igxDateTimeTextBoxOuter {
  background: transparent !important;
  border: 0px !important;
  width: 210px;
  float: left;
  clear: none;
}
html .tundra .igxDateTimeTextBoxOuter:hover,
html .tundra .dijitTextBox.igxDateTimeTextBoxOuter:hover {
  box-shadow: 0px 3px 6px #d9dde4;
}
html .tundra .igxDateTimeTextBoxOuter input[type="text"]:not([readonly]):hover,
html .tundra .dijitTextBox.igxDateTimeTextBoxOuter input[type="text"]:not([readonly]):hover {
  box-shadow: none;
}
html .tundra img {
  outline: none;
}
html .tundra img.loading {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
}
html .tundra .dijitTooltip .dijitTooltipContainer {
  background: none;
  background-color: #f7e9b7;
  border: none;
  box-shadow: 0 0 12px #6b7d98;
  padding: 20px;
  position: relative;
  top: 20px;
}
html .tundra .dijitTooltip.dijitTooltipLeft .dijitTooltipConnector {
  background: none;
  /*background-color: desaturate(@Color_A4, 30%);
			border: none;
			box-shadow: 0 3px 6px @Color_P4;*/

}
html .tundra .dijitTooltip.dijitTooltipLeft .dijitTooltipConnector:after {
  content: "\25B6";
  font-size: 16px;
  color: #f7e9b7;
  position: relative;
  left: 0px;
  transform: scale(1, 1.5);
  text-shadow: 3px 0 4px #9da6b4;
}
html .tundra .dijitTooltip.dijitTooltipRight .dijitTooltipConnector {
  background: none;
  /*background-color: desaturate(@Color_A4, 30%);
			border: none;
			box-shadow: 0 3px 6px @Color_P4;*/

}
html .tundra .dijitTooltip.dijitTooltipRight .dijitTooltipConnector:after {
  content: "\25C0";
  font-size: 16px;
  color: #f7e9b7;
  position: relative;
  left: 4px;
  transform: scale(1, 1.5);
  text-shadow: -3px 0 4px #9da6b4;
}
html .dojoTabLabels-top {
  margin-bottom: -6px;
  display: flex;
  overflow-x: auto;
}
html .dojoTabLabels-top.dojoAlignTop {
  overflow-x: auto;
}
html .siteSearch {
  background-color: white;
  overflow: hidden;
}
html .siteSearch .dojoAlignTop .fa-search {
  font-size: 1.5rem;
}
html .siteSearch .dojoxGridRow:nth-child(even) {
  background-color: #fafafa;
}
html .siteSearch .dojoxGridRow:nth-child(odd) {
  background-color: white;
}
html .siteSearchAdvanced {
  padding: 10px;
  border: 1px solid #d9dde4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
html .tundra .assignmentSettingSelect {
  line-height: 2.5rem;
}
html .tundra igx-ng2-app {
  display: flex;
  flex-flow: column nowrap;
}
html .tundra .ngToolbarContainer {
  flex: 0 1 auto;
  align-self: stretch;
}
html .tundra .old-toolbar-bump {
  z-index: 1;
}
html .tundra preview-advanced-options,
.preview-advanced-options {
  display: block;
  border-top: 1px solid #d9dde4;
  background-color: #f2f4f5;
}
html .tundra preview-advanced-options .previewOptions,
.preview-advanced-options .previewOptions {
  display: flex;
  justify-content: center;
  background-color: #f2f4f5;
  white-space: normal;
  padding: 5px;
  overflow-x: auto;
}
html .tundra preview-advanced-options .previewOptions tr td,
.preview-advanced-options .previewOptions tr td {
  padding: 5px;
}
html .tundra preview-advanced-options .previewOptions tr td.short,
.preview-advanced-options .previewOptions tr td.short {
  width: 20%;
}
html .tundra preview-advanced-options .previewOptions tr td.long,
.preview-advanced-options .previewOptions tr td.long {
  width: 33%;
}
html .tundra preview-advanced-options .previewOptions tr td span,
.preview-advanced-options .previewOptions tr td span {
  flex: 1 0 auto;
  align-self: center;
  /*padding: 5px;*/

}
html .tundra preview-advanced-options .previewOptions tr td input[type="text"],
.preview-advanced-options .previewOptions tr td input[type="text"] {
  width: 100%;
}
html .tundra preview-advanced-options .previewOptions tr td select,
.preview-advanced-options .previewOptions tr td select {
  width: 100%;
  padding: 8px;
}
/* -------------------------------------------------------------------------------------------------------
 NG Categorize
 -------------------------------------------------------------------------------------------------------*/

div.categorizer {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  flex-flow: column nowrap;
}
div.categorizer .categorizerBody {
  flex: 1 1 auto;
  padding: 20px;
  display: flex;
  flex-flow: row nowrap;
  height: 500px;
}
div.categorizer .categorizerBody .taxonomyTreeContainer,
div.categorizer .categorizerBody .gridContainer {
  flex: 6 1 auto;
  align-self: stretch;
  border: 1px solid #9da6b4;
  background-color: white;
  overflow: auto;
  border-radius: 3px;
  flex-basis: 45%;
}
div.categorizer .categorizerBody .taxonomyTreeContainer.dragOver,
div.categorizer .categorizerBody .gridContainer.dragOver {
  box-shadow: 0 0 3px 0 #666666;
}
div.categorizer .categorizerBody .gridContainer {
  position: relative;
}
div.categorizer .categorizerBody .gridContainer .awgrid {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
div.categorizer .categorizerBody .arrowsContainer {
  flex: 0 1 auto;
  align-self: stretch;
  position: relative;
  padding: 30px;
}
div.categorizer .categorizerBody .arrowsContainer .arrows {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
div.categorizer .categorizerBody .arrowsContainer .arrows .transferButton {
  font-size: 38px;
  display: block;
  color: #51678a;
  cursor: pointer;
  margin: 10px 0;
  transition: all 0.5s;
}
div.categorizer .categorizerBody .arrowsContainer .arrows .transferButton:hover {
  text-shadow: 1px 1px 3px #314058;
}
div.categorizer.disabled .categorizerBody .taxonomyTreeContainer,
div.categorizer.disabled .categorizerBody .gridContainer {
  background-color: #f2f4f5;
}
/*--------------------------------------------------------------------------------------------------------
    NG NOT ALLOWED VIEW
--------------------------------------------------------------------------------------------------------*/

blocked-content-item site-breadcrumb {
  padding: 10px 0px 0px 0px;
  background-color: white;
  display: block;
  border-bottom: 1px solid #d9dde4;
}
blocked-content-item .blockedContentItem {
  display: flex;
  margin: 20px;
  background-color: white;
  box-shadow: 2px 2px 6px #d9dde4;
}
blocked-content-item .blockedContentItem .msg {
  color: #666666;
  font: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  display: inline-block;
  flex: 0 1 auto;
  text-align: center;
  max-width: 150px;
  word-wrap: normal;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 200px auto;
}
/* -------------------------------------------------------------------------------------------------------
 NG XML PREVIEW
 -------------------------------------------------------------------------------------------------------*/

div.xmlPreview {
  padding: 4px;
  background-color: white;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
}
div.xmlPreview .tag {
  color: blue;
  cursor: pointer;
}
div.xmlPreview .name {
  color: #d22222;
  cursor: pointer;
}
div.xmlPreview .toggle {
  width: 10px;
  display: block;
  float: left;
  clear: none;
  cursor: pointer;
}
div.xmlPreview .line,
div.xmlPreview .lineEnd {
  text-indent: -20;
  margin-left: 30px;
}
div.xmlPreview .container {
  text-indent: 0;
}
div.xmlPreview .comment {
  color: #999999;
}
div.xmlPreview .menuItem {
  display: block;
  padding: 2px;
  margin-left: 5px;
  padding-left: 21px;
  padding-right: 5px;
  font-size: 11px;
  cursor: pointer;
  background-repeat: no-repeat;
}
html .tundra .igxDateTimeTextBox {
  background: white;
  border: 1px solid gray;
  float: left;
  clear: none;
  margin-right: 5px;
}
html .tundra .igxDateTimeTextBox input {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  margin: 0 0 0 2px;
  padding: 1px 0 1px 2px;
  text-align: left;
}
/* -------------------------------------------------------------------------------------------------------
 CONTENT PROPERTIES
 -------------------------------------------------------------------------------------------------------*/

div.contentPropertiesTopbar {
  background-color: white;
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #d9dde4;
}
html .tundra .igx-dateField input {
  width: 9rem;
}
html .tundra .vertical-align {
  padding-right: 10px;
}
html .tundra .vertical-align .label {
  padding-right: 5px;
}
html .tundra .vertical-align .vertical-item {
  padding: 0 10px;
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  flex-wrap: nowrap;
}
html .tundra .vertical-align .vertical-item .label {
  padding-right: 10px;
}
html .tundra .vertical-align .vertical-item .label.head {
  min-width: 80px;
}
.form-tool-button {
  border: 1px solid #9da6b4;
  font-size: 1.25rem;
  padding: 0.33rem 0.5rem;
  border-radius: 2px;
  display: inline-block;
  cursor: pointer;
}
.form-tool-button.small {
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 14px;
}
.form-tool-button:not(:first-child) {
  margin-left: 1rem;
}
.form-tool-button:hover {
  border: 1px solid #9da6b4;
  color: #292b33;
  box-shadow: 0 0 3px 0 #9da6b4;
}
.form-tool-button.current,
.form-tool-button:active {
  background-color: #d9dde4;
  box-shadow: inset 0 1px 8px -2px #666666;
  border: 1px solid #9da6b4;
}
.form-tool-button.current .buttonFront,
.form-tool-button:active .buttonFront {
  background-color: #d9dde4;
}
.form-tool-button.current:hover,
.form-tool-button:active:hover {
  background-color: #d9dde4;
  box-shadow: inset 0 1px 8px -2px #666666;
  border: 1px solid #9da6b4;
}
div.contentProperties {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  font: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  color: #666666;
}
div.contentProperties .cancelDateButton {
  vertical-align: top;
  padding: 5px;
  font-size: 20px;
  display: inline-block;
  cursor: pointer;
}
div.contentProperties .panel {
  border: 1px solid #d9dde4;
  margin: 2rem;
}
div.contentProperties .panel.left {
  background-color: white;
  order: 1;
  flex: 0 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 165px;
}
div.contentProperties .panel.right {
  background-color: #fafafa;
  border-radius: 3px;
  order: 2;
  flex: 1 1 auto;
  margin-left: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
div.contentProperties .panel .panel-title {
  font-weight: bold;
  padding: 15px 20px;
  color: #292b33;
  border-bottom: 1px solid #d9dde4;
}
div.contentProperties .panel .panel-title.open-panel {
  border: 0;
  padding-bottom: 0px;
}
div.contentProperties .panel .section-option {
  cursor: pointer;
  padding: 10px 20px 10px 10px;
  border-bottom: 1px solid #d9dde4;
  transition: background-color 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.contentProperties .panel .section-option.selected {
  background-color: #f2f4f5;
}
div.contentProperties .panel .properties-section {
  margin: 0 10px;
}
div.contentProperties .panel .properties-section .divider-line {
  border-bottom: 1px solid #d9dde4;
  height: 0px;
  width: 100%;
}
div.contentProperties .panel .properties-section .property-item {
  /*div {
					padding: 5px 0;
				}*/

  margin: 1rem;
}
div.contentProperties .panel .properties-section .property-item .sub-head {
  font-weight: 500;
  color: #292b33;
}
div.contentProperties .panel .properties-section .property-item.explination,
div.contentProperties .panel .properties-section .property-item .explination {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  color: gray;
}
div.contentProperties .panel .right-button {
  display: flex;
  flex-direction: row-reverse;
}
div.contentProperties .panel .right-button input {
  margin-left: 10px;
}
div.contentProperties .panel .general-props td:last-child {
  width: 80%;
}
div.contentProperties .panel .worldview-props td:nth-child(even) {
  width: 10%;
}
div.contentProperties .panel .worldview-props td:nth-child(odd) {
  width: 40%;
}
div.contentProperties .panel .worldview-props .removable-table td:nth-child(even) {
  width: 10%;
}
div.contentProperties .panel .worldview-props .removable-table td:nth-child(odd) {
  width: 38%;
}
div.contentProperties .panel .worldview-props .new-clone-placeholder {
  color: #f2f4f5;
}
div.contentProperties .panel .table-container {
  width: 90%;
  position: relative;
}
div.contentProperties .panel .property-table {
  background-color: white;
  border-collapse: collapse;
  border: 1px solid #d9dde4;
  width: 100%;
  margin-bottom: 10px;
}
div.contentProperties .panel .property-table thead {
  background-color: #f2f4f5;
}
div.contentProperties .panel .property-table tr {
  border-bottom: 1px solid #d9dde4;
}
div.contentProperties .panel .property-table tr.selected {
  background-color: #cde8c7;
}
div.contentProperties .panel .property-table td {
  padding: 10px;
  border-right: 1px solid #d9dde4;
  font: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.contentProperties .panel .property-table td:last-child {
  border: 0;
}
div.contentProperties .panel .property-table .remove-handle {
  width: 4%;
}
div.contentProperties .panel .property-table .checkbox-cell {
  width: 10%;
  align-items: center;
}
div.contentProperties .panel .property-table .fa-times {
  cursor: pointer;
}
div.contentProperties .panel .property-table .fa-times:hover {
  color: #cf2424;
}
html .tundra .ngPreviewContainer {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-flow: column nowrap;
}
html .tundra .previewIframeContentPane {
  display: flex !important;
  flex-flow: column nowrap;
  /*position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;*/

}
html .tundra .previewIframeContentPane .previewToolbar {
  flex: 0 0 auto;
  align-self: stretch;
}
html .tundra .previewIframeContentPane .previewIframeContainer {
  flex: 1 1 auto;
  position: relative;
  align-self: stretch;
  display: flex;
}
html .tundra .previewContainer {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%;
}
html .tundra .previewContainer .previewContentContainer {
  flex: 1 1 auto;
  align-self: stretch;
}
html .tundra .previewContainer .pagebuilderSidebarContainer {
  flex: 0 0 auto;
  align-self: stretch;
  display: none;
  position: relative;
  width: 330px;
}
html .tundra .previewContainer .pagebuilderSidebarContainer .pageBuilderSidebar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
html .tundra .tinymceToolbar {
  background-color: #f0f0f0;
}
html .tundra .mceButton {
  border: 1px solid #b1b1b1;
  border-color: transparent transparent transparent transparent;
  position: relative;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  display: inline-block;
  background-color: #f0f0f0;
  margin: 3px;
}
html .tundra .mceButton:hover {
  color: #333333;
  background-color: #e3e3e3;
  border-color: #cccccc;
}
html .tundra .mceButton:hover button {
  cursor: pointer;
  zoom: 1;
}
html .tundra .mceButton.disabled button,
html .tundra .mceButton.disable:hover button {
  cursor: default;
  opacity: 0.4;
  filter: alpha(opacity=40);
  zoom: 1;
}
html .tundra .mceButton button {
  border: 0;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  color: #333333;
  text-align: center;
  overflow: visible;
  -webkit-appearance: none;
  background-color: transparent;
}
html .tundra .mceButton button .ico {
  font-family: 'tinymce', Arial;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 16px;
  line-height: 16px;
  speak: none;
  vertical-align: text-top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  background: transparent center center;
  background-size: cover;
  width: 16px;
  height: 16px;
}
html .tundra .mceButton button .ico.format:before {
  content: "\e005";
}
html .tundra .mceButton button .ico.undo:before {
  content: "\e00f";
}
html .tundra .mceButton button .ico.redo:before {
  content: "\e010";
}
html .tundra .material_tab_strip {
  background-color: white;
  box-shadow: 0 0 5px 0 #6b7d98;
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html .tundra .material_tab_strip .material_tab {
  white-space: nowrap;
  padding: 12px 17px;
  font-size: 14px;
  display: inline-block;
  border-bottom: 4px solid white;
  cursor: pointer;
}
html .tundra .material_tab_strip .material_tab.selected {
  border-bottom: 4px solid #51678a;
}
html .tundra .dojoMenuItem2Submenu {
  background: none !important;
  font: normal normal normal 14px/1 FontAwesome;
}
html .tundra .dojoMenuItem2Submenu::after {
  content: "\f0da";
}
html .tundra .dojoMenuItem2Hover .dojoMenuItem2Submenu {
  background: none !important;
}
body {
  background-color: #314058;
  background: radial-gradient(#51678a, #314058);
  font-family: "Segoe UI Webfont", "Helvetica", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math";
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}
.clCleaner {
  clear: both;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
}
h1 {
  display: block;
  /*margin:0px 0px 18px 156px;*/
  text-align: center;
  padding: 0;
  font-size: 1.6rem;
  font-weight: normal;
  color: #f2f4f5;
  /*text-shadow: 0 2px 4px @Color_P1;*/

}
h3 {
  display: block;
  padding: 0;
  font-size: 1.1rem;
  font-weight: normal;
  color: #f2f4f5;
}
.idMain {
  /*margin:110px auto 0px auto;*/
  -moz-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
  margin-left: auto;
  margin-right: auto;
  margin-top: 50vh;
}
.idMain .left-box {
  float: left;
  width: 40%;
  min-width: 200px;
}
.idMain .right-box {
  float: left;
  width: 60%;
  margin-left: 5%;
}
.idMain .wrapper-box {
  background-color: #292b33;
  padding: 20px;
  border-radius: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 600px;
}
.idMain .wrapper-box h1,
.idMain .wrapper-box h3 {
  float: none;
  text-align: left;
}
.idMain .wrapper-box p {
  margin: 10px 0 10px 0;
  float: none;
}
.idMain .wrapper-box .idBox {
  max-width: initial;
  margin-left: initial;
  margin-right: initial;
  border: none;
  background-color: initial;
}
.freeze-logo {
  width: 100%;
  font-size: 200px;
  text-align: center;
}
.freeze-logo:before {
  color: #53ace3;
}
.idLogo {
  width: 100%;
  font-size: 200px;
  margin-left: -8px;
  text-align: center;
  color: #53ace3;
  /*text-shadow: 0 3px 5px @Color_P1;*/
  transition: all linear 0.2s;
  text-shadow: 0 3px 6px #314058;
  /*&:hover {
		transition: all linear .4s;
		text-shadow: 1px 8px 16px @Color_P1;
		&:active {
			transition: all linear .1s;
			text-shadow: 1px 1px 2px @Color_P1;
		}
	}*/

}
.idLogo:before {
  color: #d9dde4;
}
.idLogo:after {
  top: 0;
  color: #1d7ab3;
  opacity: 1;
  width: 100%;
}
html .tundra .idBox {
  /*float:left;*/
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  height: auto;
  border-radius: 5px;
  background-color: #edf0f2;
  box-shadow: 0 3px 5px #292b33;
  transition: all linear 0.2s;
  /*margin-top: 30px;*/

}
html .tundra .idBox .login-fields-outer {
  padding: 20px;
}
html .tundra .idBox .login-field {
  display: table;
  margin: 0 auto 0 auto;
  padding-bottom: 5px;
}
html .tundra .idBox .login-field.failure-text {
  text-align: center;
  width: 250px;
  padding-bottom: 20px;
}
html .tundra .idBox label,
html .tundra .idBox p {
  color: #d9dde4;
  float: left;
}
html .tundra .idBox label.rememberMe,
html .tundra .idBox p.rememberMe {
  font-size: 1rem;
  color: #666666;
  cursor: pointer;
}
html .tundra .idBox .clFieldInput {
  float: none;
  border: 0;
  height: auto;
  width: 250px;
  color: #666666;
  font-size: 14px;
  outline: none;
  background-color: #edf0f2;
  border-bottom: 2px solid transparent;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 0;
  box-shadow: none;
  outline: none !important;
}
html .tundra .idBox .clFieldInput:focus {
  border: none !important;
  box-shadow: none !important;
  background-color: white;
  border-bottom: 2px solid #539ed1 !important;
}
html .tundra .idBox .clFieldInput:focus:hover {
  border: none !important;
  box-shadow: none !important;
  background-color: white;
  border-bottom: 2px solid #539ed1 !important;
}
html .tundra .idBox .clFieldInput:hover {
  background-color: #f2f4f5;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  box-shadow: none !important;
}
html .tundra .idBox .clFieldButton {
  width: 250px;
  height: 30px;
}
html .tundra .idBox .clFieldButton.button {
  margin: 10px 0 0 0;
  opacity: 100;
  transition: all linear 0.2s;
}
html .tundra .idBox .clFieldButton.button:hover {
  box-shadow: 0 5px 10px #6b7d98;
}
html .tundra .idBox .clFieldButton.button:focus {
  transition: none;
  outline: 1px solid #53ace3;
  outline-offset: 1px;
}
html .tundra .idBox .clFieldButton.button:active {
  transition: all linear 0s;
  box-shadow: 0 0px 3px #9da6b4;
}
html .tundra .idBox .clFailureText {
  font-weight: bold;
  font-size: 14px;
  color: #cf2424;
  transition: all linear 0.2s;
}
.idFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0;
  margin-bottom: 10px;
  font-size: 16px;
  color: #fafafa;
  text-shadow: 0 1px 2px #292b33;
}
.idFooter span a {
  color: #4fc236;
  opacity: 0.8;
  text-decoration: none;
}