@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek,greek-ext,cyrillic,cyrillic-ext,latin-ext,vietnamese);

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: "open sans";
	color: #444444;
}

a,
a:hover { text-decoration: none; color: #2b82d4; }
b, strong{ font-weight: 600; }

*:focus { outline: 0; }

.table {
	display: table;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

.table-cell {
	display: table-cell;
	margin: 0;
	padding: 0;
}

.center-middle {
	vertical-align: middle;
	text-align: center;
}

.width70 { width: 70%; }
.width30 { width: 30%; }

.float-left,
.block { float: left; }
.float-right { float: right; }
.container { margin-right: 10px; }
.container.last,
.last .title-block,
.container.last fieldset { margin-right: 0; }
.container.prev { margin-left: 10px; }
.absolute-right { position: absolute; right: 10px; top: 36px; margin: 0; }

.row { margin-bottom: 10px; display: table; width: 100%; }
.row2 { margin-bottom: 3px; display: table; width: 100%; text-align: left; font-size: 0; }
.row2 div { display: inline-block; vertical-align: middle; font-size: 13px;} /* display: table-cell; */
.row2.empty,
.row2.text { height: 26px; }
.row2.right { text-align: right; }

#payment_panel {
	background-color: #ffffff;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
}

.logo {
	width: 250px;
	height: 56px;
	margin-bottom: 10px;
}

.details {
	display: inline-block;
	width: 360px;
	margin-bottom: 10px;
	word-wrap: break-word;
}

.completed {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 15px;
	background: #e0efda;
	border: 1px solid #d7e8c8;	
	color: #397947;
	text-align: center;
}