.clear,

.clearfix:after {

	clear: both

}



a img,

img {

	height: auto;

	max-width: 100%

}



body {

	margin: 0;

	padding: 0;

	font-family: Arial, sans-serif;

	font-size: 15px

}



li,

ul {

	list-style-type: none

}



.left {

	float: left

}



.right {

	float: right

}



.clearfix:after,

.clearfix:before {

	content: " ";

	display: table

}



.alignRright {

	float: right;

	margin: 0 0 12px 15px

}



.alignLeft,

.float-left {

	float: left

}



.alignLeft {

	margin: 0 15px 12px 0

}



.alignCenter {

	float: none!important;

	margin: 0 auto;

	display: block

}



a img,

img {

	border: 0

}



.text-left {

	text-align: left

}



.text-right {

	text-align: right

}



.text-center {

	text-align: center

}



.text-justify {

	text-align: justify

}



.config-errors h3 {

	padding: 10px 0;

	margin: 5px

}



.config-errors ul {

	padding: 0;

	margin: 0

}



.config-errors li {

	padding: 10px;

	margin: 5px;

	background-color: #FCC;

	border: 1px solid #C00;

	color: #333;

	font: 15px/20px arial, sans-serif

}



.config-errors li strong {

	float: right

}



input[type=text],

input[type=search],

input[type=number],

input[type=password],

input[type=tel],

input[type=email],

select,

textarea {

	background: #FFF;

	border: 1px solid #a7abad;

	color: #222;

	height: 32px;

	line-height: 22px;

	width: 100%;

	font-size: 14px;

	padding: 3px 8px;

	outline: 0;

	font-family: Arial, sans-serif;

	font-weight: 400;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box

}



textarea {

	padding: 6px;

	height: 150px

}



select {

	line-height: 24px;

	padding: 4px;

	height: 32px

}



input[type=text]:focus,

input[type=search]:focus,

input[type=password]:focus,

input[type=tel]:focus,

input[type=email]:focus,

select:focus,

textarea:focus {

	background: #fff;

	box-shadow: 0 0 5px #51cbee;

	border: 1px solid #51cbee

}



input.has-error,

select.has-error {
/*
	background: url("../images/error-input.png") 99.5% 50% no-repeat #fff;

	border: 1px solid orange*/

}



input.no-error,

select.no-error {

	background: url("../images/tick-input.png") 99.5% 50% no-repeat #fff;

	border: 1px solid green

}



input.loading,

select.loading {

	background: url("../images/ajax-loader.gif") 99.5% 50% no-repeat #fff;

	border: 1px solid #51cbee

}



.app-benchmark {

	position: fixed;

	width: 98%;

	left: 0;

	bottom: 0;

	padding: 5px 1%;

	background-color: #CCC;

	color: #333;

	text-align: right

}



#app_common_modal,

#error_handler_overlay {

	position: fixed;

	top: 0;

	left: 0;

	padding: 0;

	margin: 0;

	width: 100%;

	height: 100%;

	z-index: 2147483647;

	background: #333;

	background: rgba(255, 255, 255, .8);

	display: none;

	overflow-x: hidden;

	-webkit-overflow-scrolling: touch

}



#app_common_modal .app_modal_body,

#error_handler_overlay .error_handler_body {

	max-width: 600px;

	-webkit-background-clip: padding-box;

	font-family: Verdana, Geneva, sans-serif;

	box-sizing: border-box;

	outline: 0

}



#error_handler_overlay .error_handler_body {

	margin: 100px auto;

	width: 95%;

	padding: 20px;

	background-color: #fff;

	background-clip: padding-box;

	border: 1px solid #999;

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 0;

	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

	font-size: 14px;

	line-height: 1.42857143;

	color: #333;

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box

}



#app_common_modal_close,

#error_handler_overlay_close {

	position: absolute;

	right: -10px;

	top: -10px;

	color: #FFF;

	background-color: #333;

	border: 2px solid #FFF;

	border-radius: 50%;

	width: 30px;

	height: 30px;

	text-align: center;

	cursor: pointer;

	text-decoration: none;

	font-weight: 700;

	line-height: 30px;

	padding: 0;

	margin: 0

}



