/*
PWJ Admin Styles
Version: 1.0
Author: MemberDev;
*/

/* Table of Contents
========================================================================================================== */
/*
01: Global
02: Header
03: Content
04: Footer
05: Forms
06: Tables
07: Bootstrap
08: Plugins
09: Behavioral (JS)
10: Responsive (Media Queries)
/*


/* 01: Global
========================================================================================================== */
/* Load Fonts */
/* @font-face {
    font-family: 'coresans';
    src: url('../fonts/coresansc15-webfont.eot');
    src: url('../fonts/coresansc15-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coresansc15-webfont.woff2') format('woff2'),
         url('../fonts/coresansc15-webfont.woff') format('woff'),
         url('../fonts/coresansc15-webfont.ttf') format('truetype'),
         url('../fonts/coresansc15-webfont.svg#core_sans_c15_thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'coresans';
    src: url('../fonts/coresansc15it-webfont.eot');
    src: url('../fonts/coresansc15it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coresansc15it-webfont.woff2') format('woff2'),
         url('../fonts/coresansc15it-webfont.woff') format('woff'),
         url('../fonts/coresansc15it-webfont.ttf') format('truetype'),
         url('../fonts/coresansc15it-webfont.svg#core_sans_c15_thin_italic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'coresans';
    src: url('../fonts/coresansc25-webfont.eot');
    src: url('../fonts/coresansc25-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coresansc25-webfont.woff2') format('woff2'),
         url('../fonts/coresansc25-webfont.woff') format('woff'),
         url('../fonts/coresansc25-webfont.ttf') format('truetype'),
         url('../fonts/coresansc25-webfont.svg#core_sans_c25_extralight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'coresans';
    src: url('../fonts/coresansc25it-webfont.eot');
    src: url('../fonts/coresansc25it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coresansc25it-webfont.woff2') format('woff2'),
         url('../fonts/coresansc25it-webfont.woff') format('woff'),
         url('../fonts/coresansc25it-webfont.ttf') format('truetype'),
         url('../fonts/coresansc25it-webfont.svg#core_sans_c25XLtI') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'coresans';
    src: url('../fonts/coresansc35-webfont.eot');
    src: url('../fonts/coresansc35-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coresansc35-webfont.woff2') format('woff2'),
         url('../fonts/coresansc35-webfont.woff') format('woff'),
         url('../fonts/coresansc35-webfont.ttf') format('truetype'),
         url('../fonts/coresansc35-webfont.svg#core_sans_c35_light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'coresans';
    src: url('../fonts/coresansc35it-webfont.eot');
    src: url('../fonts/coresansc35it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coresansc35it-webfont.woff2') format('woff2'),
         url('../fonts/coresansc35it-webfont.woff') format('woff'),
         url('../fonts/coresansc35it-webfont.ttf') format('truetype'),
         url('../fonts/coresansc35it-webfont.svg#core_sans_c35_light_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'coresans';
    src: url('../fonts/coresansc55-webfont.eot');
    src: url('../fonts/coresansc55-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coresansc55-webfont.woff2') format('woff2'),
         url('../fonts/coresansc55-webfont.woff') format('woff'),
         url('../fonts/coresansc55-webfont.ttf') format('truetype'),
         url('../fonts/coresansc55-webfont.svg#core_sans_c55_medium') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'coresans';
    src: url('../fonts/coresansc55it-webfont.eot');
    src: url('../fonts/coresansc55it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coresansc55it-webfont.woff2') format('woff2'),
         url('../fonts/coresansc55it-webfont.woff') format('woff'),
         url('../fonts/coresansc55it-webfont.ttf') format('truetype'),
         url('../fonts/coresansc55it-webfont.svg#core_sans_c55_medium_italic') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'coresans';
    src: url('../fonts/coresansc65-webfont.eot');
    src: url('../fonts/coresansc65-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coresansc65-webfont.woff2') format('woff2'),
         url('../fonts/coresansc65-webfont.woff') format('woff'),
         url('../fonts/coresansc65-webfont.ttf') format('truetype'),
         url('../fonts/coresansc65-webfont.svg#core_sans_c65_bold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'coresans';
    src: url('../fonts/coresansc65it-webfont.eot');
    src: url('../fonts/coresansc65it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coresansc65it-webfont.woff2') format('woff2'),
         url('../fonts/coresansc65it-webfont.woff') format('woff'),
         url('../fonts/coresansc65it-webfont.ttf') format('truetype'),
         url('../fonts/coresansc65it-webfont.svg#core_sans_c65_bold_italic') format('svg');
    font-weight: 800;
    font-style: italic;
} */
/* End Fonts */

