html, 
body { 
	min-height: 100%;
	height: auto;
}

.ir-sb {
	position: fixed;
	z-index: 999;
	-webkit-box-shadow: 0 0 10px 1px #333;
	-moz-box-shadow: 0 0 10px 1px #333;
	box-shadow: 0 0 10px 1px #333;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: white;

	/* reset line-height because of container line-height hack */
	line-height: normal;
	padding: 25px;
}
.ir-sb-top-left,
.ir-sb-top-right,
.ir-sb-bottom-left,
.ir-sb-bottom-right,
.ir-sb-middle{
	position:absolute;
	z-index:999;
}

.ir-sb-top-left{
	top: 0; left: 0; bottom: auto; right: auto;
	display: none;
}

.ir-sb-top-right{
	top: 0; right: 0; bottom: auto; left: auto;
	display: none;
}

.ir-sb-bottom-left{
	bottom: 0; left: 0; top: auto; right: auto;
	display: none;
}
.ir-sb-bottom-right{
	bottom: 0; right: 0; top: auto; left: auto;
	display: none;
}
.ir-sb-middle{
	left:50%;
	top:50%;
	z-index: 999;
	transform:translate(-50%, -50%);
	display: none;
} 

/* remove top & bottom margin from last child element */
.ir-sb-container{
	width: 100%;
	height: 100%;
}
.ir-sb-content > *:first-child {
	margin-top: 0;
	padding-top: 0;
}
.ir-sb-content > *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.ir-sb-close {
	position:absolute; 
	right :0;
	top: 0;
	text-align:center;
	padding: 6px;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	font-size: 36px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}
.ir-sb-close:hover, .ir-sb-close:focus{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .8;
	filter: alpha(opacity=80);
}