@charset "utf-8";

/*********************************
* Variables
**********************************/

/* PPW custom global variables */
:root {
	/* Universal page padding */
	--ppw-layout-default-padding-x: 24px;

	--ppw-header-color: #ffffff;
	--ppw-header-bg: #002D61;

	--ppw-form-control-font-size: 13px;

	/* Buttons (Based on Bootstrap) */
	--ppw-btn-padding-x: 0.75rem;
	--ppw-btn-padding-y: 0.375rem;
	--ppw-btn-font-family: inherit;
	--ppw-btn-font-size: 1rem;
	--ppw-btn-font-weight: 400;
	--ppw-btn-line-height: 1.5;
	--ppw-btn-color: #000;
	--ppw-btn-bg: #e6e6e6;
	--ppw-btn-border-width: 1px;
	--ppw-btn-border-color: #7ppwppwf;
	--ppw-btn-border-radius: 0.375rem;
	--ppw-btn-hover-border-color: transparent;
	--ppw-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--ppw-btn-disabled-opacity: 0.65;
	--ppw-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--ppw-btn-focus-shadow-rgb), .5);

	/* Listview (Based on Framework7) */
	--ppw-list-item-min-height: 0px;
	--ppw-list-item-padding-horizontal: 16px;
	--ppw-list-item-padding-vertical: 8px;
	--ppw-safe-area-left: 0px;
	--ppw-safe-area-right: 16px;
	--ppw-list-item-media-margin: 16px;
	--ppw-list-item-hover-bg-color: rgba(0, 0, 0, 0.08);

	--ppw-list-chevron-icon-area: 42px;
	--ppw-list-chevron-icon-font-size: 20px;
	--ppw-list-chevron-icon-color: rgba(0, 0, 0, 0.2);
	--ppw-list-chevron-icon-right: 'chevron_right';

	--ppw-list-item-title-white-space: nowrap;
	--ppw-list-item-title-font-size: inherit;
	--ppw-list-item-title-font-weight: 400;
	--ppw-list-item-title-text-color: #1b1b1f;
	--ppw-list-item-title-line-height: inherit;

	--ppw-list-item-after-padding: 8px;
	--ppw-list-item-after-font-size: 14px;
	--ppw-list-item-after-font-weight: 400;
	--ppw-list-item-after-text-color: #44474f;
	--ppw-list-item-after-line-height: inherit;

	--ppw-list-item-header-text-color: #44474f;
	--ppw-list-item-header-font-size: 12px;
	--ppw-list-item-header-font-weight: 400;
	--ppw-list-item-header-line-height: 1.2;

	--ppw-list-item-footer-text-color: #44474f;
	--ppw-list-item-footer-font-size: 12px;
	--ppw-list-item-footer-font-weight: 400;
	--ppw-list-item-footer-line-height: 1.2;

	/* Form controls */

	--ppw-form-control-border-width: 1px;
	--ppw-form-control-border-radius: 2px;
}