#app_common_modal .app_modal_body {

	margin: 100px auto;

	min-width: inherit;

	width: 95%;

	min-height: 400px;

	padding: 2.5%;

	background-color: #fff;

	background-clip: padding-box;

	border: 1px solid #999;

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 0;

	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

	font-size: 14px;

	line-height: 1.42857143;

	color: #333;

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box

}



#app_common_modal .app_modal_body iframe {

	min-height: 400px;

	width: 100%;

	border: 1px solid #d5d6ef

}



.exitpop-content {

	position: fixed;

	height: 400px;

	width: 708px;

	margin: -200px 0 0 -354px;

	top: 50%;

	left: 50%;

	text-align: left;

	padding: 0;

	border: none;

	z-index: 2147483647

}



.exitpopup-overlay {

	background: rgba(0, 0, 0, .6);

	height: 100%;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 2147483647;

	display: none

}



.exitpop-content img {

	display: block;

	margin: 0 auto;

	position: relative;

	text-align: center;

	max-width: 100%;

	height: auto

}



.exitpop-discountbar {

	background-color: red;

	border-bottom: 4px dashed #fff;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: 700;

	height: 50px;

	line-height: 50px;

	position: fixed;

	text-align: center;

	top: 0;

	width: 100%;

	z-index: 9999;

	display: none

}



.app-load-spinner {

	display: none;

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	width: 100px;

	height: 100px;

	margin: auto;

	background-color: #333;

	border-radius: 100%

}



.clear {

	line-height: 0;

	height: 0

}



.button,

button,

input[type=button],

input[type=submit] {

	border: 0;

	width: 100%;

	display: block;

	cursor: pointer;

	position: relative;

	outline: 0;

	padding: 10px 15px;

	/*background: #2288D0;*/

	color: #fff;

	font-size: 20px

}



#loading-indicator::after,

#loading-indicator::before {

	box-sizing: border-box;

	left: 50%;

	position: absolute;

	top: 50%

}



/*.button:hover,

button:hover,

input[type=button]:hover,

input[type=submit]:hover {

	background: #2791E4

}*/



.defult {

	padding: 10px 15px

}



.defult form label {

	width: 175px;

	display: inline-block

}



.defult input[type=text],

.defult input[type=search],

.defult input[type=number],

.defult input[type=password],

.defult input[type=tel],

.defult input[type=email],

.defult select,

.defult textarea {

	max-width: 275px

}



.defult .button,

.defult button,

.defult input[type=button],

.defult input[type=submit] {

	max-width: 450px

}



.all-card-types li {

	float: left;

	margin-right: 20px

}



#loading-indicator {

	background-color: rgba(0, 0, 0, .5);

	bottom: 0;

	box-sizing: border-box;

	font-size: 1px;

	height: 100%;

	left: 0;

	margin: 0!important;

	padding: 0!important;

	position: fixed;

	right: 0;

	top: 0;

	width: 100%;

	z-index: 2147483646

}



#loading-indicator::before {

	background: url("../images/loading.gif") center center no-repeat rgba(0, 0, 0, 0);

	content: "";

	height: 70px;

	margin-left: -35px;

	margin-top: -70px;

	width: 70px;

	z-index: 2

}



#loading-indicator::after {

	background: #fff;

	border-radius: 5px;

	color: #000;

	content: "Processing, one moment please... ";

	font-family: arial;

	font-size: 17px;

	height: 110px;

	line-height: 98px;

	margin-left: -150px;

	margin-top: -75px;

	padding-top: 35px;

	text-align: center;

	width: 300px;

	z-index: 1

}



@-webkit-keyframes scaleout {

	0% {

		-webkit-transform: scale(0)

	}

	100% {

		-webkit-transform: scale(1);

		opacity: 0

	}

}



@keyframes scaleout {

	0% {

		transform: scale(0);

		-webkit-transform: scale(0)

	}

	100% {

		transform: scale(1);

		-webkit-transform: scale(1);

		opacity: 0

	}

}



span.cb-inline-error {

	margin-top: 10px;

	font-weight: 100;

	color: #c00;

	display: block

}



form {

	padding: 10px

}