consumerportal/css/src/dialog.css

mydna Custimised for you

/* Dialog */

body.dialog {
	/* overflow: hidden; */ /* No hidden overflow as this will cause scrollbar to disappear and move things around */
}
/*body section span h2{
	color:#006eb7;font-size:2.0em;font-weight:bold
}*/

#dialog {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

body.dialog #dialog {
	display: block;
}

#dialog-shield {
	background-color: #666;
	height: 100%;
	left: 0;
	opacity: 0.9;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10000;
}

#dialog-container {
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 10001;
}

#dialog-content {
	background-color: #fff;
	box-shadow: 1px 1px 1px #cccccc;
	font-size: 1rem;
	left: 50%;
	margin: auto;
	padding: 1.3rem;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
}

@media (max-width: 460px) {
	
	#dialog-content {
		left: 0;
		margin: auto;
		padding: 1.3rem;
		position: fixed;
		top: 50%;
		transform: translate(0, -50%);
		width: 100%;
	}
	
}

/*#dialog-content h5 {
	font-size: 1.4rem;
	font-weight: bold;
}*/

#dialog-content h5 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #006EB7;
    text-transform: capitalize;
}



#dialog-content p {
	line-height: 1.3rem;
	margin: 1.3rem 0;
}

#dialog-buttons {
	padding-top: 0.6rem;
	text-align: right;
}

#dialog-buttons button,
#dialog-buttons .button {
	box-shadow: 1px 1px 1px #cccccc;
	margin-left: 0.6rem;
	min-width: 90px;
	padding: 7px 12px;
	text-align: center;
}

#dialog-buttons button:first-child,
#dialog-buttons .button:first-child {
	margin-left: 0;
}