@lidorsystems/integralui-web/bin/integralui/css/integralui.dialog.css

IntegralUI Web - Advanced UI Components for Angular

.iui-dialog
{
	background-color: #ffffff;
	box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
	height: 400px;
	margin: auto;
	min-height: 200px;
	min-width: 200px;
	max-width: 800px;
	padding: 10px;
  	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	white-space: nowrap;
	width: 600px;
	z-index: 9999999;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
    -ms-user-select: none;
	user-select: none;

	box-shadow: 5px 5px 20px #808080;
}

.iui-dialog-overlay
{
  	background: #000000;
  	margin: 0;
  	opacity: 0.2;
  	padding: 0;
  	position: fixed;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	z-index: 99999;
}
.iui-dialog-icon
{
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.iui-dialog-buttons
{
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: 10;
}
.iui-dialog-button-close
{
    background-image: url(../icons/close-24.png);
	opacity: 0.4;
}
.iui-dialog-button-close:hover
{
	opacity: 1;
}

/* Disabled State */
.iui-dialog-disabled
{
	opacity: 0.75;
	pointer-events: none;
}

.iui-dialog-animation
{
	animation-name: dialog;
	animation-delay: 0s;
	animation-direction: normal;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-play-state: running;
	animation-timing-function: linear; 
}
@keyframes dialog
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}


.iui-overlay-animation
{
	animation-name: overlay;
	animation-delay: 0s;
	animation-direction: normal;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-play-state: running;
	animation-timing-function: linear; 
}
@keyframes overlay
{
	0% { opacity: 0; }
	100% { opacity: 0.2; }
}