/**
 * Plugin Name: VRPayment
 * Author: VR Payment GmbH
 * Text Domain: vrpayment
 * Domain Path: /languages/
 *
 * VRPayment
 * This plugin will add support for all VRPayment payments methods and connect the VRPayment servers to your WooCommerce webshop (https://www.vr-payment.de/).
 *
 * @category Class
 * @package  VRPayment
 * @author   VR Payment GmbH (https://www.vr-payment.de)
 * @license  http://www.apache.org/licenses/LICENSE-2.0 Apache Software License (ASL 2.0)
 */
/* Icons for status */
@font-face {
	font-family: 'class-vrpayment';
	src: url('../font/class-vrpayment.eot?8310684');
	src: url('../font/class-vrpayment.eot?8310684#iefix') format('embedded-opentype'),
		url('../font/class-vrpayment.woff2?8310684') format('woff2'),
		url('../font/class-vrpayment.woff?8310684') format('woff'),
		url('../font/class-vrpayment.ttf?8310684') format('truetype'),
		url('../font/class-vrpayment.svg?8310684#class-vrpayment') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Status Icons */
.widefat .column-order_status mark.vrpaym-redirected::after, .widefat .column-order_status mark.vrpaym-waiting::after,
	.widefat .column-order_status mark.vrpaym-manual::after {
	font-family: class-vrpayment;
	speak: none;
	font-weight: 400;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	text-indent: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 100%;
}

.widefat .column-order_status mark.vrpaym-redirected:after {
	content: "\e800";
	background-color: #ffba00;
	color: #ffffff;
	line-height: 1.2;
	font-size: 75%;
}

.widefat .column-order_status mark.vrpaym-waiting:after {
	content: "\f252";
	background-color: #baba00;
	color: #ffffff;
	line-height: 1.6;
	font-size: 65%;
}

.widefat .column-order_status mark.vrpaym-manual:after {
	content: "\e801";
	background-color: #ff2000;
	color: #ffffff;
	line-height: 1.4;
	font-size: 75%;
}

.order-status.status-vrpaym-redirected{

}

.order-status.status-vrpaym-waiting{
	background-color: #f8e8a7;
	color: #94790c;
}

.order-status.status-vrpaym-manual{
	background-color: #f8bfa7;
	color: #94340c;

}

/* Invoice & PackingSlip Download */

.order_actions .vrpayment-button-download-invoice,.order_actions .vrpayment-button-download-packingslip {
	display: block;
	text-indent: -9999px;
	position: relative;
	height: 1em;
	width: 1em;
	padding: 0!important;
	height: 2em!important;
	width: 2em
}

.order_actions .vrpayment-button-download-invoice::after, .widefat .wc_actions .vrpayment-action-button.vrpayment-button-download-invoice::after {
	font-family: class-vrpayment;
	speak: none;
	font-weight: 400;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-indent: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	content: "\f0f6";
	line-height: 1.85;
	margin: 0px;
}

.order_actions .vrpayment-button-download-packingslip::after, .widefat .wc_actions .vrpayment-action-button.vrpayment-button-download-packingslip::after  {
	font-family: class-vrpayment;
	speak: none;
	font-weight: 400;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-indent: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	content: "\e802";
	line-height: 1.85;
	margin: 0px;
}

/* Backend Transction info */
.order-vrpayment-transaction-metabox {

}

.order-vrpayment-transaction-metabox .vrpayment-transaction-data-column-container
	{
	overflow: auto;
}

.order-vrpayment-transaction-metabox .vrpayment-transaction-data-column-container .vrpayment-transaction-column
	{
	float: left;
	margin-right: 40px;
}

#woocommerce-order-items button.button-primary.vrpayment-completion-show {
	float: left;
	margin-right: .25em;
}

/* Completion / Void in progess info */
.vrpayment-action-in-progress {
	float: left;
}

.vrpayment-status-mapping-header {
	display: flex;
	font-weight: 600;
	font-size: 1.3em;
	margin: 1em 0;
	color: #1d2327;
}
.vrpayment-status-mapping-col-left {
	width: 200px;
	padding-right: 24px;
}
.vrpayment-status-mapping-col-right {
	padding: 0 10px;
}

.vrpayment-refund-state-pending {
	background-color: rgba(255, 186, 0, 0.55);
}

.vrpayment-refund-state-failue {
	background-color: rgba(170, 0, 0, 0.55);
}