/* ---------- Wrapper ---------- */
.pwja-wrapper {
	position: relative;
	margin-right: 20px;
	font-family: 'coresans', sans-serif;
	font-weight: 300;
	color: #555;
	background: #fff;
}
.pwja-wrapper h1,
.pwja-wrapper h2,
.pwja-wrapper h3,
.pwja-wrapper h4,
.pwja-wrapper h5,
.pwja-wrapper h6 {
	margin: 0 0 10px;
	letter-spacing: -0.025em;
	line-height: 1.4em;
	color: #333;
}
.pwja-wrapper h1 {font-size: 2em; font-weight: 300;}
.pwja-wrapper h2 {font-size: 1.8em;}
.pwja-wrapper h3 {font-size: 1.6em; font-weight: 700; color: #036;}
.pwja-wrapper h4 {font-size: 1.4em; font-weight: 700;}
.pwja-wrapper h5 {font-size: 1.2em; color: #036;}
.pwja-wrapper h6 {font-size: 1.1em;}
.pwja-wrapper p {font-size: 1em; line-height: 1.6em; margin: 0 0 20px;}
.pwja-wrapper .pwja-headline {font-size: 1.5em; font-weight: 300; letter-spacing: -0.025em; line-height: 1.6; margin: 0 0 30px; color: #333;}

.pwja-caption {
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background: #ddd;
	color: #333;
}
.pwja-terms {
	font-size: .75em;
	margin: 0 0 20px;
}
.pwja-quote {
	font-family: Georgia;
	font-size: 1.2em;
	font-style: italic;
}

.pwja-pre {
	position: relative;
	padding: 15px;
	margin: 0 0 20px;
	background: #eee;
	color: #333;
	font-size: .75em;
	line-height: 1.8em;
	border: 1px solid #ddd;
	border-radius: 0;
}

.pwja-sup {
	font-family: Arial, sans-serif;
	font-size: .75em;
	vertical-align: top;
}

.pwja-blockquote {
	padding: 15px;
	margin: 0 0 20px;
	background: #f5f5f5;
	font-size: 1.2em;
	color: #333;
	border-left: 4px solid #000;
}

.pwja-code {
	padding: 5px 7px;
	background: #eee;
}

.pwja-hr {
	margin: 20px 0;
	border-top-color: #ddd;
}
.pwja-hr.hr-10 {
	margin: 10px 0;
}
.pwja-hr.hr-15 {
	margin: 15px 0;
}
.pwja-hr.hr-30 {
	margin: 30px 0;
}
.pwja-hr.hr-thick {
	border-top-width: 5px;
}
.pwja-hr.hr-blank {
	height: 1px;
	margin: 20px 0;
	border: none;
}
.pwja-hr.hr-trans {
	border-top: 1px solid rgba(255, 255, 255, .25);
}
.pwja-hr.hr-spacer {
	border: none;
	margin: 30px 0;
}
.pwja-hr.hr-slim {
	width: 10%;
	margin: 20px auto;
}
.pwja-hr.hr-dark {
	border-top: 1px solid #333;
}
.pwja-hr.hr-light {
	border-top: 1px solid #fff;
}
.pwja-hr.hr-green {
	border-top: 1px solid #9c0;
}

.pwja-img {
	display: block;
	max-width: 100%;
	height: auto;
}
.pwja-img.user-avatar {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}

.pwja-iframe {
	max-width: 100%;
	margin: 0 0 20px;
}

/* ----- Statuses ----- */
.pwja-status {
	display: inline-block;
	font-size: .85em;
	font-weight: 400;
	letter-spacing: 0;
	padding: 5px 10px;
	background: #85a6b5;
	color: #fff;
	vertical-align: top;
}
.pwja-status.status-complete {
	background: #9c0;
}


/* ----- lists ----- */
.pwja-list {
	list-style: none;
	margin: 0 0 20px;
}
/* standard list */
.pwja-list.list-standard {
	list-style: square;
	font-size: .85em;
	margin: 0 0 20px 20px;
}
.pwja-list.list-standard li {
	margin: 0 0 10px;
}
/* inline lists */
.pwja-list.list-inline {
	list-style: none;
	margin: 0 0 20px;
}
.pwja-list.list-inline li {
	display: inline-block;
	margin: 0 30px 0 0;
}
/* icon lists */
.pwja-list.list-icon {
	list-style: none;
	margin: 0;
}
.pwja-list.list-icon li {
	position: relative;
	padding: 0 0 0 30px;
	margin: 0 0 15px;
	line-height: 1.4;
}
.pwja-list.list-icon li i {
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	text-align: center;
}
.pwja-list.list-icon.list-large {
	font-size: 1.2em;
}
.pwja-list.list-icon.list-large li {
	padding-left: 35px;
	margin: 0 0 20px;
}
.pwja-list.list-icon.list-large li i {
	width: 25px;
}
/* nav lists */
.pwja-list.list-nav {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.pwja-list.list-nav li {
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.pwja-list.list-nav li a {
	display: block;
	padding: 10px 0;
}
.pwja-list.list-nav li a:hover {
	padding-left: 10px;
}
.pwja-list.list-nav li ul {
	font-size: .85em;
	margin: 0 0 20px;
	border-left: 3px solid #eee;
}
.pwja-list.list-nav li ul li a {
	padding: 10px;
}
.pwja-list.list-nav li ul li a:hover {
	padding-left: 20px;
}
/* step lists */
.pwja-list.list-step {
	list-style: none;
	margin: 0 0 20px;
}
.pwja-list.list-step li {
	position: relative;
	padding: 15px 0 15px 45px;
	margin: 0;
	border-top: 1px solid #ccc;
}
.pwja-list.list-step li .list-number {
	position: absolute;
	top: 15px;
	left: 0;
	width: 32px;
	padding: 5px 0;
	background: #690;
	color: #fff;
	font-weight: 400;
	text-align: center;
	border-radius: 30px;
}
/* tag lists */
.pwja-list.list-tag {
	font-size: .85em;
	margin: 0 0 20px;
}
.pwja-list.list-tag li {
	display: inline-block;
	padding: 3px 10px;
	margin: 0 1px 5px 0;
	background: #eee;
	border-radius: 3px;
}
/* user lists */
.pwja-list.list-user {
	list-style: none;
	margin: 0 0 20px;
}
.pwja-list.list-user li {
	min-height: 70px;
	padding: 10px 0 10px 60px;
	border-top: 1px solid #cbdae4;
}
.pwja-list.list-user li:first-child {
	border-top: none;
}
.pwja-list.list-user li .user-avatar {
	top: 10px;
}

/* ordered lists */
.pwja-ordered-list {
	margin: 0 0 20px 20px;
}

/* list sizes */
.pwja-list.list-small {
	font-size: .85em;
}
.pwja-list.list-large {
	font-size: 1.1em;
}

/* ----- icons ----- */
.pwja-icon-container {
	display: inline-block;
	padding: 10px;
	margin: 0 5px 0 0;
	text-align: center;
	background: #066cd2;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
.pwja-icon-container i {
	color: #fff;
}
.pwja-icon-left {
	margin-right: 5px;
}
.pwja-icon-right {
	margin-left: 5px;
}

.pwja-helper-text {
	color: #99b9c8	;
}

/* ----- buttons ----- */
.pwja-btn {
	display: inline-block;
	padding: 10px 30px;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	border-radius: 4px;
	outline: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.pwja-btn.btn-add {
	background: #6abf44;
	color: #fff;
	border: 2px solid #6abf44;
}
.pwja-btn.btn-add:hover {
	background: #3c8a19;
	color: #fff;
	border-color: #3c8a19;
}
.pwja-btn.btn-cancel {
	border: 2px solid #ddd;
}
.pwja-btn.btn-cancel:hover {
	border-color: #036;
}
.pwja-btn.btn-default {
	color: #0462a4;
	border: 2px solid #0462a4;
}
.pwja-btn.btn-default:hover {
	background: #0462a4;
	color: #fff;
	border-color: #0462a4;
}
.pwja-btn.btn-disabled {
	color: #aaa;
	border: 2px solid #ddd;
}
.pwja-btn.btn-delete {
	color: #c00;
	border: 2px solid rgba(204, 0, 0, .25);
}
.pwja-btn.btn-delete:hover {
	background: #c00;
	color: #fff;
	border-color: #c00;
}
.pwja-btn.btn-save {
	color: #6abf44;
	border: 2px solid #6abf44;
}
.pwja-btn.btn-save:hover {
	background: #6abf44;
	color: #fff;
	border-color: #6abf44;
}
.pwja-btn.btn-primary {
	background: #0462a4;
	color: #fff;
	border: 2px solid #0462a4;
}
.pwja-btn.btn-primary:hover {
	background: #0059a7;
	border-color: #0059a7;
}
.pwja-btn.btn-cta {
	background: #6abf44;
	color: #fff;
	border: 2px solid #6abf44;
}
.pwja-btn.btn-cta:hover {
	background: #3c8a19;
	border-color: #3c8a19;
}
.pwja-btn.btn-alt {
	color: #02c7c5;
	border: 2px solid #02c7c5;
}
.pwja-btn.btn-alt:hover {
	background: #02c7c5;
	color: #fff;
	border-color: #02c7c5;
}
.pwja-btn.btn-trans {
	color: #fff;
	border: 2px solid #fff;
}
.pwja-btn.btn-trans:hover {
	background: #fff;
	color: #46afd3;
	border-color: #fff;
}
.pwja-btn.btn-warning {
	color: #f90;
	border: 2px solid #f90;
}
.pwja-btn.btn-warning:hover {
	background: #f90;
	color: #fff;
	border-color: #f90;
}
/* button labels */
.pwja-btn.btn-label {
	background: #eee;
	color: #666;
	border: 2px solid #eee;
}
/* button sizes */
.pwja-btn.btn-micro {
	font-size: .75em;
	padding: 5px 10px;
}
.pwja-btn.btn-sm {
	font-size: .85em;
	padding: 7px 15px;
}
.pwja-btn.btn-lg {
	font-size: 1.2em;
	padding: 15px 50px;
}
.pwja-btn.btn-xl {
	font-size: 1.5em;
	padding: 20px 70px;
}

.pwja-btn.btn-block {
	display: block;
	width: 100%;
	text-align: center;
}

/* UI tips/bubbles */
.info-tip {
	font-size: .85em;
	cursor: pointer;
}

/* misc */
.spacer-pipe {
	display: inline-block;
	margin: 0 5px;
	color: #ccc;
}

/* 02: Structure
========================================================================================================== */
/* ---------- Grids ---------- */
/* standard grid */
.pwja-grid {
	font-size: 0;
}
.pwja-grid .grid-container {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
}
.pwja-grid .grid-container.container-20 {
	width: 20%;
}
.pwja-grid .grid-container.container-25 {
	width: 25%;
}
.pwja-grid .grid-container.container-30 {
	width: 30%;
}
.pwja-grid .grid-container.container-33 {
	width: 33.33%;
}
.pwja-grid .grid-container.container-40 {
	width: 40%;
}
.pwja-grid .grid-container.container-50 {
	width: 50%;
}
.pwja-grid .grid-container.container-60 {
	width: 60%;
}
.pwja-grid .grid-container.container-66 {
	width: 66.66%;
}
.pwja-grid .grid-container.container-75 {
	width: 75%;
}
.pwja-grid .grid-container.container-100 {
	width: 100%;
}

/* spaced grid */
.pwja-grid.grid-spaced {
	margin-left: -2%;
}
.pwja-grid.grid-spaced .grid-container {
	margin: 0 0 2% 2%;
}
.pwja-grid.grid-spaced .grid-container.container-20 {
	width: 18%;
}
.pwja-grid.grid-spaced .grid-container.container-25 {
	width: 23%;
}
.pwja-grid.grid-spaced .grid-container.container-30 {
	width: 28%;
}
.pwja-grid.grid-spaced .grid-container.container-33 {
	width: 31.33%;
}
.pwja-grid.grid-spaced .grid-container.container-40 {
	width: 38%;
}
.pwja-grid.grid-spaced .grid-container.container-50 {
	width: 48%;
}
.pwja-grid.grid-spaced .grid-container.container-60 {
	width: 58%;
}
.pwja-grid.grid-spaced .grid-container.container-66 {
	width: 64.66%;
}
.pwja-grid.grid-spaced .grid-container.container-75 {
	width: 73%;
}
/* form grids */
.pwja-grid.grid-spaced.grid-form .grid-container {
	margin-bottom: 0;
}
.pwja-grid.grid-spaced.grid-form .pwja-input label {
	font-size: .85em;
}

/* column grid */
.pwja-grid.grid-columns {
	display: table;
	width: 100%;
}
.pwja-grid.grid-columns > .grid-container {
	display: table-cell;
	padding: 0 30px;
	border-left: 1px solid #ddd;
}
.pwja-grid.grid-columns > .grid-container:first-child {
	border-left: none;
}
.pwja-grid.grid-columns.no-borders .grid-container {
	border: none;
}

/* ---------- Header ---------- */
.pwja-header {
	position: relative;
	height: 60px;
	/*background: #0462a4;*/
	/*
	background: -moz-linear-gradient(-45deg, #066cd2 0%, #01458a 100%);
	background: -webkit-linear-gradient(-45deg, #066cd2 0%,#01458a 100%);
	background: linear-gradient(135deg, #066cd2 0%,#01458a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066cd2', endColorstr='#01458a',GradientType=1 );
	*/
	border-bottom: 1px solid #ddd;
}
.pwja-header .header-logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	margin: 15px 0;
}
.pwja-header .header-icon {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px;
	background: #0462a4;
	color: #fff;
	font-weight: 700;
}
.pwja-header .header-nav {
	float: right;
}
.pwja-header .header-nav ul {
	list-style: none;
	font-size: .95em;
	font-weight: 700;
	margin: 0;
}
.pwja-header .header-nav ul li {
	float: left;
	border-left: 1px solid rgba(255, 255, 255, .25);
}
.pwja-header .header-nav ul li a {
	display: block;
	height: 60px;
	padding: 18px 30px;
	color: #0462a4;
	text-decoration: none;
}
.pwja-header .header-nav ul li a:hover {
	/*background: rgba(0, 0, 0, .25);*/
	background: #0462a4;
	color: #fff;
}

/* ---------- View ---------- */
.pwja-view {
	margin: 0 0 20px;
}
.pwja-view.view-profile {
	display: table;
	width: 100%;
	min-height: 600px;
}
.pwja-view.view-profile .view-body {
	display: table-cell;
	width: 80%;
	padding-left: 20px;
	vertical-align: top;
}
.pwja-view.view-profile .view-rail {
	display: table-cell;
	width: 20%;
	padding: 20px 20px 20px 0;
	border-right: 1px solid #ddd;
	vertical-align: top;
}
.pwja-view.view-profile .view-rail .rail-avatar {
	display: block;
	width: 100%;
}
.pwja-view.view-profile .view-rail .rail-status {
	display: block;
	position: relative;
	padding-left: 45px
}
.pwja-view.view-profile .view-rail .rail-status .status-icon {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2em;
	color: #243d53;
}
.pwja-view.view-profile .view-rail .rail-status .status-title {
	display: block;
	padding: 7px 0;
	font-size: .85em;
	font-weight: 700;
	color: #243d53;
}
.pwja-view.view-profile .view-rail .rail-nav {
	margin: 20px 0;
}
.pwja-view.view-profile .view-rail .rail-nav ul {
	list-style: none;
	font-size: .9em;
	font-weight: 700;
}
.pwja-view.view-profile .view-rail .rail-nav ul li {
	margin: 0;
	border-top: 1px solid #ddd;
}
.pwja-view.view-profile .view-rail .rail-nav ul li a {
	position: relative;
	display: block;
	padding: 15px 30px 15px 0;
}
.pwja-view.view-profile .view-rail .rail-nav ul li a:hover {
	padding-left: 10px;
	background: #fff;
}
.pwja-view.view-profile .view-rail .rail-nav ul li a:after {
	position: absolute;
	top: 15px;
	right: 15px;
	content: "\f1db";
	font-family: FontAwesome;
}
.pwja-view.view-profile .view-rail .rail-nav ul li.active a {
	color: #243d53;
}
.pwja-view.view-profile .view-rail .rail-nav ul li.active a:after {
	content: "\f111";
}

/* ----- view header ----- */
.pwja-view .view-header {
	position: relative;
	padding: 30px 300px 30px 0;
	border-bottom: 1px solid #0462a4
}
.pwja-view .view-header .header-breadcrumb {
	margin: 0 0 10px;
	font-size: .85em;
}
.pwja-view .view-header .header-breadcrumb .breadcrumb-spacer {
	margin: 0 5px;
}
.pwja-view .view-header .header-label {
	position: relative;
	display: block;
	width: 90px;
	color: #036;
	text-align: center;
	margin: 15px auto 5px;
	z-index: 10;
}
.pwja-view .view-header .header-label:before {
	content: "";
	position: absolute;
	top: -35px;
	left: 50%;
	width: 90px;
	height: 90px;
	margin-left: -45px;
	background: #dcd1cc;
	border-radius: 100px;
	z-index: -1;
}
.pwja-view .view-header h1 {
	position: relative;
	font-weight: 700;
	line-height: 1.2;
	color: #243d53;
	margin: 0;
	z-index: 20;
}
.pwja-view .view-header p:last-child {
	margin: 0;
}
/* header meta */
.pwja-view .view-header .meta {
	text-align: center;
}
.pwja-view .view-header .meta .meta-label {
	margin: 0 10px 10px;
}

.pwja-view .view-header hr {
	border-top: 2px solid rgba(255, 255, 255, .15);
}

.pwja-view .view-header .header-trail {

}
.pwja-view .view-header .header-trail ul {
	list-style: none;
	font-size: 1.5em;
	font-weight: 700;
	margin: 0;
}
.pwja-view .view-header .header-trail ul li {
	display: inline-block;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}
/* header utility */
.pwja-view .view-header .header-utility {
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 10;
}
.pwja-view .view-header .header-utility .pwja-tabs {
	margin: 0;
	border: 1px solid #ddd;
}
.pwja-view .view-header .header-utility .pwja-tabs li a i {
	color: #ccc;
}
.pwja-view .view-header .header-utility .pwja-tabs li.active a i {
	color: #0462a4;
}

/* ----- view nav ----- */
.pwja-view .view-nav {
	margin: 0 0 20px;
	border-bottom: 1px solid #0462a4;
}
.pwja-view .view-nav .nav-menu {
	list-style: none;
	font-weight: 700;
	font-size: .85em;
	margin: 0;
}
.pwja-view .view-nav .nav-menu li {
	float: left;
	margin: 0;
	border-left: 1px solid rgba(0, 0, 0, .15);
}
.pwja-view .view-nav .nav-menu li:first-child {
	border-left: none;
}
.pwja-view .view-nav .nav-menu li a {
	position: relative;
	display: block;
	padding: 15px 20px;
	text-decoration: none;
}
.pwja-view .view-nav .nav-menu li a:hover {
	background: rgba(0, 0, 0, .1);
	color: #036;
}
.pwja-view .view-nav .nav-menu li a i {
	margin-right: 5px;
	opacity: .5;
}
.pwja-view .view-nav .nav-menu li.active a {
	background: #fff;
	color: #19191d;
}
.pwja-view .view-nav .nav-menu li.active a:after {
	position: absolute;
	bottom: -7px;
	left: 50%;
	width: 30px;
	margin-left: -15px;
	content: "\f0d8";
	font-family: FontAwesome;
	font-size: 1.5em;
	line-height: 1;
	text-align: center;
	color: #0462a4;
}

/* ----- view content ----- */
.pwja-view .view-content .content-section {
	padding: 20px 0;
}

/* 03: Components
========================================================================================================== */
/* ---------- Alert ---------- */
.pwja-alert {
	padding: 15px;
	margin: 0 0 20px;
}
.pwja-alert p {
	font-size: .85em;
}
.pwja-alert p:last-child {
	margin: 0;
}
.pwja-alert.alert-info {
	background: #e8f8fe;
}
.pwja-alert.alert-success {
	background: #effedc;
}
.pwja-alert.alert-small p {
	font-size: .75em;
}

/* ---------- Cards ---------- */
.pwja-card {
	border: 1px solid #ccc;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}
.pwja-card .card-header {
	padding: 20px;
	background: #035eac;
}
.pwja-card .card-header .header-label {
	color: rgba(255, 255, 255, .7);
}
.pwja-card .card-header .header-title {
	color: #fff;
	margin: 0;
}
.pwja-card .card-body {
	padding: 20px;
}
.pwja-card .card-body .pwja-table {
	font-size: .8em;
	margin: 0;
}
.pwja-card .card-body .pwja-table th,
.pwja-card .card-body .pwja-table td {
	padding: 5px 0;
	border-top: 1px solid #eee;
}
.pwja-card .card-body .pwja-table tr:first-child th,
.pwja-card .card-body .pwja-table tr:first-child td {
	padding-top: 0;
	border-top: none;
}
/* card colors */
.pwja-card.card-aqua .card-header {
	background: #0a98a1;
}
.pwja-card.card-blue-dark .card-header {
	background: #036;
}
.pwja-card.card-green .card-header {
	background: #690;
}
.pwja-card.card-purple .card-header {
	background: #6c40af;
}

/* ---------- Features ---------- */
.pwja-feature {
	position: relative;
	display: block;
	min-height: 180px;
	padding: 30px 30px 30px 100px;
	border: 2px solid #ddd;
}
.pwja-feature .feature-icon {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 50px;
	font-size: 2.5em;
	line-height: 1;
	text-align: center;
}
.pwja-feature .feature-title {
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 0 10px;
}
.pwja-feature .feature-desc {
	display: block;
	margin: 0;
	color: #888;
}
.pwja-feature:hover {
	background: #f9f9f9;
	border-color: #036;
}

/* ---------- Filter ---------- */
.pwja-filter {
	position: relative;
	min-height: 60px;
	padding: 15px;
	margin: 0 0 20px;
	border: 1px solid #ccc;
	border-left: 4px solid #0462a4;
}
.pwja-filter .filter-title {
	font-weight: 300;
	margin: 0;
}
.pwja-filter .filter-utility {
	position: absolute;
	top: 12px;
	right: 15px;
}
.pwja-filter .filter-select {
	height: 43px;
}
/* filter grid styling */
.pwja-filter .pwja-grid .grid-container {
	margin-bottom: 0;
}
/* input styling */
.pwja-filter > .pwja-input.input-inline .input-option {
	margin-bottom: 0;
}

/* ---------- Image select ---------- */
.pwja-image-select {
	display: block;
	border: 3px solid #eee;
}
.pwja-image-select:hover {
	border-color: #0462a4;
}
.pwja-image-select img {
	width: 100%;
}
.pwja-image-select .select-status {
	display: block;
	padding: 10px;
	background: #eee;
}
.pwja-image-select .select-status.status-active {
	background: #6abf44;
	color: #fff;
}

/* ---------- Labels ---------- */
.pwja-label {
	display: inline-block;
	padding: 2px 10px;
	font-size: .8em;
	background: #999;
	color: #fff;
}
.pwja-label.label-block {
	display: block;
}
.pwja-label.label-active {
	background: #6abf44;
}
.pwja-label.label-inactive {
	background: #c00;
}
.pwja-label.label-primary {
	background: #0462a4;
}
.pwja-label.label-warning {
	background: #f90;
}
/* label colors */
.pwja-label.label-aqua {
	background: #0a98a1;
}
.pwja-label.label-blue {
	background: #035eac;
}
.pwja-label.label-blue-light {
	background: #46afd3;
}
.pwja-label.label-green {
	background: #6abf44;
}
.pwja-label.label-orange {
	background: #f90;
}
.pwja-label.label-purple {
	background: #6c40af;
}
.pwja-label.label-red {
	background: #c00;
}

/* legacy label */
.pwja-legacy-label {
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #f60;
}

/* ---------- Legend ---------- */
.pwja-legend {
	text-align: right;
}
.pwja-legend .legend-label {
	position: relative;
	display: inline-block;
	padding: 10px 0 10px 25px;
	margin: 0 15px 0 0;
	font-size: .8em;
}
.pwja-legend .legend-label .label-symbol {
	position: absolute;
	top: 10px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 100px;
}
.pwja-legend .legend-label .label-symbol.symbol-aqua {
	background: #0a98a1;
}
.pwja-legend .legend-label .label-symbol.symbol-blue {
	background: #035eac;
}
.pwja-legend .legend-label .label-symbol.symbol-purple {
	background: #6c40af;
}

/* ---------- Metrics ---------- */
.pwja-metric {
	position: relative;
	padding: 0 0 0 80px;
	margin: 0 0 30px;
}
.pwja-metric .metric-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	padding: 18px 0;
	background: #243d53;
	color: #fff;
	font-size: 1.5em;
	line-height: 1;
	text-align: center;
	border-radius: 100px;
}
.pwja-metric .metric-label {
	display: block;
	font-size: .85em;
	font-weight: 700;
	margin: 0;
	color: #243d53;
}
.pwja-metric .metric-value {
	display: inline-block;
	font-size: 2em;
	font-weight: 300;
	line-height: 1.2;
	margin: 0;
	color: #333;
}
.pwja-metric .metric-item {
	display: inline-block;
	padding: 8px 15px;
	margin: 0 0 5px;
	background: #eee;
	font-size: 1em;
}
.pwja-metric .metric-more {
	display: inline-block;
	margin: 0 5px;
}

/* ---------- Nav ---------- */
.pwja-nav {
	list-style: none;
	font-size: .9em;
	margin: 0 0 20px;
	border: 1px solid #ccc;
}
.pwja-nav li {
	display: inline-block;
	border-left: 1px solid #ddd;
}
.pwja-nav li:first-child {
	border-left: none;
}
.pwja-nav li a {
	display: block;
	padding: 10px 15px;
}
.pwja-nav li a:hover {
	background: #0462a4;
	color: #fff;
}
.pwja-nav li a i {
	margin-right: 5px;
}
/* nav buttons */
.pwja-nav.nav-btns {
	display: inline-block;
	overflow: auto;
	border-color: #0462a4;
	border-radius: 4px;
}
.pwja-nav.nav-btns li {
	float: left;
	border-color: #0462a4;
}

/* ---------- Overlay ---------- */
.pwja-overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	overflow: auto;
	z-index: 1000;
}
.pwja-overlay.visible {
	display: block;
}
.pwja-overlay .overlay-wrap {
	width: 50%;
	margin: 50px auto 0;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, .15);
}
.pwja-overlay .overlay-header {
	position: relative;
	padding: 20px 30px;
	background: #243d53;
}
.pwja-overlay .overlay-header .header-title {
	color: #fff;
	margin: 0;
	font-size: 1.5em;
	font-weight: 700;
}
.pwja-overlay .overlay-header .header-close {
	position: absolute;
	top: 22px;
	right: 30px;
	font-family: Helvetica;
	font-size: 3em;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	opacity: .5;
}
.pwja-overlay .overlay-header .header-close:hover {
	opacity: 1.0;
}
.pwja-overlay .overlay-body {
	padding: 30px;
	background: #fff;
}
.pwja-overlay .overlay-footer {
	padding: 20px 30px;
	background: #f5f5f5;
	border-top: 1px solid #ddd;
}
/* info overlays */
.pwja-overlay.overlay-info .overlay-wrap {
	width: 40%;
}
.pwja-overlay.overlay-info .overlay-header {
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.pwja-overlay.overlay-info .overlay-header .header-title {
	color: #243d53;
}
.pwja-overlay.overlay-info .overlay-header .header-close {
	color: #999;
}
.pwja-overlay.overlay-info .overlay-header .header-close:hover {
	color: #000;
}
/* overlay menu */
.pwja-overlay.overlay-menu {
	background: rgba(0, 0, 0, .85);
}
.pwja-overlay.overlay-menu .overlay-wrap {
	width: 100%;
	padding: 0 50px;
	box-shadow: none;
}
.pwja-overlay.overlay-menu .overlay-header {
	background: none;
	border-bottom: 1px solid #fff;
}
.pwja-overlay.overlay-menu .overlay-body {

}
.pwja-overlay.overlay-menu .overlay-nav .nav-title {
	color: #0462a4;
	padding: 0 0 15px;
	margin: 0;
	border-bottom: 2px solid;
}
.pwja-overlay.overlay-menu .overlay-nav .nav-menu {
	list-style: none;
	font-size: .9em;
}
.pwja-overlay.overlay-menu .overlay-nav .nav-menu li {
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, .15);
}
.pwja-overlay.overlay-menu .overlay-nav .nav-menu li a {
	position: relative;
	display: block;
	padding: 15px 0;
	color: #666;
	text-decoration: none;
}
.pwja-overlay.overlay-menu .overlay-nav .nav-menu li a:hover {
	padding-left: 15px;
	background: #0462a4;
	color: #fff;
}
.pwja-overlay.overlay-menu .overlay-nav .nav-menu li a i {
	position: absolute;
	top: 17px;
	right: 10px;
	width: 24px;
	text-align: center;
	opacity: .5;
}

/* get rid of margins for input containers within grids */
.pwja-overlay .pwja-grid .pwja-input {
	margin: 0;
}

/* ---------- Pagination ---------- */
.pwja-pagination {
	margin: 0 0 20px;
	font-size: .85em;
}
.pwja-pagination label {
	display: inline-block;
	padding: 5px 10px;
	border: 2px solid #243d53;
}
.pwja-pagination a {
	display: inline-block;
	padding: 5px 10px;
	border: 2px solid #ccc;
	border-radius: 3px;
	text-decoration: none;
}
.pwja-pagination a:hover {
	background: #0462a4;
	color: #fff;
	border-color: #0462a4;
}

/* ---------- Panels ---------- */
.pwja-panel {
	margin: 0 0 20px;
	border: 1px solid #ddd;
	border-top: 3px solid #243d53;
}
/* panel header */
.pwja-panel .panel-header {
	position: relative;
	padding: 15px 320px 15px 15px;
	border-bottom: 1px solid #ddd;
}
.pwja-panel .panel-header .header-utility {
	position: absolute;
	top: 15px;
	right: 15px;
}
.pwja-panel .panel-header p {
	margin: 0;
}
/* panel body */
.pwja-panel .panel-body {
	padding: 15px;
}
.pwja-panel .pwja-table:last-child {
	border: none;
}
/* panel footer */
.pwja-panel .panel-footer {
	padding: 15px;
}

/* ---------- Search ---------- */
.pwja-search {
	position: relative;
}
.pwja-search .search-input {
	padding-right: 45px;
}
.pwja-search .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px;
	background: none;
	border: none;
	color: #999;
	z-index: 5;
}
.pwja-search .search-submit:hover {
	background: none;
	color: #0462a4;
}

/* ---------- Section ---------- */
/* section rows */
.pwja-section .section-row {
	padding: 20px 0;
	border-top: 1px solid #ddd;
	border-bottom: none;
}
.pwja-section .section-row:first-child {
	padding-top: 0;
	border-top: none;
}

.pwja-section .section-label {
	display: inline-block;
	padding: 10px 30px;
	margin: 0 0 30px;
	background: #999;
	color: #fff;
	border-radius: 100px;
}
.pwja-section .section-label.label-blue {
	background: #0462a4;
}
.pwja-section .section-label.label-orange {
	background: #f60;
}
.pwja-section .section-content-limit {
	position: relative;
	height: 190px;
	margin: 0 0 20px;
	overflow: hidden;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.pwja-section .section-content-limit:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 190px;
	content: "";
	z-index: 10;
	background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.pwja-section .section-content-limit.content-expand {
	height: auto;
}
.pwja-section .section-content-limit.content-expand:after {
	display: none;
}
.pwja-section .section-content-limit .limit-more {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: .75em;
	font-weight: 700;
	padding: 5px 15px;
	border: 2px solid;
	border-radius: 3px;
	z-index: 15;
}

/* ---------- Status ---------- */
.pwja-status {
	display: inline-block;
	font-weight: 700;
}
.pwja-status > i {
	margin-right: 5px;
}

/* ---------- Steps ---------- */
.pwja-step {
	position: relative;
	padding-left: 70px;
}
.pwja-step .step-number,
.pwja-step .step-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	padding: 14px 0;
	background: #243d53;
	color: #fff;
	font-weight: 700;
	text-align: center;
	border-radius: 100px;
}
.pwja-step .step-icon.icon-legacy {
	background: #8e78c1;
}
.pwja-step .step-desc.desc-small {
	font-size: .85em;
}

/* ---------- Tabs ---------- */
.pwja-tabs {
	list-style: none;
	font-size: .85em;
	font-weight: 700;
	margin: 0 0 20px;
	overflow: auto;
}
.pwja-tabs li {
	float: left;
	margin: 0;
	border-left: 1px solid #ddd;
}
.pwja-tabs li:first-child {
	border-left: none;
}
.pwja-tabs li a {
	display: block;
	padding: 10px 15px;
	color: #0462a4;
	outline: none;
	text-decoration: none;
}
.pwja-tabs li a:hover {
	background: #0462a4;
	color: #fff;
}
.pwja-tabs li.active a {
	background: #eee;
	color: #243d53;
}

/* tab panes */
.pwja-tab-pane {
	display: none; /* hide and show with JS */
}
.pwja-tab-pane.active {
	display: block;
}

/* ---------- Toggle ---------- */
.pwja-toggle {
	display: inline-block;
}
.pwja-toggle .toggle-status {
	position: relative;
	padding: 15px 0 15px 70px;
	cursor: pointer;
}
.pwja-toggle .toggle-status .status-icon {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 3em;
	color: #999;
}
.pwja-toggle .toggle-status:hover .status-icon {
	color: #0462a4;
}
.pwja-toggle .toggle-status .status-label label {
	font-size: 1.5em;
}
.pwja-toggle .toggle-status .status-icon.icon-active,
.pwja-toggle .toggle-status .status-label.label-active {
	display: none;
}
/* active status */
.pwja-toggle .toggle-status.status-active .status-icon.icon-active,
.pwja-toggle .toggle-status.status-active .status-label.label-active {
	display: inline-block;
}
.pwja-toggle .toggle-status.status-active .status-icon.icon-inactive,
.pwja-toggle .toggle-status.status-active .status-label.label-inactive {
	display: none;
}

/*
Behavorial Elements (JavaScript)
========================================================== */
/* ---------- Tooltip ---------- */
.js-tooltip {
	position: relative;
}
.js-tooltip .tooltip-content {
	display: none;
	position: absolute;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	background: #000;
	border-radius: 3px;
	padding: 8px;
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	z-index: 10;
}
.js-tooltip .tooltip-content:after {
	content: "\f0d7";
	font-family: FontAwesome;
	position: absolute;
	bottom: -16px;
	left: 50%;
	width: 20px;
	margin-left: -10px;
	color: #000;
	font-size: 2em;
	text-align: center;
}

/* 04: Footer
========================================================================================================== */

/* 05: Forms
========================================================================================================== */
label {
	display: inline-block;
	font-weight: 700;
	margin: 0 0 5px;
	color: #333;
}
.block-label {
	display: block;
}
.list-label {
	display: block;
	font-weight: 400;
}
.item-label {
	display: inline-block;
	padding: 3px 10px;
	font-weight: 400;
	border: 1px solid #ddd;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="date"],
textarea,
select {
	display: block;
	width: 100%;
	padding: 12px;
	margin: 0;
	background: #f5f5f5;
	color: #333;
	font-size: .9em;
	border: 1px solid #ddd;
	outline: none;
	box-shadow: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus {
	border-color: #008cc7;
}
textarea {
	height: 100px;
	font-size: .9em !important;
}
textarea.input-text-tall {
	height: 200px;
}
textarea.input-text-huge {
	height: 600px;
}
select,
select[multiple],
select[size] {
	height: 42px;
	padding: 10px;
	margin: 0;
	background: #eee;
	font-size: .85em;
	font-weight: 300;
	color: #333;
	border: 1px solid #ddd;
}
.pwja-select-slim {
	display: inline-block;
	width: auto;
	margin: 0 5px 0 0;
}
input[type="submit"],
button[type="submit"] {
	display: inline-block;
	padding: 10px 30px;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	background: #1ab1db;
	color: #fff;
	border: 2px solid #1ab1db;
	border-radius: 100px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	background: #0462a4;
	color: #fff;
	border-color: #0462a4;
}

/* forms */
.pwja-form {
	padding: 30px;
	margin: 0 0 20px;
	border: 2px solid #ddd;
}

/* inputs */
.pwja-input {
	margin: 0 0 15px;
}
.pwja-input.input-inline {
	display: inline-block;
	margin: 0 10px 0 0;
}

.pwja-input select {
	height: 43px;
	font-size: .9em;
}
.pwja-input .input-title {
	display: block;
	margin: 0 0 10px;
}
.pwja-input .input-label-block {
	display: block;
	margin: 0 0 10px;
}
.pwja-input .input-inline-label {
	display: inline-block;
	margin-right: 10px;
}
.pwja-input .input-ref-label {
	display: block;
	padding: 10px;
	margin: 0;
	background: #eee;
}
.pwja-input .input-desc {
	display: block;
	font-size: .75em;
	font-weight: 300;
	line-height: 1.5;
	margin: 5px 0 10px;
}
.pwja-input .input-desc > a {
	margin-left: 5px;
}
.pwja-input .input-field-inline {
	display: inline-block;
	width: auto;
}
.pwja-input .input-slim {
	width: 80px;
}
/* input options */
.pwja-input .input-option {
	position: relative;
	display: block;
	padding-left: 24px;
	margin: 0 0 10px;
	cursor: pointer;
}
.pwja-input .input-option > input[type="checkbox"],
.pwja-input .input-option > input[type="radio"] {
	position: absolute;
	top: 3px;
	left: 0;
	margin: 0;
}
.pwja-input .input-option .option-label {
	font-size: .85em;
	font-weight: 300;
}
.pwja-input .input-option .option-label > a {
	font-size: .85em;
	margin-left: 5px;
}
.pwja-input .input-option .option-desc {
	display: block;
	font-size: .75em;
	font-weight: 300;
	line-height: 1.5;
	margin: 5px 0 10px;
}
/* inline options */
.pwja-input .input-option.option-inline {
	display: inline-block;
	padding: 5px 10px 5px 32px;
	border: 2px solid #ddd;
	border-radius: 4px;
}
.pwja-input .input-option.option-inline:hover {
	border-color: #0462a4;
}
.pwja-input .input-option.option-inline input {
	top: 8px;
	left: 10px;
}
.pwja-input .input-option .option-field {
	display: inline-block;
	width: auto;
	margin: 0 5px;
	vertical-align: top;
}
.pwja-input .input-option .option-field input {
	padding: 3px;
	background: none;
	border: none;
	border-bottom: 2px solid #ccc;
}
.pwja-input .input-tip {
	padding: 10px;
	font-size: .8em;
	border: 1px solid #e5e5e5;
	border-left-width: 3px;
}
.pwja-input .input-type-code {
	font-size: .85em;
	font-family: Consolas;
}

/* sub-fields (use these for areas that are toggled on/off) */
.input-sub-fields {
	padding: 15px;
	margin: 0 0 20px;
	border: 1px solid #ccc;
}
.input-sub-fields .sub-label {
	font-size: .85em;
}

/* sub-options (use these for nested field options) */
.input-sub-options {
	padding: 15px 0 0;
}
.input-sub-options .sub-label {
	font-size: .85em;
}

/* option container */
.pwja-option-container {
	padding: 15px;
	max-height: 240px;
	border: 1px solid #ccc;
	overflow: auto;
}


.required {
	color: #c00;
}

/* 06: Tables
========================================================================================================== */
table {
	color: #333;
}
table th {
	font-weight: 700;
}
table th .info-tip {
	font-weight: 300;
	text-transform: none;
	margin-left: 5px;
}

.pwja-table {
	width: 100%;
	border-collapse: collapse;
	font-weight: 400;
	margin: 0 0 20px;
}
.pwja-table .column-status {
	min-width: 100px;
}
.pwja-table .column-status i {
	margin-right: 3px;
}
.pwja-table .column-name {
	width: 25%;
}
.pwja-table .column-desc {
	width: 40%;
}
.pwja-table .column-select {
	width: 30%;
}
.pwja-table .column-actions {
	min-width: 180px;
	text-align: right;
}
.pwja-table td p:last-child {
	margin: 0;
}
.pwja-table td a {
	text-decoration: none;
}

/* form tables */
.pwja-table.table-form {
	font-size: .8em;
}
.pwja-table.table-form th,
.pwja-table.table-form td {
	padding: 5px;
}
.pwja-table.table-form th {
	width: 140px;
}

/* list tables */
.pwja-table.table-list {
	font-size: .85em;
	font-weight: 400;
	border-bottom: 1px solid #ddd;
}
.pwja-table.table-list thead {
	background: #f5f5f5;
}
.pwja-table.table-list th,
.pwja-table.table-list td {
	padding: 10px;
	border-top: 1px solid #ddd;
	vertical-align: top;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.pwja-table.table-list tbody tr:hover th,
.pwja-table.table-list tbody tr:hover td {
	background: #f5f5f5;
}

/* data tables */
.pwja-table.table-data {
	font-size: .85em;
	border: 1px solid #ddd;
}
.pwja-table.table-data thead {
	background: #eee;
}
.pwja-table.table-data th,
.pwja-table.table-data td {
	padding: 10px;
	border-top: 1px solid #ddd;
	vertical-align: middle;
}

/* profile tables */
.pwja-table.table-profile {
	font-size: .85em;
}
.pwja-table.table-profile th,
.pwja-table.table-profile td {
	padding: 10px 0;
	border-top: 1px solid #ddd;
	vertical-align: top;
}
.pwja-table.table-profile thead th {
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #243d53;
}
.pwja-table.table-profile tbody th {
	width: 200px;
}

/* misc */
.column-icon {
	width: 50px;
	text-align: center;
}
.column-icon .pwja-label {
	width: 30px;
	text-align: center;
}


/* 07: Bootstrap
========================================================================================================== */
.nav.nav-pills.pills-w-util {
	align-items: center;
  	justify-content: center;
}
.nav.nav-pills li.pill-util {
	margin-left: auto;
}
.nav.nav-pills li a {
	color: #19191d;
}
.nav.nav-pills li a i {
	margin-right: 5px;
}
.nav.nav-pills .nav-link.active,
.nav.nav-pills .show > .nav-link {
	background: #19191d;
	color: #fff;
}
.nav.nav-pills li a.btn-primary {
	color: #fff;
}
.nav.nav-pills li a.btn-delete {
	color: #c00;
}
.nav.nav-pills li a.btn-primary:hover {
	background: #0462a4;
	color: #fff;
}
.nav.nav-pills li a.btn-delete:hover {
	background: #c00;
	color: #fff;
}


/* 08: Plugins
========================================================================================================== */


/* 09: Behavioral (JS)
========================================================================================================== */
.js-hidden,
input.js-hidden {
	display: none;
}

.js-tab-section {
	display: none;
}
.js-tab-section.active {
	display: block;
}

/* 10: Responsive (Media Queries)
========================================================================================================== */
/* Retina-specific styles */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}

/* LARGE DESKTOP */
@media screen and (min-width: 1200px) {

}

@media screen and (max-width: 1199px) {

}

/* TABLET */
@media screen and (max-width: 1024px) {

	/* Header */
	.pwja-header .header-nav ul li {
		display: none;
	}
	.pwja-header .header-nav ul li.nav-menu {
		display: inline-block;
	}

	/* Overlay */
	.pwja-overlay .overlay-wrap {
		width: 80%;
	}

}

/* SMALL TABLET */
@media screen and (max-width: 992px) {

	/* Grids */
	.pwja-grid .grid-container {
		width: 48% !important;
	}

}

/* MOBILE */
@media screen and (max-width: 768px) {

	h1 {font-size: 2em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.3em; font-weight: 700; color: #036;}
	h4 {font-size: 1.2em; font-weight: 700;}

	.pwja-wrapper {
		margin: 0 10px;
	}

	/* View */
	.pwja-view.view-profile {
		display: block;
	}
	.pwja-view.view-profile .view-rail,
	.pwja-view.view-profile .view-body {
		display: block;
		width: 100%;
	}
	.pwja-view.view-profile .view-rail {
		padding: 20px 0;
		border-right: none;
		border-bottom: 1px solid #ddd;
	}
	.pwja-view.view-profile .view-body {
		padding: 0;
	}
	.pwja-view .view-header {
		padding: 20px 0;
	}

	/* Tables */
	.pwja-table.table-responsive,
	.pwja-table.table-responsive thead,
	.pwja-table.table-responsive tbody,
	.pwja-table.table-responsive tfoot,
	.pwja-table.table-responsive tr,
	.pwja-table.table-responsive th,
	.pwja-table.table-responsive td {
		display: block;
		width: 100%;
		border: none;
	}
	.pwja-table.table-responsive thead {
		display: none;
	}
	.pwja-table.table-responsive tbody th {
		background: #f5f5f5;
	}
	.pwja-table.table-responsive tr {
		border-top: 1px solid #ddd;
	}
	.pwja-table.table-responsive .column-icon {
		text-align: left;
	}
	.pwja-table.table-responsive .column-actions {
		text-align: left;
	}

}

/* SUPER MOBILE */
@media screen and (max-width: 600px) {

	h1 {font-size: 1.8em;}

	/* Header */
	.pwja-header .header-icon {
		width: 50px;
	}

	/* Grid */
	.pwja-grid.grid-spaced {
		margin: 0;
	}
	.pwja-grid .grid-container {
		display: block !important;
		width: 100% !important;
		margin: 0 0 20px !important;
	}
	.pwja-grid.grid-columns {
		display: block;
	}
	.pwja-grid.grid-columns > .grid-container {
		padding: 0;
		border: none;
	}

	/* View */
	.pwja-view .view-header .header-utility {
		position: static;
		margin: 20px 0 0;
	}
	.pwja-view .view-header .header-utility .pwja-btn {
		display: block;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		text-align: center;
	}

	/* Panels */
	.pwja-panel .panel-header {
		padding: 15px;
	}
	.pwja-panel .panel-header .header-utility {
		position: static;
		margin: 20px 0 0;
	}

	/* Overay */
	.pwja-overlay .overlay-wrap {
	    width: 90%;
	    margin: 20px auto 0;
	}
	.pwja-overlay.overlay-menu .overlay-wrap {
		padding: 0 20px;
	}

}

/* PRINT Styles */
@media print {

}