/**
 * Licensed Materials - Property of IBM
 *
 * IBM Cognos Products: BI UI Commons
 *
 * (C) Copyright IBM Corp. 2016, 2018
 *
 * US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 */

.glass .dialogBlocker.newModalDialog {
	@include theming(background-color, primary3, 0.4);
}

.glass .dialogBlocker.newModalDialog .dialogBlockerCell .modalDialog {
	border-top: solid 4px;
	@include theming(border-top-color, primary3);
	min-width: 80%;
}

.glass .dialogBlocker.newModalDialog .dialogBlockerCell .dialogButton.primary {
 	margin: 0px;
}

.glass .dialogBlocker.newModalDialog .dialogBlockerCell .dialogButton.secondary {
 	margin-left: $space-s;
}

.glass .dialogBlocker.newModalDialog .shareDialogView .shareDialogText,
.glass .dialogBlocker.newModalDialog .embedDialogView .embedDialogText,
.glass .dialogBlocker.newModalDialog .embedDialogView .embedURLPropertiesContainer {
	margin: $space-m;
	@include theming(color, gray4);
	font-family: $font-family;
	@extend %body-text-s;
}

.glass .dialogBlocker.newModalDialog .shareDialogView .urlAndCodeContainer,
.glass .dialogBlocker.newModalDialog .embedDialogView .urlAndCodeContainer {
	display: flex;
}

.glass .dialogBlocker.newModalDialog .shareDialogView .displayedURLOrCode,
.glass .dialogBlocker.newModalDialog .embedDialogView .displayedURLOrCode {
	margin: 0px $space-m 0px $space-m;
	flex: 1;
	@include theming(color, gray5);
  padding-left: 4px;
  border: 1px solid theming(gray3);
}

.glass .dialogBlocker.newModalDialog .urlAndCodeContainer textarea.displayedURLOrCode {
	width: 100%;
	height: 96px;
}

.glass .dialogBlocker.newModalDialog .embedDialogView .embedURLPropertiesContainer input,
.glass .dialogBlocker.newModalDialog .embedDialogView .embedURLPropertiesContainer input.invalid {
	outline: none;
	border: none;
  border-bottom: 2px solid theming(gray4);
  margin-right: $space-s;
  width: 60px;
}

.glass .dialogBlocker.newModalDialog .embedDialogView .embedURLPropertiesContainer input:focus {
	border-bottom: 2px solid;
	@include theming(border-bottom-color, primary2);
}

.glass .dialogBlocker.newModalDialog .embedDialogView .embedURLPropertiesContainer input.invalid {
	font-family: $font-family;
	border-bottom: 2px solid;
	@include theming(border-bottom-color, communication3);
	@include theming(color, communication3);
	@extend %body-text-s;
}