.oc-dialog {
	background        : white;
	color             : #333333;
	border-radius     : 3px;
	box-shadow        : 0 0 7px #888888;
	padding           : 15px;
	z-index           : 1000;
	font-size         : 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing   : border-box;
	box-sizing        : border-box;
	min-width         : 340px;
	max-height        : calc(100vh - 60px);
	overflow-y        : auto;
}

@media (max-width: 512px) {
	.oc-dialog {
		position: absolute;
		top     : 55px;
		right   : 10px;
		left    : 10px;
	}
}

@media (min-width: 513px) {
	/* Center positioning */
	.oc-dialog {
		position : fixed;
		left     : 50%;

		/* Add half of the titlebar height */
		top      : calc(50% + 22.5px);
		transform: translate(-50%,-50%);
	}
}

.oc-dialog-title {
	background   : white;
	font-weight  : bold;
	font-size    : 110%;
	margin-bottom: 10px;
}

.oc-dialog-content {
	z-index   : 1000;
	background: white;
}

.oc-dialog-separator {}

.oc-dialog-buttonrow {
	background: white;
	float     : right;
	position  : relative;
	bottom    : 5px;
	display   : block;
	margin-top: 10px;
	width     : 100%;
}

/* align primary button to right, other buttons to left */
.oc-dialog-buttonrow.threebuttons button:nth-child(1) {
	float: left;
}

.oc-dialog-buttonrow.threebuttons button:nth-child(2),
.oc-dialog-buttonrow.threebuttons button:nth-child(3) {
	float: right;
}

/* align primary button to right, other buttons to left */
.oc-dialog-buttonrow.twobuttons button:nth-child(1) {
	float: left;
}

.oc-dialog-buttonrow.twobuttons button:nth-child(2) {
	float: right;
}

.oc-dialog-buttonrow.onebutton button {
	float: right;
}

.oc-dialog-close {
	position  : absolute;
	top       : 7px;
	right     : 7px;
	height    : 20px;
	width     : 20px;
	background: url("../img/actions/close.svg") no-repeat center;
}

.oc-dialog-dim {
	background-color: #000;
	opacity         : 0.20;
	z-index         : 999;
	position        : fixed;
	top             : 0;
	left            : 0;
	width           : 100%;
	height          : 100%;
}

.error-message-global,
.success-message-global {
	background-color          : rgb(242, 222, 222);
	border                    : 1px solid rgb(235, 204, 209);
	border-radius             : 4px;
	box-sizing                : border-box;
	color                     : rgb(169, 68, 66);
	font-family               : Verdana,sans-serif;
	font-size                 : 15px;
	line-height               : 22.5px;
	margin-bottom             : 20px;
	opacity                   : 1;
	padding                   : 15px 35px 15px 15px;
	transition-delay          : 0s;
	transition-duration       : 0.15s;
	transition-property       : opacity;
	transition-timing-function: linear;
	-moz-border-bottom-colors : none;
	-moz-border-left-colors   : none;
	-moz-border-right-colors  : none;
	-moz-border-top-colors    : none;
}

.success-message-global {
	background-color: rgb(222, 242, 226);
	border-color    : rgb(177, 218, 186);
	color           : rgb(66, 169, 76);
}
