@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, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: "open sans";
	color: #444444;
	overflow: auto;
}
a,
a:hover { text-decoration: none; color: #2b82d4; }
b, strong{ font-weight: 600; }
*:focus { outline: 0; }

/*#################################################*/
/* INPUTBOXES, SELECT
/*#################################################*/

.inputbox { width: 100%; padding: 0 5px;}
textarea.inputbox { padding: 5px; }
input, textarea {
	-webkit-box-sizing: border-box;‌​
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input.color,
input.color:focus,
input.color:hover { border: none; }
input,
select,
.inputbox,
.textarea {
	margin: 0;
	height: 26px;
	border: 1px solid #f5f5f5;
	font-size: 13px;
	font-family: "open sans";
	color: #444444;
	background: #f5f5f5;
}
input:focus,
textarea:focus,
select:focus { background-color: #ffffff; }
input:hover,
textarea:hover,
select:hover { background-color: #ffffff; }
input:disabled,
textarea:disabled,
select:disabled { border: 1px solid #eeeeee; background-color: #eeeeee; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #999999;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #999999;
}
:-moz-placeholder { /* Firefox 18- */
	color: #999999;
}

/*#################################################*/
/* DIMENSIONS
/*#################################################*/

.width30 { width: 30%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width70 { width: 70%; }
.width100 { width: 100%; }

/*#################################################*/
/* FLOATING AND SPACING
/*#################################################*/

.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; }

/*#################################################*/
/* TABLELESS
/*#################################################*/

.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; }
.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;
}

/*#################################################*/
/* PAY
/*#################################################*/

.logo {
	width: 250px;
	height: 56px;
	margin-bottom: 10px;
}
.title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f5f5f5;
	font-weight: 600;
	font-size: 13px;
	color: #2b82d4;
}
.details {
	display: inline-block;
	width: 90%;
	max-width: 450px;
	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;
}