/*------------------------------------*\
	STYLES.SCSS
\*------------------------------------*/
/*!*
*
* https://secure.bluepay.com
*
* The table of contents below maps to section titles of the same name, to jump
* to any section simply run a find for $[SECTION-TITLE].
*/
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
* IMPORTS..........................Begin importing the sections below
* COMPASS..........................Additional mixin for sass
*
* NORMALIZE........................Cross-Browser consistency
* GRID.............................Mixin for Fluid, proportional and nestable grids
* PEMS.............................Mixin to convert pixels to ems
* WORD-WRAP........................Mixin to wrap long words
* VARIABLES........................Gloabl variables
* HELPER-CLASSES...................ir, .clearfix, etc.
* JQUERY-UI........................Full css library
* JQUERY-UI-OVERRIDES..............
* BASE.............................Some Base Styles
* LAYOUT...........................Structural Layout
* UI-TOOLBAR.......................Housing for ui buttons, icons, etc.
* UI-SLIDER........................Slider
* ICONS............................
* TABLES...........................Lists
* FORMS............................Forms
* BUTTONS..........................
* BUTTON-GROUP.....................Responsive button groups
* CHARTS...........................
* CODE.............................Syntax highlighter
* CHECKBOX-RADIO...................Stylized checkboxes/radio elements
* SELECT-INPUT.....................Stylized select drop down elements
* DRAG-DROP........................Sortable lists
* NAV..............................Main Nav
* LOGIN-LOGOUT.....................
* PWCHANGE.........................
* STATES...........................Ajax States
* INBOX............................Notifications
* ARTICLES.........................Content Articles
* HELP-DOCS........................Instructions, Help Docs, Etc.
* FRAUD............................Fraud Tools
*
* PRINT............................
*/
/*------------------------------------*\
    $IMPORTS
\*------------------------------------*/
/**
 * Cross browser CSS3 mixins that take advantage of available
 * pre-spec vendor prefixes
 */
/**
 * Mixins
 */
/*------------------------------------*\
    $GRID
\*------------------------------------*/
body {
  width: 100%;
  *zoom: 1;
}
body:before, body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}

/*------------------------------------*\
    $PEMS
\*------------------------------------*/
/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Default font size in pixels if not overridden. */
/* Convert PX units to EMs.
Ex: margin-right: pem(16);
*/
/* Used to convert PX to EMs for multiple properties or values or both.
$base is an optional measurement that allows making measurements relative to the parent font size rather than the current. Also accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers of converted; everything else is passed through.

Examples:

@include scale(line-height, 30)
@include scale(line-height, 30, 16)
@include scale(width height, 125);
@include scale(padding, 0 25, 16);
@include scale(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
@include scale(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966), 16);
*/
/*------------------------------------*\
    $WORD-WRAP
\*------------------------------------*/
/*------------------------------------*\
    $CLEARFIX
\*------------------------------------*/
/*------------------------------------*\
    $BOX-SIZING
\*------------------------------------*/
/*------------------------------------*\
    $REMOVE
\*------------------------------------*/
/*
* Vendor prefixes no longer needed
* Temp mixins placeholder to remove compass
* To Do: Remove mixins
*/
/**
 * Variables
 */
/*------------------------------------*\
  $VARIABLES
\*------------------------------------*/
/*
*/
/**
 * States
 */
/**
 * Border Radius
 */
/*--------Layout---------*/
/**
 * Grid Mixin
 */
/**
 * Additional Layout
 */
/*fixed fluid columns*/
/* nav margin */
/**
 * Generic utility styles etc.
 */
/*------------------------------------*\
    $NORMALIZE
\*------------------------------------*/
/* HTML5 Boilerplate  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: "Open Sans";
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #60B7E4;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #60B7E4;
  color: #fff;
  text-shadow: none;
}

a {
  color: #00e;
}

a:visited {
  color: #551a8b;
}

a:hover {
  color: #06e;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: "Open Sans";
  _font-family: "Open Sans";
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

/*------------------------------------*\
    $HELPER-CLASSES
\*------------------------------------*/
.ir, .icon-help span, .icon-help--light span {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br, .icon-help span br, .icon-help--light span br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/**
 * Jquery UI
 */
/*------------------------------------*\
    $JQUERY-UI
\*------------------------------------*/
/*!
 * jQuery UI Bootstrap (0.5)
 * http://addyosmani.github.com/jquery-ui-bootstrap
 *
 * Copyright 2012 - 2013, Addy Osmani
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * Portions copyright jQuery UI & Twitter Bootstrap
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}

.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ui-helper-clearfix {
  /*display: inline-block; */
  display: block;
  min-height: 0; /* support: IE7 */
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}

/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * jQuery UI Selectable 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/selectable/
 */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/*
 * jQuery UI CSS Framework 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * 
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: "Open Sans";
  font-size: 13px;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "Open Sans";
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x;
  color: #404040;
}

.ui-widget-content a {
  color: #404040;
}

.ui-widget-header {
  font-weight: bold;
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border: 1px solid #666;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear background-image;
  -moz-transition: 0.1s linear background-image;
  -ms-transition: 0.1s linear background-image;
  -o-transition: 0.1s linear background-image;
  transition: 0.1s linear background-image;
  overflow: visible;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-widget :active {
  outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight p, .ui-state-error p, .ui-state-default p {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin: 7px 15px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  position: relative;
  margin-bottom: 18px;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fceec1", endColorstr="#eedc94", GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  position: relative;
  margin-bottom: 18px;
  color: #ffffff;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee5f5b", endColorstr="#c43c35", GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
} /* For IE8 - See #6059 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_f6cf3b_256x240.png);
}

/* positioning */
.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

/* Misc visuals
----------------------------------*/
/* 
* Corner radius
* moved to overrides
*/
/* .ui-corner-all, 
.ui-corner-top, 
.ui-corner-left, 
.ui-corner-tl { 
  -moz-border-radius-topleft: 4px; 
  -webkit-border-top-left-radius: 4px; 
  -khtml-border-top-left-radius: 4px; 
  border-top-left-radius: 4px; 
}
.ui-corner-all, 
.ui-corner-top, 
.ui-corner-right, 
.ui-corner-tr { 
  -moz-border-radius-topright: 4px; 
  -webkit-border-top-right-radius: 4px; 
  -khtml-border-top-right-radius: 4px; 
  border-top-right-radius: 4px; 
}
.ui-corner-all, 
.ui-corner-bottom, 
.ui-corner-left, 
.ui-corner-bl { 
  -moz-border-radius-bottomleft: 4px; 
  -webkit-border-bottom-left-radius: 4px; 
  -khtml-border-bottom-left-radius: 4px; 
  border-bottom-left-radius: 4px; 
}
.ui-corner-all, 
.ui-corner-bottom, 
.ui-corner-right, 
.ui-corner-br { 
  -moz-border-radius-bottomright: 4px; 
  -webkit-border-bottom-right-radius: 4px; 
  -khtml-border-bottom-right-radius: 4px; 
  border-bottom-right-radius: 4px; 
} */
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/*
 * jQuery UI Autocomplete 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/autocomplete/
 */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/*
 * jQuery UI Button 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
  padding: 5px 14px 6px;
  margin: 0;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear background-image;
  -moz-transition: 0.1s linear background-image;
  -ms-transition: 0.1s linear background-image;
  -o-transition: 0.1s linear background-image;
  transition: 0.1s linear background-image;
  overflow: visible;
} /* the overflow property removes extra width in IE */
.ui-button-primary {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049cdb", endColorstr="#0064cd", GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-success {
  color: #ffffff;
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#62c462", endColorstr="#57a957", GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-error {
  color: #ffffff;
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee5f5b", endColorstr="#c43c35", GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-button-icon-only {
  width: 2.2em;
} /* to make room for the icon, a width needs to be set here */
/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
  display: block;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px; /*tempfix*/
  display: none;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
/* input.ui-button { padding: .4em 1em; } */
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  top: 50%;
  margin-top: -3px;
  margin-bottom: 3px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/*button sets*/
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-state-active {
  /*color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.4em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
} /* reset extra padding in Firefox */
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*
 * jQuery UI Tabs 1.9.2
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tabs/
 */
.ui-tabs .ui-tabs-nav {
  background: none;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
  zoom: 1;
  border: 0px;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover {
  background: whiteSmoke;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0px;
  color: #00438A;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #DDD;
}

.ui-tabs .ui-tabs-nav li {
  text-decoration: none;
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  padding: 0px 0px 1px 0px;
  white-space: nowrap;
  background: none;
  border: 0px;
}

.ui-tabs-nav .ui-state-default {
  -webkit-box-shadow: 0px 0px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 0px #ffffff; /* FF3.5 - 3.6 */
  box-shadow: 0px 0px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  cursor: text;
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0px;
  outline: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: #ffffff;
  cursor: default;
  color: gray;
  outline: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background-color: #ffffff;
  outline: none;
  border: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
  background: #ffffff;
  outline: none;
  margin-bottom: 0px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
  color: #0069D6;
  background: none;
  font-weight: normal;
  margin-bottom: -1px;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tabs-panel .ui-button {
  text-decoration: none;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

/* IE fix for background inheritance from ui-widget*/
.ui-tabs .ui-tabs-nav li {
  filter: none;
}

/*
 * jQuery UI spinner 1.10.0
 *
* Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
} /* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
} /* vertical centre icon */
.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

/*
 * jQuery UI Dialog 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  width: 300px;
  overflow: hidden;
  outline: 0;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  /*left: 50%;
  margin-left: -280px;*/
  outline: medium none;
  position: fixed;
  /*top: 10%;
  width: 560px;*/
  z-index: 1050;
}

.ui-dialog .ui-dialog-titlebar { /*padding: .4em 1em;*/
  position: relative;
  padding: 5px 15px;
  border: 0px 0px 0px 1px solid;
  border-color: white;
  padding: 5px 15px;
  font-size: 18px;
  text-decoration: none;
  background: none;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -khtml-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -khtml-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom: 1px solid #ccc;
}

.ui-dialog .ui-dialog-title {
  float: left;
  color: #404040;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
  margin: -20px 0 0 0;
  padding: 1px;
  height: 18px;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
  background: none;
  border-width: 0;
  border: none;
  box-shadow: none;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
  text-indent: 9999px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 1px;
  filter: alpha(opacity=90);
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0.5em 0 0 0;
  background-color: #f5f5f5;
  padding: 5px 15px 5px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  zoom: 1;
  margin-bottom: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child {
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049cdb", endColorstr="#0064cd", GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/*
 * jQuery UI Tabs 1.9.2
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tabs/
 */
.ui-tabs .ui-tabs-nav {
  background: none;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
  zoom: 1;
  border: 0px;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li a:hover {
  background: whiteSmoke;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0px;
  color: #00438A;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
  border-bottom: 1px solid #DDD;
}

.ui-tabs .ui-tabs-nav li {
  text-decoration: none;
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  padding: 0px 0px 1px 0px;
  white-space: nowrap;
  background: none;
  border: 0px;
}

.ui-tabs-nav .ui-state-default {
  -webkit-box-shadow: 0px 0px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 0px #ffffff; /* FF3.5 - 3.6 */
  box-shadow: 0px 0px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  text-decoration: none;
  cursor: text;
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0px;
  outline: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: #ffffff;
  cursor: default;
  color: gray;
  outline: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background-color: #ffffff;
  outline: none;
  border: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
  background: #ffffff;
  outline: none;
  margin-bottom: 0px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
  color: #0069D6;
  background: none;
  font-weight: normal;
  margin-bottom: -1px;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tabs-panel .ui-button {
  text-decoration: none;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

/* IE fix for background inheritance from ui-widget*/
.ui-tabs .ui-tabs-nav li {
  filter: none;
}

/*
 * jQuery UI Tooltip 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/tooltip/
 */
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -o-box-shadow: 0 0 5px #ddd;
  -moz-box-shadow: 0 0 5px #ddd;
  -webkit-box-shadow: 0 0 5px #ddd;
  /*box-shadow: 0 2px 5px #ddd;*/
  box-shadow: inset 0 1px 0 #ffffff;
}

body .ui-tooltip {
  border-width: 2px;
}

/*
 * jQuery UI Datepicker 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  border: 0px;
  font-weight: bold;
  width: 100%;
  padding: 4px 0;
  background-color: #f5f5f5;
  color: #808080;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ }

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }

.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}

.ui-datepicker th {
  font-weight: bold;
  color: gray;
}

.ui-datepicker-today a:hover {
  background-color: #808080;
  color: #ffffff;
}

.ui-datepicker-today a {
  background-color: #BFBFBF;
  cursor: pointer;
  padding: 0 4px;
  margin-bottom: 0px;
}

.ui-datepicker td a {
  margin-bottom: 0px;
  border: 0px;
}

.ui-datepicker td:hover {
  color: #ffffff;
}

.ui-datepicker td .ui-state-default {
  border: 0px;
  background: none;
  margin-bottom: 0px;
  padding: 5px;
  color: gray;
  text-align: center;
  filter: none;
}

.ui-datepicker td .ui-state-active {
  background: #BFBFBF;
  margin-bottom: 0px;
  font-size: normal;
  text-shadow: 0px;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.ui-datepicker td .ui-state-hover {
  color: #ffffff;
  background: #0064cd;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049cdb", endColorstr="#0064cd", GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

/*** ADD ON **/
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}

.ui-timepicker-div dt,
.ui-timepicker-div dd {
  display: block;
  font-weight: bold;
  color: #808080;
}

.ui-timepicker-div .ui-slider {
  background: #ccc;
}

/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
  height: 2em;
  text-align: left;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
  /*this can be removed if ui-widget-header is blue*/
  color: #ffffff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049cdb", endColorstr="#0064cd", GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/*** Input field styling from Bootstrap **/
input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}

input[type=text],
input[type=password],
.ui-autocomplete-input,
textarea,
.uneditable-input {
  display: inline-block;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/**Toolbar - moved to ui-toolbar.scss

.ui-toolbar {
  padding: 7px 14px;
  margin: 0 0 18px;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
**/
/***Dialog fixes**/
.ui-dialog-buttonset .ui-button {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
  overflow: visible;
}

/*------------------------------------*\
		$JQUERY-UI-OVERRIDES
\*------------------------------------*/
/*
	CORNER RADIUS
*/
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/*
	BUTTON SET
*/
.ui-buttonset .ui-state-active {
  position: relative;
  color: #404040;
  background-color: rgb(255, 241.2456140351, 196.2);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(rgb(255, 241.2456140351, 196.2), rgb(255, 241.2456140351, 196.2) 25%, rgb(255, 250.9627906977, 238.2));
  background-image: linear-gradient(rgb(255, 241.2456140351, 196.2), rgb(255, 241.2456140351, 196.2) 25%, rgb(255, 250.9627906977, 238.2));
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #ddd;
  border-right: 1px solid #ccc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.lt-ie10 .ui-buttonset .ui-state-active {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#FFF1C4", endColorstr="#FFFBEE",GradientType=0 );
}

/*
	ACCORDION TABS
*/
.ui-tabs .ui-tabs-panel {
  padding-left: 0;
  padding-right: 0;
}

.ui-tabs .ui-tabs-nav {
  border: none;
}

/*
	OVERLAY - Covers Entire Page
*/
.ui-widget-overlay {
  position: fixed;
}

/*
	.ui-button-icon-only
*/
.opener {
  width: auto;
}

.ui-widget-content {
  color: inherit;
}
.ui-widget-content a {
  color: #60b7e4;
}

.ui-dialog .ui-dialog-content {
  padding: 0.5384615385em 1.6923076923em;
}

/*
	TIMEOUT DIALOG BOX
*/
#timeout-dialog__countdown {
  font-weight: bold;
  color: #DE5C6D;
}

/*
	DATEPICKER
*/
.ui-datepicker[style] {
  z-index: 101 !important;
}

/*
	SELECT DROP DOWN IN JQUERYUI
*/
.dialog-select-dropdown select,
.dialog-select-dropdown input,
.dialog-select-dropdown .select2-container,
.dialog-select-dropdown .customSelect {
  width: 100%;
}

.ui-spinner .ui-icon.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

/**
 * Base styles; unclassed HTML elements etc.
 */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
@font-face {
  src: url("/static/jon/fonts//OpenSans-VariableFont_wdth,wght.ttf");
  font-family: "Open Sans";
}
body {
  font-family: "Open Sans";
  font-size: 100%;
  line-height: 1.5;
  color: #646567;
  background: #e0e0e0;
}

h1 {
  color: #005484;
  font-size: 1.4em;
  font-weight: normal;
  margin: 0 0 0.625em 0;
}

h2 {
  color: #646567;
  padding: 0.4375em 0;
  margin: 0 0 0.625em 0;
  font-size: 0.75em;
}

p {
  font-size: 0.75em;
  color: #3C738F;
  clear: left;
}
p span {
  color: #60b7e4;
}

a {
  text-decoration: none;
  color: #60b7e4;
}
a:visited, a:active, a:hover {
  color: #60b7e4;
}

ul {
  list-style: none;
}

dd {
  margin: 0;
}

dt, dd {
  display: inline;
}

h3 {
  border-bottom: 1px solid #ddd;
}

.no-wrap {
  white-space: nowrap;
}

.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.processor dt, .processor label {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.clear {
  clear: both;
}

.fl {
  float: left;
  display: inline;
}

.fr {
  float: right;
  display: inline;
}

.js .button-group--toolbar .button-group__options, .js .button-group .button-group__options, .js .button-group--toolbar .button-group__list, .js .button-group .button-group__list, .ui-toolbar--list, .legend ul, .ui-toolbar--list ul, .ui-toolbar ul, .ui-toolbar--header ul, .ui-toolbar--bottom ul, .ui-toolbar--reports ul, .ui-toolbar--top--icons ul, .ui-toolbar--top ul {
  margin: 0;
  padding: 0;
}

.nicescroll-rails-hr div[style] {
  background: #e5e5e5 !important;
  border-radius: 0 !important;
}

/**
 * Zebra Strips
 */
.even {
  background: rgb(251.55, 251.55, 251.55);
}

.odd {
  background: none;
}

/*--------Extra Line Separator---------*/
.divider {
  border-bottom: 1px solid #ddd;
  clear: both;
  padding-top: 1em;
  margin-bottom: 1em;
}

/*--------SUB HEADING---------*/
.date-range {
  color: #005484;
  margin: 0 1.00402%;
  margin: 0 0 1.5625em 40px;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.9;
}
.date-range .icons {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin-left: -30px;
}
.date-range span {
  font-size: 0.625em;
  text-transform: uppercase;
}

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
.middle {
  background: #f9f9f9;
}
.middle:after {
  clear: both;
  content: "";
  display: table;
}

.container {
  position: relative;
  left: 0;
  /*margin:0 auto;*/
  margin: 0 10px;
}
.container:after {
  clear: both;
  content: "";
  display: table;
}

/*-------------- .main-content ------------------*/
.main-content {
  /* padding-top:pem(45); for position:fixed */
  min-height: 59.375em;
  float: left;
  width: 100%;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  font-family: "Open Sans";
  border-radius: 0 0 5px 5px;
}

.search-info {
  text-align: center;
  color: #005484;
}

/*-------------- .main-content IE ------------------*/
.lt-ie9 .main-content {
  border: 1px solid #ddd;
  border-width: 0 1px 1px;
}

.lt-ie8 .main-content {
  margin: 0 -1px 0 -1px;
}
.lt-ie8 .main-content button.icon-wrapper {
  position: relative;
}
.lt-ie8 .main-content button.icon-wrapper .icons {
  position: absolute;
  margin: 0;
  left: 10px;
  top: 8px;
}

/*--------------PAGE HEADER------------------*/
/* global page header */
.page-header {
  height: 4.6875em;
  border-bottom: 1px solid #ddd;
  padding: 2.5625em 5% 0;
}
.page-header:after {
  clear: both;
  content: "";
  display: table;
}
.page-header .two {
  display: none;
}
.page-header p {
  float: right;
  margin: 0.8333333333em 0 0;
}
.page-header .page-header__title {
  margin: 0;
}
.page-header .page-header__title__subtitle {
  display: block;
  font-size: 11px;
  padding-left: 2px;
  text-transform: uppercase;
  color: #3C738F;
  line-height: 1.25;
}
.page-header .page-header__phone {
  padding-left: 15px;
  display: none;
}
.page-header .page-header__phone span {
  color: #60b7e4;
}

/*--------------CONTENT------------------*/
/*
Headers

Styleguide 2.0
*/
/*
Default

Markup: ex/page-header-default.html

Styleguide 2.1
*/
.content, .content--datatable--login-history, .content--datatable, .content--info, .content--full-width, .content--alt--full-width, .content--alt {
  position: relative;
  padding: 3.125em 5%;
  border-top: 2px solid #ededed;
}
.content:after, .content--datatable--login-history:after, .content--datatable:after, .content--info:after, .content--full-width:after, .content--alt--full-width:after, .content--alt:after {
  clear: both;
  content: "";
  display: table;
}

.content__padding {
  padding: 3.125em 5%;
}
.content__padding:after {
  clear: both;
  content: "";
  display: table;
}

/*
Down Arrow

Markup: ex/page-header-down-arrow.html

Styleguide 2.4
*/
/* notifications */
.content--alt {
  padding-top: 2em;
}
.content--alt .article--max-width {
  max-width: 38em;
}
.content--alt .highlight-title {
  color: red;
}
.content--alt .heading-black {
  color: black;
}

/*
Down Arrow Full Width

Markup: ex/page-header-down-arrow-full-width.html

Styleguide 2.5
*/
.content--alt--full-width {
  padding: 0;
}

/*
Full Width

Markup: ex/page-header-full-width.html

Styleguide 2.2
*/
.content--full-width {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  border: none;
}

.block-container {
  /* border-top:2px solid #EDEDED;
  padding:pem(25) 5.00402% 0;
  position:relative; */
  margin: 0 -1.00402%;
}
.block-container:after {
  clear: both;
  content: "";
  display: table;
}

/*
Static Info

Markup: ex/page-header-static-info.html

Styleguide 2.6
*/
/* paired with .info */
.content--info {
  border: none;
  padding-top: 0.9375em;
}

/* notifications used in search */
.info--long, .info--alert, .info {
  position: relative;
  color: #3d6c8d;
  border-top: 2px solid #ededed;
  border-bottom: 1px solid #ddd;
  padding-left: 6.00402%;
  padding-right: 6.00402%;
  margin: 0;
  font-size: 0.6875em;
  line-height: 0.95;
  text-transform: uppercase;
}
.info--long .info-arrow, .info--alert .info-arrow, .info .info-arrow {
  width: 30px;
  height: 10px;
  position: absolute;
  bottom: -1px;
  display: block;
}

.info {
  background: #f9f9f9;
  padding-top: 17px;
  padding-bottom: 21px;
}

/* used in fraud for product number */
.info--alert {
  padding-top: 19px;
  padding-bottom: 19px;
  background: #FFFBEB;
}
.info--alert p {
  font-size: 1em;
  margin: 0;
}

.info--alert__wrapper {
  max-width: 109.0909090909em;
  margin: 0 auto;
}

.icon-arrow-container {
  position: relative;
  max-width: 75em;
  margin: 0 6.00402%;
}
.icon-arrow-container .icons {
  left: 0;
}

/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 97.875em) {
  .info--alert p {
    margin: 0 1.00402%;
  }
  .icon-arrow-container {
    margin: 0 auto;
  }
  .icon-arrow-container .icons {
    left: 1.00402%;
  }
}
.icon-arrow-down-overlap-header--alert, .icon-arrow-down-overlap-header {
  width: 31px;
  height: 12px;
  display: block;
  top: -3px;
  position: absolute;
  left: 6.00402%;
  z-index: 1;
}

.icon-arrow-down-info {
  width: 31px;
  height: 10px;
  position: absolute;
  bottom: -10px;
  display: block;
}

/*
	For longer passages of text
 */
.info--long {
  padding-top: 19px;
  padding-bottom: 19px;
  text-transform: inherit;
  background: #f9f9f9;
  font-size: 0.75em;
  line-height: 1.5;
}

.info--long__content--search, .info--long__content {
  color: inherit;
  display: inline-block;
}

@media only screen and (min-width: 75em) {
  .info--long__content--search {
    width: 50%;
  }
}

/*
Datatables

Markup: ex/page-header-datatables.html

Styleguide 2.3
*/
/* 	content with no toolbars or info
*	paired with .icon-arrow-down-overlap-header
*/
.content--datatable--login-history, .content--datatable {
  /* padding-top:pem(15); */
  padding: 0;
  border: none;
}
.content--datatable--login-history .message .ui-state-highlight, .content--datatable .message .ui-state-highlight {
  margin: 0;
  border-radius: 0;
}
.content--datatable--login-history .message .ui-state-highlight p, .content--datatable .message .ui-state-highlight p {
  margin: 1.1875em 6.00402%;
}

.content--datatable--login-history .login-time {
  width: 200px;
}
.content--datatable--login-history .username {
  width: 150px;
}
.content--datatable--login-history .valid-login {
  text-align: right;
}
.content--datatable--login-history .status .icon-wrapper {
  float: right;
}

.form .group, .form--details .group, .form--trans-details .group, .form--trans-receipt .group {
  margin-top: 1.1538461538em;
}
.form .group li, .form--details .group li, .form--trans-details .group li, .form--trans-receipt .group li {
  border: none;
}

/*--------------FOOTER------------------*/
.footer {
  background: #e0e0e0;
  margin-top: -2.3333333333em;
  padding: 5.5555555556em 0 2.7777777778em;
  color: #646567;
  font-size: 0.5625em;
  text-align: center;
}
.footer:after {
  clear: both;
  content: "";
  display: table;
}
.footer .button, .footer .legend a, .legend .footer a, .footer .ui-toolbar--list a, .footer .ui-toolbar a, .footer .ui-toolbar--header a, .footer .ui-toolbar--bottom a, .footer .ui-toolbar--reports a, .footer .ui-toolbar--top--icons a, .footer .ui-toolbar--top a, .ui-toolbar--list .footer a, .ui-toolbar .footer a, .ui-toolbar--header .footer a, .ui-toolbar--bottom .footer a, .ui-toolbar--reports .footer a, .ui-toolbar--top--icons .footer a, .ui-toolbar--top .footer a {
  box-shadow: none;
  font-size: 1.3333333333em;
}
.footer p {
  padding-top: 0.3125em;
}
.footer a {
  color: #3C738F;
}

/*--------Stacked in double column layout view---------*/
form.stacked .heading, .stacked .heading {
  margin: 1.875em 0 1.1875em;
  padding: 0;
}
form.stacked .bottom, .stacked .bottom {
  margin-top: 1.875em;
}

/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 34.6875em) {
  .block {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .container {
    margin: 0 20px;
  }
  .page-header .one {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
}
/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 55.625em) {
  .content--datatable {
    padding: 0;
  }
}
/* ==|== (min-width: 1024px) ========================================================== */
@media only screen and (min-width: 64.0625em) {
  /* global page header */
  .page-header .page-header__phone {
    padding-left: 15px;
    display: block;
  }
  .page-header .one {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .page-header .two {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .main-content {
    padding-top: 2.8125em; /* for position:fixed */
  }
  .container {
    /* max-width:$max-width - $side-column-width; */
    /*margin:0 auto;*/
    padding-left: 195px;
  }
  .footer__phone {
    display: none;
  }
}
/**
 * Objects and abstractions
 */
/*------------------------------------*\
    $FORMS
\*------------------------------------*/
/*
Date & Time

Markup: ex/forms-date-time.html

Styleguide 5.4
*/
/*
Select Option

Markup: ex/forms-select.html

Styleguide 5.5
*/
/*
Multiple Select

Markup: ex/forms-multi-select.html

Styleguide 5.6
*/
/* set font size to 16px to disable auto zoom */
form select,
form select[style] {
  font-size: 1em !important;
}
form textarea,
form input[type=text],
form input[type=password] {
  font-size: 1em;
}

.form select, .form--details select, .form--trans-details select, .form--trans-receipt select,
.form select[style] {
  font-size: 1.2307692308em !important;
}
.form textarea, .form--details textarea, .form--trans-details textarea, .form--trans-receipt textarea,
.form input[type=text],
.form--details input[type=text],
.form--trans-details input[type=text],
.form--trans-receipt input[type=text],
.form input[type=password],
.form--details input[type=password],
.form--trans-details input[type=password],
.form--trans-receipt input[type=password] {
  font-size: 1.2307692308em;
}

.form, .form--details, .form--trans-details, .form--trans-receipt {
  font-size: 0.8125em;
  /* SEPA */
  /* inner form headings */
  /*
  Checkbox Inline

  Markup: ex/forms-checkbox-inline.html

  Styleguide 5.3
  */
  /* used in paragraphs */
  /* .button-group {
  	margin-top:pem(20);
  } */
}
.form ul, .form--details ul, .form--trans-details ul, .form--trans-receipt ul {
  padding: 0;
  margin: 0;
}
.form fieldset li, .form--details fieldset li, .form--trans-details fieldset li, .form--trans-receipt fieldset li {
  margin: 0.9375em 0;
}
.form fieldset li:after, .form--details fieldset li:after, .form--trans-details fieldset li:after, .form--trans-receipt fieldset li:after {
  clear: both;
  content: "";
  display: table;
}
.form fieldset .exp-date, .form--details fieldset .exp-date, .form--trans-details fieldset .exp-date, .form--trans-receipt fieldset .exp-date {
  margin-bottom: 1.6153846154em;
}
.form fieldset .text-only-grid-alignment, .form--details fieldset .text-only-grid-alignment, .form--trans-details fieldset .text-only-grid-alignment, .form--trans-receipt fieldset .text-only-grid-alignment {
  margin-bottom: 1.8461538462em;
}
.form fieldset .text-only-grid-alignment:first-child, .form--details fieldset .text-only-grid-alignment:first-child, .form--trans-details fieldset .text-only-grid-alignment:first-child, .form--trans-receipt fieldset .text-only-grid-alignment:first-child {
  margin-top: 0.9230769231em;
}
.form fieldset .text-only-grid-alignment li, .form--details fieldset .text-only-grid-alignment li, .form--trans-details fieldset .text-only-grid-alignment li, .form--trans-receipt fieldset .text-only-grid-alignment li {
  margin-top: 0.3846153846em;
  margin-bottom: 0.3846153846em;
}
.form label, .form--details label, .form--trans-details label, .form--trans-receipt label {
  display: block;
}
.form input[type=text], .form--details input[type=text], .form--trans-details input[type=text], .form--trans-receipt input[type=text],
.form input[type=password],
.form--details input[type=password],
.form--trans-details input[type=password],
.form--trans-receipt input[type=password],
.form textarea,
.form--details textarea,
.form--trans-details textarea,
.form--trans-receipt textarea {
  padding: 8px 4px;
  background: #f9f9f9;
}
.form .required, .form--details .required, .form--trans-details .required, .form--trans-receipt .required {
  background: #ffffbf !important;
}
.form input[type=text], .form--details input[type=text], .form--trans-details input[type=text], .form--trans-receipt input[type=text], .form textarea, .form--details textarea, .form--trans-details textarea, .form--trans-receipt textarea {
  width: 100%;
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -khtml-box-sizing: border-box; /* konqueror */
  -moz-box-sizing: border-box; /* firefox */
  -ms-box-sizing: border-box; /* ie */
  box-sizing: border-box; /* css3 */
}
.form .customfile input[type=text], .form--details .customfile input[type=text], .form--trans-details .customfile input[type=text], .form--trans-receipt .customfile input[type=text] {
  width: auto;
}
.form input[type=text] input[type=text].datepicker, .form--details input[type=text] input[type=text].datepicker, .form--trans-details input[type=text] input[type=text].datepicker, .form--trans-receipt input[type=text] input[type=text].datepicker {
  max-width: 125px;
}
.form input[type=text].sepa__country-code, .form--details input[type=text].sepa__country-code, .form--trans-details input[type=text].sepa__country-code, .form--trans-receipt input[type=text].sepa__country-code {
  width: 4.875em;
  text-transform: uppercase;
}
.form h3, .form--details h3, .form--trans-details h3, .form--trans-receipt h3 {
  border-bottom: 1px solid #ddd;
}
.form .heading, .form--details .heading, .form--trans-details .heading, .form--trans-receipt .heading {
  margin-top: 1.5625em;
  margin-bottom: 0.625em;
  padding-left: 1.00402%;
  padding-right: 1.00402%;
}
.form .heading--alt--datatable, .form .horizontal-scroll .heading--alt--datatable--reset, .form--details .heading--alt--datatable, .form--details .horizontal-scroll .heading--alt--datatable--reset, .form--trans-details .heading--alt--datatable, .form--trans-details .horizontal-scroll .heading--alt--datatable--reset, .form--trans-receipt .heading--alt--datatable, .form--trans-receipt .horizontal-scroll .heading--alt--datatable--reset, .form .heading--alt, .form--details .heading--alt, .form--trans-details .heading--alt, .form--trans-receipt .heading--alt {
  margin: 1.5625em 0 0.2em;
  padding: 0.625em;
  background: #f8f8f8;
  border: none;
  border-radius: 3px 3px 0 0;
}
.form .heading--alt--datatable, .form .horizontal-scroll .heading--alt--datatable--reset, .form--details .heading--alt--datatable, .form--details .horizontal-scroll .heading--alt--datatable--reset, .form--trans-details .heading--alt--datatable, .form--trans-details .horizontal-scroll .heading--alt--datatable--reset, .form--trans-receipt .heading--alt--datatable, .form--trans-receipt .horizontal-scroll .heading--alt--datatable--reset {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0.625em;
  padding-right: 0.625em;
}
.form .message input[type=checkbox], .form--details .message input[type=checkbox], .form--trans-details .message input[type=checkbox], .form--trans-receipt .message input[type=checkbox] {
  margin-right: 0.625em;
}
.form .extra, .form--details .extra, .form--trans-details .extra, .form--trans-receipt .extra {
  margin-top: 1em;
  display: block;
}
.form .stack dt, .form--details .stack dt, .form--trans-details .stack dt, .form--trans-receipt .stack dt, .form .stack dd, .form--details .stack dd, .form--trans-details .stack dd, .form--trans-receipt .stack dd {
  width: 99%;
  display: block;
}
.form .stack dt, .form--details .stack dt, .form--trans-details .stack dt, .form--trans-receipt .stack dt {
  border-bottom: 1px solid #f5f5f5;
}
.form dl, .form--details dl, .form--trans-details dl, .form--trans-receipt dl {
  display: block;
  margin: 0;
  padding: 0.625em;
  border-top: 1px solid #f5f5f5;
}
.form dl:after, .form--details dl:after, .form--trans-details dl:after, .form--trans-receipt dl:after {
  clear: both;
  content: "";
  display: table;
}
.form dl:first-child, .form--details dl:first-child, .form--trans-details dl:first-child, .form--trans-receipt dl:first-child {
  border-top: none;
}
.form .heading + dl, .form--details .heading + dl, .form--trans-details .heading + dl, .form--trans-receipt .heading + dl {
  border-top: none;
}
.form dt, .form--details dt, .form--trans-details dt, .form--trans-receipt dt {
  display: inline;
  float: left;
  width: 47.9919678715%;
  margin: 0 1.0040160643%;
  *width: 47.9398845382%;
  *margin: 0 0.9519327309%;
  background: #f9f9f9;
  font-weight: bold;
}
.form dd, .form--details dd, .form--trans-details dd, .form--trans-receipt dd {
  display: inline;
  float: left;
  width: 47.9919678715%;
  margin: 0 1.0040160643%;
  *width: 47.9398845382%;
  *margin: 0 0.9519327309%;
}
.form .error, .form--details .error, .form--trans-details .error, .form--trans-receipt .error, .form .highlight, .form--details .highlight, .form--trans-details .highlight, .form--trans-receipt .highlight {
  color: #db5c71 !important;
}
.form input[type=text].error, .form--details input[type=text].error, .form--trans-details input[type=text].error, .form--trans-receipt input[type=text].error,
.form input[type=password].error,
.form--details input[type=password].error,
.form--trans-details input[type=password].error,
.form--trans-receipt input[type=password].error {
  border: 1px solid #db5c71;
  color: inherit;
}
.form .extra, .form--details .extra, .form--trans-details .extra, .form--trans-receipt .extra {
  padding-top: 1em;
  display: block;
  float: none;
}
.form .extra:after, .form--details .extra:after, .form--trans-details .extra:after, .form--trans-receipt .extra:after {
  clear: both;
  content: "";
  display: table;
}
.form .bottom--horizontal-scroll-footer, .form--details .bottom--horizontal-scroll-footer, .form--trans-details .bottom--horizontal-scroll-footer, .form--trans-receipt .bottom--horizontal-scroll-footer, .form .bottom, .form--details .bottom, .form--trans-details .bottom, .form--trans-receipt .bottom {
  clear: both;
  padding-top: 1em;
  padding-left: 0.5%;
  padding-right: 0.5%;
}
.form .bottom--horizontal-scroll-footer:after, .form--details .bottom--horizontal-scroll-footer:after, .form--trans-details .bottom--horizontal-scroll-footer:after, .form--trans-receipt .bottom--horizontal-scroll-footer:after, .form .bottom:after, .form--details .bottom:after, .form--trans-details .bottom:after, .form--trans-receipt .bottom:after {
  clear: both;
  content: "";
  display: table;
}
.form .bottom, .form--details .bottom, .form--trans-details .bottom, .form--trans-receipt .bottom {
  border-top: 1px solid #ddd;
  margin-top: 1em;
}
.form .full-name .first-name, .form--details .full-name .first-name, .form--trans-details .full-name .first-name, .form--trans-receipt .full-name .first-name {
  margin-bottom: 0.9375em;
}
.form .nested-blocks .nested-blocks__span-6, .form--details .nested-blocks .nested-blocks__span-6, .form--trans-details .nested-blocks .nested-blocks__span-6, .form--trans-receipt .nested-blocks .nested-blocks__span-6 {
  margin-bottom: 0.9375em;
}

.form--trans-receipt h3 {
  padding: 0.625em;
  margin: 0;
  text-transform: uppercase;
}
.form--trans-receipt dl {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
.form--trans-receipt dt {
  font-weight: bold;
}
.form--trans-receipt .mode label {
  padding: 9px 16px 8px;
}
.form--trans-receipt .bottom {
  border: none;
  padding-top: 3em;
}

.form--trans-details dl {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.form--details dl {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.form .form__location, .form--trans-receipt .form__location, .form--trans-details .form__location, .form--details .form__location {
  display: block;
  width: 102.0080321285%;
  margin: 0 -1.0040160643%;
  *width: 101.9559487952%;
  *margin: 0 -1.0560993976%;
  /* 	input[type="text"] {
  		width:99%;
  	} */
}
.form .form__location:after, .form--trans-receipt .form__location:after, .form--trans-details .form__location:after, .form--details .form__location:after {
  clear: both;
  content: "";
  display: table;
}

.form__location__inner {
  padding: 0;
}

.form__location__city {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
}
.form__location__city .form__location__inner {
  padding-left: 0;
}

.form__location__state {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
}
.form__location__state .form__location__inner {
  margin-top: 0.9375em;
  padding-left: 0;
}

.form__location__zip {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
}
.form__location__zip .form__location__inner {
  margin-top: 0.9375em;
}

/* ==|== (min-width: 1450px) ========================================================== */
@media only screen and (min-width: 43.75em) {
  .form__location__city {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form__location__city .form__location__inner {
    padding-left: 0;
  }
  .form__location__state {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form__location__state .form__location__inner {
    margin-top: 0.9375em;
    padding-left: 0;
  }
  .form__location__zip {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form__location__zip .form__location__inner {
    margin-top: 0.9375em;
  }
  .form__location__documentation {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form__location__documentation .form__location__inner {
    margin-top: 0;
    padding-left: 0;
  }
  .form__location__sameday {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form__location__sameday .form__location__inner {
    margin-top: 1.625em;
  }
}
/* ==|== (min-width: 1450px) ========================================================== */
@media only screen and (min-width: 87.5em) {
  .form__location__city {
    display: inline;
    float: left;
    width: 39.6586345382%;
    margin: 0 1.0040160643%;
    *width: 39.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .form__location__city .form__location__inner {
    padding-left: 0;
  }
  .form__location__state {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form__location__state .form__location__inner {
    margin-top: 0;
    padding: 0;
  }
  .form__location__zip {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .form__location__zip .form__location__inner {
    margin-top: 0;
  }
  .form__location__documentation {
    display: inline;
    float: left;
    width: 56.3253012048%;
    margin: 0 1.0040160643%;
    *width: 56.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .form__location__documentation .form__location__inner {
    margin-top: 0;
    padding-left: 0;
  }
  .form__location__sameday {
    display: inline;
    float: left;
    width: 39.6586345382%;
    margin: 0 1.0040160643%;
    *width: 39.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .form__location__sameday .form__location__inner {
    margin-top: 1.625em;
  }
}
.form .form__street-address, .form--trans-receipt .form__street-address, .form--trans-details .form__street-address, .form--details .form__street-address {
  display: block;
  width: 102.0080321285%;
  margin: 0 -1.0040160643%;
  *width: 101.9559487952%;
  *margin: 0 -1.0560993976%;
  margin-top: 0.9375em;
  margin-bottom: 0.9375em;
}
.form .form__street-address:after, .form--trans-receipt .form__street-address:after, .form--trans-details .form__street-address:after, .form--details .form__street-address:after {
  clear: both;
  content: "";
  display: table;
}

.form__street-address__address {
  display: inline;
  float: left;
  width: 64.6586345382%;
  margin: 0 1.0040160643%;
  *width: 64.6065512048%;
  *margin: 0 0.9519327309%;
}
.form__street-address__address .form__street-address__inner {
  padding: 0;
}

.form__street-address__suite {
  display: inline;
  float: left;
  width: 31.3253012048%;
  margin: 0 1.0040160643%;
  *width: 31.2732178715%;
  *margin: 0 0.9519327309%;
}
.form__street-address__suite .form__street-address__inner {
  padding: 0;
}

form.list fieldset, form.list--reports--multiple fieldset, form.list--reports fieldset, form.list--hierarchy fieldset {
  margin: 2.5em 0;
}

/* formmaker  */
.example-form tr:hover {
  background: none;
}

/* virtual terminal*/
.tabs {
  /*tool bar*/
  /*accordian*/
  /*layout*/
  /*2 column layout*/
}
.tabs .ui-tabs-anchor {
  font-weight: bold;
  color: #444 !important;
}
.tabs .opener {
  margin: 0.5em 0.625em 0.5em 0.5em;
  vertical-align: middle;
}
.tabs .primary {
  padding-bottom: 2.5em;
}
.tabs .primary:after {
  clear: both;
  content: "";
  display: table;
}
.tabs #secondary:after {
  clear: both;
  content: "";
  display: table;
}
.tabs #secondary h4 {
  background: #f5f5f5;
  border-radius: 3px;
}
.tabs #formclearbutton {
  border-radius: 3px;
}
.tabs .secondary--alt, .tabs .secondary {
  padding-bottom: 3.125em;
}
.tabs .secondary--alt:after, .tabs .secondary:after {
  clear: both;
  content: "";
  display: table;
}
.tabs .secondary--alt textarea, .tabs .secondary textarea {
  min-height: 9.375em;
}
.tabs .secondary input {
  width: auto;
}
.tabs .card-numbers .cvv {
  margin-top: 0.75em;
  max-width: 9.375em;
}
.tabs .card-numbers input[type=text].credit-card-type {
  /* remove x button from ie10+ */
}
.tabs .card-numbers input[type=text].credit-card-type::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* 1 column form layout */
.single label, .single--alt label {
  float: left;
}
.single .icon-help, .single--alt .icon-help {
  margin-right: 0.625em;
}
.single .block:after, .single--alt .block:after {
  clear: both;
  content: "";
  display: table;
}
.single fieldset input.error, .single--alt fieldset input.error {
  margin-bottom: 0;
}
.single label.error, .single--alt label.error {
  float: none;
  margin-top: 0.2307692308em;
  margin-bottom: 0.5384615385em;
  font-weight: normal;
}

/* form controls */
.single--alt fieldset .single__select-label {
  margin-top: 0.3846153846em;
}
.single--alt .heading--alt {
  margin-top: 0;
}

.single__select {
  margin: 0;
}

.inline-help {
  color: #888888;
  font-size: 0.8461538462em;
}

select[multiple] {
  width: 100%;
  background: #f9f9f9;
  font-size: 0.6875em;
  border-radius: 3px;
}

.form .grid-half .grid-inner, .form--trans-receipt .grid-half .grid-inner, .form--trans-details .grid-half .grid-inner, .form--details .grid-half .grid-inner {
  margin: 0.9375em 0;
}
.form .grid-half .grid-inner:last-child, .form--trans-receipt .grid-half .grid-inner:last-child, .form--trans-details .grid-half .grid-inner:last-child, .form--details .grid-half .grid-inner:last-child {
  margin-bottom: 0;
}
.form .grid-half .ach-type, .form--trans-receipt .grid-half .ach-type, .form--trans-details .grid-half .ach-type, .form--details .grid-half .ach-type, .form .grid-half .card-reader-btn, .form--trans-receipt .grid-half .card-reader-btn, .form--trans-details .grid-half .card-reader-btn, .form--details .grid-half .card-reader-btn {
  margin: 1.5384615385em 0 0;
}
.form .grid-half .card-reader-btn label, .form--trans-receipt .grid-half .card-reader-btn label, .form--trans-details .grid-half .card-reader-btn label, .form--details .grid-half .card-reader-btn label {
  display: none;
}

.paymode-label-disable {
  pointer-events: none;
}

/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 34.6875em) {
  .vt .payment-type-controls {
    padding-bottom: 0.6153846154em;
  }
  /* reset font size to 13px */
  form select,
  form select[style] {
    font-size: 0.8125em !important;
  }
  form textarea,
  form input[type=text],
  form input[type=password] {
    font-size: 0.8125em;
  }
  .form select, .form--trans-receipt select, .form--trans-details select, .form--details select,
  .form select[style] {
    font-size: 1em !important;
  }
  .form textarea, .form--trans-receipt textarea, .form--trans-details textarea, .form--details textarea,
  .form input[type=text],
  .form--trans-receipt input[type=text],
  .form--trans-details input[type=text],
  .form--details input[type=text],
  .form input[type=password],
  .form--trans-receipt input[type=password],
  .form--trans-details input[type=password],
  .form--details input[type=password] {
    font-size: 1em;
  }
  .form .one .inner, .form--trans-receipt .one .inner, .form--trans-details .one .inner, .form--details .one .inner {
    padding: 0 2.5em 0 0;
  }
  .form .one .card-numbers .inner, .form--trans-receipt .one .card-numbers .inner, .form--trans-details .one .card-numbers .inner, .form--details .one .card-numbers .inner {
    padding: 0;
  }
  .form .two .inner, .form--trans-receipt .two .inner, .form--trans-details .two .inner, .form--details .two .inner {
    padding: 0 0 0 2.5em;
  }
  .form .heading--alt, .form--trans-receipt .heading--alt, .form--trans-details .heading--alt, .form--details .heading--alt {
    padding-left: 0.875em;
    padding-right: 0.875em;
  }
  .vt .two .inner {
    padding-right: 0.625em;
  }
}
/* ==|== (min-width: 520px) ========================================================== */
@media only screen and (min-width: 32.5em) {
  .single fieldset li .block, .single--alt fieldset li .block {
    display: inline;
    float: left;
    width: 72.9919678715%;
    margin: 0 1.0040160643%;
    *width: 72.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .single fieldset li .block:first-child, .single--alt fieldset li .block:first-child {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .single fieldset dt, .single--alt fieldset dt {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .single fieldset dd, .single--alt fieldset dd {
    display: inline;
    float: left;
    width: 72.9919678715%;
    margin: 0 1.0040160643%;
    *width: 72.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .single fieldset input[type=text],
  .single fieldset input[type=password], .single--alt fieldset input[type=text],
  .single--alt fieldset input[type=password] {
    max-width: 200px;
  }
  .form .full-name, .form--trans-receipt .full-name, .form--trans-details .full-name, .form--details .full-name {
    display: block;
    width: 102.0080321285%;
    margin: 0 -1.0040160643%;
    *width: 101.9559487952%;
    *margin: 0 -1.0560993976%;
  }
  .form .full-name:after, .form--trans-receipt .full-name:after, .form--trans-details .full-name:after, .form--details .full-name:after {
    clear: both;
    content: "";
    display: table;
  }
  .form .full-name .first-name, .form--trans-receipt .full-name .first-name, .form--trans-details .full-name .first-name, .form--details .full-name .first-name {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form .full-name .first-name .inner, .form--trans-receipt .full-name .first-name .inner, .form--trans-details .full-name .first-name .inner, .form--details .full-name .first-name .inner {
    padding: 0;
  }
  .form .full-name .first-name .inner, .form--trans-receipt .full-name .first-name .inner, .form--trans-details .full-name .first-name .inner, .form--details .full-name .first-name .inner {
    padding-top: 0;
  }
  .form .full-name .last-name, .form--trans-receipt .full-name .last-name, .form--trans-details .full-name .last-name, .form--details .full-name .last-name {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form .full-name .last-name .inner, .form--trans-receipt .full-name .last-name .inner, .form--trans-details .full-name .last-name .inner, .form--details .full-name .last-name .inner {
    padding: 0;
  }
  .form .nested-blocks, .form--trans-receipt .nested-blocks, .form--trans-details .nested-blocks, .form--details .nested-blocks {
    display: block;
    width: 102.0080321285%;
    margin: 0 -1.0040160643%;
    *width: 101.9559487952%;
    *margin: 0 -1.0560993976%;
    margin-top: 0.9375em;
  }
  .form .nested-blocks:after, .form--trans-receipt .nested-blocks:after, .form--trans-details .nested-blocks:after, .form--details .nested-blocks:after {
    clear: both;
    content: "";
    display: table;
  }
  .form .nested-blocks .nested-blocks__span-6:first-child .inner, .form--trans-receipt .nested-blocks .nested-blocks__span-6:first-child .inner, .form--trans-details .nested-blocks .nested-blocks__span-6:first-child .inner, .form--details .nested-blocks .nested-blocks__span-6:first-child .inner {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .form .nested-blocks .nested-blocks__span-6, .form--trans-receipt .nested-blocks .nested-blocks__span-6, .form--trans-details .nested-blocks .nested-blocks__span-6, .form--details .nested-blocks .nested-blocks__span-6 {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form .nested-blocks .nested-blocks__span-6 .inner, .form--trans-receipt .nested-blocks .nested-blocks__span-6 .inner, .form--trans-details .nested-blocks .nested-blocks__span-6 .inner, .form--details .nested-blocks .nested-blocks__span-6 .inner {
    padding: 0;
  }
  .editable, .search, .single, .single--alt {
    /* reset for jqueryui spinner */
  }
  .editable .noneditable, .search .noneditable, .single .noneditable, .single--alt .noneditable {
    padding: 0;
    margin: 0;
    border: none;
  }
  .editable input[type=checkbox], .search input[type=checkbox], .single input[type=checkbox], .single--alt input[type=checkbox] {
    margin-top: 1.5384615385em;
  }
  .editable dl, .search dl, .single dl, .single--alt dl {
    padding: 0;
    margin: 0;
  }
  .editable dt, .editable dd, .search dt, .search dd, .single dt, .single dd, .single--alt dt, .single--alt dd {
    background: none;
    padding: 1.3076923077em 0; /*offset text input border*/
  }
  .editable fieldset li, .search fieldset li, .single fieldset li, .single--alt fieldset li {
    padding: 0;
    margin: 0;
  }
  .editable label, .search label, .single label, .single--alt label {
    font-weight: bold;
  }
  .editable select, .editable .ui-spinner, .search select, .search .ui-spinner, .single select, .single .ui-spinner, .single--alt select, .single--alt .ui-spinner {
    margin-top: 1.1538461538em;
    margin-bottom: 1.1538461538em;
  }
  .editable .checkbox-group, .search .checkbox-group, .single .checkbox-group, .single--alt .checkbox-group {
    margin-top: 1.3076923077em;
  }
  .editable .group input, .search .group input, .single .group input, .single--alt .group input {
    display: block;
    clear: both;
  }
  .editable input[type=text],
  .editable input[type=password], .search input[type=text],
  .search input[type=password], .single input[type=text],
  .single input[type=password], .single--alt input[type=text],
  .single--alt input[type=password] {
    margin: 0.5384615385em 0;
    /* width:91%; */
  }
  .editable input[type=text].spinner, .search input[type=text].spinner, .single input[type=text].spinner, .single--alt input[type=text].spinner {
    margin: 0;
    border: none;
    width: 60px;
  }
  .editable .ui-widget-content, .search .ui-widget-content, .single .ui-widget-content, .single--alt .ui-widget-content {
    border: 1px solid #ccc;
  }
  .editable fieldset li, .search fieldset li, .single fieldset li, .single--alt fieldset li {
    margin: 0;
    border-bottom: 1px solid #f5f5f5;
  }
  .editable fieldset li .block:first-child, .search fieldset li .block:first-child, .single fieldset li .block:first-child, .single--alt fieldset li .block:first-child {
    padding: 1.3076923077em 0; /*offset text input border*/
  }
  .editable fieldset .last, .search fieldset .last, .single fieldset .last, .single--alt fieldset .last {
    border: none;
  }
  .single--alt dl {
    padding: 0.2em;
  }
  .single--alt dt, .single--alt dd {
    padding: 0.3846153846em 0;
  }
  .single--alt dt {
    text-align: right;
  }
}
/* .grid-prefs - max width of first column */
.editable.grid-prefs .form-controls .icon-wrapper--append, .search.single .form-controls .icon-wrapper--append {
  max-width: inherit;
  display: inline-block;
}

/* ==|== (min-width: 793px) ========================================================== */
@media only screen and (min-width: 49.5625em) {
  .form .grid-half, .form--trans-receipt .grid-half, .form--trans-details .grid-half, .form--details .grid-half {
    display: block;
    width: 102.0080321285%;
    margin: 0 -1.0040160643%;
    *width: 101.9559487952%;
    *margin: 0 -1.0560993976%;
  }
  .form .grid-half:after, .form--trans-receipt .grid-half:after, .form--trans-details .grid-half:after, .form--details .grid-half:after {
    clear: both;
    content: "";
    display: table;
  }
  .form .grid-half .block, .form--trans-receipt .grid-half .block, .form--trans-details .grid-half .block, .form--details .grid-half .block {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form .grid-half .grid-inner, .form--trans-receipt .grid-half .grid-inner, .form--trans-details .grid-half .grid-inner, .form--details .grid-half .grid-inner {
    margin: 0;
  }
  .form .grid-half .ach-type, .form--trans-receipt .grid-half .ach-type, .form--trans-details .grid-half .ach-type, .form--details .grid-half .ach-type, .form .grid-half .card-reader-btn, .form--trans-receipt .grid-half .card-reader-btn, .form--trans-details .grid-half .card-reader-btn, .form--details .grid-half .card-reader-btn {
    margin: 0;
  }
  .form .grid-half .card-reader-btn label, .form--trans-receipt .grid-half .card-reader-btn label, .form--trans-details .grid-half .card-reader-btn label, .form--details .grid-half .card-reader-btn label {
    display: block;
  }
  .form .grid-half .card-reader-btn .button, .form .grid-half .card-reader-btn .legend a, .legend .form .grid-half .card-reader-btn a, .form .grid-half .card-reader-btn .ui-toolbar--list a, .form .grid-half .card-reader-btn .ui-toolbar a, .form .grid-half .card-reader-btn .ui-toolbar--header a, .form .grid-half .card-reader-btn .ui-toolbar--bottom a, .form .grid-half .card-reader-btn .ui-toolbar--reports a, .form .grid-half .card-reader-btn .ui-toolbar--top--icons a, .form .grid-half .card-reader-btn .ui-toolbar--top a, .ui-toolbar--list .form .grid-half .card-reader-btn a, .ui-toolbar .form .grid-half .card-reader-btn a, .ui-toolbar--header .form .grid-half .card-reader-btn a, .ui-toolbar--bottom .form .grid-half .card-reader-btn a, .ui-toolbar--reports .form .grid-half .card-reader-btn a, .ui-toolbar--top--icons .form .grid-half .card-reader-btn a, .ui-toolbar--top .form .grid-half .card-reader-btn a, .form--trans-receipt .grid-half .card-reader-btn .button, .form--trans-receipt .grid-half .card-reader-btn .legend a, .legend .form--trans-receipt .grid-half .card-reader-btn a, .form--trans-receipt .grid-half .card-reader-btn .ui-toolbar--list a, .form--trans-receipt .grid-half .card-reader-btn .ui-toolbar a, .form--trans-receipt .grid-half .card-reader-btn .ui-toolbar--header a, .form--trans-receipt .grid-half .card-reader-btn .ui-toolbar--bottom a, .form--trans-receipt .grid-half .card-reader-btn .ui-toolbar--reports a, .form--trans-receipt .grid-half .card-reader-btn .ui-toolbar--top--icons a, .form--trans-receipt .grid-half .card-reader-btn .ui-toolbar--top a, .ui-toolbar--list .form--trans-receipt .grid-half .card-reader-btn a, .ui-toolbar .form--trans-receipt .grid-half .card-reader-btn a, .ui-toolbar--header .form--trans-receipt .grid-half .card-reader-btn a, .ui-toolbar--bottom .form--trans-receipt .grid-half .card-reader-btn a, .ui-toolbar--reports .form--trans-receipt .grid-half .card-reader-btn a, .ui-toolbar--top--icons .form--trans-receipt .grid-half .card-reader-btn a, .ui-toolbar--top .form--trans-receipt .grid-half .card-reader-btn a, .form--trans-details .grid-half .card-reader-btn .button, .form--trans-details .grid-half .card-reader-btn .legend a, .legend .form--trans-details .grid-half .card-reader-btn a, .form--trans-details .grid-half .card-reader-btn .ui-toolbar--list a, .form--trans-details .grid-half .card-reader-btn .ui-toolbar a, .form--trans-details .grid-half .card-reader-btn .ui-toolbar--header a, .form--trans-details .grid-half .card-reader-btn .ui-toolbar--bottom a, .form--trans-details .grid-half .card-reader-btn .ui-toolbar--reports a, .form--trans-details .grid-half .card-reader-btn .ui-toolbar--top--icons a, .form--trans-details .grid-half .card-reader-btn .ui-toolbar--top a, .ui-toolbar--list .form--trans-details .grid-half .card-reader-btn a, .ui-toolbar .form--trans-details .grid-half .card-reader-btn a, .ui-toolbar--header .form--trans-details .grid-half .card-reader-btn a, .ui-toolbar--bottom .form--trans-details .grid-half .card-reader-btn a, .ui-toolbar--reports .form--trans-details .grid-half .card-reader-btn a, .ui-toolbar--top--icons .form--trans-details .grid-half .card-reader-btn a, .ui-toolbar--top .form--trans-details .grid-half .card-reader-btn a, .form--details .grid-half .card-reader-btn .button, .form--details .grid-half .card-reader-btn .legend a, .legend .form--details .grid-half .card-reader-btn a, .form--details .grid-half .card-reader-btn .ui-toolbar--list a, .form--details .grid-half .card-reader-btn .ui-toolbar a, .form--details .grid-half .card-reader-btn .ui-toolbar--header a, .form--details .grid-half .card-reader-btn .ui-toolbar--bottom a, .form--details .grid-half .card-reader-btn .ui-toolbar--reports a, .form--details .grid-half .card-reader-btn .ui-toolbar--top--icons a, .form--details .grid-half .card-reader-btn .ui-toolbar--top a, .ui-toolbar--list .form--details .grid-half .card-reader-btn a, .ui-toolbar .form--details .grid-half .card-reader-btn a, .ui-toolbar--header .form--details .grid-half .card-reader-btn a, .ui-toolbar--bottom .form--details .grid-half .card-reader-btn a, .ui-toolbar--reports .form--details .grid-half .card-reader-btn a, .ui-toolbar--top--icons .form--details .grid-half .card-reader-btn a, .ui-toolbar--top .form--details .grid-half .card-reader-btn a {
    float: right;
    line-height: 14px;
  }
  .form .grid-half .ach-type select, .form--trans-receipt .grid-half .ach-type select, .form--trans-details .grid-half .ach-type select, .form--details .grid-half .ach-type select, .form .grid-half .ach-type .select2-container, .form--trans-receipt .grid-half .ach-type .select2-container, .form--trans-details .grid-half .ach-type .select2-container, .form--details .grid-half .ach-type .select2-container {
    float: right;
  }
  .form .grid-half .ach-type label, .form--trans-receipt .grid-half .ach-type label, .form--trans-details .grid-half .ach-type label, .form--details .grid-half .ach-type label {
    text-align: right;
  }
  .form .grid-half .ach-type label:after, .form--trans-receipt .grid-half .ach-type label:after, .form--trans-details .grid-half .ach-type label:after, .form--details .grid-half .ach-type label:after {
    clear: both;
    content: "";
    display: table;
  }
  .form .grid-third, .form--trans-receipt .grid-third, .form--trans-details .grid-third, .form--details .grid-third {
    display: block;
    width: 102.0080321285%;
    margin: 0 -1.0040160643%;
    *width: 101.9559487952%;
    *margin: 0 -1.0560993976%;
  }
  .form .grid-third:after, .form--trans-receipt .grid-third:after, .form--trans-details .grid-third:after, .form--details .grid-third:after {
    clear: both;
    content: "";
    display: table;
  }
  .form .grid-third .block, .form--trans-receipt .grid-third .block, .form--trans-details .grid-third .block, .form--details .grid-third .block {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
}
/* ==|== (min-width: 793px) ========================================================== */
@media only screen and (min-width: 51.5625em) {
  .grid-prefs .block {
    display: inline;
    float: left;
    width: 64.6586345382%;
    margin: 0 1.0040160643%;
    *width: 64.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .grid-prefs .block:first-child {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
    max-width: 25em;
  }
}
@media only screen and (min-width: 32.5em) {
  .editable.grid-prefs .form-controls .icon-wrapper--append select, .search.single .form-controls .icon-wrapper--append select {
    font-size: inherit !important;
  }
  .editable.grid-prefs .form-controls .icon-wrapper--append .icon-help--light,
  .editable.grid-prefs .form-controls .icon-wrapper--append .icon-help, .search.single .form-controls .icon-wrapper--append .icon-help--light,
  .search.single .form-controls .icon-wrapper--append .icon-help {
    top: 1.3846153846em;
  }
}
.single.grid-prefs .form-controls .icon-wrapper--append .icon-help--light,
.single.grid-prefs .form-controls .icon-wrapper--append .icon-help {
  top: 2px;
}

.editable.grid-prefs .form-controls .icon-wrapper--append input[type=text], .single.grid-prefs .form-controls .icon-wrapper--append input[type=text], .search.single .form-controls .icon-wrapper--append input[type=text] {
  color: #808080;
}

/* ==|== (min-width: 850px) ========================================================== */
@media only screen and (min-width: 53.125em) {
  .form--trans-receipt dt {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form--trans-receipt dd {
    display: inline;
    float: left;
    width: 72.9919678715%;
    margin: 0 1.0040160643%;
    *width: 72.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .form, .form--trans-receipt, .form--trans-details, .form--details {
    /*2 column layout*/
  }
  .form .card-numbers, .form--trans-receipt .card-numbers, .form--trans-details .card-numbers, .form--details .card-numbers {
    display: block;
    width: 102.0080321285%;
    margin: 0 -1.0040160643%;
    *width: 101.9559487952%;
    *margin: 0 -1.0560993976%;
    margin-top: 0.9375em;
    margin-bottom: 0.9375em;
  }
  .form .card-numbers .inner, .form--trans-receipt .card-numbers .inner, .form--trans-details .card-numbers .inner, .form--details .card-numbers .inner {
    padding: 0;
  }
  .form .card-numbers:after, .form--trans-receipt .card-numbers:after, .form--trans-details .card-numbers:after, .form--details .card-numbers:after {
    clear: both;
    content: "";
    display: table;
  }
  .form .card-numbers .card-number, .form--trans-receipt .card-numbers .card-number, .form--trans-details .card-numbers .card-number, .form--details .card-numbers .card-number {
    display: inline;
    float: left;
    width: 64.6586345382%;
    margin: 0 1.0040160643%;
    *width: 64.6065512048%;
    *margin: 0 0.9519327309%;
    /* input {
    	width:97%;
    } */
  }
  .form .card-numbers .card-number div, .form--trans-receipt .card-numbers .card-number div, .form--trans-details .card-numbers .card-number div, .form--details .card-numbers .card-number div {
    padding-left: 0;
  }
  .form .card-numbers .cvv, .form--trans-receipt .card-numbers .cvv, .form--trans-details .card-numbers .cvv, .form--details .card-numbers .cvv {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
    margin-top: 0;
    max-width: 100%;
  }
}
/*------------------------------------*\
    $ICONS
\*------------------------------------*/
.icons {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-size: 212px 560px;
}

.form input.credit-card-type, .form--trans-receipt input.credit-card-type, .form--trans-details input.credit-card-type, .form--details input.credit-card-type {
  background-image: url(../images/cards.png);
  background-repeat: no-repeat;
  background-position: right 6px;
  background-size: 40px 217px;
}

.payment-icon, .list--datatable--medium .status--banner, .list--datatable--medium .status--banner--hold, .list--datatable--medium .status--banner--declined, .list--datatable--medium .status--banner--error, .list--datatable--medium .status--banner--approved,
.list--datatable--small .status--banner,
.list--datatable--small .status--banner--hold,
.list--datatable--small .status--banner--declined,
.list--datatable--small .status--banner--error,
.list--datatable--small .status--banner--approved {
  background-image: url(../images/payment_type.png);
  background-size: 195px 545px;
  display: block;
  width: 41px;
  height: 27px;
}

.payment-icon--check {
  background-position: 0 0;
}

.payment-icon--visa {
  background-position: 0 -49px;
}

.payment-icon--mc {
  background-position: 0 -99px;
}

.payment-icon--amex {
  background-position: 0 -146px;
}

.payment-icon--discover {
  background-position: 0 -194px;
}

.payment-icon--jcb {
  background-position: 0 -244px;
}

.payment-icon--diners {
  background-position: 0 -294px;
}

.payment-icon--credit {
  background-position: 0 -344px;
}

.payment-icon--ach {
  background-position: 0 -395px;
}

.payment-icon--sepa {
  background-position: 0 -444px;
}

.payment-icon--paypal {
  background-position: 0 -494px;
}

@media only screen and (max-width: 56.25em) {
  .list--datatable--medium .payment-icon, .list--datatable--medium .status--banner, .list--datatable--medium .status--banner--hold, .list--datatable--medium .status--banner--declined, .list--datatable--medium .status--banner--error, .list--datatable--medium .status--banner--approved,
  .list--datatable--small .payment-icon,
  .list--datatable--small .status--banner,
  .list--datatable--small .status--banner--hold,
  .list--datatable--small .status--banner--declined,
  .list--datatable--small .status--banner--error,
  .list--datatable--small .status--banner--approved {
    width: 50px;
    height: 36px;
  }
  .list--datatable--medium .payment-icon--check,
  .list--datatable--small .payment-icon--check {
    background-position: -50px 0;
  }
  .list--datatable--medium .payment-icon--visa,
  .list--datatable--small .payment-icon--visa {
    background-position: -50px -49px;
  }
  .list--datatable--medium .payment-icon--mc,
  .list--datatable--small .payment-icon--mc {
    background-position: -50px -98px;
  }
  .list--datatable--medium .payment-icon--amex,
  .list--datatable--small .payment-icon--amex {
    background-position: -50px -145px;
  }
  .list--datatable--medium .payment-icon--discover,
  .list--datatable--small .payment-icon--discover {
    background-position: -50px -194px;
  }
  .list--datatable--medium .payment-icon--jcb,
  .list--datatable--small .payment-icon--jcb {
    background-position: -50px -244px;
  }
  .list--datatable--medium .payment-icon--diners,
  .list--datatable--small .payment-icon--diners {
    background-position: -50px -294px;
  }
  .list--datatable--medium .payment-icon--credit,
  .list--datatable--small .payment-icon--credit {
    background-position: -50px -344px;
  }
  .list--datatable--medium .payment-icon--ach,
  .list--datatable--small .payment-icon--ach {
    background-position: -50px -394px;
  }
  .list--datatable--medium .payment-icon--sepa,
  .list--datatable--small .payment-icon--sepa {
    background-position: -50px -444px;
  }
  .list--datatable--medium .payment-icon--paypal,
  .list--datatable--small .payment-icon--paypal {
    background-position: -50px -494px;
  }
}
.list--datatable--medium .status--banner, .list--datatable--medium .status--banner--hold, .list--datatable--medium .status--banner--declined, .list--datatable--medium .status--banner--error, .list--datatable--medium .status--banner--approved,
.list--datatable--small .status--banner,
.list--datatable--small .status--banner--hold,
.list--datatable--small .status--banner--declined,
.list--datatable--small .status--banner--error,
.list--datatable--small .status--banner--approved {
  width: 78px;
  height: 78px;
  position: absolute;
  top: 0;
  right: 0;
}

.status--banner--approved {
  background-position: -117px 0;
}

.status--banner--error {
  background-position: -117px -79px;
}

.status--banner--declined {
  background-position: -117px -158px;
}

.status--banner--hold {
  background-position: -117px -237px;
}

.svg {
  /* opera doesn't support this very well so lets serve a png img instead */
  /* can't save svg with drop shadows and blur effects
  .logo {
  	background-image: url(../images/bluepay_logo.svg);

  }*/
}
.svg .icons {
  background-image: url(../images/sprite.svg);
}
.svg input.credit-card-type {
  background-image: url(../images/cards.svg);
}
.svg .payment-icon, .svg .list--datatable--medium .status--banner, .list--datatable--medium .svg .status--banner,
.svg .list--datatable--small .status--banner,
.list--datatable--small .svg .status--banner, .svg .list--datatable--medium .status--banner--approved, .list--datatable--medium .svg .status--banner--approved,
.svg .list--datatable--small .status--banner--approved,
.list--datatable--small .svg .status--banner--approved, .svg .list--datatable--medium .status--banner--error, .list--datatable--medium .svg .status--banner--error,
.svg .list--datatable--small .status--banner--error,
.list--datatable--small .svg .status--banner--error, .svg .list--datatable--medium .status--banner--declined, .list--datatable--medium .svg .status--banner--declined,
.svg .list--datatable--small .status--banner--declined,
.list--datatable--small .svg .status--banner--declined, .svg .list--datatable--medium .status--banner--hold, .list--datatable--medium .svg .status--banner--hold,
.svg .list--datatable--small .status--banner--hold,
.list--datatable--small .svg .status--banner--hold {
  background-image: url(../images/payment_type.svg);
}
.svg doesnotexist:-o-prefocus, .svg .icons {
  background-image: url(../images/sprite.png);
}
.svg doesnotexist:-o-prefocus, .svg .form input.credit-card-type, .svg .form--trans-receipt input.credit-card-type, .svg .form--trans-details input.credit-card-type, .svg .form--details input.credit-card-type {
  background-image: url(../images/cards.png);
}
.svg doesnotexist:-o-prefocus, .svg .payment-icon, .svg .list--datatable--medium .status--banner, .list--datatable--medium .svg .status--banner,
.svg .list--datatable--small .status--banner,
.list--datatable--small .svg .status--banner, .svg .list--datatable--medium .status--banner--approved, .list--datatable--medium .svg .status--banner--approved,
.svg .list--datatable--small .status--banner--approved,
.list--datatable--small .svg .status--banner--approved, .svg .list--datatable--medium .status--banner--error, .list--datatable--medium .svg .status--banner--error,
.svg .list--datatable--small .status--banner--error,
.list--datatable--small .svg .status--banner--error, .svg .list--datatable--medium .status--banner--declined, .list--datatable--medium .svg .status--banner--declined,
.svg .list--datatable--small .status--banner--declined,
.list--datatable--small .svg .status--banner--declined, .svg .list--datatable--medium .status--banner--hold, .list--datatable--medium .svg .status--banner--hold,
.svg .list--datatable--small .status--banner--hold,
.list--datatable--small .svg .status--banner--hold {
  background-image: url(../images/payment_type.png);
}

/*bluepay logos*/
.icon-logo {
  background-position: -64px 0;
}

.icon-logo-top-bar {
  background-position: -64px -47px;
}

/*home*/
.icon-home {
  background-position: 0 0;
}

/*processing*/
.icon-repeat {
  background-position: 0 -10px;
}

/*reports*/
.icon-signal {
  background-position: 0 -20px;
}

/*fraud*/
.icon-ban {
  background-position: 0 -240px;
}

/*external link*/
.icon-external-link-alt {
  background-position: 0 -250px;
}

.icon-external-link {
  background-position: 0 -260px;
}

/*tools*/
.icon-wrench {
  background-position: 0 -30px;
}

/*admin*/
.icon-cogs {
  background-position: 0 -40px;
}

.icon-arrow {
  background-position: 0 -50px;
}

.icon-arrow-left {
  background-position: 0 -120px;
}

.icon-arrow-down {
  background-position: 0 -60px;
}

/*home*/
.icon-user {
  background-position: 0 -70px;
}

.icon-lock {
  background-position: 0 -80px;
}

.icon-phone {
  background-position: 0 -90px;
}

.icon-arrow-down-level-one {
  background-position: -30px -80px;
}

.icon-arrow-down-overlap-header {
  background-position: -30px -99px;
}

.icon-arrow-down-overlap-header--alert {
  background-position: -30px -176px;
}

.icon-arrow-down-info {
  background-position: -30px -117px;
}

.icon-arrow-down-level-two {
  background-position: -30px -130px;
}

.icon-arrow-hierarchy {
  background-position: -30px -209px;
}

.icon-help {
  background-position: -10px 0;
}

.icon-help--light {
  background-position: -64px -153px;
}

.info-arrow {
  background-position: -10px -16px;
}

.icon-download-alt {
  background-position: -10px -117px;
}

.icon-download {
  background-position: 0 -117px;
}

.icon-chat-double {
  background-position: 0 -140px;
}

.icon-chat-alt {
  background-position: 0 -150px;
  margin-top: 1px;
}

.icon-return-arrow {
  background-position: 0 -210px;
}

.icon-chat {
  background-position: 0 -160px;
  margin-top: 1px;
}

.icon-user-alt {
  background-position: 0 -170px;
}

.icon-lock-alt {
  background-position: 0 -180px;
}

.icon-mail-alt {
  background-position: 0 -190px;
}

.icon-flag {
  background-position: 0 -200px;
}

.icon-location {
  background-position: 0 -220px;
}

.icon-location-alt {
  background-position: 0 -230px;
}

.icon-location-border {
  background-position: -10px -519px;
}

.icon-envelope {
  background-position: 0 -387px;
}

.icon-envelope-lighter {
  background-position: 0 -426px;
}

.icon-close {
  background-position: -40px -433px;
}

.icon-key {
  background-position: -10px -27px;
}

.icon-plus {
  background-position: -10px -45px;
}

.icon-plus-alt {
  background-position: -28px -153px;
}

.icon-edit {
  background-position: -10px -63px;
}

.icon-delete {
  background-position: -10px -81px;
}

.icon-users {
  background-position: -10px -99px;
}

.icon-add-user {
  background-position: -10px -135px;
}

.icon-list-transactions {
  background-position: -10px -153px;
}

.icon-add-transaction {
  background-position: -10px -171px;
}

.icon-upload-file {
  background-position: -28px -279px;
}

.icon-add-subaccount {
  background-position: -10px -189px;
}

.icon-folder {
  background-position: -28px -190px;
}

.icon-view {
  background-position: -10px -207px;
}

.icon-batch {
  background-position: -10px -225px;
}

.icon-stacked-paper {
  background-position: -10px -243px;
}

.icon-change-agent {
  background-position: -10px -261px;
}

.icon-star {
  background-position: -10px -279px;
}

.icon-star-list {
  background-position: -10px -297px;
}

.icon-arrow-rt-list {
  background-position: -10px -315px;
}

.icon-capture {
  background-position: -10px -333px;
}

.icon-rebill {
  background-position: -10px -351px;
}

.icon-refund {
  background-position: -10px -369px;
}

.icon-token {
  background-position: -28px -369px;
}

.icon-search {
  background-position: -10px -501px;
}

.icon-radio-active {
  background-position: -28px -501px;
}

.icon-move {
  background-position: -28px 0;
}

.icon-move-alt {
  background-position: -28px -27px;
}

.icon-eye-closed-sort {
  background-position: -43px 0px;
}

.icon-eye-opened-sort {
  background-position: -43px -21px;
}

.icon-calendar {
  background-position: -43px -42px;
}

.icon-menu {
  background-position: -42px -63px;
}

.icon-cog-alt {
  background-position: -10px -465px;
}

.icon-cog-alt-circle {
  background-position: -10px -483px;
}

.icon-check {
  background-position: -48px -153px;
  display: block;
  width: 15px;
  height: 15px;
}

.icon-explanation-point {
  background-position: -28px -351px;
  width: 17px;
  height: 17px;
}

.icon-not-active {
  background-position: -28px -297px;
  display: block;
  width: 17px;
  height: 17px;
}

.icon-active {
  background-position: -28px -315px;
  display: block;
  width: 17px;
  height: 17px;
}

.icon-ban-alt {
  background-position: -28px -333px;
}

.icon-locked {
  background-position: -28px -57px;
  width: 10px;
  height: 12px;
}

.icon-unlocked {
  background-position: -28px -45px;
  width: 10px;
  height: 12px;
}

/* rounded icon left text right */
.ui-icons .icon-wrapper {
  padding-left: 35px;
  float: left;
  line-height: 1.7;
  position: relative;
}
.ui-icons .icon-wrapper .icons {
  left: 9px;
  position: absolute;
}
.ui-icons .icon-wrapper .icons:after {
  clear: both;
  content: "";
  display: table;
}
.ui-icons .icons {
  width: 17px;
  height: 17px;
  display: block;
  float: left;
}

.message .ui-icon {
  float: left;
  margin-right: 0.3em;
}

.entry-list .icons {
  width: 38px;
  height: 38px;
  display: block;
  float: right;
}

/*------------------------------------*\
    $TOOLTIPS
\*------------------------------------*/
/* 
Tooltips

Styleguide 4.0
*/
/* 
Title Only

Markup: ex/tooltips-title-only.html

Styleguide 4.1
*/
/* 
Title & Description

Markup: ex/tooltips-title-desc.html

Styleguide 4.2
*/
/* 
Label, Title & Description

Markup: ex/tooltips-title-desc-label-alt.html

Styleguide 4.3
*/
/* 
With Form Label

Markup: ex/tooltips-title-desc-label.html

Styleguide 4.4
*/
.icon-help, .icon-help--light {
  margin-left: 0.625em;
  cursor: pointer;
  width: 15px;
  height: 15px;
  float: left;
}
.label:after {
  clear: both;
  content: "";
  display: table;
}
.label label,
.label .label__text {
  float: left;
}
.label img {
  margin-top: -5px;
  cursor: pointer;
}

.tt {
  cursor: pointer;
}

/*------------------------------------*\
    $INPUT-GROUPS
\*------------------------------------*/
/* 
Forms

Styleguide 5.0
*/
/* 
Input Groups

Markup: ex/form-input-groups.html

Styleguide 5.1
*/
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group input[type=text] {
  border-radius: 0 3px 3px 0;
  display: table-cell;
  float: left;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
  vertical-align: middle;
}

.input-group__addon {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -khtml-box-sizing: border-box; /* konqueror */
  -moz-box-sizing: border-box; /* firefox */
  -ms-box-sizing: border-box; /* ie */
  box-sizing: border-box; /* css3 */
  border-radius: 3px 0 0 3px;
  font-family: "Open Sans";
  padding: 0.3846153846em 0.6153846154em;
  font-size: 0.8125em;
  line-height: 1.0769230769em;
  color: #3C738F;
  text-align: center;
  background-color: #EEE;
  border: 1px solid #CCC;
  border-width: 1px 0 1px 1px;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
}

.input-mask-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.input-mask-wrapper input[type=password],
.input-mask-wrapper input[type=text] {
  padding-right: 32px;
  box-sizing: border-box;
  width: 100%;
}
.input-mask-wrapper .eye-icon,
.input-mask-wrapper .eye-open,
.input-mask-wrapper .eye-closed {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 10px;
  top: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.eye-icon {
  cursor: pointer;
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("/static/jon/images/eye-closed.svg") no-repeat center center;
  background-size: contain;
}

.eye-open {
  background-image: url("/static/jon/images/eye-open.svg");
}

.eye-closed {
  background-image: url("/static/jon/images/eye-closed.svg");
}

/*------------------------------------*\
    $TABLES
\*------------------------------------*/
/* sort table header */
.sort-data {
  cursor: pointer;
}

/* Level 3 Billing */
.footnote {
  position: relative;
}

.footnote__text {
  font-size: 0.6923076923em;
  font-weight: bold;
  padding: 0.8461538462em 1.3076923077em;
  position: absolute;
  top: 0;
  right: 0;
}

.data-list,
.data-list--alt {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 10px solid #f5f5f5;
}
.data-list:after,
.data-list--alt:after {
  clear: both;
  content: "";
  display: table;
}
.data-list ol,
.data-list--alt ol {
  list-style: none;
}
.data-list ul, .data-list ol,
.data-list--alt ul,
.data-list--alt ol {
  margin: 0;
  padding: 0;
}
.data-list .icons,
.data-list--alt .icons {
  width: 17px;
  height: 17px;
  display: block;
}
.data-list .button, .data-list .legend a, .legend .data-list a, .data-list .ui-toolbar--list a, .data-list .ui-toolbar a, .data-list .ui-toolbar--header a, .data-list .ui-toolbar--bottom a, .data-list .ui-toolbar--reports a, .data-list .ui-toolbar--top--icons a, .data-list .ui-toolbar--top a, .ui-toolbar--list .data-list a, .ui-toolbar .data-list a, .ui-toolbar--header .data-list a, .ui-toolbar--bottom .data-list a, .ui-toolbar--reports .data-list a, .ui-toolbar--top--icons .data-list a, .ui-toolbar--top .data-list a,
.data-list--alt .button,
.data-list--alt .legend a,
.legend .data-list--alt a,
.data-list--alt .ui-toolbar--list a,
.data-list--alt .ui-toolbar a,
.data-list--alt .ui-toolbar--header a,
.data-list--alt .ui-toolbar--bottom a,
.data-list--alt .ui-toolbar--reports a,
.data-list--alt .ui-toolbar--top--icons a,
.data-list--alt .ui-toolbar--top a,
.ui-toolbar--list .data-list--alt a,
.ui-toolbar .data-list--alt a,
.ui-toolbar--header .data-list--alt a,
.ui-toolbar--bottom .data-list--alt a,
.ui-toolbar--reports .data-list--alt a,
.ui-toolbar--top--icons .data-list--alt a,
.ui-toolbar--top .data-list--alt a {
  padding: 0.8888888889em;
}
.data-list .rt,
.data-list--alt .rt {
  float: right;
}
.data-list .lt,
.data-list--alt .lt {
  float: left;
}
.data-list .inner-wrapper,
.data-list--alt .inner-wrapper {
  margin: 0 0.625em;
}
.data-list .inner-wrapper .inner-container,
.data-list--alt .inner-wrapper .inner-container {
  margin: 0 -1.00402%;
}

.data-list__headers {
  display: none;
  font-weight: bold;
  color: #646567;
  font-size: 0.6923076923em;
  text-transform: uppercase;
}
.data-list__headers:after {
  clear: both;
  content: "";
  display: table;
}
.data-list__headers li {
  padding: 1.1111111111em 0;
}
.data-list__headers span {
  display: table-cell;
  padding: 0 0.5555555556em;
  height: 3.125em;
  min-height: 3.125em;
  vertical-align: middle;
}

.data-list__entries {
  border: 1px solid #ddd;
  border-width: 0 0 1px;
}

.data-list__entry {
  border-top: 1px solid #ddd;
  padding-bottom: 1.6666666667em;
}
.data-list__entry:after {
  clear: both;
  content: "";
  display: table;
}
.data-list__entry a, .data-list__entry a:hover, .data-list__entry a:visited, .data-list__entry a:active {
  color: #012D63;
}
.data-list__entry label, .data-list__entry span {
  margin: 1.1111111111em 0 0;
  font-weight: bold;
  color: #646567;
  font-size: 0.6923076923em;
  display: block;
  text-transform: uppercase;
}
.data-list__entry input {
  /* width:94% !important; */
}
.data-list__entry .button, .data-list__entry .legend a, .legend .data-list__entry a, .data-list__entry .ui-toolbar--list a, .data-list__entry .ui-toolbar a, .data-list__entry .ui-toolbar--header a, .data-list__entry .ui-toolbar--bottom a, .data-list__entry .ui-toolbar--reports a, .data-list__entry .ui-toolbar--top--icons a, .data-list__entry .ui-toolbar--top a, .ui-toolbar--list .data-list__entry a, .ui-toolbar .data-list__entry a, .ui-toolbar--header .data-list__entry a, .ui-toolbar--bottom .data-list__entry a, .ui-toolbar--reports .data-list__entry a, .ui-toolbar--top--icons .data-list__entry a, .ui-toolbar--top .data-list__entry a {
  font-size: 0.6923076923em;
}

.data-list__block-12--push {
  padding: 0.625em 0;
  margin-left: 92.6706827309%;
}

/* ==|== (min-width: 400px) ========================================================== */
@media only screen and (min-width: 25em) {
  .data-list__block {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
}
/* ==|== (min-width: 600px) ========================================================== */
@media only screen and (min-width: 37.5em) {
  .data-list__block {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
}
/* ==|== (min-width: 900px) ========================================================== */
@media only screen and (min-width: 56.25em) {
  .data-list__block {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
}
/* ==|== (min-width: 1200px) ========================================================== */
@media only screen and (min-width: 75em) {
  .data-list .button, .data-list .legend a, .legend .data-list a, .data-list .ui-toolbar--list a, .data-list .ui-toolbar a, .data-list .ui-toolbar--header a, .data-list .ui-toolbar--bottom a, .data-list .ui-toolbar--reports a, .data-list .ui-toolbar--top--icons a, .data-list .ui-toolbar--top a, .ui-toolbar--list .data-list a, .ui-toolbar .data-list a, .ui-toolbar--header .data-list a, .ui-toolbar--bottom .data-list a, .ui-toolbar--reports .data-list a, .ui-toolbar--top--icons .data-list a, .ui-toolbar--top .data-list a {
    margin: 1.5555555556em 0;
  }
  .data-list .data-list__headers {
    display: block;
  }
  .data-list .data-list__block {
    display: inline;
    float: left;
    width: 6.3253012048%;
    margin: 0 1.0040160643%;
    *width: 6.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .data-list .data-list__entry {
    padding-bottom: 0;
  }
  .data-list .data-list__entry input {
    /* width:89% !important;  */
    margin: 1.1111111111em 0 !important;
  }
  .data-list .data-list__entry label, .data-list .data-list__entry span {
    display: none;
  }
  .data-list--alt .data-list__block {
    display: inline;
    float: left;
    width: 17.9919678715%;
    margin: 0 1.0040160643%;
    *width: 17.9398845382%;
    *margin: 0 0.9519327309%;
  }
}
/* ==|== (min-width: 1850px) ========================================================== */
@media only screen and (min-width: 115.625em) {
  .data-list--alt .data-list__block {
    display: inline;
    float: left;
    width: 14.6586345382%;
    margin: 0 1.0040160643%;
    *width: 14.6065512048%;
    *margin: 0 0.9519327309%;
  }
}
/* ==|== (min-width: 2000px) ========================================================== */
@media only screen and (min-width: 125em) {
  .data-list--alt .data-list__block {
    display: inline;
    float: left;
    width: 10.4919678715%;
    margin: 0 1.0040160643%;
    *width: 10.4398845382%;
    *margin: 0 0.9519327309%;
  }
}
/*
Datatables

Styleguide 3.0
*/
/*
Default

Markup: ex/datatables-default.html

Styleguide 3.1
*/
/**
 * Base Lists
 */
.list, .list--table table, .list--reports--multiple, .list--reports, .list--hierarchy {
  /* border-left:solid $border-color 1px; */
  /* border-right:solid $border-color 1px; */
  font-size: 0.65em;
  padding: 10px 0 0 0;
  width: 100%;
  border-collapse: collapse;
  padding-left: 0;
  padding-right: 0;
}
.list a, .list--table table a, .list--reports--multiple a, .list--reports a, .list--hierarchy a {
  color: #005484;
  text-decoration: underline;
}
.list p a, .list--table table p a, .list--reports--multiple p a, .list--reports p a, .list--hierarchy p a {
  color: #3C738F;
  text-decoration: underline;
}

table {
  /* success color */
}
table .success {
  background: rgb(255, 243.86, 199.3) !important;
}

thead input,
tbody input {
  width: auto;
}

thead {
  background: #f0f0f0;
  text-transform: uppercase;
  color: #005484;
  text-align: left;
}
thead tr:hover {
  background: none;
}

tr:hover {
  background: #FFFBEB;
  /* cursor: pointer; */
}

th {
  text-align: left;
  padding: 10px;
  border-top: solid #ddd 2px;
}
th.first {
  width: 6.00402%;
}
th.last {
  border-right: 0;
  width: 6.00402%;
}

td {
  padding: 10px 10px;
  border-top: solid #EFF5F8 1px;
  vertical-align: middle;
  color: #3C738F;
}
td.first {
  width: 6.00402%;
}
td.last {
  width: 6.00402%;
}

.last-header {
  text-align: right;
}

/**
 * Tables stacked headers & subheaders
 */
.list--stacked {
  width: 100%;
  font-size: 0.65em;
}
.list--stacked a {
  color: #005484;
  text-decoration: underline;
}
.list--stacked p a {
  color: #3C738F;
  text-decoration: underline;
}
.list--stacked:after {
  clear: both;
  content: "";
  display: table;
}
.list--stacked ol {
  list-style: none;
}
.list--stacked td {
  color: #999;
  padding: 8px 10px;
}
.list--stacked .heading {
  display: block;
  font-size: 1.2em;
  color: #3C738F;
}
.list--stacked a {
  text-decoration: none;
  color: #999;
}
.list--stacked .heading a {
  color: #3C738F;
}
.list--stacked .top {
  vertical-align: top;
}

/**
 * Datatables stacked headers & subheaders
 */
.list--datatable, .list--datatable--big, .list--datatable--medium,
.list--datatable--small {
  display: block;
  font-size: 0.65em;
  /* .status__text {
  	padding:5px 6px;
  } */
}
.list--datatable a, .list--datatable--big a, .list--datatable--medium a,
.list--datatable--small a {
  color: #005484;
  text-decoration: underline;
}
.list--datatable p a, .list--datatable--big p a, .list--datatable--medium p a,
.list--datatable--small p a {
  color: #3C738F;
  text-decoration: underline;
}
.list--datatable:after, .list--datatable--big:after, .list--datatable--medium:after,
.list--datatable--small:after {
  clear: both;
  content: "";
  display: table;
}
.list--datatable ol, .list--datatable--big ol, .list--datatable--medium ol,
.list--datatable--small ol {
  list-style: none;
}
.list--datatable ul, .list--datatable--big ul, .list--datatable--medium ul,
.list--datatable--small ul {
  padding: 0;
  margin: 0;
}
.list--datatable td, .list--datatable--big td, .list--datatable--medium td,
.list--datatable--small td {
  color: #999;
  padding: 8px 10px;
}
.list--datatable .heading, .list--datatable--big .heading, .list--datatable--medium .heading,
.list--datatable--small .heading {
  display: block;
  font-size: 1.2em;
  color: #3C738F;
  border: none;
  margin: 0;
  font-weight: normal;
}
.list--datatable a, .list--datatable--big a, .list--datatable--medium a,
.list--datatable--small a {
  text-decoration: none;
  color: #999;
}
.list--datatable a:hover, .list--datatable--big a:hover, .list--datatable--medium a:hover,
.list--datatable--small a:hover {
  color: #60b7e4;
}
.list--datatable .heading a, .list--datatable--big .heading a, .list--datatable--medium .heading a,
.list--datatable--small .heading a {
  color: #3C738F;
}
.list--datatable .heading a:hover, .list--datatable--big .heading a:hover, .list--datatable--medium .heading a:hover,
.list--datatable--small .heading a:hover {
  color: #60b7e4;
}
.list--datatable .status a:hover, .list--datatable--big .status a:hover, .list--datatable--medium .status a:hover,
.list--datatable--small .status a:hover {
  color: #fff;
}
.list--datatable .list--datatable__entry .status, .list--datatable--big .list--datatable__entry .status, .list--datatable--medium .list--datatable__entry .status,
.list--datatable--small .list--datatable__entry .status {
  margin-top: 0;
}
.list--datatable .list--datatable__row, .list--datatable--big .list--datatable__row, .list--datatable--medium .list--datatable__row,
.list--datatable--small .list--datatable__row,
.list--datatable--small .list--datatable__row--bottom,
.list--datatable--small .list--datatable__row--top {
  display: block;
  width: 102.0080321285%;
  margin: 0 -1.0040160643%;
  *width: 101.9559487952%;
  *margin: 0 -1.0560993976%;
}
.list--datatable .list--datatable__row:after, .list--datatable--big .list--datatable__row:after, .list--datatable--medium .list--datatable__row:after,
.list--datatable--small .list--datatable__row:after,
.list--datatable--small .list--datatable__row--bottom:after,
.list--datatable--small .list--datatable__row--top:after {
  clear: both;
  content: "";
  display: table;
}
.list--datatable .block, .list--datatable--big .block, .list--datatable--medium .block,
.list--datatable--small .block {
  display: inline;
  float: left;
  width: 47.9919678715%;
  margin: 0 1.0040160643%;
  *width: 47.9398845382%;
  *margin: 0 0.9519327309%;
}
.list--datatable .text-right, .list--datatable--big .text-right, .list--datatable--medium .text-right,
.list--datatable--small .text-right {
  text-align: right;
}
.list--datatable .payment-icon, .list--datatable--big .payment-icon, .list--datatable--medium .payment-icon,
.list--datatable--small .payment-icon, .list--datatable .list--datatable--medium .status--banner, .list--datatable--big .list--datatable--medium .status--banner, .list--datatable--medium .list--datatable--medium .status--banner,
.list--datatable--small .list--datatable--medium .status--banner, .list--datatable--medium .list--datatable .status--banner, .list--datatable--medium .list--datatable--big .status--banner,
.list--datatable--medium .list--datatable--small .status--banner,
.list--datatable .list--datatable--small .status--banner,
.list--datatable--big .list--datatable--small .status--banner,
.list--datatable--small .list--datatable--small .status--banner,
.list--datatable--small .list--datatable .status--banner,
.list--datatable--small .list--datatable--big .status--banner, .list--datatable .list--datatable--medium .status--banner--approved, .list--datatable--big .list--datatable--medium .status--banner--approved, .list--datatable--medium .list--datatable--medium .status--banner--approved,
.list--datatable--small .list--datatable--medium .status--banner--approved, .list--datatable--medium .list--datatable .status--banner--approved, .list--datatable--medium .list--datatable--big .status--banner--approved,
.list--datatable--medium .list--datatable--small .status--banner--approved,
.list--datatable .list--datatable--small .status--banner--approved,
.list--datatable--big .list--datatable--small .status--banner--approved,
.list--datatable--small .list--datatable--small .status--banner--approved,
.list--datatable--small .list--datatable .status--banner--approved,
.list--datatable--small .list--datatable--big .status--banner--approved, .list--datatable .list--datatable--medium .status--banner--error, .list--datatable--big .list--datatable--medium .status--banner--error, .list--datatable--medium .list--datatable--medium .status--banner--error,
.list--datatable--small .list--datatable--medium .status--banner--error, .list--datatable--medium .list--datatable .status--banner--error, .list--datatable--medium .list--datatable--big .status--banner--error,
.list--datatable--medium .list--datatable--small .status--banner--error,
.list--datatable .list--datatable--small .status--banner--error,
.list--datatable--big .list--datatable--small .status--banner--error,
.list--datatable--small .list--datatable--small .status--banner--error,
.list--datatable--small .list--datatable .status--banner--error,
.list--datatable--small .list--datatable--big .status--banner--error, .list--datatable .list--datatable--medium .status--banner--declined, .list--datatable--big .list--datatable--medium .status--banner--declined, .list--datatable--medium .list--datatable--medium .status--banner--declined,
.list--datatable--small .list--datatable--medium .status--banner--declined, .list--datatable--medium .list--datatable .status--banner--declined, .list--datatable--medium .list--datatable--big .status--banner--declined,
.list--datatable--medium .list--datatable--small .status--banner--declined,
.list--datatable .list--datatable--small .status--banner--declined,
.list--datatable--big .list--datatable--small .status--banner--declined,
.list--datatable--small .list--datatable--small .status--banner--declined,
.list--datatable--small .list--datatable .status--banner--declined,
.list--datatable--small .list--datatable--big .status--banner--declined, .list--datatable .list--datatable--medium .status--banner--hold, .list--datatable--big .list--datatable--medium .status--banner--hold, .list--datatable--medium .list--datatable--medium .status--banner--hold,
.list--datatable--small .list--datatable--medium .status--banner--hold, .list--datatable--medium .list--datatable .status--banner--hold, .list--datatable--medium .list--datatable--big .status--banner--hold,
.list--datatable--medium .list--datatable--small .status--banner--hold,
.list--datatable .list--datatable--small .status--banner--hold,
.list--datatable--big .list--datatable--small .status--banner--hold,
.list--datatable--small .list--datatable--small .status--banner--hold,
.list--datatable--small .list--datatable .status--banner--hold,
.list--datatable--small .list--datatable--big .status--banner--hold {
  float: right;
}

.list--datatable__headers {
  display: none;
  background: #f0f0f0;
  font-weight: bold;
  text-transform: uppercase;
  color: #005484;
  text-align: left;
  padding: 0.625em 5.4%;
  margin: 0;
  border-top: solid #ddd 2px;
  font-size: 0.625em;
}
.list--datatable__headers:after {
  clear: both;
  content: "";
  display: table;
}

.list--datatable__entries {
  margin: 0;
  padding: 0;
  color: #999;
}
.list--datatable__entries:after {
  clear: both;
  content: "";
  display: table;
}

.list--datatable__entry {
  padding: 3.1em 6.00402%;
}
.list--datatable__entry:after {
  clear: both;
  content: "";
  display: table;
}
.list--datatable__entry:hover {
  background: #FFFBEB;
}
.list--datatable__entry .status {
  margin-top: 0.2em;
}

.js .list--datatable .button-group, .js .list--datatable--big .button-group, .js .list--datatable--medium .button-group,
.js .list--datatable--small .button-group {
  float: right;
}

/* heading */
.list--datatable__date {
  display: inline;
  float: left;
  width: 64.6586345382%;
  margin: 0 1.0040160643%;
  *width: 64.6065512048%;
  *margin: 0 0.9519327309%;
}

.list--datatable__fancy-status {
  display: inline;
  float: left;
  width: 31.3253012048%;
  margin: 0 1.0040160643%;
  *width: 31.2732178715%;
  *margin: 0 0.9519327309%;
}

/* content */
.list--datatable__fancy-ptype {
  display: inline;
  float: left;
  width: 47.9919678715%;
  margin: 0 1.0040160643%;
  *width: 47.9398845382%;
  *margin: 0 0.9519327309%;
  float: right;
}

.list--datatable__trans-id {
  display: inline;
  float: left;
  width: 47.9919678715%;
  margin: 0 1.0040160643%;
  *width: 47.9398845382%;
  *margin: 0 0.9519327309%;
}

.list--datatable__fancy-ttype {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
}

.list--datatable__amount {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
}

.list--datatable__account_username {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
}

.list--datatable__options {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
}

.list--datatable--medium .list-header,
.list--datatable--small .list-header {
  background: #f0f0f0;
  padding: 0.7em 6.00402%;
}
.list--datatable--medium .list-header:after,
.list--datatable--small .list-header:after {
  clear: both;
  content: "";
  display: table;
}
.list--datatable--medium .list-content,
.list--datatable--small .list-content {
  padding: 2.8em 6.00402%;
}
.list--datatable--medium .list-content:after,
.list--datatable--small .list-content:after {
  clear: both;
  content: "";
  display: table;
}
.list--datatable--medium .list--datatable__entry,
.list--datatable--small .list--datatable__entry {
  padding: 0;
}
.list--datatable--medium .replace-date,
.list--datatable--small .replace-date {
  font-size: 1.2em;
  font-weight: bold;
}
.list--datatable--medium .replace-date .heading,
.list--datatable--small .replace-date .heading {
  font-size: 1em;
  display: inline;
  color: #999;
}
.list--datatable--medium .heading,
.list--datatable--small .heading {
  font-size: 1.4em;
  font-weight: bold;
}
.list--datatable--medium .trans-id,
.list--datatable--small .trans-id {
  color: #3C738F;
}
.list--datatable--medium .status .status__text,
.list--datatable--small .status .status__text {
  margin-top: 0;
  float: right;
}
.list--datatable--medium .list--datatable__entries,
.list--datatable--small .list--datatable__entries {
  border-top: solid #DDD 2px;
}
.list--datatable--medium .list--datatable__entries .button, .list--datatable--medium .list--datatable__entries .legend a, .legend .list--datatable--medium .list--datatable__entries a, .list--datatable--medium .list--datatable__entries .ui-toolbar--list a, .list--datatable--medium .list--datatable__entries .ui-toolbar a, .list--datatable--medium .list--datatable__entries .ui-toolbar--header a, .list--datatable--medium .list--datatable__entries .ui-toolbar--bottom a, .list--datatable--medium .list--datatable__entries .ui-toolbar--reports a, .list--datatable--medium .list--datatable__entries .ui-toolbar--top--icons a, .list--datatable--medium .list--datatable__entries .ui-toolbar--top a, .ui-toolbar--list .list--datatable--medium .list--datatable__entries a, .ui-toolbar .list--datatable--medium .list--datatable__entries a, .ui-toolbar--header .list--datatable--medium .list--datatable__entries a, .ui-toolbar--bottom .list--datatable--medium .list--datatable__entries a, .ui-toolbar--reports .list--datatable--medium .list--datatable__entries a, .ui-toolbar--top--icons .list--datatable--medium .list--datatable__entries a, .ui-toolbar--top .list--datatable--medium .list--datatable__entries a,
.list--datatable--small .list--datatable__entries .button,
.list--datatable--small .list--datatable__entries .legend a,
.legend .list--datatable--small .list--datatable__entries a,
.list--datatable--small .list--datatable__entries .ui-toolbar--list a,
.list--datatable--small .list--datatable__entries .ui-toolbar a,
.list--datatable--small .list--datatable__entries .ui-toolbar--header a,
.list--datatable--small .list--datatable__entries .ui-toolbar--bottom a,
.list--datatable--small .list--datatable__entries .ui-toolbar--reports a,
.list--datatable--small .list--datatable__entries .ui-toolbar--top--icons a,
.list--datatable--small .list--datatable__entries .ui-toolbar--top a,
.ui-toolbar--list .list--datatable--small .list--datatable__entries a,
.ui-toolbar .list--datatable--small .list--datatable__entries a,
.ui-toolbar--header .list--datatable--small .list--datatable__entries a,
.ui-toolbar--bottom .list--datatable--small .list--datatable__entries a,
.ui-toolbar--reports .list--datatable--small .list--datatable__entries a,
.ui-toolbar--top--icons .list--datatable--small .list--datatable__entries a,
.ui-toolbar--top .list--datatable--small .list--datatable__entries a {
  float: right;
  line-height: 1.6;
  margin-right: 0.5em;
  box-shadow: none;
}
.list--datatable--medium .list-header,
.list--datatable--small .list-header {
  position: relative;
  border: 1px solid #ddd;
  border-width: 1px 0 0;
}

.list--datatable--big {
  display: none;
}

.list--datatable--medium {
  display: none;
}

.list--datatable--small {
  display: block;
}
.list--datatable--small .list--datatable__row, .list--datatable--small .list--datatable__row--bottom, .list--datatable--small .list--datatable__row--top {
  border-top: solid #DDD 1px;
  padding: 0.5em 0;
}
.list--datatable--small .list--datatable__row--top {
  padding-bottom: 0;
}
.list--datatable--small .list--datatable__row--bottom {
  border-top: none;
  padding-top: 0;
}
.list--datatable--small .list--datatable__amount {
  margin-top: 1em;
}
.list--datatable--small .list--datatable__options {
  border-top: solid #DDD 1px;
  padding-top: 1.5em;
}

/* sticky headers */
.js-header-clone-fixed {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.js-header-clone-fixed .list--datatable__headers {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
}

.no-boxshadow .js-header-clone-fixed {
  border-bottom: 1px solid #ddd;
}

.list--datatable--big .ui-toolbar--top,
.list--datatable--medium .ui-toolbar--top,
.list--datatable--small .ui-toolbar--top {
  padding: 0.43em;
  padding-left: 6.00402%;
  padding-right: 6.00402%;
  font-size: 1.6em;
}

@media only screen and (min-width: 30em) {
  .list--datatable--big .payment-icon,
  .list--datatable--medium .payment-icon,
  .list--datatable--medium .status--banner,
  .list--datatable--medium .status--banner--approved,
  .list--datatable--medium .status--banner--error,
  .list--datatable--medium .status--banner--declined,
  .list--datatable--medium .status--banner--hold,
  .list--datatable--small .payment-icon,
  .list--datatable--small .status--banner,
  .list--datatable--small .status--banner--approved,
  .list--datatable--small .status--banner--error,
  .list--datatable--small .status--banner--declined,
  .list--datatable--small .status--banner--hold {
    float: none;
  }
  .list--datatable--small {
    display: none;
  }
  .list--datatable--medium {
    display: block;
  }
  .list--datatable__fancy-ptype {
    display: inline;
    float: left;
    width: 14.6586345382%;
    margin: 0 1.0040160643%;
    *width: 14.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__trans-id {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__fancy-ttype {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
    text-align: right;
  }
  .list--datatable__amount {
    text-align: right;
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__options {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
}
@media only screen and (min-width: 56.25em) {
  .list--datatable--medium {
    display: none;
  }
  .list--datatable--big {
    display: block;
  }
  .list--datatable__headers {
    display: block;
  }
  .list--datatable--medium {
    display: none;
  }
  .list--datatable__entry {
    padding: 0.625em 5.4%;
    border-top: solid #EFF5F8 1px;
  }
  .list--datatable__date {
    display: inline;
    float: left;
    width: 10.4919678715%;
    margin: 0 1.0040160643%;
    *width: 10.4398845382%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__trans-id {
    display: inline;
    float: left;
    width: 14.6586345382%;
    margin: 0 1.0040160643%;
    *width: 14.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__account-name {
    display: inline;
    float: left;
    width: 18.8253012048%;
    margin: 0 1.0040160643%;
    *width: 18.7732178715%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__fancy-ttype {
    display: inline;
    float: left;
    width: 10.4919678715%;
    margin: 0 1.0040160643%;
    *width: 10.4398845382%;
    *margin: 0 0.9519327309%;
    text-align: left;
  }
  .list--datatable__amount {
    display: inline;
    float: left;
    width: 10.4919678715%;
    margin: 0 1.0040160643%;
    *width: 10.4398845382%;
    *margin: 0 0.9519327309%;
    text-align: left;
  }
  .list--datatable__fancy-ptype {
    display: inline;
    float: left;
    width: 5.4919678715%;
    margin: 0 1.0040160643%;
    *width: 5.4398845382%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__fancy-status {
    display: inline;
    float: left;
    width: 7.1586345382%;
    margin: 0 1.0040160643%;
    *width: 7.1065512048%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__options {
    display: inline;
    float: left;
    width: 6.3253012048%;
    margin: 0 1.0040160643%;
    *width: 6.2732178715%;
    *margin: 0 0.9519327309%;
  }
}
/**
 * Table structure with folder/tree hierarchy
 */
.list--hierarchy__item-level {
  /* Show vertical link
  .icon-arrow-hierarchy--alt {
  	@extend .icon-arrow-hierarchy;
  	width:8px;
  }	 */
  /*
  * Keep folder icons hidden until needed with js
  */
}
.list--hierarchy__item-level .level {
  text-align: center;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}
.list--hierarchy__item-level .icon-arrow-hierarchy {
  width: 24px;
  height: 12px;
  display: block;
}
.list--hierarchy__item-level .js-subaccount-icons {
  display: none;
  width: 19px;
  height: 15px;
}

/* if showing color levels
------------------------------------------
 .list--hierarchy__item-level__two {
	background:lighten(#3D6C8D, 56%);
}
.list--hierarchy__item-level__three {
	background:lighten(#3D6C8D, 53%);
}
.list--hierarchy__item-level__four {
	background:lighten(#3D6C8D, 50%);
}
*/
/**
 * Reports
 */
.list--reports {
  border: none;
}
.list--reports th {
  border: 1px solid #ddd;
  border-width: 1px 0 1px;
}
.list--reports .totals-row:hover {
  background: none;
}
.list--reports td {
  border: none;
}
.list--reports .total {
  text-align: right;
  font-weight: bold;
  color: #005484;
}
.list--reports .row2 td {
  border-bottom: 1px solid #ddd;
}

/**
 * Reports: Multiple Report Sections In One Table
 */
.list--reports--wrapper {
  overflow-x: auto;
  margin-bottom: 4.6875em;
  padding: 0 1px;
}

.list--reports--multiple {
  /* double header */
  /* totals */
  /* td borders */
  /* flatten & center icon */
  /* flatten & center icon */
}
.list--reports--multiple .list--reports__zebra-stripe tr.list--reports__sub-totals:nth-child(even),
.list--reports--multiple .list--reports__zebra-stripe tr.list--reports__totals:nth-child(even),
.list--reports--multiple .list--reports__zebra-stripe tr.list--reports__first_row:nth-child(even), .list--reports--multiple .list--reports__totals, .list--reports--multiple .list--reports__sub-totals, .list--reports--multiple .list--reports__first_row {
  background: #f9f9f9;
}
.list--reports--multiple .list--reports__zebra-stripe tr.list--reports__sub-totals:hover:nth-child(even),
.list--reports--multiple .list--reports__zebra-stripe tr.list--reports__totals:hover:nth-child(even),
.list--reports--multiple .list--reports__zebra-stripe tr.list--reports__first_row:hover:nth-child(even), .list--reports--multiple .list--reports__totals:hover, .list--reports--multiple .list--reports__sub-totals:hover, .list--reports--multiple .list--reports__first_row:hover {
  background-color: #FFFBEB;
}
.list--reports--multiple th {
  border: 1px solid #ddd;
  border-width: 1px 0 1px;
}
.list--reports--multiple .list--reports__heading th {
  text-align: center;
}
.list--reports--multiple .list--reports__heading,
.list--reports--multiple .list--reports__sub-heading {
  border: none;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.list--reports--multiple .list--reports__sub-heading,
.list--reports--multiple .list--reports__sub-heading--no-borders {
  color: #015489;
  text-transform: uppercase;
  background: #f0f0f0;
}
.list--reports--multiple .list--reports__heading__col-divider {
  background: white;
  border: none;
  border-left: solid #ddd 1px;
  border-right: solid #ddd 1px;
}
.list--reports--multiple .list--reports__sub-heading--no-borders {
  border: none;
}
.list--reports--multiple .list--reports__first_row {
  font-weight: bold;
}
.list--reports--multiple .list--reports__sub-totals {
  font-weight: bold;
}
.list--reports--multiple .list--reports__totals td {
  font-weight: bold;
  border: none;
}
.list--reports--multiple .list--reports__totals__label {
  text-align: center;
  background: #f5f5f5;
}
.list--reports--multiple .list--reports__grid td {
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #ebebeb;
}
.list--reports--multiple .list--reports__grid .list--reports__row-divider td,
.list--reports--multiple .list--reports__grid .list--reports__no-grid {
  border: none;
  background: #fff;
}
.list--reports--multiple .list--reports__grid .list--reports__row-divider td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.list--reports--multiple .list--reports__border-left {
  border-left: solid #ddd 1px;
}
.list--reports--multiple .list--reports__border-right {
  border-right: solid #ddd 1px;
}
.list--reports--multiple .list--reports__options {
  text-align: center;
}
.list--reports--multiple .list--reports__options .ui-icons {
  padding: 0.4326923077em;
  display: inline-block;
}
.list--reports--multiple .list--reports__options .ui-icons:hover {
  background: none;
}
.list--reports--multiple .list--reports__match-row-height {
  height: 30px;
}
.list--reports--multiple .list--reports__zebra-stripe tr:nth-child(even) {
  background-color: #fcfcfc;
}
.list--reports--multiple .list--reports__zebra-stripe tr:nth-child(even):hover {
  background-color: #FFFBEB;
}
.list--reports--multiple .list--reports__zebra-stripe tr.list--reports__sub-heading--no-borders:nth-child(even) {
  background: #f0f0f0;
}
.list--reports--multiple .list--reports__zebra-stripe tr.list--reports__sub-heading--no-borders:nth-child(even):hover {
  background: #f0f0f0;
}
.list--reports--multiple .reset-border--t {
  border-top: none;
}
.list--reports--multiple .reset-border--r {
  border-right: none;
}
.list--reports--multiple .reset-border--l {
  border-left: none;
}
.list--reports--multiple .reset-border--b {
  border-bottom: none;
}
.list--reports--multiple .reset-border--rl {
  border-right: none;
  border-left: none;
}
.list--reports--multiple .border--l {
  border-left: 1px solid #ddd;
}

/**
 * Payment Details
 */
.block-container dt, .block-container dd {
  color: #888;
}

.form .horizontal-scroll-footer, .form--trans-receipt .horizontal-scroll-footer, .form--trans-details .horizontal-scroll-footer, .form--details .horizontal-scroll-footer {
  margin-top: 0;
  padding-top: 1.5em;
  position: relative;
  border-top: 1px solid #ddd;
}
.form .horizontal-scroll, .form--trans-receipt .horizontal-scroll, .form--trans-details .horizontal-scroll, .form--details .horizontal-scroll {
  overflow: hidden;
  position: relative;
}
.form .horizontal-scroll .heading--alt--datatable, .form .horizontal-scroll .heading--alt--datatable--reset, .form--trans-receipt .horizontal-scroll .heading--alt--datatable, .form--trans-receipt .horizontal-scroll .heading--alt--datatable--reset, .form--trans-details .horizontal-scroll .heading--alt--datatable, .form--trans-details .horizontal-scroll .heading--alt--datatable--reset, .form--details .horizontal-scroll .heading--alt--datatable, .form--details .horizontal-scroll .heading--alt--datatable--reset {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  border-radius: 3px 3px 0 0;
}
.form .horizontal-scroll .heading--alt--datatable--reset, .form--trans-receipt .horizontal-scroll .heading--alt--datatable--reset, .form--trans-details .horizontal-scroll .heading--alt--datatable--reset, .form--details .horizontal-scroll .heading--alt--datatable--reset {
  margin-top: 0;
}
.form .horizontal-scroll .wrap-it, .form--trans-receipt .horizontal-scroll .wrap-it, .form--trans-details .horizontal-scroll .wrap-it, .form--details .horizontal-scroll .wrap-it {
  padding-bottom: 20px;
}
.form .horizontal-scroll table, .form--trans-receipt .horizontal-scroll table, .form--trans-details .horizontal-scroll table, .form--details .horizontal-scroll table {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.form .horizontal-scroll thead, .form--trans-receipt .horizontal-scroll thead, .form--trans-details .horizontal-scroll thead, .form--details .horizontal-scroll thead {
  vertical-align: bottom;
}

.list--table table {
  width: 99.5%;
  margin: 0 0.25%;
}
.list--table table th {
  border: none;
  background: #f8f8f8;
  color: #646567;
  font-size: 1.1111111111em;
}
.list--table table td {
  color: #646567;
  font-size: 1.2222222222em;
  border: none;
}
.list--table table tr {
  border: none;
  border-top: 1px solid #f5f5f5;
}

/**
 * Status
 */
.status .icon {
  line-height: 0;
  margin: 11px 3px 11px 0;
  float: left;
  display: block;
  font-size: 22px;
  display: none;
}

.status__text {
  float: left;
  display: block;
  padding: 3px 6px;
  border-radius: 3px;
}

.list .status__text, .list--hierarchy .status__text, .list--reports .status__text, .list--reports--multiple .status__text, .list--table table .status__text {
  text-decoration: none;
  font-size: 1em;
}

.status__error .icon,
.status__inactive .icon,
.status__pending .icon {
  color: #de5c6d;
}
.status__error .status__text,
.status__inactive .status__text,
.status__pending .status__text {
  background-color: #999;
  color: #fff;
}

.status__declined .status__text {
  background-color: #de5c6d;
  color: #fff;
}

.status__approved .icon,
.status__active .icon {
  color: #A0DE7E;
}
.status__approved .status__text,
.status__active .status__text {
  background-color: rgb(99.5792079208, 182.9207920792, 127.7351485149);
  color: #fff;
}

.status__hold .status__text {
  background-color: #FFAA79;
  color: #fff;
}
.form--trans-details .status__hold .status__text {
  padding: 0 6px;
  font-weight: bold;
  text-transform: uppercase;
}

.status__live .status__text {
  padding: 0;
}

.status__test .status__text {
  padding: 0;
}

@media only screen and (min-width: 54.6875em) {
  .last-content-col .status__text {
    float: right;
  }
}
/**
 * Responsive
 */
.list--table .heading--alt {
  border: none;
}
.list--table .js-table-wrapper {
  font-size: 1.2222222222em;
  padding: 0 0.3% 0.625em;
  border-top: none;
}
.list--table .js-table-wrapper .js-list-small th, .list--table .js-table-wrapper .js-list-small td {
  color: #888;
  padding: 0.625em;
  border-bottom: 1px solid #ebebeb;
}
.list--table .js-table-wrapper .js-list-small tr {
  border-top: none;
}
.list--table .js-table-wrapper .js-list-small .st-head-row {
  background: none;
  padding: 2.5em 0.625em 0.625em;
}

.js-table-wrapper {
  padding: 0 6.00402%;
  border-top: 2px solid #ddd;
}

.js-list-small {
  width: 100%;
  font-size: 0.8461538462em;
  margin-bottom: 2.5em;
}
.js-list-small th {
  text-align: left;
  /* border-top:1px solid #ddd; */
  padding: 0 4.5%;
  width: 30%;
}
.js-list-small th, .js-list-small th a {
  color: #3C738F;
  font-weight: bold;
}
.js-list-small .st-head-row {
  padding: 2.5em 0.625em 0.625em;
}
.js-list-small tr {
  padding: 0.1875em 0;
  border-width: 1px 0 0;
}
.js-list-small td {
  padding: 0.3125em 1.5%;
  border-top: 1px solid #ebebeb;
}
.js-list-small th {
  border: none;
}
.js-list-small .ui-toolbar--list {
  float: left;
  display: block;
}
.js-list-small .ui-toolbar--list .text {
  margin-left: 5px;
  margin-right: 5px;
}
.js-list-small .button-group__header {
  display: none !important;
}
.js-list-small .date {
  border-top: 2px solid #ebebeb;
}
.js-list-small .st-head-row .icons {
  visibility: hidden !important;
}
.js-list-small th span::after {
  content: ":";
}
.js-list-small .st-key {
  font-weight: bold;
  background: #f8f8f8;
}
.js-list-small .st-key a {
  font-weight: bold;
  color: #3C738F;
}
.js-list-small .st-val a {
  font-size: 0.875em;
  color: #3C738F;
  margin: 0.3125em 0.3125em 0.3125em 0;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  padding: 0.5em;
  background: #f1f1f1;
  border: 1px solid #ddd;
}
.js-list-small .st-val a:hover, .js-list-small .st-val a:visited {
  color: #3C738F;
}
.js-list-small .st-val a:hover {
  background: #f1f1f1;
}

/* trans/tl */
.legacy-trans-list th {
  background: #F0F0F0;
  color: #005484;
  text-transform: uppercase;
  font-size: 10px;
}
.legacy-trans-list th a {
  text-decoration: none !important;
  color: #005484;
}
.legacy-trans-list th, .legacy-trans-list td {
  vertical-align: top;
}
.legacy-trans-list .table-container {
  overflow: auto;
}
.legacy-trans-list .ui-toolbar--top a,
.legacy-trans-list .ui-toolbar--bottom a {
  font-size: 12px;
  padding: 6px 13px;
  line-height: 14px;
}

/*------------------------------------*\
    $UI-TOOLBAR
\*------------------------------------*/
/*
Pagination

Markup: ex/pagination.html

Styleguide 1.7
*/
/* will delete this and move to .ui-toolbar after changing html */
.legend:after, .ui-toolbar--list:after, .ui-toolbar:after, .ui-toolbar--header:after, .ui-toolbar--bottom:after, .ui-toolbar--reports:after, .ui-toolbar--top--icons:after, .ui-toolbar--top:after {
  clear: both;
  content: "";
  display: table;
}
.legend img, .ui-toolbar--list img, .ui-toolbar img, .ui-toolbar--header img, .ui-toolbar--bottom img, .ui-toolbar--reports img, .ui-toolbar--top--icons img, .ui-toolbar--top img {
  padding-right: 2px;
  margin-top: -2px;
}
.legend li, .ui-toolbar--list li, .ui-toolbar li, .ui-toolbar--header li, .ui-toolbar--bottom li, .ui-toolbar--reports li, .ui-toolbar--top--icons li, .ui-toolbar--top li {
  display: inline;
  font-size: 0.85em;
}
.legend a, .ui-toolbar--list a, .ui-toolbar a, .ui-toolbar--header a, .ui-toolbar--bottom a, .ui-toolbar--reports a, .ui-toolbar--top--icons a, .ui-toolbar--top a {
  color: #3C738F;
}
.legend a, .legend button, .legend input, .ui-toolbar--list a, .ui-toolbar a, .ui-toolbar--header a, .ui-toolbar--bottom a, .ui-toolbar--reports a, .ui-toolbar--top--icons a, .ui-toolbar--top a, .ui-toolbar--list button, .ui-toolbar button, .ui-toolbar--header button, .ui-toolbar--bottom button, .ui-toolbar--reports button, .ui-toolbar--top--icons button, .ui-toolbar--top button, .ui-toolbar--list input, .ui-toolbar input, .ui-toolbar--header input, .ui-toolbar--bottom input, .ui-toolbar--reports input, .ui-toolbar--top--icons input, .ui-toolbar--top input {
  margin-right: 0.1875em;
  float: left;
}

.ui-toolbar, .ui-toolbar--header, .ui-toolbar--bottom, .ui-toolbar--reports, .ui-toolbar--top--icons, .ui-toolbar--top {
  padding: 0.4375em;
  margin: 0 0 1.125em;
  background-color: #f9f9f9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f5f5f5", GradientType=0);
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  /**
   * Extends `.button--primary` in buttons.scss
   */
  /* for drag and drop update in dragdrop.scss */
}
.ui-toolbar .button--primary,
.ui-toolbar .rt, .ui-toolbar--header .button--primary, .ui-toolbar--bottom .button--primary, .ui-toolbar--reports .button--primary, .ui-toolbar--top--icons .button--primary, .ui-toolbar--top .button--primary,
.ui-toolbar--header .rt,
.ui-toolbar--bottom .rt,
.ui-toolbar--reports .rt,
.ui-toolbar--top--icons .rt,
.ui-toolbar--top .rt {
  float: right;
}
.ui-toolbar .button--primary,
.ui-toolbar a.button--primary, .ui-toolbar--header .button--primary, .ui-toolbar--bottom .button--primary, .ui-toolbar--reports .button--primary, .ui-toolbar--top--icons .button--primary, .ui-toolbar--top .button--primary {
  font-size: 1em !important;
  line-height: 1.5;
}
.ui-toolbar .save-status, .ui-toolbar--header .save-status, .ui-toolbar--bottom .save-status, .ui-toolbar--reports .save-status, .ui-toolbar--top--icons .save-status, .ui-toolbar--top .save-status {
  display: none;
}
.ui-toolbar .prev, .ui-toolbar--header .prev, .ui-toolbar--bottom .prev, .ui-toolbar--reports .prev, .ui-toolbar--top--icons .prev, .ui-toolbar--top .prev {
  margin-right: 0;
  border-radius: 3px 0 0 3px;
}
.ui-toolbar .next, .ui-toolbar--header .next, .ui-toolbar--bottom .next, .ui-toolbar--reports .next, .ui-toolbar--top--icons .next, .ui-toolbar--top .next {
  border-radius: 0 3px 3px 0;
  border-left: none;
}

.ui-toolbar--reports, .ui-toolbar--top--icons, .ui-toolbar--top {
  border-radius: 3px 3px 0 0;
  margin-bottom: 0;
  border: none;
  padding-left: 6.00402%;
  padding-right: 6.00402%;
}
.ui-toolbar--reports .icon-wrapper, .ui-toolbar--top--icons .icon-wrapper, .ui-toolbar--top .icon-wrapper {
  line-height: 1.22;
}
.ui-toolbar--reports .icons, .ui-toolbar--top--icons .icons, .ui-toolbar--top .icons {
  top: 5px;
}

.ui-toolbar--top--icons .icon-wrapper {
  font-size: 0.7142857143em;
  line-height: 1.7;
  margin: 3px 0 4px;
}

.ui-toolbar--bottom {
  border-radius: 0 0 3px 3px;
  border-width: 1px 0 1px;
  padding-left: 6.00402%;
  padding-right: 6.00402%;
  margin-bottom: 0;
}

.ui-toolbar--header {
  border-radius: 3px 3px 0 0;
  margin-bottom: 0;
  border: none;
  padding-left: 6.00402%;
  padding-right: 6.00402%;
  border-bottom: 1px solid #DDD;
}
.ui-toolbar--header .icons {
  top: 5px;
}

.ui-toolbar--reports {
  padding-left: 0;
  padding-right: 1.00402%;
  background: none;
  filter: none;
  box-shadow: none;
}
.ui-toolbar--reports .button-group--toolbar {
  float: left;
  clear: both;
  margin-left: 0.5em;
  margin-bottom: 0.9375em;
}
.ui-toolbar--reports .button-group--toolbar .button-group__options {
  left: 0;
}

.ui-toolbar--reports__timestamp {
  float: left;
  padding-top: 5px;
}

@media only screen and (min-width: 23.125em) {
  .ui-toolbar--reports .button-group--toolbar,
  .js .ui-toolbar--reports .button-group--toolbar {
    float: right;
    clear: inherit;
    margin-left: 0;
    margin-bottom: 0;
  }
  .ui-toolbar--reports .button-group--toolbar .button-group__options,
  .js .ui-toolbar--reports .button-group--toolbar .button-group__options {
    left: inherit;
    right: 0;
  }
}
.ui-toolbar--list {
  box-shadow: rgba(0, 0, 0, 0) 0 0 0;
}
.ui-toolbar--list a.tt {
  padding: 0.5em;
  background: #f1f1f1;
  border: 1px solid #ddd;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.ui-toolbar--list a.tt:hover {
  background: #f1f1f1;
}
.ui-toolbar--list a.icon-wrapper {
  padding-left: 35px;
  padding-right: 14px;
  background: #f1f1f1;
  border: 1px solid #ddd;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.ui-toolbar--list .pending {
  display: block;
  clear: both;
  padding-top: 0.3125em;
  text-transform: uppercase;
  font-weight: bold;
  color: #60b7e4;
}

/*------------------------------------*\
    $UI-SLIDER
\*------------------------------------*/
/* 
Sliders
*/
/*
<div class="slider">
   <div class="slider__content" data-slider>                                  
      <div class="slider__item" data-slider-item></div>                                   
      <input type="text" name="fraud_hold" class="js-is-hidden" id="" value="10" data-slider-value>
   </div>
</div>
*/
.slider .slider__content {
  width: 100%;
}
.slider .slider__item {
  margin-top: 1.8461538462em;
}
.slider .js-slider-text {
  position: absolute;
  top: -1.5384615385em;
  height: 1.6923076923em;
  text-align: center;
  color: #3c738f;
  font-weight: bold;
  white-space: nowrap;
  display: block;
}
.slider .ui-slider .ui-slider-handle {
  cursor: pointer;
  z-index: 1;
}
.slider .ui-slider .ui-slider-handle.ui-state-focus {
  outline: none;
}
.slider .ui-slider-horizontal {
  height: 0.4em;
}

/* 
 * Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#64b780+0,ffaa72+60,de5c6d+100
 */
.slider .ui-slider .ui-slider-range {
  background: none;
}
.slider .slider .ui-widget-content {
  background: #EEE;
  border: 1px solid #ccc;
}
.slider .ui-slider .ui-slider-handle {
  height: 1.5em;
  width: 1em;
  top: -0.555em;
  -webkit-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.25em 0.75em rgba(0, 0, 0, 0.2);
}
.slider .slider-score-range {
  margin-left: 10px;
}
.slider .slider-score-range .status__text {
  font-size: 0.9230769231em;
}

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
/* 
Buttons

Styleguide 1.0
*/
/* 
Default

Markup: ex/buttons-default.html

Styleguide 1.1
*/
/* 
Primary

Markup: ex/buttons-primary.html

Styleguide 1.2
*/
/* 
Button with Icon

Markup: ex/buttons-icons.html

Styleguide 1.3
*/
/* 
Pill

Markup: ex/buttons-pill.html

Styleguide 1.4
*/
/* Pill Buttons */
.settings {
  padding: 0.625em 1.0625em;
  border-bottom: 1px solid #ddd;
}
.settings:after {
  clear: both;
  content: "";
  display: table;
}
.settings .mode {
  margin-right: 1.25em;
  float: left;
}
.settings .mode span {
  font-size: 0.75em;
}
.settings .mode label, .settings .mode input {
  float: left;
}
.settings .payment-type {
  margin-top: 0.625em;
  clear: both;
}

@media only screen and (min-width: 25em) {
  .settings .payment-type {
    clear: none;
    margin-top: 0;
  }
}
/**
 * Partial
 */
.button--login, .button--secondary, .button--primary,
a.button--primary,
.ui-toolbar a.button--primary,
.example-form input[type=submit], .button, .legend a, .ui-toolbar a, .ui-toolbar--top a, .ui-toolbar--top--icons a, .ui-toolbar--bottom a, .ui-toolbar--header a, .ui-toolbar--reports a, .ui-toolbar--list a {
  font-size: 0.875em;
  width: auto;
  overflow: hidden;
  padding: 0.53125em 1.125em;
  border-style: solid;
  border-width: 1px;
}

/**
 * Default
 */
.button, .legend a, .ui-toolbar a, .ui-toolbar--top a, .ui-toolbar--top--icons a, .ui-toolbar--bottom a, .ui-toolbar--header a, .ui-toolbar--reports a, .ui-toolbar--list a {
  border-color: #ccc;
  color: #333;
  background: #f9f9f9;
  /*  @include background-image(linear-gradient(#ffffff, #ffffff 25%, #e6e6e6));   
   @include border-radius($radius);
   @include box-shadow(rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0);
   @include text-shadow(0 1px 1px rgba(255, 255, 255, 0.75));    */
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
  border-radius: 3px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  /* border-bottom:1px solid #bbb; */
  /* border: 1px solid #ccc;
    //@include box-shadow(inset 0 1px #f9f9f9,0 1px 1px 0 rgba(0, 0, 0, 0.1));
    @include box-shadow(none);
    background-color: #e6e6e6;
    @include background-image(linear-gradient(top,#fff,#f1f1f1));
  */
}
.button:hover, .legend a:hover, .ui-toolbar a:hover, .ui-toolbar--top a:hover, .ui-toolbar--top--icons a:hover, .ui-toolbar--bottom a:hover, .ui-toolbar--header a:hover, .ui-toolbar--reports a:hover, .ui-toolbar--list a:hover {
  background-image: -webkit-linear-gradient(rgb(253.75, 253.75, 253.75), #eee);
  background-image: linear-gradient(rgb(253.75, 253.75, 253.75), #eee);
}
.button:active, .legend a:active, .ui-toolbar a:active, .ui-toolbar--top a:active, .ui-toolbar--top--icons a:active, .ui-toolbar--bottom a:active, .ui-toolbar--header a:active, .ui-toolbar--reports a:active, .ui-toolbar--list a:active {
  background-image: -webkit-linear-gradient(#eee, rgb(253.75, 253.75, 253.75));
  background-image: linear-gradient(#eee, rgb(253.75, 253.75, 253.75));
}

a.button, .legend a, .ui-toolbar a, .ui-toolbar--top a, .ui-toolbar--top--icons a, .ui-toolbar--bottom a, .ui-toolbar--header a, .ui-toolbar--reports a, .ui-toolbar--list a {
  color: #333;
  cursor: pointer;
}

.lt-ie10 .button, .lt-ie10 .legend a, .legend .lt-ie10 a, .lt-ie10 .ui-toolbar a, .ui-toolbar .lt-ie10 a, .lt-ie10 .ui-toolbar--top a, .ui-toolbar--top .lt-ie10 a, .lt-ie10 .ui-toolbar--top--icons a, .ui-toolbar--top--icons .lt-ie10 a, .lt-ie10 .ui-toolbar--bottom a, .ui-toolbar--bottom .lt-ie10 a, .lt-ie10 .ui-toolbar--header a, .ui-toolbar--header .lt-ie10 a, .lt-ie10 .ui-toolbar--reports a, .ui-toolbar--reports .lt-ie10 a, .lt-ie10 .ui-toolbar--list a, .ui-toolbar--list .lt-ie10 a {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1f1f1", GradientType=0);
}

/**
 * Primary
   Extend `.button--primary` in ui-toolbar.scss
 */
.button--primary,
a.button--primary,
.ui-toolbar a.button--primary,
.example-form input[type=submit] {
  border-color: #555555;
  color: #ffffff;
  background-color: #3a6887;
  /* @include background-image(linear-gradient(top,white, #5fa0e5 0%, #3a6887 100%)); ie doesn't like */
  /* @include background-image(linear-gradient(#ffffff, #5fa0e5 0%, #3a6887)); */
  border-radius: 3px;
  /*  @include box-shadow(rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0); */
  text-shadow: 0 -1px 0 rgb(77.1855421687, 141.2144578313, 90.3421686747);
  border: 1px solid rgb(84.3951807229, 154.4048192771, 98.7807228916);
  border-bottom: 1px solid rgb(66.3710843373, 121.4289156627, 77.6843373494);
  box-shadow: inset 0 1px rgb(185.1686746988, 216.8313253012, 191.6746987952), 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  background-color: rgb(106.0265060241, 173.5734939759, 119.9060240964);
  background-image: -webkit-linear-gradient(#88c468, #54a675);
  background-image: linear-gradient(#88c468, #54a675);
}
.button--primary:hover,
a.button--primary:hover,
.ui-toolbar a.button--primary:hover,
.example-form input[type=submit]:hover {
  background-image: -webkit-linear-gradient(white, #8dc059 0%, #6aa436 100%);
  background-image: linear-gradient(white, #8dc059 0%, #6aa436 100%);
  color: #fff;
}
.button--primary:active,
a.button--primary:active,
.ui-toolbar a.button--primary:active,
.example-form input[type=submit]:active {
  background-image: -webkit-linear-gradient(white, #6aa436 0%, #8dc059 100%);
  background-image: linear-gradient(white, #6aa436 0%, #8dc059 100%);
  color: #fff;
}

.lt-ie10 .button--primary, .lt-ie10 a.button--primary, .lt-ie10 .example-form input[type=submit] {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#88c468", endColorstr="#54a675", GradientType=0) !important;
}
.lt-ie10 .button--primary:hover, .lt-ie10 a.button--primary:hover, .lt-ie10 .example-form input[type=submit]:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8dc059", endColorstr="#6aa436", GradientType=0) !important;
}
.lt-ie10 .button--primary:active, .lt-ie10 a.button--primary:active, .lt-ie10 .example-form input[type=submit]:active {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6aa436", endColorstr="#8dc059", GradientType=0) !important;
}

/* input same size as pill buttons */
.settings .button--primary {
  display: none;
}

/* ==|== (min-width: 800px) ========================================================== */
@media only screen and (min-width: 29.6875em) {
  .settings .button--primary {
    display: block;
    line-height: normal;
    font-size: 11px !important;
  }
}
.button--login, .button--secondary {
  border-color: #555555;
  color: #ffffff;
  background-color: #3a6887;
  /* @include background-image(linear-gradient(top,white, #5fa0e5 0%, #3a6887 100%)); ie doesn't like */
  /* @include background-image(linear-gradient(#ffffff, #5fa0e5 0%, #3a6887)); */
  border-radius: 3px;
  /*  @include box-shadow(rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0); */
  text-shadow: 0 -1px 0 rgb(51.043902439, 98.6848780488, 123.356097561);
  border: 1px solid rgb(86.2258064516, 154.7903225806, 227.5741935484);
  border-bottom: 1px solid rgb(42.087804878, 81.3697560976, 101.712195122);
  box-shadow: inset 0 1px #6FA7C4, 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  background-color: rgb(68.956097561, 133.3151219512, 166.643902439);
  border: 1px solid #445F6D;
  border-bottom: 1px solid #333333;
  background-image: -webkit-linear-gradient(rgb(75.3414634146, 144.7268292683, 180.6585365854), #3C7491);
  background-image: linear-gradient(rgb(75.3414634146, 144.7268292683, 180.6585365854), #3C7491);
}
.button--login:hover, .button--secondary:hover {
  background-image: -webkit-linear-gradient(rgb(89.7707317073, 153.5834146341, 186.6292682927), #3C7491);
  background-image: linear-gradient(rgb(89.7707317073, 153.5834146341, 186.6292682927), #3C7491);
  border: 1px solid rgb(77.7966101695, 108.686440678, 124.7033898305);
  border-bottom: 1px solid rgb(63.75, 63.75, 63.75);
}
.button--login:active, .button--secondary:active {
  background-image: -webkit-linear-gradient(white, #6aa436 0%, #8dc059 100%);
  background-image: linear-gradient(white, #6aa436 0%, #8dc059 100%);
}

.lt-ie10 .button--login {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4B91B5", endColorstr="#3C7491", GradientType=0) !important;
}
.lt-ie10 .button--login:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a9abb", endColorstr="#3C7491", GradientType=0) !important;
}
.lt-ie10 .button--login:active {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6aa436", endColorstr="#8dc059", GradientType=0) !important;
}

/*------------------------------------*\
	$BUTTON-GROUP
\*------------------------------------*/
/*
Button Group Closed On Desktop

Markup: ex/buttons-group-closed.html

Styleguide 1.5
*/
/*
Button Group Open On Desktop

Markup: ex/buttons-group-open.html

Styleguide 1.6
*/
.js .button-group--toolbar, .js .button-group {
  position: relative;
  float: left;
}
.js .button-group--toolbar .button-group__header, .js .button-group .button-group__header {
  cursor: pointer;
  display: block;
  height: 26px;
  padding: 0 0 0 4px;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-linear-gradient(#FFF, #f4f4f4);
  background-image: linear-gradient(#FFF, #f4f4f4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#ffffff", endColorstr = "#eeeeee", GradientType = 0);
}
.js .button-group--toolbar .button-group__header .button-group__header__text, .js .button-group .button-group__header .button-group__header__text {
  text-transform: capitalize;
  float: left;
  display: block;
  /* font-weight: bold; */
  /* color:#888; */
  margin-right: 32px;
  margin-left: 7px;
}
.js .button-group--toolbar .button-group__header .last, .js .button-group .button-group__header .last {
  margin-left: 0;
}
.js .button-group--toolbar .button-group__header .label, .js .button-group .button-group__header .label {
  margin-right: 22px;
  display: block;
  padding-top: 3px;
  padding-bottom: 6px;
  float: left;
}
.js .button-group--toolbar .button-group__header .first, .js .button-group .button-group__header .first {
  margin-right: 3px;
  margin-left: 5px;
  padding-top: 5px;
}
.js .button-group--toolbar .button-group__header .arrow, .js .button-group .button-group__header .arrow {
  display: inline-block;
  width: 18px;
  height: 26px;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #CCC;
  border-radius: 0 3px 3px 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #CCC;
  background-image: -webkit-linear-gradient(#FFF, #E6E6E6);
  background-image: linear-gradient(#FFF, #E6E6E6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
}
.js .button-group--toolbar .button-group__header .arrow b, .js .button-group .button-group__header .arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(select2.png) no-repeat 0 -1px;
}
.js .button-group--toolbar .position-rt, .js .button-group .position-rt {
  right: 0;
}
.js .button-group--toolbar .button-group__list, .js .button-group .button-group__list {
  position: absolute;
  top: 100%;
  z-index: 1;
  display: none;
  margin-top: -1px !important;
  background: #FFF;
  color: #000;
  border: 1px solid #ddd;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.js .button-group--toolbar .button-group__list a.icon-wrapper, .js .button-group .button-group__list a.icon-wrapper {
  box-shadow: none;
  text-shadow: none;
  float: none;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  color: #60b7e4;
  font-weight: bold;
  padding: 10px 12px 10px 35px;
  white-space: nowrap;
  border: none;
  margin: 0;
  font-size: 10, 16;
  border-radius: 0;
  /*  background:#f1f1f1 !important;
  border:1px solid $border-color !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; */
}
.js .button-group--toolbar .button-group__list a.icon-wrapper:first-child, .js .button-group .button-group__list a.icon-wrapper:first-child {
  border-bottom: 1px solid #f1f1f1;
}
.js .button-group--toolbar .button-group__list a.icon-wrapper:hover, .js .button-group .button-group__list a.icon-wrapper:hover {
  background: rgb(35.9274193548, 151.6935483871, 211.5725806452);
  color: #fff;
}
.js .button-group--toolbar .button-group__list a.icon-wrapper i, .js .button-group .button-group__list a.icon-wrapper i {
  display: block;
  margin-right: 10px;
  margin-top: -1px;
}
.js .button-group--toolbar .button-group__options, .js .button-group .button-group__options {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  min-width: 11.4285714286em;
  display: none;
  margin-top: -1px !important;
  background: #FFF;
  color: #000;
  border: 1px solid #ddd;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.js .button-group--toolbar .button-group__options li, .js .button-group .button-group__options li {
  margin: 1em;
  display: block;
}
.js .button-group--toolbar .button-group__options li:after, .js .button-group .button-group__options li:after {
  clear: both;
  content: "";
  display: table;
}
.js .button-group--toolbar .button-group__options .icheckbox_square-blue, .js .button-group .button-group__options .icheckbox_square-blue,
.js .button-group--toolbar .button-group__options input[type=checkbox],
.js .button-group .button-group__options input[type=checkbox] {
  float: left;
  margin-right: 1em;
}
.js .button-group--toolbar .button-group__options label, .js .button-group .button-group__options label {
  float: left;
}
.js .button-group--toolbar .button-group__options button, .js .button-group .button-group__options button {
  width: 100%;
}

/* hide option drop down if no js */
.button-group__header {
  display: none;
}

/*set header font size*/
.ui-toolbar--top .button-group__header__text,
.ui-toolbar--reports .button-group__header__text {
  font-size: 0.9090909091em;
}

.ui-toolbar .button-group__header__text {
  font-size: 0.8333333333em;
}

/*only concerned if js is on*/
.js td .button-group {
  float: right;
}
.js td.st-val .button-group {
  float: left;
}
.js .button-group--toolbar .button-group__header {
  background-image: -webkit-linear-gradient(#FFF, #FFF 25%, #E6E6E6);
  background-image: linear-gradient(#FFF, #FFF 25%, #E6E6E6);
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  border-color: #ccc;
  height: 27px;
}
.js .button-group--toolbar .button-group__header .arrow {
  height: 27px;
}
.js .button-group--toolbar .button-group__header .arrow b {
  background-position: 0 0;
}
.js .button-group--toolbar .button-group__header__text {
  /* padding-top:2px; */
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.js .button-group--toolbar .label {
  padding-bottom: 0;
}
.js .button-group--toolbar .button-group__list {
  min-width: 95px;
}
.js .button-group--toolbar .button-group__list a {
  background: none;
  border: none;
  filter: none;
}
.js .button-group--toolbar .button-group__list li {
  display: inherit;
}
.js .button-group .button-group__header--active,
.js .button-group--toolbar .button-group__header--active {
  border: 1px solid #ddd;
  outline: none;
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  border-bottom-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 1px 0 #FFF inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #FFF inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #EEE;
  background-image: -webkit-linear-gradient(#eeeeee, #ffffff);
  background-image: linear-gradient(#eeeeee, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff",GradientType=0 );
  /*   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); */
}
.js .button-group .button-group__header--active .arrow,
.js .button-group--toolbar .button-group__header--active .arrow {
  background: rgba(0, 0, 0, 0);
  filter: none;
}
.js .button-group .button-group__header--active .arrow b,
.js .button-group--toolbar .button-group__header--active .arrow b {
  background-position: -18px 1px;
}

/*------------------------------------*\
	$CHARTS
\*------------------------------------*/
.blocks--3 {
  margin-bottom: 1.25em;
  padding: 0 0 0.9375em 0;
}
.blocks--3 text {
  color: #999;
}

.blocks--3__padding {
  padding: 0 22%;
  position: relative;
  min-height: 200px;
  border-bottom: 1px solid #ddd;
}

.blocks--3__three .blocks--3__padding {
  border: none;
}

.blocks--3__chart {
  position: absolute;
  height: 140px;
  width: 140px;
  left: 50%;
  top: 50%;
  margin-top: -70px;
  margin-left: -70px;
}
.blocks--3__chart img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.chart-wrapper {
  border: 1px solid #ddd;
  border-width: 0 0 1px;
}
.chart-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.chart-wrapper h2 {
  float: left;
  color: #646567;
  padding: 0.4375em 0;
  margin: 0 0 0.625em 10px;
  font-size: 0.75em;
}
.chart-wrapper h3 {
  float: right;
  color: #60b7e4;
  padding: 0.4375em 0;
  margin: 0 25px 0.625em 0;
  font-size: 0.75em;
  border: none;
}

.area-chart {
  padding: 1.25em 0;
}

/* id needed for raphaeljs */
#chart {
  width: 102%;
  margin: 0 auto;
  height: 15.625em;
  clear: both;
  text-align: center;
  position: relative;
}
#chart img {
  position: absolute;
  top: 50%;
  left: 50%;
}

/**
 * Used with morris.min.js - api for raphael-min.js
 * On hover 
 */
.morris-hover {
  position: absolute;
  z-index: 1000;
}

.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: "Open Sans";
  font-size: 12px;
  text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

/* ==|== (min-width: 1024px) ========================================================== */
@media only screen and (min-width: 20.3125em) {
  .blocks--3__one {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .blocks--3__one .blocks--3__padding {
    border: 1px solid #ddd;
    border-width: 0 1px 0 0;
  }
  .blocks--3__two {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .blocks--3__two .blocks--3__padding {
    border: none;
  }
  .blocks--3__three {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .blocks--3__three .blocks--3__padding {
    border: 1px solid #ddd;
    border-width: 1px 0 0;
  }
  .blocks--3__chart {
    height: 110px;
    width: 110px;
    margin-top: -55px;
    margin-left: -55px;
  }
}
/* ==|== (min-width: 1024px) ========================================================== */
@media only screen and (min-width: 38.25em) {
  .blocks--3__one {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .blocks--3__one .blocks--3__padding {
    border: none;
  }
  .blocks--3__two {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .blocks--3__two .blocks--3__padding {
    border: 1px solid #ddd;
    border-width: 0 1px;
  }
  .blocks--3__three {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .blocks--3__three .blocks--3__padding {
    border: none;
  }
}
/*------------------------------------*\
  $CODE
\*------------------------------------*/
/*!*
*
* https://code.google.com/p/google-code-prettify/
*
* A Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page.
* CSS class names are js dependent.
*/
.code {
  width: 100%;
  height: 46.875em;
  background: #f9f9f9;
}

/**
* CSS class names below are js dependent.
*/
.pln {
  color: #000;
}

@media screen {
  .str {
    color: #080;
  }
  .kwd {
    color: #008;
  }
  .com {
    color: #800;
  }
  .typ {
    color: #606;
  }
  .lit {
    color: #066;
  }
  .pun, .opn, .clo {
    color: #660;
  }
  .tag {
    color: #008;
  }
  .atn {
    color: #606;
  }
  .atv {
    color: #080;
  }
  .dec, .var {
    color: #606;
  }
  .fun {
    color: red;
  }
}
@media print, projection {
  .str {
    color: #060;
  }
  .kwd {
    color: #006;
    font-weight: bold;
  }
  .com {
    color: #600;
    font-style: italic;
  }
  .typ {
    color: #404;
    font-weight: bold;
  }
  .lit {
    color: #044;
  }
  .pun, .opn, .clo {
    color: #440;
  }
  .tag {
    color: #006;
    font-weight: bold;
  }
  .atn {
    color: #404;
  }
  .atv {
    color: #060;
  }
}
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
}

li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
  list-style-type: none;
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
  background: #eee;
}

/* Pretty printing styles. Used with prettify.js. */
/* Vim sunburst theme by David Leibovic */
pre .str, code .str {
  color: #65B042;
} /* string  - green */
pre .kwd, code .kwd {
  color: #E28964;
} /* keyword - dark pink */
pre .com, code .com {
  color: #AEAEAE;
  font-style: italic;
} /* comment - gray */
pre .typ, code .typ {
  color: #89bdff;
} /* type - light blue */
pre .lit, code .lit {
  color: #3387CC;
} /* literal - blue */
pre .pun, code .pun {
  color: #fff;
} /* punctuation - white */
pre .pln, code .pln {
  color: #fff;
} /* plaintext - white */
pre .tag, code .tag {
  color: #89BDFF;
} /* html/xml tag    - light blue */
pre .atn, code .atn {
  color: #dad085;
} /* html/xml attribute name  - khaki */
pre .atv, code .atv {
  color: #65B042;
} /* html/xml attribute value - green */
pre .dec, code .dec {
  color: #3387CC;
} /* decimal - blue */
pre.prettyprint, code.prettyprint {
  background-color: #000;
  border-radius: 3px;
}

pre.prettyprint {
  margin: 1em auto;
  padding: 1em;
  white-space: pre-wrap;
  font-family: "Open Sans";
  border-radius: 3px;
}

pre, code, kbd, samp {
  font-family: "Open Sans";
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #AEAEAE;
} /* IE indents via margin-left */
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
  list-style-type: none;
}

/* Alternate shading for lines */
@media print {
  pre .str, code .str {
    color: #060;
  }
  pre .kwd, code .kwd {
    color: #006;
    font-weight: bold;
  }
  pre .com, code .com {
    color: #600;
    font-style: italic;
  }
  pre .typ, code .typ {
    color: #404;
    font-weight: bold;
  }
  pre .lit, code .lit {
    color: #044;
  }
  pre .pun, code .pun {
    color: #440;
  }
  pre .pln, code .pln {
    color: #000;
  }
  pre .tag, code .tag {
    color: #006;
    font-weight: bold;
  }
  pre .atn, code .atn {
    color: #404;
  }
  pre .atv, code .atv {
    color: #060;
  }
}
/*------------------------------------*\
    $CHECKBOX-RADIO
\*------------------------------------*/
/*!*
*
* https://github.com/fronteed/iCheck/
*
* Highly customizable checkboxes and radio buttons for jQuery and Zepto.
*
*/
/**
* Note: On upgrade update js 'check/uncheck' methods.
* blue@2.png has been replaced and some css has been customized below.
* Plugin CSS class names are js dependent.
*/
/*
Checkbox Group

Markup: ex/forms-checkbox-group.html

Styleguide 5.2
*/
/*
Checkbox Toggle Switches

Markup: ex/forms-toggle-switch.html

Styleguide 5.7
*/
.message .icheckbox_square-blue {
  float: left;
  margin-right: 0.9375em;
}

.checkbox-group .icheckbox_square-blue {
  margin-top: 0;
  float: left;
}
.checkbox-group:after {
  clear: both;
  content: "";
  display: table;
}
.checkbox-group input {
  margin-top: 0.1875em;
  clear: left;
  float: left;
  position: relative;
}
.checkbox-group label {
  font-weight: normal;
  clear: none;
  float: left;
  padding: 0 0 0 0.5384615385em;
}
.checkbox-group input[type=checkbox] {
  margin-top: 0.1875em;
}

.radio-group .iradio_square-blue {
  margin-top: 0;
  float: left;
}
.radio-group .radio-group__item {
  margin: 0.3846153846em 0;
}
.radio-group:after {
  clear: both;
  content: "";
  display: table;
}
.radio-group input {
  margin-top: 0.1875em;
  clear: left;
  float: left;
  position: relative;
}
.radio-group label {
  font-weight: normal;
  clear: none;
  float: left;
  padding: 0.1538461538em 0 0 0.5384615385em;
}
.radio-group input[type=checkbox] {
  margin-top: 0.1875em;
}

.checkbox-group-alt:after {
  clear: both;
  content: "";
  display: table;
}
.checkbox-group-alt label {
  margin-right: 5px;
  display: inline;
}

.single .checkbox-group li {
  padding: 0.3125em 0;
  border-bottom: none;
}

.icheckbox-container.error {
  border-radius: 3px;
  border: 1px solid red;
}

.icheckbox-container label.error {
  display: none !important;
}

/* iCheck plugin Square skin, blue
----------------------------------- */
.icheckbox_square-blue,
.iradio_square-blue {
  display: block;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url(blue.png) no-repeat;
  border: none;
  cursor: pointer;
}

.checkbox-color-coded .icheckbox_square-blue,
.checkbox-color-coded .iradio_square-blue {
  background: url(checkbox_color_coded.png) no-repeat;
}

.icheckbox_square-blue {
  background-position: 0 0;
}

.icheckbox_square-blue.hover {
  background-position: -24px 0;
}

.icheckbox_square-blue.checked {
  background-position: -48px 0;
}

.checkbox-color-coded .icheckbox_square-blue.checked.hover {
  background-position: -120px 0;
}

.lt-ie9 .icheckbox_square-blue.disabled {
  background-position: -72px 0;
  cursor: default;
}
.lt-ie9 .icheckbox_square-blue.checked.disabled {
  background-position: -96px 0;
}

.iradio_square-blue {
  background-position: -120px 0;
}

.iradio_square-blue.hover {
  background-position: -144px 0;
}

.iradio_square-blue.checked {
  background-position: -168px 0;
}

.iradio_square-blue.disabled {
  background-position: -192px 0;
  cursor: default;
}

.iradio_square-blue.checked.disabled {
  background-position: -216px 0;
}

.itoggle-switch {
  background: url(toggle_switch.png) no-repeat -68px 0;
  display: block;
  margin: 0;
  padding: 0;
  width: 62px;
  height: 24px;
  border: none;
  cursor: pointer;
}

.itoggle-switch.checked {
  background-position: 0 0;
}

.itoggle-switch.disabled {
  background-position: -205px 0;
}

.itoggle-switch.checked.disabled {
  background-position: -137px 0;
}

.itoggle-lock {
  background: url(toggle_lock.png) no-repeat 0 0;
  display: block;
  margin: 0;
  padding: 0;
  width: 27px;
  height: 24px;
  border: none;
  cursor: pointer;
}

.itoggle-lock.checked {
  background-position: -35px 0;
}

/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 34.6875em) {
  .editable .icheckbox_square-blue, .single .icheckbox_square-blue {
    margin-top: 1.1538461538em;
  }
  .editable .checkbox-group .icheckbox_square-blue, .single .checkbox-group .icheckbox_square-blue {
    margin-top: 0;
  }
  .single .checkbox-group li {
    padding: 0.3125em 0;
    border-bottom: none;
  }
}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .icheckbox_square-blue,
  .iradio_square-blue {
    background-image: url(blue@2x.png);
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
  .checkbox-color-coded .icheckbox_square-blue,
  .checkbox-color-coded .iradio_square-blue {
    background-image: url(checkbox_color_coded@2x.png);
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
  .itoggle-switch {
    background-image: url(toggle_switch@2x.png);
    -webkit-background-size: 268px 24px;
    background-size: 268px 24px;
  }
  .itoggle-lock {
    background-image: url(toggle_lock@2x.png);
    -webkit-background-size: 63px 24px;
    background-size: 63px 24px;
  }
}
/*------------------------------------*\
    $SELECT-INPUT
\*------------------------------------*/
/*!*
*
* http://ivaynberg.github.com/select2/
*
* Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, 
* and infinite scrolling of results.  
*
*/
/**
* Note: Some css has been customized below. Plugin CSS class names are js dependent.
*/
.bigdrop1 {
  font-size: 0.75em !important;
}

/* chrome update 31.0.1650.48 */
#s2id_exp-month {
  margin-right: 0.3125em;
}

#s2id_exp-month,
#s2id_exp-year {
  float: left;
}

/*
Version: @@ver@@ Timestamp: @@timestamp@@
*/
/*
Version: 3.4.1 Timestamp: Thu Jun 27 18:02:10 PDT 2013
*/
.hasCustomSelect {
  z-index: 2;
  cursor: pointer;
}

.ui-select,
.select2-container,
.customSelect {
  /* margin:pem(4,13) 0; */
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

/* .single .ui-select, 
.editable .ui-select,
.single .customSelect,
.editable .customSelect,
.single .select2-container, 
.editable .select2-container {
     margin:pem(13,13) 0 0 0;
} */
label.ui-select {
  margin: 0;
}

.ui-select .ui-btn select {
  margin: 0;
}

.select2-container,
.ui-select,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -khtml-box-sizing: border-box; /* konqueror */
  -moz-box-sizing: border-box; /* firefox */
  -ms-box-sizing: border-box; /* ie */
  box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice,
.ui-select .ui-btn,
.customSelect {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = "#ffffff", endColorstr = "#eeeeee", GradientType = 0);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
}

/* .customSelect {
    position:absolute;
} */
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #ccc;
  border-radius: 0 0 3px 3px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#eeeeee",GradientType=0 );
  background-image: linear-gradient(top, #eeeeee 0%, #ffffff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen,
.ui-btn-text,
.customSelect .customSelectInner {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.customSelect .customSelectInner {
  cursor: pointer;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-undermask {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9998;
  background-color: transparent;
  filter: alpha(opacity=0);
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #ccc;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-auto-width {
  border-top: 1px solid #ccc;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-active {
  border: 1px solid #ccc;
  /*border-top: none;*/
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #ccc;
}

.select2-container .select2-choice .select2-arrow,
.ui-select .ui-btn-icon-right .ui-icon,
.customSelect .select-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #ccc;
  border-radius: 0 3px 3px 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #f9f9f9;
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
}

.select2-container .select2-choice .select2-arrow b,
.customSelect .select-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("select2.png") no-repeat 0 -1px;
}

.ui-select .ui-icon {
  filter: none;
  background: url("select2.png") no-repeat 0 -1px !important;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: "Open Sans";
  font-size: 1em;
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #fff url("select2.png") no-repeat 100% -22px;
  background: url("select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url("select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("select2.png") no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url("select2.png") no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url("select2.png") no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100%;
  background: url("select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url("select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.ui-select .ui-btn-active,
.ui-select .ui-focus,
.customSelectFocus {
  border: 1px solid #ccc;
  outline: none;
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eeeeee", endColorstr="#ffffff",GradientType=0 );
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #ccc;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center top, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eeeeee", endColorstr="#ffffff",GradientType=0 );
  background-image: linear-gradient(bottom, #ffffff 0%, #eeeeee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.ui-select .ui-btn-down-c .ui-icon {
  background-position: -18px 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results .select2-highlighted {
  background: rgb(35.9274193548, 151.6935483871, 211.5725806452);
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: white;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("select2-spinner.gif") no-repeat 100%;
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #ccc;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #ccc;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: "Open Sans";
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #cccaaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("select2.png") right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  outline: 0;
  left: 0px;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

.js select[multiple] {
  visibility: hidden;
  height: 30px;
}

.select2-container-multi {
  width: 100%;
}
.select2-container-multi .select2-search-choice {
  font-size: 0.75em;
  clear: left;
}
.select2-container-multi .select2-search-choice:after {
  clear: both;
  content: "";
  display: table;
}
.select2-container-multi .select2-choices {
  background: #f9f9f9;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

@media only screen and (min-width: 32.5em) {
  .single .ui-select,
  .editable .ui-select,
  .single .customSelect,
  .editable .customSelect,
  .single .select2-container,
  .editable .select2-container {
    margin: 1em 0 0 0;
  }
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b, .customSelect .select-arrow b {
    background-image: url("select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
/*------------------------------------*\
    $DRAG-DROP
\*------------------------------------*/
.js .sortable .liststatus {
  color: #3D8D66;
}
.js .sortable .bottom {
  display: none;
}
.js .sortable .ui-toolbar {
  margin-left: 1.00402%;
  margin-right: 1.00402%;
}
.js .sortable .ui-toolbar .submit-button {
  display: none;
}
.js .sortable .ui-toolbar .save-status a {
  background-image: -webkit-linear-gradient(#fffed7, #fffed7 25%, #fff6d7);
  background-image: linear-gradient(#fffed7, #fffed7 25%, #fff6d7);
}
.js .sortable .sortable1 label {
  color: #999;
}
.js .sortable .sortable2 label {
  background: #FFFBEB;
}
.js .sortable .sortable1 label:hover, .js .sortable .sortable2 label:hover {
  background: #FFFBEB;
  color: #444;
}
.js .sortable .sortable1 label:hover .icon-move, .js .sortable .sortable2 label:hover .icon-move {
  background-position: -28px -27px;
}
.js .sortable .sortable2 label:hover {
  background: rgb(255, 240.8, 184);
}
.js .sortable .ui-sortable-placeholder {
  background: #fff;
}
.js .sortable .sort-heading {
  padding: 0.4375em 0.875em;
  margin: 0;
  display: block;
  background-color: #f5f5f5;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f5f5f5", GradientType=0);
  border: 1px solid #ddd;
  box-shadow: inset 0 1px 0 #ffffff;
  border-radius: 3px 3px 0 0;
}
.js .sortable .sort-heading {
  padding-right: 40px;
}
.js .sortable .sort-heading .icons {
  height: 20px;
  width: 20px;
  margin: 2px -23px 0 0;
  float: right;
  display: block;
}
.js .sortable .connectedSortable {
  font-size: 0.8125em;
  border: 1px solid #ddd;
  padding: 0.4375em 0.875em;
  padding: 0.625em;
}
.js .sortable .connectedSortable li {
  border: none;
}
.js .sortable .connectedSortable li, .js .sortable .connectedSortable label {
  cursor: move;
}
.js .sortable .connectedSortable label {
  font-size: 1em;
  border: 1px solid #ddd;
  padding: 0.4375em 40px 0.4375em 0.875em;
  margin: 1px 0;
}
.js .sortable .connectedSortable label .icons {
  height: 14px;
  width: 14px;
  margin: 1px -28px 0 0;
  float: right;
  display: block;
}
.js .sortable .connectedSortable .not-allowed {
  cursor: no-drop;
}
.js .sortable .connectedSortable input[type=text] {
  display: none;
}
.js .sortable .connectedSortable .block {
  padding: 0;
  margin: 0;
  float: none;
  display: block;
  width: 100%;
}

.no-js .editable .connectedSortable input[type=text] {
  width: 2.5em;
}

/*------------------------------------*\
    $TOP-BAR
\*------------------------------------*/
.top-bar {
  position: relative;
  width: 100%;
  z-index: 100;
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.5);
  background: #3c7491;
  padding: 0.375em 0;
  font-size: 0.65em;
  -webkit-font-smoothing: subpixel-antialiased;
  /*position:relative;*/
}
.top-bar .container {
  /* max-width:$max-width; */
  padding: 0.3125em 0;
}
.top-bar .inner-wrapper {
  padding: 0 5%;
}
.top-bar .js .menu-trigger, .js .top-bar .menu-trigger, .top-bar .top-bar__button {
  color: #fff;
  line-height: 10px;
  background-color: rgb(68.956097561, 133.3151219512, 166.643902439);
  white-space: nowrap;
  position: relative;
  border: 1px solid rgb(51.043902439, 98.6848780488, 123.356097561);
  border-radius: 3px;
  box-shadow: inset 0 1px rgb(75.3414634146, 144.7268292683, 180.6585365854), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(top, rgb(68.956097561, 133.3151219512, 166.643902439), rgb(64.4780487805, 124.6575609756, 155.8219512195));
  background-image: linear-gradient(to bottom, rgb(68.956097561, 133.3151219512, 166.643902439), rgb(64.4780487805, 124.6575609756, 155.8219512195));
  background-repeat: repeat-x;
  z-index: 10001;
  cursor: pointer;
}
.top-bar .top-bar__button {
  display: none;
  padding: 5px 1.2em 5px !important;
  top: 8px;
}
.top-bar a.top-bar__button:hover {
  background: rgb(70.4487804878, 136.2009756098, 170.2512195122);
}
.top-bar .sub-nav {
  text-align: right;
  margin: 0;
  float: right;
  display: none;
}
.top-bar .sub-nav li {
  float: left;
  text-align: right;
  line-height: 10px;
}
.top-bar .sub-nav .last {
  border-right: 0;
  padding: 0 0 0 10px;
  position: relative;
}
.top-bar .sub-nav a.link {
  padding: 1.375em 12px 1.375em 30px;
  display: block;
  color: #fff;
  outline: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.top-bar .sub-nav a.link:active, .top-bar .sub-nav a.link:visited {
  outline: 0;
}
.top-bar .sub-nav a.link:hover {
  background: rgb(67.4634146341, 130.4292682927, 163.0365853659);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.top-bar .sub-nav .icons {
  margin-left: -18px;
  float: left;
  width: 9px;
  height: 9px;
  display: block;
}
.top-bar .submenu {
  position: relative;
}
.top-bar .submenu .toggle-menu__header--active {
  position: relative;
  z-index: 1;
}
.top-bar .submenu .block-1 {
  display: inline;
  float: left;
  width: 39.6586345382%;
  margin: 0 1.0040160643%;
  *width: 39.6065512048%;
  *margin: 0 0.9519327309%;
}
.top-bar .submenu .block-2 {
  display: inline;
  float: left;
  width: 56.3253012048%;
  margin: 0 1.0040160643%;
  *width: 56.2732178715%;
  *margin: 0 0.9519327309%;
}
.top-bar .submenu .block-3 {
  display: inline;
  float: left;
  width: 39.6586345382%;
  margin: 0 1.0040160643%;
  *width: 39.6065512048%;
  *margin: 0 0.9519327309%;
}
.top-bar .submenu__drop--error, .top-bar .submenu__drop {
  width: 171px;
  background: #fff;
  z-index: 2;
  display: none;
  position: absolute;
  top: 43px;
  left: -31px;
  color: rgb(67.4634146341, 130.4292682927, 163.0365853659);
}
.top-bar .submenu__drop--error ul, .top-bar .submenu__drop ul {
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 2;
  padding: 0;
  margin: 0;
}
.top-bar .submenu__drop--error li, .top-bar .submenu__drop li {
  line-height: 15px;
  border-top: 1px solid rgb(237.6707317073, 244.3634146341, 247.8292682927);
  padding: 5px 14px;
  text-align: left;
  float: none;
  border-right: none;
}
.top-bar .submenu__drop--error li:after, .top-bar .submenu__drop li:after {
  clear: both;
  content: "";
  display: table;
}
.top-bar .submenu__drop--error li span, .top-bar .submenu__drop li span {
  padding: 5px 0;
}
.top-bar .submenu__drop--error li .ip, .top-bar .submenu__drop li .ip {
  font-weight: bold;
  clear: both;
  display: block;
  padding-bottom: 0;
}
.top-bar .submenu__drop--error li .time, .top-bar .submenu__drop li .time {
  padding-top: 3px;
  white-space: pre;
  clear: both;
  display: block;
}
.top-bar .submenu__drop--error li .location, .top-bar .submenu__drop li .location {
  text-align: right;
}
.top-bar .submenu__drop--error li .button, .top-bar .submenu__drop li .button, .top-bar .submenu__drop--error li .legend a, .top-bar .submenu__drop li .legend a, .legend .top-bar .submenu__drop--error li a, .legend .top-bar .submenu__drop li a, .top-bar .submenu__drop--error li .ui-toolbar a, .top-bar .submenu__drop li .ui-toolbar a, .ui-toolbar .top-bar .submenu__drop--error li a, .ui-toolbar .top-bar .submenu__drop li a, .top-bar .submenu__drop--error li .ui-toolbar--top a, .top-bar .submenu__drop li .ui-toolbar--top a, .ui-toolbar--top .top-bar .submenu__drop--error li a, .ui-toolbar--top .top-bar .submenu__drop li a, .top-bar .submenu__drop--error li .ui-toolbar--top--icons a, .top-bar .submenu__drop li .ui-toolbar--top--icons a, .ui-toolbar--top--icons .top-bar .submenu__drop--error li a, .ui-toolbar--top--icons .top-bar .submenu__drop li a, .top-bar .submenu__drop--error li .ui-toolbar--bottom a, .top-bar .submenu__drop li .ui-toolbar--bottom a, .ui-toolbar--bottom .top-bar .submenu__drop--error li a, .ui-toolbar--bottom .top-bar .submenu__drop li a, .top-bar .submenu__drop--error li .ui-toolbar--header a, .top-bar .submenu__drop li .ui-toolbar--header a, .ui-toolbar--header .top-bar .submenu__drop--error li a, .ui-toolbar--header .top-bar .submenu__drop li a, .top-bar .submenu__drop--error li .ui-toolbar--reports a, .top-bar .submenu__drop li .ui-toolbar--reports a, .ui-toolbar--reports .top-bar .submenu__drop--error li a, .ui-toolbar--reports .top-bar .submenu__drop li a, .top-bar .submenu__drop--error li .ui-toolbar--list a, .top-bar .submenu__drop li .ui-toolbar--list a, .ui-toolbar--list .top-bar .submenu__drop--error li a, .ui-toolbar--list .top-bar .submenu__drop li a {
  display: inline-block;
  margin: 1px 0 0;
}
.top-bar .submenu__drop--error .submenu__drop__header, .top-bar .submenu__drop .submenu__drop__header {
  border: none;
  background: rgb(93.3780487805, 155.7975609756, 188.1219512195);
  color: #fff;
  border-radius: 3px 3px 0 0;
  border: 1px solid rgb(93.3780487805, 155.7975609756, 188.1219512195);
  border-width: 1px 1px 0 1px;
}
.top-bar .submenu__drop--error .submenu__drop__content, .top-bar .submenu__drop .submenu__drop__content {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.top-bar .submenu__drop--error .submenu__drop__footer, .top-bar .submenu__drop .submenu__drop__footer {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 3px 3px;
}
.top-bar .submenu__drop--error .submenu__drop__header {
  background: #DE5C6D;
  border: 1px solid #DE5C6D;
}

.triangle {
  width: 25px;
  height: 25px;
  position: absolute;
  top: -13px;
  right: 73px;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
}

.no-csstransforms .triangle {
  background: url(../images/sprite.png) bottom left no-repeat;
  background-position: -28px -225px;
}

.no-csstransforms .submenu__drop--error .triangle {
  background-position: -28px -251px;
}

.csstransforms .triangle:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 25px;
  height: 25px;
  background: rgb(93.3780487805, 155.7975609756, 188.1219512195);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  border: 1px solid #fff;
}

.csstransforms .submenu__drop--error .triangle:after {
  background: #DE5C6D;
}

/*------------------------------------*\
    $RESPONSIVE-NAV
\*------------------------------------*/
.js .menu-trigger {
  margin: 2px 0 0 0;
  float: right;
  display: block;
  cursor: pointer;
  padding: 0.625em;
}
.js .menu-trigger .inner {
  background-position: -47px -63px;
  float: left;
  display: block;
  height: 14px;
  width: 18px;
}

.menu-trigger__label {
  display: none;
}

.js-pull-right-main {
  left: 195px;
}

.icon-logo-top-bar {
  margin: -1px 0 0 0;
  width: 111px;
  height: 36px;
  display: block;
  float: left;
}

/*------------------------------------*\
    $MAIN-NAV
\*------------------------------------*/
/*
Fraud Menu 'New' callout
*/
.menu-callout {
  position: relative;
}

.menu-callout--child__highlight__status, .menu-callout__highlight--no-arrow, .menu-callout__highlight {
  position: absolute;
  background: #60b7e4;
  color: #fff;
  font-size: 8px;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 4px 5px;
  top: 16px;
  z-index: 10;
  display: block;
  line-height: normal;
}

.menu-callout__highlight {
  right: 43px;
}

.menu-callout__highlight--no-arrow {
  right: 24px;
}

.menu-callout--child:after {
  clear: both;
  content: "";
  display: table;
}
.menu-callout--child .menu-callout--child__highlight {
  float: left;
  font-style: normal;
  padding-right: 21px;
  position: relative;
}

.menu-callout--child__highlight__status {
  top: -1px;
  right: -21px;
  display: inline-block;
}

/**
 * IE overrides
 */
.lt-ie8 .nav-main .heading a,
.lt-ie8 .nav-main .sub-heading a,
.lt-ie8 .nav-main .level-01,
.lt-ie8 .nav-main .level-02 {
  zoom: 1;
}
.lt-ie8 .nav-main .heading {
  position: relative;
}
.lt-ie8 .nav-main .heading span {
  margin: 0;
  position: absolute;
  top: 20px;
  right: 20px;
}

/**
 * Main
 */
.nav-main {
  margin-bottom: 3.125em;
}
.nav-main .main a {
  outline: none;
}
.nav-main .main a, .nav-main .main .heading {
  color: #3c7491;
}
.nav-main .main .heading:hover {
  background: #fff;
}
.nav-main .main .heading a:hover,
.nav-main .main .level-01:hover,
.nav-main .main .sub-menu a:hover {
  border-right: 1px solid #ddd;
}
.nav-main .main .sub-menu a:hover {
  background: #fff;
}
.nav-main .main .open .heading a:hover,
.nav-main .main .active--heading:hover,
.nav-main .main .active--heading a:hover {
  border-right: none;
}
.nav-main .icons {
  width: 9px;
  height: 9px;
}
.nav-main .brand {
  padding: 0.9375em 0 0;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
  height: 5.3125em;
}
.nav-main .brand a {
  margin-left: 5px;
  display: block;
}
.nav-main .icon-logo {
  width: 148px;
  height: 48px;
}
.nav-main .heading a, .nav-main .level-01 {
  padding: 20px 34px 20px 58px;
  line-height: 0.95;
}
.nav-main .heading, .nav-main .sub-heading {
  cursor: pointer;
  font-weight: normal;
  font-size: 0.6875em;
  text-transform: uppercase;
  color: #3c7491;
  border-bottom: 1px solid #ddd;
  margin: 0;
  outline: 0;
}
.nav-main .heading:active, .nav-main .sub-heading:active {
  outline: 0;
}
.nav-main .heading a, .nav-main .heading i, .nav-main .heading span, .nav-main .sub-heading a, .nav-main .sub-heading i, .nav-main .sub-heading span {
  display: block;
}
.nav-main .heading i, .nav-main .sub-heading i {
  float: left;
  margin-left: -38px;
}
.nav-main .heading span, .nav-main .sub-heading span {
  float: right;
  margin-right: -10px;
}
.nav-main .active a {
  color: #60b7e4;
}
.nav-main .active--heading {
  background: #fff;
}
.nav-main .open .heading {
  background: #fff;
}
.nav-main .sub-heading {
  font-size: 1em;
  border: none;
  text-transform: capitalize;
}
.nav-main .sub-heading i {
  margin-top: 4px;
}
.nav-main img {
  max-width: 100%;
}
.nav-main .sub-menu {
  font-size: 0.6875em;
  border-bottom: 1px solid #ddd;
}
.nav-main .sub-menu .sub-menu {
  font-size: 1em;
  border: none;
}
.nav-main .sub-menu .sub-menu .sub-menu {
  font-size: 0.6875em;
}
.nav-main .sub-menu a {
  padding: 6px 0 6px 57px;
  display: block;
}
.nav-main .sub-menu ul a {
  padding-left: 65px;
}
.nav-main .sub-menu ul ul a {
  padding-left: 73px;
}
.nav-main ul {
  margin: 0;
  padding: 0;
}
.nav-main .heading .sm__line-break {
  display: block;
  padding-top: 0.5454545455em;
  float: none;
  margin: 0;
}

.js .nav-main {
  /* margin-left:-$side-column-width; */
  position: fixed;
  height: 100%;
}

/*fouc*/
.js .sub-menu {
  display: none;
}

/* scroller - probably can be removed... had old scroller .nano, .nano-content */
.js .accordion-container {
  margin-right: 0;
}
.js .accordion-container .accordion-wrapper {
  width: 195px;
}

/* .container {
	@include transition(all 0.3s ease-out);
} */
/* ==|== (min-width: 1024px) ========================================================== */
@media only screen and (max-width: 64em) {
  /**
   * Responsive Menu
   */
  /* 	 .middle .container {
  		@include transition(none);
  	}
   */
  .csstransforms3d .middle .container {
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    -moz-transition: -moz-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    /* improves performance issues on mobile*/
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }
  .csstransforms3d .js-pull-right-main {
    left: 0;
    -webkit-transform: translate3d(195px, 0, 0);
    -moz-transform: translate3d(195px, 0, 0);
    -ms-transform: translate3d(195px, 0, 0);
    -o-transform: translate3d(195px, 0, 0);
    transform: translate3d(195px, 0, 0);
  }
  .nav-main .sub-menu a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .js .main-content {
    z-index: 2;
    position: relative;
  }
  .js .nav-main {
    /* margin-left:-$side-column-width; for not position:fixed; */
    width: 195px;
    margin-left: -215px;
    float: left;
    z-index: 1;
    position: relative;
  }
  .js .js-pull-right-nav {
    margin-left: -195px;
  }
  .js .middle {
    overflow: hidden;
  }
  .nav-main .brand {
    border: none;
    height: 0;
  }
  .nav-main .brand .icon-logo {
    display: none;
  }
}
/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 34.6875em) {
  .top-bar .inner-wrapper {
    padding-right: 6.00402%;
  }
}
/* ==|== (min-width: 800px) ========================================================== */
@media only screen and (min-width: 37.5em) {
  .js .menu-trigger__label {
    float: right;
    display: block;
    padding: 1px 3px 0 5px;
    text-transform: lowercase;
    font-size: 1.2em;
  }
}
/* ==|== (min-width: 1024px) ========================================================== */
@media only screen and (min-width: 64.0625em) {
  .top-bar {
    position: fixed;
    padding: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .top-bar .top-bar__button {
    display: block;
  }
  .js .nav-main {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .lt-ie9 .nav-main {
    left: 216px;
  }
  .lt-ie8 .nav-main {
    left: 215px;
  }
  .nav-main {
    margin-left: -195px;
    width: 195px;
    float: left;
    display: block;
  }
  .nav-main .brand {
    width: 195px;
    padding: 4.75em 0 0;
  }
  .nav-main .accordion-container {
    overflow: hidden;
  }
  .nav-main .accordion-wrapper {
    overflow: hidden;
    height: 100%;
  }
  /* nice scroll */
  .nav-main .nicescroll-rails {
    opacity: 0;
  }
  .nav-main .nicescroll-rails[style] {
    left: 187px !important;
    width: 8px !important;
  }
  .nav-main .nicescroll-rails div[style] {
    width: 8px !important;
    right: 0px;
    background: #e5e5e5 !important;
    border-radius: 0 !important;
  }
  /* .opacity .nav-main .nicescroll-rails div[style] {
  	margin-top:0 !important;
  	background:#000 !important;
  	opacity:.1 !important;
  } */
  .top-bar .container {
    padding: 0; /* override */
  }
  .top-bar .sub-nav {
    display: block; /* override */
  }
  .top-bar .inner-wrapper {
    padding: 0 5% 0 0;
  }
  .icon-logo-top-bar {
    display: none; /* override */
  }
  .sm {
    display: none;
  }
  .js .menu-trigger {
    display: none !important;
  }
  .js-panel-is-active .middle {
    overflow: hidden;
  }
  .js-panel-is-active .container {
    padding-left: 195px;
  }
  .js-panel-is-active .js-pull-right-main {
    left: 0;
  }
  .js-panel-is-active .js-pull-right-nav {
    margin-left: -195px;
    width: 195px;
    float: left;
    display: block;
  }
  .js-panel-is-active .top-bar .container {
    padding: 0;
  }
}
/*------------------------------------*\
    $LOGIN / $LOGOUT
\*------------------------------------*/
/* body */
.login-form,
.logout-page {
  background: #fff;
}

/*------------------------------------*\
    $LOGOUT
\*------------------------------------*/
.logout {
  margin: 1.25em 0 0;
  text-align: center;
}
.logout a {
  text-decoration: underline;
  color: #60b7e4;
}

.logout__brand:after {
  clear: both;
  content: "";
  display: table;
}

.logout__message {
  color: #005484;
  margin: 0.625em 0 0;
  font-weight: normal;
  font-size: 1em;
}

.logout__action {
  font-size: 0.75em;
}

/*------------------------------------*\
    $LOGIN
\*------------------------------------*/
.login {
  font-family: "Open Sans";
  max-width: 300px;
  margin: 5% auto 0;
  /**
  * Styles injected from jqueryui
  */
}
.login label {
  font-size: 0.8125em;
  margin-bottom: 0;
  color: #005484;
  text-shadow: #f5f5f5 0 1px 0;
}
.login input[type=text],
.login input[type=password] {
  color: #999999;
  padding: 0.5em 0;
  margin-bottom: 1.25em;
  width: 99%;
  text-indent: 0.625em;
}
.login input[type=text]:focus,
.login input[type=password]:focus {
  color: #444444;
}
.login .ui-widget .ui-state-error {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
  border-radius: 0;
}
.login .ui-widget .ui-state-error p {
  margin: 0;
  padding: 1.5384615385em;
  color: #ebebeb;
}

.login__wrapper {
  border: 1px solid #ccc;
  background: #f5f5f5;
  background-image: -webkit-linear-gradient(#ffffff, #f5f5f5 0%, #ebebeb);
  background-image: linear-gradient(#ffffff, #f5f5f5 0%, #ebebeb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#ebebeb", GradientType=0);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px, inset rgba(255, 255, 255, 0.4) 0 0px 0;
  padding: 1.25em 0;
}

.login__main {
  padding: 0 7%;
  padding-top: 1.25em;
  margin: 0;
  width: auto;
}

.login__header {
  padding: 0 7%;
  padding-bottom: 1.25em;
}

.login__logo {
  height: 57px;
  width: 202px;
  /* max-width:100%; */
}

.login__seperator {
  height: 1px;
  background-color: #ccc;
  border-bottom: 1px solid #fff;
}

.login__submit-container {
  padding: 0 7%;
  margin: 0.5em 0;
}

.login__footer {
  padding: 0 7%;
}

.login__forgot-password {
  text-align: center;
}
.login__forgot-password input[type=submit] {
  box-shadow: none;
  border: none;
  background: none;
}
.login__forgot-password p {
  max-width: 300px;
  margin: 0 auto;
  padding: 1.25em 0;
  background: none;
  border: none;
  font-size: 0.75em;
}
.login__forgot-password a, .login__forgot-password input[type=submit] {
  color: #60b7e4;
}
.login__forgot-password a:hover, .login__forgot-password a:active, .login__forgot-password a:visited, .login__forgot-password input[type=submit]:hover, .login__forgot-password input[type=submit]:active, .login__forgot-password input[type=submit]:visited {
  color: #777;
}
.login__forgot-password .login-support-info {
  text-align: left;
  padding: 5px 19px !important;
  color: #3c738f;
}

.text-message {
  padding: 20px;
  font-size: 12px;
}

.login__message {
  text-align: left;
  padding: 5px 20px;
  font-size: 0.85em;
  color: rgb(0, 84, 132);
}

.login__resend-passcode {
  display: inline;
}

.batchdecrypt__button-link {
  color: rgb(0, 84, 132) !important;
}

.button--download-now {
  color: #ffffff !important;
  text-decoration: none !important;
}

/*------------------------------------*\
    $PWCHANGE 
\*------------------------------------*/
.pwchange {
  text-align: center;
}

.pwchange__forgot-password a {
  padding-left: 1.25em;
  font-size: 0.75em;
  color: #777;
}
.pwchange__forgot-password a:hover, .pwchange__forgot-password a:active, .pwchange__forgot-password a:visited {
  color: #777;
}

.pwchange__icon-help {
  margin-left: 0.625em;
  width: 15px;
  height: 15px;
  background-position: -10px 0;
}

.svg .pwchange__icons {
  background-image: url(../images/sprite.svg);
  background-repeat: no-repeat;
  background-size: 212px 560px;
}

.pwchange__icon-help span {
  display: inline-block;
  border: 0;
  width: 15px;
  height: 15px;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.pwchange-instructions {
  font-size: 12px;
}

/* Adding for testing build */
/*------------------------------------*\
    $STATES
\*------------------------------------*/
/**
 * Default
 */
.is-hidden {
  display: none;
}

.is-active {
  display: block;
}

.no-js .no-js-is-hidden {
  display: none;
}

.js .js-is-hidden {
  display: none;
}

.js-is-active {
  display: block;
}

.no-js-message {
  display: none;
}

.no-js .no-js-message {
  background: #DB5C71;
  display: block;
  clear: both;
  margin: 0 0 0.3125em 0;
  padding: 0.9375em;
  border-bottom: 1px solid #DDD;
  text-align: center;
  color: #FFF;
  margin: 25px 6.00402%;
  border-radius: 3px;
}

/* override validation plugin .error */
.error--override {
  color: #db5c71 !important;
}

input[type=text].error--override, textarea.error--override, select.error--override {
  border: 1px solid #db5c71 !important;
}

/* dialog save status */
.js-save-status-alert {
  position: absolute;
  right: 1.00402%;
  top: 4px;
  z-index: 100;
  font-size: 12px;
  background: #555;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 1px;
}

.js-save-status-alert__text {
  display: block;
  color: #fff;
  background: none;
  padding: 5px 8px;
}

/**
 * AJAX Specific
 */
.submit-status .submit-status__button--primary,
.submit-status a.submit-status__button--primary {
  margin-right: 0.625em;
  font-size: 0.75em;
}
.submit-status .submit-status__button,
.submit-status a.submit-status__button {
  font-size: 0.75em;
}
.submit-status .submit-status__title {
  color: #3D8D66;
  margin-top: 0;
}
.submit-status .submit-status__action {
  font-size: 1em;
  font-weight: bold;
  border-top: 1px solid #ddd;
  padding-top: 1.25em;
}

.submit-status--failed__title {
  color: #db5c71;
}

.overlay {
  position: absolute;
  height: 100%;
  width: 90%;
  background: url(../images/white75.png);
  z-index: 1;
}

.overlay--processing {
  position: absolute;
  height: 90%;
  width: 90%;
  background: #fff;
  z-index: 1;
}
.overlay--processing .overlay__title {
  border: none;
}

.overlay__btn {
  display: inline-block;
  margin-top: 0.625em;
  cursor: pointer;
  font-size: 0.6875em;
}

.overlay__title {
  padding-top: 182px;
  text-align: center;
  border: none;
  display: block;
  width: 100%;
}
.overlay__title span {
  background: #FFAA79;
  padding: 10px 20px;
  color: #fff;
  border-radius: 3px;
}

.overlay__progress {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 10px auto 0;
}

.reauth-label {
  display: block;
  margin-bottom: 8px;
}

.reauth-input {
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}

/*custom upload elements*/
.customfile-input {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  font-size: 6.25em;
  border: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.customfile {
  cursor: pointer;
  width: auto;
  display: inline-block;
  position: relative;
}

.lt-ie8 .customfile {
  float: left;
  display: block;
  width: 274px;
}
.lt-ie8 .customfile input[type=text] {
  float: left;
  width: 164px;
}
.lt-ie8 .customfile-button {
  margin-top: 0;
  width: 77px;
}

.customfile.input-append .customfile-feedback {
  border-radius: 3px 0 0 3px;
  padding-left: 25px;
}

.customfile.input-prepend .customfile-feedback {
  border-radius: 0 3px 3px 0;
}

.customfile.input-prepend .add-on, .customfile.input-append .add-on {
  color: #333;
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
}

.customfile-disabled {
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  cursor: default;
}

.customfile-feedback {
  border: 1px solid #CCCCCC;
  color: #808080;
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  padding: 4px;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* IE7 hack */
* + html .customfile-feedback {
  margin-top: 1px;
}

/* EO Hack */
.customfile-feedback-populated {
  padding-left: 25px;
  background: url(../images/icon-generic.gif) 5px center no-repeat !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

.customfile-button { /* IE7 and bellow hack*/
  *margin-top: -1px; /* EO Hack */
}

.customfile:hover .customfile-button, .customfile-focus .customfile-button {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}

/*file type icons*/
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp {
  background-image: url(../images/icon-image.gif);
}

.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v {
  background-image: url(../images/icon-media.gif);
}

.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit {
  background-image: url(../images/icon-zip.gif);
}

/**
* fix bug position button customfile
*/
.input-append.customfile, .input-prepend {
  margin-bottom: 5px;
  white-space: normal;
}

.input-append.customfile .add-on {
  height: 1.25em;
  font-size: 13px;
  line-height: 18px;
  min-width: 70px;
  padding: 8px 4px;
}

.editable .customfile input[type=text],
.search .customfile input[type=text],
.single .customfile input[type=text] {
  height: 1.25em;
}

.single .customfile .text-input {
  height: 1.25em;
  font-size: 13px;
  line-height: 18px;
  width: 164px;
  padding: 8px 1.875em;
  background: #F9F9F9;
}

.input-append {
  position: relative;
  overflow: hidden;
}

.single .customfile .customfile-button {
  border-radius: 0 3px 3px 0;
}
.single .customfile label.error {
  margin-top: 0.1875em;
  display: block;
  float: none;
}
.single .customfile label.error:after {
  clear: both;
  content: "";
  display: table;
}

.input-append .add-on, .input-prepend .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  border-radius: 0;
}

.input-prepend .add-on, .input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
  border-radius: 3px 0 0 3px;
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
  border-radius: 0 3px 3px 0;
}

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  border-radius: 3px 0 0 3px;
}

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  border-radius: 0 3px 3px 0;
}

@media only screen and (min-width: 32.5em) {
  .editable .customfile input[type=text],
  .search .customfile input[type=text],
  .single .customfile input[type=text] {
    margin: 0;
  }
  .editable .customfile,
  .search .customfile,
  .single .customfile {
    margin: 0.53846em 0;
  }
}
/*------------------------------------*\
    $INBOX
\*------------------------------------*/
.entry-list {
  padding: 0;
  border-bottom: 1px solid #ddd;
}
.entry-list .wrapper, .entry-list .datatable--summary .datatable__entry .wrapper--offset, .datatable--summary .datatable__entry .entry-list .wrapper--offset, .entry-list .datatable--fraud-details .datatable__entry .wrapper--offset, .datatable--fraud-details .datatable__entry .entry-list .wrapper--offset, .entry-list .datatable--summary .datatable__headers .wrapper--offset, .datatable--summary .datatable__headers .entry-list .wrapper--offset, .entry-list .datatable--fraud-details .datatable__headers .wrapper--offset, .datatable--fraud-details .datatable__headers .entry-list .wrapper--offset {
  margin: 0 1.00402% 0;
}
.entry-list .inner-wrapper {
  padding-left: 57px;
  position: relative;
  cursor: pointer;
}
.entry-list .inner-wrapper .icon-left {
  position: absolute;
  top: 15px;
  left: 0;
}
.entry-list .inner-wrapper .icon-right {
  width: 23px;
  height: 23px;
  position: absolute;
  top: 18px;
  right: 20px;
}

/* .unread .entry-list__heading {
	font-weight:bold;
} */
.entry-list__block {
  border-top: 1px solid #ddd;
}
.entry-list__block:hover {
  background: #FFFBEB;
}

.entry-list__heading {
  font-size: 1.1875em;
  font-weight: normal;
  cursor: pointer;
  color: #005484;
  padding: 0.75em 0 0;
  margin: 0;
  border: 0;
  color: #646567;
}

.entry-list__content {
  /* border-top:1px solid $border-color; */
}
.entry-list__content:after {
  clear: both;
  content: "";
  display: table;
}

.entry-list__content .inner-wrapper p:first-child {
  margin-top: 0;
}

.entry-list__date {
  /* border-bottom:1px solid $border-color; */
  margin: 0;
  padding: 0 0 0.9375em;
  cursor: pointer;
}

.notifications__total--alt, .notifications__total {
  background: #FFAA79;
  color: #FFF;
  padding: 3px 6px;
  margin-right: 7px;
  margin-left: -18px;
  text-shadow: 0 0 2px #000;
  font-weight: bold;
}

.notifications__total {
  border-radius: 3px;
  border-radius: 50%;
}

.notifications__total--alt {
  border-radius: 3px;
}

/*------------------------------------*\
    $ARTICLES
\*------------------------------------*/
.article {
  margin: 0 1.00402%;
}

.article__heading, .article__heading--error {
  font-size: 1.1875em;
  font-weight: normal;
  cursor: pointer;
  color: #005484;
  padding: 0.75em 0 0;
  margin: 0;
  border: 0;
}

.article__heading--error {
  font-size: 1em;
  color: #db5c71;
}

.article__bullet-list {
  color: #3C738F;
  font-size: 0.75em;
  list-style: inherit;
  list-style-type: disc;
}

.article__media a {
  display: block;
  padding-bottom: 1em;
}
.article__media img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media only screen and (min-width: 28.125em) {
  .article__media {
    margin-left: 145px;
  }
  .article__media a {
    float: left;
    margin-left: -145px;
    max-width: 125px;
  }
  .article__media p {
    clear: none;
  }
}
/*------------------------------------*\
    $HELP-DOC
\*------------------------------------*/
/*
Used in dialog box
File upload for example
*/
.doc--terminal p, .doc p {
  color: #646567;
  font-size: 1em;
  line-height: 1.5em;
}
.doc--terminal ol li, .doc ol li {
  margin-bottom: 0.3846153846em;
}
.doc--terminal .syntax-code p, .doc .syntax-code p {
  color: #3C738F;
  font-size: 0.7692307692em;
  line-height: 1.4625em;
}

.doc__heading {
  border-bottom: 1px solid #ddd;
  font-size: 1.1538461538em;
  font-weight: bold;
  line-height: 1.7692307692em;
  padding-bottom: 0;
}

/* link */
.doc-open--file-upload, .doc-open {
  cursor: pointer;
}

.doc-open--file-upload {
  float: left;
  clear: both;
}

/* terminal look */
.doc--terminal {
  background: #000;
  font-family: "Open Sans" !important;
  padding-bottom: 25px;
}
.doc--terminal p, .doc--terminal ol, .doc--terminal ul {
  color: #f9f9f9;
}

.doc--terminal__btn--primary,
a.doc--terminal__btn--primary, .doc--terminal__btn,
a.doc--terminal__btn {
  line-height: 1em;
  border: none;
  padding: 11px;
  font-family: "Open Sans" !important;
  display: inline-block;
  background: #fff;
  color: #000;
  font-size: 11px !important;
}
.doc--terminal__btn--primary:visted, .doc--terminal__btn:visted, .doc--terminal__btn--primary:hover, .doc--terminal__btn:hover, .doc--terminal__btn--primary:active, .doc--terminal__btn:active, .doc--terminal__btn--primary:focus, .doc--terminal__btn:focus {
  color: #000;
}
.doc--terminal__btn--primary:hover, .doc--terminal__btn:hover {
  outline: 0;
  text-decoration: underline;
}
.doc--terminal__btn--primary:focus, .doc--terminal__btn:focus {
  outline: 0;
  box-shadow: none;
  text-decoration: underline;
}

.doc--terminal__btn-group {
  padding-top: 10px;
}

.doc--terminal__btn--primary,
a.doc--terminal__btn--primary {
  background: #db5c71;
  color: #f9f9f9;
}
.doc--terminal__btn--primary:visted, .doc--terminal__btn--primary:hover, .doc--terminal__btn--primary:active, .doc--terminal__btn--primary:focus,
a.doc--terminal__btn--primary:visted,
a.doc--terminal__btn--primary:hover,
a.doc--terminal__btn--primary:active,
a.doc--terminal__btn--primary:focus {
  color: #f9f9f9;
}

@media only screen and (min-width: 38.75em) {
  .doc-open--file-upload {
    margin-top: 15px;
    margin-left: 25px;
    clear: inherit;
  }
}
svg path {
  cursor: pointer;
}

svg text {
  font-family: "Open Sans";
  font-size: 1.25em;
  cursor: pointer;
}

#keypad, svg * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* input {
	display:block;
	margin:25px auto;
	font-size: 24px;
} */
#dial-0 {
  fill: #fff !important;
}

#keypad {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  display: block;
}
#keypad:after {
  clear: both;
  content: "";
  display: table;
}

#reset {
  display: block;
  float: left;
  cursor: pointer;
  background: #f1f1f1;
  border-radius: 3px;
  padding: 3px 6px;
  color: #999;
}

#close-keypad {
  display: block;
  float: right;
  cursor: pointer;
  background: #f1f1f1;
  border-radius: 3px;
  padding: 3px 6px;
  color: #999;
}

@media only screen and (max-width: 48.875em) {
  #keypad {
    padding-bottom: 1.25em;
  }
}
/* VT3 Pages */
.no-padding-bottom {
  padding-bottom: 0 !important;
}

.button--inline-block {
  display: inline-block;
}

.ach-type--custom-margin {
  margin: 0.9375em 0;
}

.no-margin {
  margin: 0 !important;
}

.doc--margin-bottom {
  margin-bottom: 30px;
}

.doc--token-search {
  padding-top: 5px;
  margin: 0 0 20px 0;
}

.doc--token-actions {
  margin: 20px 0 30px 0 !important;
}

.button--token-use {
  font-size: 0.87em !important;
  color: #fff !important;
}

/* VT3 Page - lodging and vehicle rental country dropdown*/
.vt3-country-select {
  margin-bottom: 10px !important;
}

/* VT3 Page - extra processing info */
.extra-processing-field {
  padding-top: 10px;
}

/* Batch Jobs Page */
.batchjobs-error-msg {
  color: #db5c71 !important;
  font-size: 13px;
  padding-left: 10px;
}

.batchjobs-button--refresh-top {
  float: right;
  right: 10px;
  position: relative;
  bottom: 14px;
}

.batchjobs-button--start-top {
  float: right;
  right: 19px;
  position: relative;
  bottom: 14px;
}

.batchjobs-article--margin {
  margin: 10px !important;
}

.batchjobs-icon-help {
  position: absolute;
}

.batchjobs-button--refresh-bottom {
  float: right;
  right: 10px;
  position: relative;
}

.batchjobs-button--start-bottom {
  float: right;
  right: 19px;
  position: relative;
}

/* Admin Console Page */
.console-error-msg {
  color: red !important;
}

/* Settlement Error Page */
.settlementerror-loading {
  margin: 2em 1.0040160643%;
}

.settlementerror-message {
  padding: 0 12px;
}

.settlementerror-dialog-bg {
  background: #000 !important;
}

.settlementerror-captcha-wrap {
  padding: 0 12px;
}

.settlementerror-captcha-img {
  width: 200px;
  border-radius: 3px;
  overflow: hidden;
  display: inline-block;
}

.settlementerror-captcha-input {
  font-size: 13px !important;
  border-radius: 0 !important;
}

.settlementerror-submit {
  margin-left: 7px;
  margin-top: 10px;
}

.settlementerror-warning {
  color: #db5c71;
}

/* account admin page */
.provider-id-no-border {
  border-top: none !important;
}

.accountadmin-activated-no {
  background-color: #DB5C71;
  color: #FFF;
}

/* Rebill Pages */
.rebillsearch-sched-unit {
  margin-block: inherit !important;
  margin-left: inherit !important;
}

.payment-selection-block {
  padding: 0 !important;
}

.payment-selection-select {
  margin: 0.75em 0 !important;
}

.token-payment-block {
  margin-top: -4px;
}

.rebill-token-id-input {
  width: 100% !important;
}

/* trans receipt page */
.resend-receipt-btn {
  padding: 8px;
}

/* Batch Upload Page */
.file-upload-block {
  float: left;
}

.file-upload-code-sample {
  font-size: 10px !important;
}

/* trans detail page */
.error-out-bg {
  background: #000 !important;
}

/* trans list page */
.fancy-ptype-unknown {
  display: block;
  padding: 4px 0 0 1px;
}

/**
 * Fraud Managment Page
 */
/*------------------------------------*\
	$FORM-CONTROLS
\*------------------------------------*/
.fraud-advanced-mode .panel__controls {
  padding-top: 2.3125em;
  padding-bottom: 1.5em;
}
.fraud-advanced-mode .panel__controls .js-slider-text {
  color: #999;
}

.form-controls {
  /* set font size to 16px to disable auto zoom */
  /* base style form elements */
  /* form validation */
  /* spinner */
}
.form-controls select,
.form-controls select[style] {
  font-size: 1.3333333333em !important;
}
.form-controls input[type=text], .form-controls textarea {
  float: left;
  background: #F9F9F9;
  width: 100%;
  color: #3C738F;
}
.form-controls textarea {
  min-height: 15.625em;
}
.form-controls .help-inline {
  padding-top: 5px;
  display: block;
  font-size: 12px;
  font-weight: bold;
}
.form-controls .error {
  color: #db5c71;
}
.form-controls input[type=text].error,
.form-controls .input-group__addon.error {
  border-color: #db5c71;
  color: #3C738F;
}
.form-controls .ui-spinner.ui-widget {
  font-size: 1em;
  border-color: #ccc;
  width: 100%;
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -khtml-box-sizing: border-box; /* konqueror */
  -moz-box-sizing: border-box; /* firefox */
  -ms-box-sizing: border-box; /* ie */
  box-sizing: border-box; /* css3 */
}
.form-controls .ui-spinner.ui-widget .ui-icon {
  left: 6px;
}
.form-controls .ui-spinner.ui-widget .ui-spinner-down .ui-button-text {
  border-top: 1px solid #ccc;
}
.form-controls .ui-spinner.ui-widget .ui-spinner-button {
  width: 25px;
}
.form-controls .ui-spinner.ui-widget .ui-spinner-input {
  margin: 0;
  border: none;
}
.form-controls .ui-spinner.ui-widget .ui-spinner-button {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  filter: none !important; /* IE 7 and the rest of the world */
  background: #eee;
}
.form-controls .error .ui-spinner {
  border: 1px solid #db5c71;
}
.form-controls .error input[type=text].ui-spinner-input {
  color: #db5c71;
}
.form-controls .block-wrapper {
  padding: 0.9375em 5% 1.25em;
  margin: 0;
}
.form-controls .block-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.form-controls .checkbox-group {
  margin: 0;
  padding: 0;
}
.form-controls .checkbox-group .icon-help, .form-controls .checkbox-group .icon-help--light {
  margin-top: 0.125em;
  right: 0;
}
.form-controls .checkbox-group li {
  padding: 0.3125em;
  margin-left: 25px;
}
.form-controls .checkbox-group li:after {
  clear: both;
  content: "";
  display: table;
}
.form-controls .checkbox-group .icheckbox_square-blue {
  margin-left: -25px;
}
.form-controls .checkbox-group label {
  font-size: 0.75em;
  margin-top: 0.1875em;
}
.form-controls .icon-wrapper--checkbox {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -khtml-box-sizing: border-box; /* konqueror */
  -moz-box-sizing: border-box; /* firefox */
  -ms-box-sizing: border-box; /* ie */
  box-sizing: border-box; /* css3 */
  width: 100%;
  padding-right: 15px;
  max-width: 14.0625em;
  position: relative;
}
.form-controls .icon-wrapper--checkbox:after {
  clear: both;
  content: "";
  display: table;
}
.form-controls .icon-wrapper--checkbox .icon-help, .form-controls .icon-wrapper--checkbox .icon-help--light {
  position: absolute;
  right: 0;
}
.form-controls .icon-wrapper--select {
  float: left;
  font-size: 0.75em;
}
.form-controls .icon-wrapper--append {
  padding-right: 38px;
  max-width: 15.625em;
  position: relative;
}
.form-controls .icon-wrapper--append:after {
  clear: both;
  content: "";
  display: table;
}
.form-controls .icon-wrapper--append .icon-help, .form-controls .icon-wrapper--append .icon-help--light {
  position: absolute;
  right: 0.625em;
  top: 5px;
}
.form-controls .icon-wrapper--slider {
  padding-right: 38px;
  position: relative;
}
.form-controls .icon-wrapper--slider:after {
  clear: both;
  content: "";
  display: table;
}
.form-controls .icon-wrapper--slider .icon-help {
  position: absolute;
  right: 0.625em;
  bottom: -3px;
}
.form-controls .icon-wrapper--slider .slider__item {
  margin-right: 1.5384615385em;
}
.form-controls .nested-block-wrapper .block:first-child .input-group {
  margin-bottom: 0.3125em;
}
.form-controls .toggle-wrapper {
  float: right;
}

.fraud--details .select2-dropdown-open .select2-choice,
.fraud--details .select2-container .select2-choice, #dialog-region .select2-dropdown-open .select2-choice,
#dialog-region .select2-container .select2-choice {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  filter: none !important; /* IE 7 and the rest of the world */
  background: #f9f9f9;
}
.fraud--details .select2-container .select2-choice .select2-arrow, #dialog-region .select2-container .select2-choice .select2-arrow {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  filter: none !important; /* IE 7 and the rest of the world */
  background: #eee;
  border-left: 1px solid #ccc;
}
.fraud--details .button, .fraud--details .legend a, .legend .fraud--details a, .fraud--details .ui-toolbar a, .ui-toolbar .fraud--details a, .fraud--details .ui-toolbar--top a, .ui-toolbar--top .fraud--details a, .fraud--details .ui-toolbar--top--icons a, .ui-toolbar--top--icons .fraud--details a, .fraud--details .ui-toolbar--bottom a, .ui-toolbar--bottom .fraud--details a, .fraud--details .ui-toolbar--header a, .ui-toolbar--header .fraud--details a, .fraud--details .ui-toolbar--reports a, .ui-toolbar--reports .fraud--details a, .fraud--details .ui-toolbar--list a, .ui-toolbar--list .fraud--details a, #dialog-region .button, #dialog-region .legend a, .legend #dialog-region a, #dialog-region .ui-toolbar a, .ui-toolbar #dialog-region a, #dialog-region .ui-toolbar--top a, .ui-toolbar--top #dialog-region a, #dialog-region .ui-toolbar--top--icons a, .ui-toolbar--top--icons #dialog-region a, #dialog-region .ui-toolbar--bottom a, .ui-toolbar--bottom #dialog-region a, #dialog-region .ui-toolbar--header a, .ui-toolbar--header #dialog-region a, #dialog-region .ui-toolbar--reports a, .ui-toolbar--reports #dialog-region a, #dialog-region .ui-toolbar--list a, .ui-toolbar--list #dialog-region a {
  background: #f9f9f9;
}
.fraud--details .button--primary, #dialog-region .button--primary {
  background: #64b780;
  box-shadow: inset 0 1px #65bf7c, 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.fraud--details .button--secondary, #dialog-region .button--secondary {
  background: #438aaf;
  box-shadow: inset 0 1px #5b9ce0, 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  padding-top: 0.5384615385em;
  padding-bottom: 0.5384615385em;
  line-height: 18px;
  border: 1px solid rgba(68, 95, 109, 0.5);
}
.fraud--details .checkbox-color-coded .icheckbox_square-blue, #dialog-region .checkbox-color-coded .icheckbox_square-blue {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.fraud--details .itoggle-switch,
.fraud--details .itoggle-lock, #dialog-region .itoggle-switch,
#dialog-region .itoggle-lock {
  border-radius: 3px;
  border-bottom: 1px solid #e5e5e5;
}
.fraud--details .select2-container-multi .select2-choices .select2-search-choice, #dialog-region .select2-container-multi .select2-choices .select2-search-choice {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  filter: none !important; /* IE 7 and the rest of the world */
  background: #f9f9f9;
}

.form-controls__header,
.form-controls__header--middle,
.form-controls__header--labels {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0;
  text-transform: uppercase;
  padding: 0 5%;
  font-weight: bold;
}
.form-controls__header:after,
.form-controls__header--middle:after,
.form-controls__header--labels:after {
  clear: both;
  content: "";
  display: table;
}
.form-controls__header ul,
.form-controls__header--middle ul,
.form-controls__header--labels ul {
  padding: 0;
  margin: 0;
}
.form-controls__header .wrapper, .form-controls__header .datatable--summary .datatable__entry .wrapper--offset, .datatable--summary .datatable__entry .form-controls__header .wrapper--offset, .form-controls__header .datatable--fraud-details .datatable__entry .wrapper--offset, .datatable--fraud-details .datatable__entry .form-controls__header .wrapper--offset, .form-controls__header .datatable--summary .datatable__headers .wrapper--offset, .datatable--summary .datatable__headers .form-controls__header .wrapper--offset, .form-controls__header .datatable--fraud-details .datatable__headers .wrapper--offset, .datatable--fraud-details .datatable__headers .form-controls__header .wrapper--offset,
.form-controls__header--middle .wrapper,
.form-controls__header--middle .datatable--summary .datatable__entry .wrapper--offset,
.datatable--summary .datatable__entry .form-controls__header--middle .wrapper--offset,
.form-controls__header--middle .datatable--fraud-details .datatable__entry .wrapper--offset,
.datatable--fraud-details .datatable__entry .form-controls__header--middle .wrapper--offset,
.form-controls__header--middle .datatable--summary .datatable__headers .wrapper--offset,
.datatable--summary .datatable__headers .form-controls__header--middle .wrapper--offset,
.form-controls__header--middle .datatable--fraud-details .datatable__headers .wrapper--offset,
.datatable--fraud-details .datatable__headers .form-controls__header--middle .wrapper--offset,
.form-controls__header--labels .wrapper,
.form-controls__header--labels .datatable--summary .datatable__entry .wrapper--offset,
.datatable--summary .datatable__entry .form-controls__header--labels .wrapper--offset,
.form-controls__header--labels .datatable--fraud-details .datatable__entry .wrapper--offset,
.datatable--fraud-details .datatable__entry .form-controls__header--labels .wrapper--offset,
.form-controls__header--labels .datatable--summary .datatable__headers .wrapper--offset,
.datatable--summary .datatable__headers .form-controls__header--labels .wrapper--offset,
.form-controls__header--labels .datatable--fraud-details .datatable__headers .wrapper--offset,
.datatable--fraud-details .datatable__headers .form-controls__header--labels .wrapper--offset {
  font-size: 0.625em;
  padding-top: 0.9375em;
  padding-bottom: 0.9375em;
}

/*
List of rows with input data
*/
.form-controls__entries,
.form-controls__entries--middle {
  padding: 0;
  margin: 0;
}
.form-controls__entries .wrapper:after, .form-controls__entries .datatable--summary .datatable__entry .wrapper--offset:after, .datatable--summary .datatable__entry .form-controls__entries .wrapper--offset:after, .form-controls__entries .datatable--fraud-details .datatable__entry .wrapper--offset:after, .datatable--fraud-details .datatable__entry .form-controls__entries .wrapper--offset:after, .form-controls__entries .datatable--summary .datatable__headers .wrapper--offset:after, .datatable--summary .datatable__headers .form-controls__entries .wrapper--offset:after, .form-controls__entries .datatable--fraud-details .datatable__headers .wrapper--offset:after, .datatable--fraud-details .datatable__headers .form-controls__entries .wrapper--offset:after,
.form-controls__entries--middle .wrapper:after,
.form-controls__entries--middle .datatable--summary .datatable__entry .wrapper--offset:after,
.datatable--summary .datatable__entry .form-controls__entries--middle .wrapper--offset:after,
.form-controls__entries--middle .datatable--fraud-details .datatable__entry .wrapper--offset:after,
.datatable--fraud-details .datatable__entry .form-controls__entries--middle .wrapper--offset:after,
.form-controls__entries--middle .datatable--summary .datatable__headers .wrapper--offset:after,
.datatable--summary .datatable__headers .form-controls__entries--middle .wrapper--offset:after,
.form-controls__entries--middle .datatable--fraud-details .datatable__headers .wrapper--offset:after,
.datatable--fraud-details .datatable__headers .form-controls__entries--middle .wrapper--offset:after {
  clear: both;
  content: "";
  display: table;
}

.form-controls__entry, .form-controls__entry--labels, .form-controls__entry--title {
  border-bottom: solid #EFF5F8 1px;
}
.form-controls__entry:after, .form-controls__entry--labels:after, .form-controls__entry--title:after {
  clear: both;
  content: "";
  display: table;
}
.form-controls__entry:last-child, .form-controls__entry--labels:last-child, .form-controls__entry--title:last-child {
  border-bottom: none;
}

.form-controls__entry--title {
  background: #f0f0f0;
}
.form-controls__entry--title .block-01 {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
}

.form-controls__label {
  font-size: 0.75em;
  float: left;
  margin-top: 0.4166666667em;
  font-weight: bold;
}

.form-controls__entry--labels .sub-label {
  font-size: 0.625em;
  text-transform: uppercase;
}
.form-controls__entry--labels .form-controls__label {
  margin-top: 29px;
}
.form-controls__entry--labels .toggle-wrapper {
  margin-top: 25px;
}
.form-controls__entry--labels .icon-wrapper--append .icon-help, .form-controls__entry--labels .icon-help--light {
  top: 29px;
}

/*------------------------------------*\
	$FRAUD
\*------------------------------------*/
/* overrides */
.fraud-velocity-filter .form-controls__header {
  background: #f0f0f0;
  border-bottom: solid #EFF5F8 1px;
}

.form-controls__entries.zebra-stripe .form-controls__entry:nth-child(odd), .form-controls__entries.zebra-stripe .form-controls__entry--title:nth-child(odd), .form-controls__entries.zebra-stripe .form-controls__entry--labels:nth-child(odd) {
  background: #FCFCFC;
}

.app-loading {
  display: block;
  height: 10.9375em;
  position: relative;
}

/* left/right of label */
.checkbox-float {
  position: relative;
}
.checkbox-float .icheckbox_square-blue,
.checkbox-float input[type=checkbox] {
  position: absolute;
}

.fraud--details, .datatable--summary, .datatable--fraud-details {
  color: #3C738F;
  padding-bottom: 3px;
}
.fraud--details .odd, .datatable--summary .odd, .datatable--fraud-details .odd {
  background: #FCFCFC;
}
.fraud--details input, .datatable--summary input, .datatable--fraud-details input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -khtml-box-sizing: border-box; /* konqueror */
  -moz-box-sizing: border-box; /* firefox */
  -ms-box-sizing: border-box; /* ie */
  box-sizing: border-box; /* css3 */
  font-size: 0.8125em;
  line-height: 1.2307692308em;
  padding: 0.3846153846em 0.6153846154em;
}
.fraud--details .list a, .datatable--summary .list a, .datatable--fraud-details .list a, .fraud--details .list--hierarchy a, .datatable--summary .list--hierarchy a, .datatable--fraud-details .list--hierarchy a, .fraud--details .list--reports a, .datatable--summary .list--reports a, .datatable--fraud-details .list--reports a, .fraud--details .list--reports--multiple a, .datatable--summary .list--reports--multiple a, .datatable--fraud-details .list--reports--multiple a, .fraud--details .list--table table a, .datatable--summary .list--table table a, .datatable--fraud-details .list--table table a, .list--table .fraud--details table a, .list--table .datatable--summary table a, .list--table .datatable--fraud-details table a {
  text-decoration: none !important;
}
.fraud--details .itoggle-switch, .datatable--summary .itoggle-switch, .datatable--fraud-details .itoggle-switch {
  margin-left: 7px;
}
.fraud--details .disabled, .datatable--summary .disabled, .datatable--fraud-details .disabled,
.fraud--details input[disabled],
.datatable--summary input[disabled],
.datatable--fraud-details input[disabled],
.fraud--details select[disabled],
.datatable--summary select[disabled],
.datatable--fraud-details select[disabled],
.fraud--details button[disabled],
.datatable--summary button[disabled],
.datatable--fraud-details button[disabled],
.fraud--details .select2-container-disabled,
.datatable--summary .select2-container-disabled,
.datatable--fraud-details .select2-container-disabled {
  opacity: 0.5;
}
.fraud--details .itoggle-lock.disabled, .datatable--summary .itoggle-lock.disabled, .datatable--fraud-details .itoggle-lock.disabled {
  display: none;
}
.fraud--details .itoggle-switch.disabled, .datatable--summary .itoggle-switch.disabled, .datatable--fraud-details .itoggle-switch.disabled {
  opacity: 1;
}
.fraud--details .select2-choice, .datatable--summary .select2-choice, .datatable--fraud-details .select2-choice {
  font-size: 0.75em;
  color: #3C738F;
}
.fraud--details .select2-result-label, .datatable--summary .select2-result-label, .datatable--fraud-details .select2-result-label {
  color: #3C738F;
}

/*
Dialog box for edit/new
*/
.dialog--form input[type=text] {
  margin-top: 0.8125em;
  padding: 0.5384615385em;
  font-size: 1em;
  /* width:pem(250); */
  background: #F9F9F9;
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -khtml-box-sizing: border-box; /* konqueror */
  -moz-box-sizing: border-box; /* firefox */
  -ms-box-sizing: border-box; /* ie */
  box-sizing: border-box; /* css3 */
  line-height: 1.3846153846em;
}
.dialog--form .button, .dialog--form .legend a, .legend .dialog--form a, .dialog--form .ui-toolbar a, .ui-toolbar .dialog--form a, .dialog--form .ui-toolbar--top a, .ui-toolbar--top .dialog--form a, .dialog--form .ui-toolbar--top--icons a, .ui-toolbar--top--icons .dialog--form a, .dialog--form .ui-toolbar--bottom a, .ui-toolbar--bottom .dialog--form a, .dialog--form .ui-toolbar--header a, .ui-toolbar--header .dialog--form a, .dialog--form .ui-toolbar--reports a, .ui-toolbar--reports .dialog--form a, .dialog--form .ui-toolbar--list a, .ui-toolbar--list .dialog--form a {
  padding: 0.5384615385em 1.0769230769em;
  line-height: 1.3846153846em;
  margin: 0.8125em 0 1.25em;
}
.dialog--form .error {
  color: #db5c71;
}

.fraud__disable {
  opacity: 0.5;
}

/* overview page */
.datatable--summary, .datatable--fraud-details {
  /* individual control inactive */
  /* group is on/off */
  color: #3C738F;
  /*
   Section Header
   */
  /* section title */
  /* padding to align status icon */
  /* table header */
  /* row */
  /* row label */
  /* clear row content */
}
.datatable--summary .icon-dash, .datatable--fraud-details .icon-dash {
  margin: 0.6875em 0.0625em 0 0;
  float: right;
  display: block;
  width: 12px;
  height: 3px;
  background: #ddd;
}
.datatable--summary .fraud__status, .datatable--fraud-details .fraud__status {
  position: absolute;
  left: -2.0833333333em;
}
.datatable--summary .datatable__group-header, .datatable--fraud-details .datatable__group-header {
  padding: 0.9375em 5%;
  border: 1px solid #ddd;
  border-width: 1px 0 1px;
}
.datatable--summary .datatable__group-header:after, .datatable--fraud-details .datatable__group-header:after {
  clear: both;
  content: "";
  display: table;
}
.datatable--summary .datatable__group-header:first-child, .datatable--fraud-details .datatable__group-header:first-child {
  border-top: none;
}
.datatable--summary .datatable__group-header .button, .datatable--summary .datatable__group-header .legend a, .legend .datatable--summary .datatable__group-header a, .datatable--summary .datatable__group-header .ui-toolbar a, .ui-toolbar .datatable--summary .datatable__group-header a, .datatable--summary .datatable__group-header .ui-toolbar--top a, .ui-toolbar--top .datatable--summary .datatable__group-header a, .datatable--summary .datatable__group-header .ui-toolbar--top--icons a, .ui-toolbar--top--icons .datatable--summary .datatable__group-header a, .datatable--summary .datatable__group-header .ui-toolbar--bottom a, .ui-toolbar--bottom .datatable--summary .datatable__group-header a, .datatable--summary .datatable__group-header .ui-toolbar--header a, .ui-toolbar--header .datatable--summary .datatable__group-header a, .datatable--summary .datatable__group-header .ui-toolbar--reports a, .ui-toolbar--reports .datatable--summary .datatable__group-header a, .datatable--summary .datatable__group-header .ui-toolbar--list a, .ui-toolbar--list .datatable--summary .datatable__group-header a, .datatable--fraud-details .datatable__group-header .button, .datatable--fraud-details .datatable__group-header .legend a, .legend .datatable--fraud-details .datatable__group-header a, .datatable--fraud-details .datatable__group-header .ui-toolbar a, .ui-toolbar .datatable--fraud-details .datatable__group-header a, .datatable--fraud-details .datatable__group-header .ui-toolbar--top a, .ui-toolbar--top .datatable--fraud-details .datatable__group-header a, .datatable--fraud-details .datatable__group-header .ui-toolbar--top--icons a, .ui-toolbar--top--icons .datatable--fraud-details .datatable__group-header a, .datatable--fraud-details .datatable__group-header .ui-toolbar--bottom a, .ui-toolbar--bottom .datatable--fraud-details .datatable__group-header a, .datatable--fraud-details .datatable__group-header .ui-toolbar--header a, .ui-toolbar--header .datatable--fraud-details .datatable__group-header a, .datatable--fraud-details .datatable__group-header .ui-toolbar--reports a, .ui-toolbar--reports .datatable--fraud-details .datatable__group-header a, .datatable--fraud-details .datatable__group-header .ui-toolbar--list a, .ui-toolbar--list .datatable--fraud-details .datatable__group-header a {
  font-size: 0.625em;
  float: right;
  text-align: center;
  min-width: 2.3125em;
  background-image: none;
}
.datatable--summary .datatable__group-header .block-01, .datatable--fraud-details .datatable__group-header .block-01 {
  display: inline;
  float: left;
  width: 56.3253012048%;
  margin: 0 1.0040160643%;
  *width: 56.2732178715%;
  *margin: 0 0.9519327309%;
}
.datatable--summary .datatable__group-header .block-02, .datatable--fraud-details .datatable__group-header .block-02 {
  display: inline;
  float: left;
  width: 39.6586345382%;
  margin: 0 1.0040160643%;
  *width: 39.6065512048%;
  *margin: 0 0.9519327309%;
}
.datatable--summary .datatable__group-header .icon-locked, .datatable--summary .datatable__group-header .icon-unlocked, .datatable--fraud-details .datatable__group-header .icon-locked, .datatable--fraud-details .datatable__group-header .icon-unlocked {
  display: block;
  position: absolute;
  left: -22px;
  top: 7px;
}
.datatable--summary .datatable__group-header__title, .datatable--summary .datatable__group-header__title--offset, .datatable--fraud-details .datatable__group-header__title, .datatable--fraud-details .datatable__group-header__title--offset {
  margin: 0;
  position: relative;
  color: #005484;
  text-transform: uppercase;
  font-size: 0.75em;
}
.datatable--summary .datatable__group-header__title--offset, .datatable--fraud-details .datatable__group-header__title--offset {
  margin-left: 23px;
}
.datatable--summary .datatable__headers,
.datatable--summary .datatable__entries, .datatable--fraud-details .datatable__headers,
.datatable--fraud-details .datatable__entries {
  /* .block-01 {
  			@include column(6);
  		}
  		.block-02 {
  			@include column(3);
  			text-align:right;
  		}
  		.block-03 {
  			@include column(3);
  			text-align:right;
  			.datatable__label {
  				float: inherit;
  			}
  		} */
}
.datatable--summary .datatable__headers .block-01,
.datatable--summary .datatable__entries .block-01, .datatable--fraud-details .datatable__headers .block-01,
.datatable--fraud-details .datatable__entries .block-01 {
  display: inline;
  float: left;
  width: 47.9919678715%;
  margin: 0 1.0040160643%;
  *width: 47.9398845382%;
  *margin: 0 0.9519327309%;
}
.datatable--summary .datatable__headers .block-02,
.datatable--summary .datatable__entries .block-02, .datatable--fraud-details .datatable__headers .block-02,
.datatable--fraud-details .datatable__entries .block-02 {
  display: inline;
  float: left;
  width: 22.9919678715%;
  margin: 0 1.0040160643%;
  *width: 22.9398845382%;
  *margin: 0 0.9519327309%;
  text-align: right;
}
.datatable--summary .datatable__headers .block-03,
.datatable--summary .datatable__entries .block-03, .datatable--fraud-details .datatable__headers .block-03,
.datatable--fraud-details .datatable__entries .block-03 {
  display: inline;
  float: left;
  width: 22.9919678715%;
  margin: 0 1.0040160643%;
  *width: 22.9398845382%;
  *margin: 0 0.9519327309%;
  text-align: right;
}
.datatable--summary .datatable__headers .block-03 .datatable__label,
.datatable--summary .datatable__entries .block-03 .datatable__label, .datatable--fraud-details .datatable__headers .block-03 .datatable__label,
.datatable--fraud-details .datatable__entries .block-03 .datatable__label {
  float: inherit;
}
.datatable--summary .datatable__entries, .datatable--fraud-details .datatable__entries {
  padding: 0;
  margin: 0;
}
.datatable--summary .datatable__entries .wrapper:after, .datatable--summary .datatable__entries .datatable__entry .wrapper--offset:after, .datatable--summary .datatable__entry .datatable__entries .wrapper--offset:after, .datatable--summary .datatable__entries .datatable__headers .wrapper--offset:after, .datatable--summary .datatable__headers .datatable__entries .wrapper--offset:after, .datatable--fraud-details .datatable__entries .wrapper:after, .datatable--fraud-details .datatable__entries .datatable__entry .wrapper--offset:after, .datatable--fraud-details .datatable__entry .datatable__entries .wrapper--offset:after, .datatable--fraud-details .datatable__entries .datatable__headers .wrapper--offset:after, .datatable--fraud-details .datatable__headers .datatable__entries .wrapper--offset:after {
  clear: both;
  content: "";
  display: table;
}
.datatable--summary .datatable__headers, .datatable--fraud-details .datatable__headers {
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 0 5%;
  font-weight: bold;
  background: #f3f3f3;
  text-transform: uppercase;
  color: #999;
}
.datatable--summary .datatable__headers:after, .datatable--fraud-details .datatable__headers:after {
  clear: both;
  content: "";
  display: table;
}
.datatable--summary .datatable__headers ul, .datatable--fraud-details .datatable__headers ul {
  padding: 0;
  margin: 0;
}
.datatable--summary .datatable__headers .wrapper, .datatable--summary .datatable__headers .wrapper--offset, .datatable--fraud-details .datatable__headers .wrapper, .datatable--fraud-details .datatable__headers .wrapper--offset {
  font-size: 0.625em;
  padding-top: 0.9375em;
  padding-bottom: 0.9375em;
}
.datatable--summary .datatable__headers .wrapper--offset, .datatable--fraud-details .datatable__headers .wrapper--offset {
  font-size: 0.625em;
  padding-left: 25px;
}
.datatable--summary .datatable__entry, .datatable--fraud-details .datatable__entry {
  border-bottom: solid #EFF5F8 1px;
  padding: 0;
}
.datatable--summary .datatable__entry:nth-child(odd), .datatable--fraud-details .datatable__entry:nth-child(odd) {
  background: #FCFCFC;
}
.datatable--summary .datatable__entry:after, .datatable--fraud-details .datatable__entry:after {
  clear: both;
  content: "";
  display: table;
}
.datatable--summary .datatable__entry:last-child, .datatable--fraud-details .datatable__entry:last-child {
  border-bottom: none;
}
.datatable--summary .datatable__entry:hover, .datatable--fraud-details .datatable__entry:hover {
  background: #FFFBEB;
}
.datatable--summary .datatable__entry .block-01 .datatable__label,
.datatable--summary .datatable__entry .block-02 .datatable__label, .datatable--fraud-details .datatable__entry .block-01 .datatable__label,
.datatable--fraud-details .datatable__entry .block-02 .datatable__label {
  float: none;
  line-height: 1.5em;
  font-size: 0.75em;
}
.datatable--summary .datatable__entry .wrapper, .datatable--summary .datatable__entry .wrapper--offset, .datatable--fraud-details .datatable__entry .wrapper, .datatable--fraud-details .datatable__entry .wrapper--offset {
  padding: 0.4375em 0;
}
.datatable--summary .datatable__entry .wrapper--offset, .datatable--fraud-details .datatable__entry .wrapper--offset {
  padding-left: 23px;
}
.datatable--summary .datatable__entry .icon-check, .datatable--fraud-details .datatable__entry .icon-check {
  margin-top: 0.25em;
  float: right;
}
.datatable--summary .datatable__entry .status__text, .datatable--fraud-details .datatable__entry .status__text {
  float: right;
  font-size: 0.625em;
  /* min-width:pem(37,10); */
  text-align: center;
}
.datatable--summary .datatable__label, .datatable--fraud-details .datatable__label {
  font-size: 0.75em;
  float: left;
}
.datatable--summary .block-wrapper, .datatable--fraud-details .block-wrapper {
  padding: 0 5%;
  margin: 0;
}
.datatable--summary .block-wrapper:after, .datatable--fraud-details .block-wrapper:after {
  clear: both;
  content: "";
  display: table;
}

/* details */
.fraud--details {
  /* ndb */
  /*
   Content Header
   */
}
.fraud--details table .odd:hover {
  background: #FFFBEB;
}
.fraud--details th, .fraud--details td {
  padding: 10px 0px;
}
.fraud--details th {
  border-width: 1px 0 0 0;
}
.fraud--details .list .button, .fraud--details .list--hierarchy .button, .fraud--details .list--reports .button, .fraud--details .list--reports--multiple .button, .fraud--details .list--table table .button, .list--table .fraud--details table .button, .fraud--details .list .legend a, .legend .fraud--details .list a, .fraud--details .list--hierarchy .legend a, .legend .fraud--details .list--hierarchy a, .fraud--details .list--reports .legend a, .legend .fraud--details .list--reports a, .fraud--details .list--reports--multiple .legend a, .legend .fraud--details .list--reports--multiple a, .fraud--details .list--table table .legend a, .legend .fraud--details .list--table table a, .list--table .fraud--details table .legend a, .legend .list--table .fraud--details table a, .fraud--details .list .ui-toolbar a, .ui-toolbar .fraud--details .list a, .fraud--details .list--hierarchy .ui-toolbar a, .ui-toolbar .fraud--details .list--hierarchy a, .fraud--details .list--reports .ui-toolbar a, .ui-toolbar .fraud--details .list--reports a, .fraud--details .list--reports--multiple .ui-toolbar a, .ui-toolbar .fraud--details .list--reports--multiple a, .fraud--details .list--table table .ui-toolbar a, .ui-toolbar .fraud--details .list--table table a, .list--table .fraud--details table .ui-toolbar a, .ui-toolbar .list--table .fraud--details table a, .fraud--details .list .ui-toolbar--top a, .ui-toolbar--top .fraud--details .list a, .fraud--details .list--hierarchy .ui-toolbar--top a, .ui-toolbar--top .fraud--details .list--hierarchy a, .fraud--details .list--reports .ui-toolbar--top a, .ui-toolbar--top .fraud--details .list--reports a, .fraud--details .list--reports--multiple .ui-toolbar--top a, .ui-toolbar--top .fraud--details .list--reports--multiple a, .fraud--details .list--table table .ui-toolbar--top a, .ui-toolbar--top .fraud--details .list--table table a, .list--table .fraud--details table .ui-toolbar--top a, .ui-toolbar--top .list--table .fraud--details table a, .fraud--details .list .ui-toolbar--top--icons a, .ui-toolbar--top--icons .fraud--details .list a, .fraud--details .list--hierarchy .ui-toolbar--top--icons a, .ui-toolbar--top--icons .fraud--details .list--hierarchy a, .fraud--details .list--reports .ui-toolbar--top--icons a, .ui-toolbar--top--icons .fraud--details .list--reports a, .fraud--details .list--reports--multiple .ui-toolbar--top--icons a, .ui-toolbar--top--icons .fraud--details .list--reports--multiple a, .fraud--details .list--table table .ui-toolbar--top--icons a, .ui-toolbar--top--icons .fraud--details .list--table table a, .list--table .fraud--details table .ui-toolbar--top--icons a, .ui-toolbar--top--icons .list--table .fraud--details table a, .fraud--details .list .ui-toolbar--bottom a, .ui-toolbar--bottom .fraud--details .list a, .fraud--details .list--hierarchy .ui-toolbar--bottom a, .ui-toolbar--bottom .fraud--details .list--hierarchy a, .fraud--details .list--reports .ui-toolbar--bottom a, .ui-toolbar--bottom .fraud--details .list--reports a, .fraud--details .list--reports--multiple .ui-toolbar--bottom a, .ui-toolbar--bottom .fraud--details .list--reports--multiple a, .fraud--details .list--table table .ui-toolbar--bottom a, .ui-toolbar--bottom .fraud--details .list--table table a, .list--table .fraud--details table .ui-toolbar--bottom a, .ui-toolbar--bottom .list--table .fraud--details table a, .fraud--details .list .ui-toolbar--header a, .ui-toolbar--header .fraud--details .list a, .fraud--details .list--hierarchy .ui-toolbar--header a, .ui-toolbar--header .fraud--details .list--hierarchy a, .fraud--details .list--reports .ui-toolbar--header a, .ui-toolbar--header .fraud--details .list--reports a, .fraud--details .list--reports--multiple .ui-toolbar--header a, .ui-toolbar--header .fraud--details .list--reports--multiple a, .fraud--details .list--table table .ui-toolbar--header a, .ui-toolbar--header .fraud--details .list--table table a, .list--table .fraud--details table .ui-toolbar--header a, .ui-toolbar--header .list--table .fraud--details table a, .fraud--details .list .ui-toolbar--reports a, .ui-toolbar--reports .fraud--details .list a, .fraud--details .list--hierarchy .ui-toolbar--reports a, .ui-toolbar--reports .fraud--details .list--hierarchy a, .fraud--details .list--reports .ui-toolbar--reports a, .ui-toolbar--reports .fraud--details .list--reports a, .fraud--details .list--reports--multiple .ui-toolbar--reports a, .ui-toolbar--reports .fraud--details .list--reports--multiple a, .fraud--details .list--table table .ui-toolbar--reports a, .ui-toolbar--reports .fraud--details .list--table table a, .list--table .fraud--details table .ui-toolbar--reports a, .ui-toolbar--reports .list--table .fraud--details table a, .fraud--details .list .ui-toolbar--list a, .ui-toolbar--list .fraud--details .list a, .fraud--details .list--hierarchy .ui-toolbar--list a, .ui-toolbar--list .fraud--details .list--hierarchy a, .fraud--details .list--reports .ui-toolbar--list a, .ui-toolbar--list .fraud--details .list--reports a, .fraud--details .list--reports--multiple .ui-toolbar--list a, .ui-toolbar--list .fraud--details .list--reports--multiple a, .fraud--details .list--table table .ui-toolbar--list a, .ui-toolbar--list .fraud--details .list--table table a, .list--table .fraud--details table .ui-toolbar--list a, .ui-toolbar--list .list--table .fraud--details table a, .fraud--details .list .button--primary, .fraud--details .list--hierarchy .button--primary, .fraud--details .list--reports .button--primary, .fraud--details .list--reports--multiple .button--primary, .fraud--details .list--table table .button--primary, .list--table .fraud--details table .button--primary {
  margin-left: 0.3125em;
  float: right;
  padding: 0.5555555556em 1.1111111111em;
  line-height: 1.4444444444em;
}
.fraud--details .form-controls__header .block-01,
.fraud--details .form-controls__header--middle .block-01,
.fraud--details .form-controls__header--labels .block-01 {
  display: inline;
  float: left;
  width: 72.9919678715%;
  margin: 0 1.0040160643%;
  *width: 72.9398845382%;
  *margin: 0 0.9519327309%;
}
.fraud--details .form-controls__header .block-02,
.fraud--details .form-controls__header--middle .block-02,
.fraud--details .form-controls__header--labels .block-02 {
  display: none;
}
.fraud--details .form-controls__header .block-03,
.fraud--details .form-controls__header--middle .block-03,
.fraud--details .form-controls__header--labels .block-03 {
  display: inline;
  float: left;
  width: 22.9919678715%;
  margin: 0 1.0040160643%;
  *width: 22.9398845382%;
  *margin: 0 0.9519327309%;
  text-align: right;
}
.fraud--details .form-controls__entries .block-01 {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
}
.fraud--details .form-controls__entries .block-02 {
  clear: left;
  display: inline;
  float: left;
  width: 56.3253012048%;
  margin: 0 1.0040160643%;
  *width: 56.2732178715%;
  *margin: 0 0.9519327309%;
}
.fraud--details .form-controls__entries .block-03 {
  display: inline;
  float: left;
  width: 39.6586345382%;
  margin: 0 1.0040160643%;
  *width: 39.6065512048%;
  *margin: 0 0.9519327309%;
  float: right;
}

.fraud__submit {
  border-top: 1px solid #ddd;
  padding: 1.875em 6.00402%;
  margin: 0;
}
.fraud__submit button, .fraud__submit a, .fraud__submit input {
  font-size: 0.75em;
}

.content-loading {
  max-width: 75em;
  margin: 0 auto;
}

.fraud-advanced-mode .form-controls__entries--middle .slider-score-range,
.fraud-advanced-mode .form-controls__header--middle .slider-score-range {
  margin-top: 2.6875em;
}

/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 34.6875em) {
  .form-controls .checkbox-group {
    margin-top: 0;
  }
  .form-controls .checkbox-group li:first-child {
    padding-top: 0;
  }
  .form-controls__entries .wrapper, .form-controls__entries .datatable--summary .datatable__headers .wrapper--offset, .datatable--summary .datatable__headers .form-controls__entries .wrapper--offset, .form-controls__entries .datatable--fraud-details .datatable__headers .wrapper--offset, .datatable--fraud-details .datatable__headers .form-controls__entries .wrapper--offset, .form-controls__entries .datatable--summary .datatable__entry .wrapper--offset, .datatable--summary .datatable__entry .form-controls__entries .wrapper--offset, .form-controls__entries .datatable--fraud-details .datatable__entry .wrapper--offset, .datatable--fraud-details .datatable__entry .form-controls__entries .wrapper--offset,
  .form-controls__entries--middle .wrapper,
  .form-controls__entries--middle .datatable--summary .datatable__headers .wrapper--offset,
  .datatable--summary .datatable__headers .form-controls__entries--middle .wrapper--offset,
  .form-controls__entries--middle .datatable--fraud-details .datatable__headers .wrapper--offset,
  .datatable--fraud-details .datatable__headers .form-controls__entries--middle .wrapper--offset,
  .form-controls__entries--middle .datatable--summary .datatable__entry .wrapper--offset,
  .datatable--summary .datatable__entry .form-controls__entries--middle .wrapper--offset,
  .form-controls__entries--middle .datatable--fraud-details .datatable__entry .wrapper--offset,
  .datatable--fraud-details .datatable__entry .form-controls__entries--middle .wrapper--offset {
    padding-top: 0.9375em;
    padding-bottom: 0.9375em;
  }
  .form-controls__entries .block-wrapper,
  .form-controls__entries--middle .block-wrapper {
    padding: 0 5%;
  }
  .form-controls__entry, .form-controls__entry--title, .form-controls__entry--labels {
    padding-top: 0.9375em;
    padding-bottom: 0.9375em;
  }
  .datatable--summary .datatable__label, .datatable--fraud-details .datatable__label {
    font-weight: normal;
  }
  .datatable--summary .datatable__headers .block-01,
  .datatable--summary .datatable__entries .block-01, .datatable--fraud-details .datatable__headers .block-01,
  .datatable--fraud-details .datatable__entries .block-01 {
    display: inline;
    float: left;
    width: 64.6586345382%;
    margin: 0 1.0040160643%;
    *width: 64.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .datatable--summary .datatable__headers .block-02,
  .datatable--summary .datatable__entries .block-02, .datatable--fraud-details .datatable__headers .block-02,
  .datatable--fraud-details .datatable__entries .block-02 {
    display: inline;
    float: left;
    width: 14.6586345382%;
    margin: 0 1.0040160643%;
    *width: 14.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .datatable--summary .datatable__headers .block-03,
  .datatable--summary .datatable__entries .block-03, .datatable--fraud-details .datatable__headers .block-03,
  .datatable--fraud-details .datatable__entries .block-03 {
    display: inline;
    float: left;
    width: 14.6586345382%;
    margin: 0 1.0040160643%;
    *width: 14.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .datatable--summary .block-wrapper, .datatable--fraud-details .block-wrapper {
    padding: 0 5%;
  }
  .fraud--details .form-controls__header .block-03,
  .fraud--details .form-controls__header--labels .block-03 {
    text-align: right;
  }
  .fraud--details .form-controls__entries .block-01 {
    float: none;
  }
  .fraud--details .form-controls__entries .block-02 {
    float: none;
    clear: none;
  }
  .fraud--details .form-controls__entries .block-03 {
    float: none;
  }
  .fraud--details .form-controls__header .block-01,
  .fraud--details .form-controls__entries .block-01 {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .fraud--details .form-controls__header .block-02,
  .fraud--details .form-controls__entries .block-02 {
    display: inline;
    float: left;
    width: 39.6586345382%;
    margin: 0 1.0040160643%;
    *width: 39.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .fraud--details .form-controls__header .block-03,
  .fraud--details .form-controls__entries .block-03 {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .fraud--details .nested-block-wrapper {
    display: block;
    width: 104.8192771084%;
    margin: 0 -2.4096385542%;
    *width: 104.7671937751%;
    *margin: 0 -2.4617218876%;
  }
  .fraud--details .nested-block-wrapper:after {
    clear: both;
    content: "";
    display: table;
  }
  .fraud--details .nested-block-wrapper .block {
    display: inline;
    float: left;
    width: 46.5576592083%;
    margin: 0 1.7211703959%;
    *width: 46.5055758749%;
    *margin: 0 1.6690870625%;
  }
  .fraud--details .nested-block-wrapper .block:first-child .input-group {
    margin-bottom: 0em;
  }
  .fraud--details .block-wrapper,
  .fraud--details .form-controls__header-wrapper,
  .fraud--details .content-header-wrapper,
  .fraud--details .fraud__submit__wrapper {
    max-width: 75em;
    margin: 0 auto;
  }
  .page-header .max-width,
  .content-header-wrapper,
  .datatable__group-header__wrapper,
  .datatable--summary .block-wrapper,
  .datatable--summary .datatable__headers .datatable__headers__wrapper,
  .datatable--fraud-details .block-wrapper,
  .datatable--fraud-details .datatable__headers .datatable__headers__wrapper {
    max-width: 75em;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 34.6875em) and (min-width: 97.875em) {
  .top-bar .max-width {
    padding-right: 20px;
    max-width: 134.1346153846em; /* max width 1600 - nav width 195 - margin 10 */
    margin: 0 auto;
  }
}
@media only screen and (min-width: 34.6875em) {
  .fraud-advanced-mode .slider__item {
    margin-right: 0;
  }
  .fraud-advanced-mode .form-controls__header .block-01,
  .fraud-advanced-mode .form-controls__entries .block-01,
  .fraud-advanced-mode .form-controls__entries--middle .block-01 {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .form-controls__header .block-01 .icon-help,
  .fraud-advanced-mode .form-controls__entries .block-01 .icon-help,
  .fraud-advanced-mode .form-controls__entries--middle .block-01 .icon-help {
    margin-top: 0.375em;
  }
  .fraud-advanced-mode .form-controls__header .block-02,
  .fraud-advanced-mode .form-controls__entries .block-02,
  .fraud-advanced-mode .form-controls__entries--middle .block-02 {
    display: inline;
    float: left;
    width: 39.6586345382%;
    margin: 0 1.0040160643%;
    *width: 39.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .form-controls__header .block-02 .icon-wrapper--append,
  .fraud-advanced-mode .form-controls__entries .block-02 .icon-wrapper--append,
  .fraud-advanced-mode .form-controls__entries--middle .block-02 .icon-wrapper--append {
    max-width: 12.5em;
  }
  .fraud-advanced-mode .form-controls__header .block-03,
  .fraud-advanced-mode .form-controls__entries .block-03,
  .fraud-advanced-mode .form-controls__entries--middle .block-03 {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .form-controls__header .block-03,
  .fraud-advanced-mode .form-controls__header--labels .block-03 {
    text-align: left;
  }
  .fraud-advanced-mode .form-controls__header--labels .block-01,
  .fraud-advanced-mode .form-controls__entries .form-controls__entry--labels .block-01 {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .form-controls__header--labels .block-02,
  .fraud-advanced-mode .form-controls__entries .form-controls__entry--labels .block-02 {
    display: inline;
    float: left;
    width: 39.6586345382%;
    margin: 0 1.0040160643%;
    *width: 39.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .form-controls__header--labels .block-03,
  .fraud-advanced-mode .form-controls__entries .form-controls__entry--labels .block-03 {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .form-controls__entries .form-controls__entry--labels .block-01 .icon-help,
  .fraud-advanced-mode .form-controls__entries--middle .form-controls__entry--labels .block-01 .icon-help {
    margin-top: 1.875em;
  }
  .fraud-advanced-mode .form-controls__entries .form-controls__entry--labels .block-02 .icon-wrapper--append,
  .fraud-advanced-mode .form-controls__entries--middle .form-controls__entry--labels .block-02 .icon-wrapper--append {
    max-width: 18.75em;
  }
  .fraud-advanced-mode .form-controls__entry--labels .slider {
    padding-top: 1.5625em;
  }
  .fraud-advanced-mode .nested-block-wrapper {
    display: block;
    width: 104.8192771084%;
    margin: 0 -2.4096385542%;
    *width: 104.7671937751%;
    *margin: 0 -2.4617218876%;
  }
  .fraud-advanced-mode .nested-block-wrapper:after {
    clear: both;
    content: "";
    display: table;
  }
  .fraud-advanced-mode .nested-block-wrapper .block {
    display: inline;
    float: left;
    width: 46.5576592083%;
    margin: 0 1.7211703959%;
    *width: 46.5055758749%;
    *margin: 0 1.6690870625%;
  }
  .fraud-advanced-mode .nested-block-wrapper .block:first-child .input-group {
    margin-bottom: 0em;
  }
  .fraud-advanced-mode .form-controls__entries--middle .slider-score-range,
  .fraud-advanced-mode .form-controls__header--middle .slider-score-range {
    margin-top: 0;
  }
  .fraud-advanced-mode .form-controls__entries--middle .block-01,
  .fraud-advanced-mode .form-controls__header--middle .block-01 {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .form-controls__entries--middle .block-02,
  .fraud-advanced-mode .form-controls__header--middle .block-02 {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .form-controls__entries--middle .block-03,
  .fraud-advanced-mode .form-controls__header--middle .block-03 {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
}
.datatable--fraud-details .datatable__headers {
  color: #3c738f;
}
.datatable--fraud-details .datatable__headers .wrapper, .datatable--fraud-details .datatable__headers .wrapper--offset {
  display: inline-block;
  padding-top: 1em;
  padding-bottom: 1em;
}
.datatable--fraud-details .button, .datatable--fraud-details .legend a, .legend .datatable--fraud-details a, .datatable--fraud-details .ui-toolbar a, .ui-toolbar .datatable--fraud-details a, .datatable--fraud-details .ui-toolbar--top a, .ui-toolbar--top .datatable--fraud-details a, .datatable--fraud-details .ui-toolbar--top--icons a, .ui-toolbar--top--icons .datatable--fraud-details a, .datatable--fraud-details .ui-toolbar--bottom a, .ui-toolbar--bottom .datatable--fraud-details a, .datatable--fraud-details .ui-toolbar--header a, .ui-toolbar--header .datatable--fraud-details a, .datatable--fraud-details .ui-toolbar--reports a, .ui-toolbar--reports .datatable--fraud-details a, .datatable--fraud-details .ui-toolbar--list a, .ui-toolbar--list .datatable--fraud-details a,
.datatable--fraud-details .datatable__label {
  font-size: 0.625em;
  color: #3C738F;
}
.datatable--fraud-details .datatable__entry__value .datatable__label {
  font-size: 0.6875em;
  padding-top: 0.5454545455em;
}
.datatable--fraud-details .datatable__entry__value,
.datatable--fraud-details .datatable__entry__id,
.datatable--fraud-details .datatable__entry__name,
.datatable--fraud-details .datatable__entry__options {
  display: inline;
  float: left;
  width: 22.9919678715%;
  margin: 0 1.0040160643%;
  *width: 22.9398845382%;
  *margin: 0 0.9519327309%;
}
.datatable--fraud-details .datatable__entry {
  display: block;
  text-align: right;
}
.datatable--fraud-details .datatable__entry .buttons {
  display: inline-block;
}

@media only screen and (min-width: 97.875em) {
  .fraud--details .fraud__submit__wrapper {
    padding: 0 0.625em;
    /*
      Force border-box so that % widths fit the parent
      container without overlap because of margin/padding.

      More Info : http://www.quirksmode.org/css/box.html
    */
    -webkit-box-sizing: border-box; /* webkit */
    -khtml-box-sizing: border-box; /* konqueror */
    -moz-box-sizing: border-box; /* firefox */
    -ms-box-sizing: border-box; /* ie */
    box-sizing: border-box; /* css3 */
  }
}
/*
 * Advanced Mode
 * Tweak sliders for smaller views
 * --------------------------------
 */
/* ==|== (min-width: 400px) ========================================================== */
@media only screen and (max-width: 25em) {
  .fraud--details.fraud-advanced-mode .form-controls__entry .block-wrapper, .fraud--details.fraud-advanced-mode .form-controls__entry--title .block-wrapper, .fraud--details.fraud-advanced-mode .form-controls__entry--labels .block-wrapper {
    margin-top: 0.9375em;
    margin-bottom: 0.9375em;
  }
  .fraud--details.fraud-advanced-mode .form-controls__header-wrapper .block-03 {
    display: none;
  }
  .fraud--details.fraud-advanced-mode .form-controls .icon-wrapper--append {
    padding-right: 0;
    max-width: 100%;
  }
  .fraud--details.fraud-advanced-mode .form-controls__entries .block-01,
  .fraud--details.fraud-advanced-mode .form-controls__entries--middle .block-01 {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .fraud--details.fraud-advanced-mode .form-controls__entries .block-02,
  .fraud--details.fraud-advanced-mode .form-controls__entries--middle .block-02 {
    clear: left;
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .fraud--details.fraud-advanced-mode .form-controls__entries .block-03,
  .fraud--details.fraud-advanced-mode .form-controls__entries--middle .block-03 {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
    margin-top: 1.5625em;
    float: left;
  }
}
@media only screen and (max-width: 34.6875em) {
  .fraud--details.fraud-advanced-mode .form-controls__entry--labels .form-controls__label {
    margin-top: 0;
  }
}
/* checkbox list */
/* ==|== (min-width: 400px) ========================================================== */
@media only screen and (min-width: 34.6875em) and (max-width: 43.75em) {
  .fraud-advanced-mode .form-controls--checkboxes .block-01, .avs-override .form-controls--checkboxes .block-01 {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .form-controls--checkboxes .block-02, .avs-override .form-controls--checkboxes .block-02 {
    display: inline;
    float: left;
    width: 39.6586345382%;
    margin: 0 1.0040160643%;
    *width: 39.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .form-controls--checkboxes .block-03, .avs-override .form-controls--checkboxes .block-03 {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
}
/* ==|== (min-width: 400px) ========================================================== */
@media only screen and (min-width: 25em) and (max-width: 46.875em) {
  .fraud-advanced-mode .form-controls--checkboxes .slider {
    padding-left: 1.25em;
  }
  .fraud-advanced-mode .form-controls--checkboxes .form-controls__header .block-03 .wrapper, .fraud-advanced-mode .form-controls--checkboxes .form-controls__header .block-03 .datatable--summary .datatable__headers .wrapper--offset, .datatable--summary .datatable__headers .fraud-advanced-mode .form-controls--checkboxes .form-controls__header .block-03 .wrapper--offset, .fraud-advanced-mode .form-controls--checkboxes .form-controls__header .block-03 .datatable--fraud-details .datatable__headers .wrapper--offset, .datatable--fraud-details .datatable__headers .fraud-advanced-mode .form-controls--checkboxes .form-controls__header .block-03 .wrapper--offset, .fraud-advanced-mode .form-controls--checkboxes .form-controls__header .block-03 .datatable--summary .datatable__entry .wrapper--offset, .datatable--summary .datatable__entry .fraud-advanced-mode .form-controls--checkboxes .form-controls__header .block-03 .wrapper--offset, .fraud-advanced-mode .form-controls--checkboxes .form-controls__header .block-03 .datatable--fraud-details .datatable__entry .wrapper--offset, .datatable--fraud-details .datatable__entry .fraud-advanced-mode .form-controls--checkboxes .form-controls__header .block-03 .wrapper--offset {
    padding-left: 1.25em;
  }
}
/* Utility class for hiding elements */
.fraud__is-hidden {
  display: none;
}

/* Tooltip alignment */
.fraud__tooltip {
  float: right;
}

/* Styles for the AVS/CVV fraud prevention checkbox group component */
.inline-checkbox {
  margin-left: 0 !important;
}

/* Margin adjustments for content and button panel */
.content-margin {
  margin: 10px 0 15px;
}

/* Margin adjustments for content and button panel */
.button-panel {
  margin: 10px -22px -5px !important;
  padding-bottom: 0 !important;
}

/*------------------------------------*\
	$CONTENT-HEADER
\*------------------------------------*/
.content-header--with-wrapper, .content-header {
  padding: 2.25em 5%;
  position: relative; /* with img */
  overflow: hidden; /* with img */
  background: #f9f9f9;
}
.content-header--with-wrapper:after, .content-header:after {
  clear: both;
  content: "";
  display: table;
}
.content-header--with-wrapper .block-01, .content-header .block-01 {
  display: inline;
  float: left;
  width: 56.3253012048%;
  margin: 0 1.0040160643%;
  *width: 56.2732178715%;
  *margin: 0 0.9519327309%;
}
.content-header--with-wrapper .block-02, .content-header .block-02 {
  display: inline;
  float: left;
  width: 39.6586345382%;
  margin: 0 1.0040160643%;
  *width: 39.6065512048%;
  *margin: 0 0.9519327309%;
}

.content-header__title {
  font-size: 0.875em;
  text-transform: uppercase;
  padding-bottom: 0.4375em;
  margin: 0;
  color: #005484;
}

.content-header__desc {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
  padding-top: 0.625em;
  color: #888;
}
.content-header__desc p {
  color: #888;
}
.content-header__desc p span {
  color: inherit;
}

.content-header__desc__toggle {
  white-space: nowrap;
}

.content-header__toggle {
  float: right;
  padding-top: 0.25em;
}

.apple-pay {
  /* with img */
}
.apple-pay .icon-arrow-down-overlap-header {
  display: block;
}

.content-header__img {
  /* 		width:100%;
  		max-width:100%;
  		position:absolute;
  		top:0; */
  display: none;
}

/*  	.content-header__img-container {
		width:30%;
		float:left;
		position:relative;
	} 
 	.content-header__desc-wrapper {
		float:left;
		padding-left:35%;
	} */
.content-header--with-wrapper {
  padding: 0 5%;
}

.content-header-wrapper {
  position: relative;
  padding: 2.25em 0;
}
.content-header-wrapper:after {
  clear: both;
  content: "";
  display: table;
}

/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 44.6875em) {
  .apple-pay .icon-arrow-down-overlap-header {
    display: none;
  }
  .content-header__img {
    top: -15px;
    width: 100%;
    max-width: 100%;
    position: absolute;
    display: block;
  }
  .content-header__img-container {
    width: 12.1875em;
    float: left;
    position: relative;
  }
  .content-header__desc-wrapper {
    float: left;
    padding-left: 15.625em;
  }
}
/*------------------------------------*\
	$TABS
\*------------------------------------*/
/*
Tabs

Styleguide 6.0
*/
/*
Default

Markup: ex/tabs.html

Styleguide 6.1
*/
.fraud-tabs .nav-list-tab-container {
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin-bottom: 1.5625em;
}
.fraud-tabs .nav-list-tabs {
  max-width: 75em;
  margin: 0 auto;
}
@media (min-width: 89.8125em) {
  .fraud-tabs .nav-list-tabs {
    border-left: 1px solid #ddd;
  }
}
.fraud-tabs .nav-list-tabs .nav-list-tabs__wrapper {
  border-width: 0 0 0 1px;
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -khtml-box-sizing: border-box; /* konqueror */
  -moz-box-sizing: border-box; /* firefox */
  -ms-box-sizing: border-box; /* ie */
  box-sizing: border-box; /* css3 */
}
.fraud-tabs .nav-list-tabs__wrapper.active {
  border-bottom: none;
  position: relative;
  bottom: -1px;
  background: #fff;
}

/* ndb-list */
.nav-list-tab-container.tabs-04 {
  border-width: 1px 0 0;
  margin-bottom: 0;
}
.nav-list-tab-container.tabs-04 .nav-list-tabs__wrapper {
  border-width: 0 0 1px 1px;
}
.nav-list-tab-container.tabs-04 .nav-list-tabs__01 {
  width: 33%;
}
.nav-list-tab-container.tabs-04 .nav-list-tabs__01 .nav-list-tabs__wrapper {
  border-left: none;
}
.nav-list-tab-container.tabs-04 .nav-list-tabs__02 {
  width: 33%;
}
.nav-list-tab-container.tabs-04 .nav-list-tabs__03 {
  width: 33%;
}
.nav-list-tab-container.tabs-04 .nav-list-tabs__04 {
  width: 100%;
}
.nav-list-tab-container.tabs-04 .nav-list-tabs__04 .nav-list-tabs__wrapper {
  border-width: 0;
}

.nav-list-tabs {
  border-width: 1px 0;
  margin: 0;
  padding: 0;
  text-align: center;
}
.nav-list-tabs:after {
  clear: both;
  content: "";
  display: table;
}
.nav-list-tabs .nav-list-tabs__wrapper {
  border: 1px solid #ddd;
  border-width: 1px 0 1px 1px;
  width: 100%;
  display: block;
  padding: 2.25em 0;
  font-size: 0.75em;
  font-weight: bold;
  color: #b2b2b2;
}
.nav-list-tabs a {
  outline: none;
}
.nav-list-tabs a:hover {
  color: #60b7e4;
}
.nav-list-tabs a.active {
  color: #60b7e4;
  border-bottom: none;
}
.nav-list-tabs li {
  display: inline;
  float: left;
}
.nav-list-tabs .nav-list-tabs__01--alt {
  width: 50%;
}
.nav-list-tabs .nav-list-tabs__01--alt .nav-list-tabs__wrapper {
  border-left: none;
}
.nav-list-tabs .nav-list-tabs__02--alt {
  width: 50%;
}
.nav-list-tabs .nav-list-tabs__03--alt {
  display: none;
}
.nav-list-tabs .checkbox-float {
  margin: 0 22px 0 0;
}
.nav-list-tabs .checkbox-float .icheckbox_square-blue,
.nav-list-tabs .checkbox-float input[type=checkbox] {
  top: -5px;
  right: -30px;
}

/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 40.9375em) {
  .nav-list-tab-container.tabs-04 {
    border-width: 1px 0;
  }
  .nav-list-tab-container.tabs-04 .nav-list-tabs__wrapper {
    border-width: 0 0 0 1px;
  }
  .nav-list-tab-container.tabs-04 .nav-list-tabs__01 {
    width: 25%;
  }
  .nav-list-tab-container.tabs-04 .nav-list-tabs__02 {
    width: 25%;
  }
  .nav-list-tab-container.tabs-04 .nav-list-tabs__03 {
    width: 25%;
  }
  .nav-list-tab-container.tabs-04 .nav-list-tabs__04 {
    width: 25%;
  }
  .nav-list-tab-container.tabs-04 .nav-list-tabs__04 .nav-list-tabs__wrapper {
    border-width: 0 0 0 1px;
    background: #F9F9F9;
  }
}
@media only screen and (min-width: 40.9375em) and (min-width: 89.8125em) {
  .nav-list-tab-container.tabs-04 .nav-list-tabs__04 .nav-list-tabs__wrapper {
    border-width: 0 1px;
  }
}
@media only screen and (min-width: 40.9375em) {
  .nav-list-tabs {
    margin: 0 1px;
  }
  .nav-list-tabs .nav-list-tabs__wrapper {
    border: 1px solid #ddd;
    border-width: 1px 0 1px 1px;
    max-height: 75px;
  }
  .nav-list-tabs li {
    display: inline;
    float: left;
    width: 20%;
  }
  .nav-list-tabs .nav-list-tabs__01--alt {
    width: 25%;
  }
  .nav-list-tabs .nav-list-tabs__02--alt {
    width: 25%;
  }
  .nav-list-tabs .nav-list-tabs__03--alt {
    width: 50%;
    display: inline;
  }
}
/*------------------------------------*\
	$PAGER
\*------------------------------------*/
/*
Pagination

Markup: ex/pager.html

Styleguide 3.2
*/
.pager {
  font-size: 0.75em;
  padding: 1.25em 5.00201%;
  font-weight: bold;
  color: #B2B2B2;
}
.pager:after {
  clear: both;
  content: "";
  display: table;
}
.pager .prev {
  margin-right: 0.625em;
}
.pager .prev:enabled:hover {
  color: #60b7e4;
  border-color: #60b7e4;
}
.pager .next {
  margin-left: 0.625em;
}
.pager .next:enabled:hover {
  color: #60b7e4;
  border-color: #60b7e4;
}

.pager__total {
  text-align: left;
  display: inline;
  float: left;
  width: 31.3253012048%;
  margin: 0 1.0040160643%;
  *width: 31.2732178715%;
  *margin: 0 0.9519327309%;
}

.pager__control-set {
  text-align: center;
  display: inline;
  float: left;
  width: 31.3253012048%;
  margin: 0 1.0040160643%;
  *width: 31.2732178715%;
  *margin: 0 0.9519327309%;
}

.pager__results-per-page {
  text-align: right;
  display: inline;
  float: left;
  width: 31.3253012048%;
  margin: 0 1.0040160643%;
  *width: 31.2732178715%;
  *margin: 0 0.9519327309%;
}

.pager__controls {
  color: #B2B2B2;
  border: none;
  background: none;
  outline: none;
  font-weight: bold;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.fraud--details .pager {
  max-width: 100em;
  margin: 0 auto;
}

.pager-wrapper {
  border-top: 1px solid #ddd;
}
.pager-wrapper:after {
  clear: both;
  content: "";
  display: table;
}

/*------------------------------------*\
	$CONTROL-PANEL
\*------------------------------------*/
.panel__controls {
  max-width: 75em;
  margin: 0 auto;
  padding: 1.25em 6.00402%;
  /*
   * Grid
   */
  /*
   * Slider
   */
  /*
   * Filter Input
   */
  /* if select2 */
  /* 	.panel__controls__search-btn {
  		float:right;
  		font-size:pem(12);
  		padding:pem(6,12) pem(14,12);
  		line-height:pem(16,12);
  		color:#b2b2b2;
  		display: none;
  	} */
}
.panel__controls:after {
  clear: both;
  content: "";
  display: table;
}
.panel__controls button {
  font-size: 0.75em;
}
.panel__controls input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -khtml-box-sizing: border-box; /* konqueror */
  -moz-box-sizing: border-box; /* firefox */
  -ms-box-sizing: border-box; /* ie */
  box-sizing: border-box; /* css3 */
}
@media (max-width: 99.9375em) {
  .panel__controls .panel__controls__wrapper {
    display: block;
    width: 102.0080321285%;
    margin: 0 -1.0040160643%;
    *width: 101.9559487952%;
    *margin: 0 -1.0560993976%;
  }
  .panel__controls .panel__controls__wrapper:after {
    clear: both;
    content: "";
    display: table;
  }
}
.panel__controls .block-01 {
  display: inline;
  float: left;
  width: 22.9919678715%;
  margin: 0 1.0040160643%;
  *width: 22.9398845382%;
  *margin: 0 0.9519327309%;
}
.panel__controls .block-02 {
  display: inline;
  float: left;
  width: 31.3253012048%;
  margin: 0 1.0040160643%;
  *width: 31.2732178715%;
  *margin: 0 0.9519327309%;
}
.panel__controls .block-checkbox {
  display: inline;
  float: left;
  width: 22.9919678715%;
  margin: 0 1.0040160643%;
  *width: 22.9398845382%;
  *margin: 0 0.9519327309%;
}
.panel__controls .block-03 {
  display: inline;
  float: left;
  width: 14.6586345382%;
  margin: 0 1.0040160643%;
  *width: 14.6065512048%;
  *margin: 0 0.9519327309%;
}
.panel__controls .block-03 .button, .panel__controls .block-03 .legend a, .legend .panel__controls .block-03 a, .panel__controls .block-03 .ui-toolbar a, .ui-toolbar .panel__controls .block-03 a, .panel__controls .block-03 .ui-toolbar--top a, .ui-toolbar--top .panel__controls .block-03 a, .panel__controls .block-03 .ui-toolbar--top--icons a, .ui-toolbar--top--icons .panel__controls .block-03 a, .panel__controls .block-03 .ui-toolbar--bottom a, .ui-toolbar--bottom .panel__controls .block-03 a, .panel__controls .block-03 .ui-toolbar--header a, .ui-toolbar--header .panel__controls .block-03 a, .panel__controls .block-03 .ui-toolbar--reports a, .ui-toolbar--reports .panel__controls .block-03 a, .panel__controls .block-03 .ui-toolbar--list a, .ui-toolbar--list .panel__controls .block-03 a {
  float: right;
  padding: 0.5em 1.1666666667em;
  line-height: 1.3333333333em;
}
.panel__controls .slider {
  padding: 0.5em 0;
}
.panel__controls .slider__item {
  margin-top: 0.375em;
}
.panel__controls #filter-form {
  width: 100%;
}
.panel__controls form input[type=text].panel__controls__search-input {
  float: left;
  width: 100%;
  max-width: 100px;
  padding: 0.5em;
  line-height: 1.3333333333em;
  font-size: 0.75em;
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -khtml-box-sizing: border-box; /* konqueror */
  -moz-box-sizing: border-box; /* firefox */
  -ms-box-sizing: border-box; /* ie */
  box-sizing: border-box; /* css3 */
  margin-right: 0.4166666667em;
  margin-left: 0.8333333333em;
  /* search icon */
  background-position: 95% 6px;
  background-image: url("search.png");
  background-repeat: no-repeat;
  background-size: 60px 14px;
  background-color: #f9f9f9;
  /* remove x button from ie10+ */
  /*
   * Placeholder
   */
  /*
   * Placeholder Focus
   */
  color: #3c7491 !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .panel__controls form input[type=text].panel__controls__search-input {
    background-image: url("search@2x.png");
  }
}
.panel__controls form input[type=text].panel__controls__search-input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.panel__controls form input[type=text].panel__controls__search-input[placeholder] {
  color: #B2B2B2;
  opacity: 1;
}
.panel__controls form input[type=text].panel__controls__search-input::-webkit-input-placeholder {
  color: #B2B2B2;
  opacity: 1;
}
.panel__controls form input[type=text].panel__controls__search-input:-moz-placeholder { /* Firefox 18- */
  color: #B2B2B2;
  opacity: 1;
}
.panel__controls form input[type=text].panel__controls__search-input::-moz-placeholder { /* Firefox 19+ */
  color: #B2B2B2;
  opacity: 1;
}
.panel__controls form input[type=text].panel__controls__search-input:-ms-input-placeholder {
  color: #B2B2B2;
  opacity: 1;
}
.panel__controls form input[type=text].panel__controls__search-input[placeholder]:focus {
  color: #3c7491;
  opacity: 1;
}
.panel__controls form input[type=text].panel__controls__search-input:focus::-webkit-input-placeholder {
  color: #3c7491;
  opacity: 1;
}
.panel__controls form input[type=text].panel__controls__search-input:focus:-moz-placeholder { /* Firefox 18- */
  color: #3c7491;
  opacity: 1;
}
.panel__controls form input[type=text].panel__controls__search-input:focus::-moz-placeholder { /* Firefox 19+ */
  color: #3c7491;
  opacity: 1;
}
.panel__controls form input[type=text].panel__controls__search-input:focus:-ms-input-placeholder {
  color: #3c7491;
  opacity: 1;
}
.panel__controls .select2-chosen {
  font-size: 0.6875em;
}
.panel__controls .checkbox-float {
  font-size: 0.75em;
  margin: 0 0 0 30px;
  font-weight: bold;
  color: #b2b2b2;
}
.panel__controls .checkbox-float .icheckbox_square-blue,
.panel__controls .checkbox-float input[type=checkbox] {
  top: -4px;
  left: -30px;
}
.panel__controls .select-float {
  font-size: 0.75em;
  font-weight: bold;
  color: #b2b2b2;
}
.panel__controls .select-float .select2-container {
  margin-right: 0.8333333333em;
}
.panel__controls .select-float .select2-choice {
  font-size: 1.3333333333em;
}
.panel__controls .button--primary {
  float: right;
  padding: 0.5em 1.1666666667em;
  line-height: 1.3333333333em;
}

/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 21.875em) {
  .panel__controls form input[type=text].panel__controls__search-input {
    float: right;
    max-width: 200px;
    margin-left: 0;
  }
}
/*
* Advanced Mode
* ----------------------------
*/
.fraud-advanced-mode .panel__controls {
  padding-top: 1.5em;
}
.fraud-advanced-mode .panel__controls form input[type=text].panel__controls__search-input {
  float: left;
}
.fraud-advanced-mode .panel__controls .form-controls {
  margin-bottom: 3.5em;
}
.fraud-advanced-mode .panel__controls .block-01 {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
}
.fraud-advanced-mode .panel__controls .block-02 {
  display: inline;
  float: left;
  width: 47.9919678715%;
  margin: 0 1.0040160643%;
  *width: 47.9398845382%;
  *margin: 0 0.9519327309%;
}
.fraud-advanced-mode .panel__controls .block-03 {
  display: inline;
  float: left;
  width: 47.9919678715%;
  margin: 0 1.0040160643%;
  *width: 47.9398845382%;
  *margin: 0 0.9519327309%;
}

/* ==|== (min-width: 600px) ========================================================== */
@media only screen and (min-width: 37.5em) {
  /*
   * Grid
   */
  .fraud-advanced-mode .panel__controls {
    padding-top: 2.3125em;
  }
  .fraud-advanced-mode .panel__controls form input[type=text].panel__controls__search-input {
    float: right;
  }
  .fraud-advanced-mode .panel__controls .form-controls {
    margin-bottom: 0;
  }
  .fraud-advanced-mode .panel__controls .block-01 {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .panel__controls .block-02 {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .fraud-advanced-mode .panel__controls .block-03 {
    display: inline;
    float: left;
    width: 14.6586345382%;
    margin: 0 1.0040160643%;
    *width: 14.6065512048%;
    *margin: 0 0.9519327309%;
  }
}
/*------------------------------------*\
	$AVS-OVERRIDE
\*------------------------------------*/
@media only screen and (max-width: 28.75em) {
  .avs-override .form-controls__header .block-01 {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .avs-override .form-controls__header .block-02 {
    display: none;
  }
  .avs-override .form-controls__header .block-03 {
    display: none;
  }
  .avs-override .form-controls__entries .block-01 {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .avs-override .form-controls__entries .block-02 {
    clear: left;
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .avs-override .form-controls__entries .block-03 {
    display: inline;
    float: left;
    width: 97.9919678715%;
    margin: 0 1.0040160643%;
    *width: 97.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .avs-override .form-controls__entries .block-03 .wrapper, .avs-override .form-controls__entries .block-03 .datatable--summary .datatable__headers .wrapper--offset, .datatable--summary .datatable__headers .avs-override .form-controls__entries .block-03 .wrapper--offset, .avs-override .form-controls__entries .block-03 .datatable--fraud-details .datatable__headers .wrapper--offset, .datatable--fraud-details .datatable__headers .avs-override .form-controls__entries .block-03 .wrapper--offset, .avs-override .form-controls__entries .block-03 .datatable--summary .datatable__entry .wrapper--offset, .datatable--summary .datatable__entry .avs-override .form-controls__entries .block-03 .wrapper--offset, .avs-override .form-controls__entries .block-03 .datatable--fraud-details .datatable__entry .wrapper--offset, .datatable--fraud-details .datatable__entry .avs-override .form-controls__entries .block-03 .wrapper--offset {
    margin-top: 15px;
    float: left;
  }
}
@media only screen and (min-width: 28.8125em) {
  .avs-override .form-controls__entry--hide .block-01 {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .avs-override .form-controls__entry--hide .block-02 {
    display: none;
  }
  .avs-override .form-controls__entry--hide .block-03 {
    display: inline;
    float: left;
    width: 47.9919678715%;
    margin: 0 1.0040160643%;
    *width: 47.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .avs-override .form-controls__entry--hide .block-03 .wrapper, .avs-override .form-controls__entry--hide .block-03 .datatable--summary .datatable__headers .wrapper--offset, .datatable--summary .datatable__headers .avs-override .form-controls__entry--hide .block-03 .wrapper--offset, .avs-override .form-controls__entry--hide .block-03 .datatable--fraud-details .datatable__headers .wrapper--offset, .datatable--fraud-details .datatable__headers .avs-override .form-controls__entry--hide .block-03 .wrapper--offset, .avs-override .form-controls__entry--hide .block-03 .datatable--summary .datatable__entry .wrapper--offset, .datatable--summary .datatable__entry .avs-override .form-controls__entry--hide .block-03 .wrapper--offset, .avs-override .form-controls__entry--hide .block-03 .datatable--fraud-details .datatable__entry .wrapper--offset, .datatable--fraud-details .datatable__entry .avs-override .form-controls__entry--hide .block-03 .wrapper--offset {
    margin-top: 0;
  }
}
/*------------------------------------*\
    $STEPS
\*------------------------------------*/
.list-steps {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-steps li {
  padding-top: 0.625em;
  padding-left: 4.6875em;
  position: relative;
}

.list-steps li p {
  color: #888;
}

.list-steps__number {
  color: #3C738F;
  background: #f7fbfe;
  border: 1px solid #e0f0f8;
  border-radius: 50%;
  font-size: 0.875em;
  font-weight: bold;
  padding: 0.7142857143em 1.2142857143em;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

.list-steps__heading {
  font-size: 0.75em;
  color: #3C738F;
  margin-top: 0;
  border-bottom: 0;
}

/*------------------------------------*\
    $SIDE-MOD
\*------------------------------------*/
.side-mod {
  margin-top: 2.0833333333em;
  margin-left: 0;
  padding: 0.8333333333em 2.0833333333em;
  background: #f7fbfe;
  border: 1px solid #e0f0f8;
  border-radius: 3px;
}

.side-mod__title {
  color: #3C738F;
  border: none !important;
  margin-bottom: 5px;
  font-size: 0.75em;
}
form .side-mod__title {
  font-size: 0.9230769231em;
}

.side-mod__desc {
  color: #888888;
  font-size: 0.75em;
}
form .side-mod__desc {
  font-size: 0.9230769231em;
}
.side-mod__desc p {
  color: #888888;
  font-size: 1em;
}
form .side-mod__desc p {
  font-size: 1em;
}
.side-mod__desc > p {
  margin-top: 0;
}

.side-mod__more {
  display: block;
  margin-top: 0.4166666667em;
}

/* ==|== (min-width: 555px) ========================================================== */
@media only screen and (min-width: 34.6875em) {
  .side-mod {
    margin-top: 0;
    margin-left: 25%;
  }
}
/*------------------------------------*\
    $APPLE-PAY
\*------------------------------------*/
.apple-pay .apple-pay-submit {
  display: block;
  margin-top: 25px;
  margin-bottom: 50px;
}
.apple-pay .odd {
  background: #FCFCFC;
}
.apple-pay label, .apple-pay .content-header__title {
  color: #3C738F;
  font-weight: bold;
}
.apple-pay .list--datatable, .apple-pay .list--datatable--medium,
.apple-pay .list--datatable--small, .apple-pay .list--datatable--big {
  margin-top: 1em;
}
.apple-pay .list--datatable .odd:hover, .apple-pay .list--datatable--medium .odd:hover,
.apple-pay .list--datatable--small .odd:hover, .apple-pay .list--datatable--big .odd:hover {
  background: #FFFBEB;
}
.apple-pay .list--datatable__headers {
  display: block;
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 5.00201%;
}
.apple-pay .list--datatable__headers .list--datatable__generated {
  display: inline;
  float: left;
  width: 22.9919678715%;
  margin: 0 1.0040160643%;
  *width: 22.9398845382%;
  *margin: 0 0.9519327309%;
  display: none;
}
.apple-pay .list--datatable__headers .list--datatable__merchant-id {
  display: inline;
  float: left;
  width: 39.6586345382%;
  margin: 0 1.0040160643%;
  *width: 39.6065512048%;
  *margin: 0 0.9519327309%;
}
.apple-pay .list--datatable__headers .list--datatable__options {
  display: inline;
  float: left;
  width: 31.3253012048%;
  margin: 0 1.0040160643%;
  *width: 31.2732178715%;
  *margin: 0 0.9519327309%;
  display: none;
}
.apple-pay .list--datatable__headers li {
  padding-top: 1em;
  padding-bottom: 1em;
}
.apple-pay .list--datatable__entry,
.apple-pay .list--datatable__headers {
  color: #3C738F;
  padding: 0 5.00201%;
}
.apple-pay .list--datatable__entries .list--datatable__merchant-id,
.apple-pay .list--datatable__entries .list--datatable__options {
  display: inline;
  float: left;
  width: 47.9919678715%;
  margin: 0 1.0040160643%;
  *width: 47.9398845382%;
  *margin: 0 0.9519327309%;
}
.apple-pay .list--datatable__entries .list--datatable__generated {
  display: inline;
  float: left;
  width: 97.9919678715%;
  margin: 0 1.0040160643%;
  *width: 97.9398845382%;
  *margin: 0 0.9519327309%;
  padding: 2.5em 0 0;
  /* background:#f0f0f0; */
  color: #999;
}
.apple-pay .list--datatable__entries .list--datatable__merchant-id {
  padding: 0.5em 0 0.5em;
  font-size: 1.2em;
}
.apple-pay .list--datatable__entries .list--datatable__options {
  margin: 0;
  padding: 0 0 1em 0;
}
.apple-pay .list--datatable__entries .list--datatable__entry {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 1px solid #ddd;
}
.apple-pay .list--datatable__entries .list--datatable__entry.success {
  background: rgb(255, 243.86, 199.3) !important;
}
.apple-pay .list--datatable__headers li {
  border-width: 0;
}
.apple-pay .list--datatable__options .button, .apple-pay .list--datatable__options .legend a, .legend .apple-pay .list--datatable__options a, .apple-pay .list--datatable__options .ui-toolbar a, .ui-toolbar .apple-pay .list--datatable__options a, .apple-pay .list--datatable__options .ui-toolbar--top a, .ui-toolbar--top .apple-pay .list--datatable__options a, .apple-pay .list--datatable__options .ui-toolbar--top--icons a, .ui-toolbar--top--icons .apple-pay .list--datatable__options a, .apple-pay .list--datatable__options .ui-toolbar--bottom a, .ui-toolbar--bottom .apple-pay .list--datatable__options a, .apple-pay .list--datatable__options .ui-toolbar--header a, .ui-toolbar--header .apple-pay .list--datatable__options a, .apple-pay .list--datatable__options .ui-toolbar--reports a, .ui-toolbar--reports .apple-pay .list--datatable__options a, .apple-pay .list--datatable__options .ui-toolbar--list a, .ui-toolbar--list .apple-pay .list--datatable__options a, .apple-pay .list--datatable__options .button--primary {
  margin-right: 0.3125em;
  float: right;
  padding: 0.5555555556em 1.1111111111em;
  line-height: 1.4444444444em;
  font-size: 1em;
}
.apple-pay .disabled,
.apple-pay input[disabled],
.apple-pay select[disabled],
.apple-pay button[disabled] {
  opacity: 0.5;
}
.apple-pay .icons-sm {
  margin-right: -5px;
}
.apple-pay .icons-sm a {
  display: block;
  float: right;
  margin-left: 5px;
  padding: 6px 5px;
}
.apple-pay .icons-sm .icons {
  width: 17px;
  height: 17px;
  display: block;
}
.apple-pay .btns {
  display: none;
}
.apple-pay #pager-region {
  display: none;
}

#dialog-region {
  overflow: inherit;
}
#dialog-region input, #dialog-region button {
  font-size: 1.2307692308em;
}
#dialog-region input {
  max-width: 15.6153846154em;
}

/* ==|== (min-width: 520px) ========================================================== */
@media only screen and (min-width: 32.5em) {
  .apple-pay .btns {
    display: block;
  }
  .apple-pay .icons-sm {
    display: none;
  }
  #dialog-region {
    overflow: inherit;
  }
  #dialog-region input, #dialog-region button {
    font-size: 1em;
  }
}
/* ==|== (min-width: 750px) ========================================================== */
@media only screen and (max-width: 34.6875em) {
  .apple-pay #create-region .side-mod {
    display: none;
  }
  .apple-pay #create-region input {
    /*
      Force border-box so that % widths fit the parent
      container without overlap because of margin/padding.

      More Info : http://www.quirksmode.org/css/box.html
    */
    -webkit-box-sizing: border-box; /* webkit */
    -khtml-box-sizing: border-box; /* konqueror */
    -moz-box-sizing: border-box; /* firefox */
    -ms-box-sizing: border-box; /* ie */
    box-sizing: border-box; /* css3 */
  }
  .apple-pay #header-region .content-header {
    padding-left: 5.00201%;
    padding-right: 5.00201%;
  }
}
/* ==|== (min-width: 670px) ========================================================== */
@media only screen and (min-width: 41.875em) {
  .apple-pay .list--datatable__headers {
    display: block;
  }
  .apple-pay .list--datatable__headers .list--datatable__generated {
    display: inline;
  }
  .apple-pay .list--datatable__headers .list--datatable__options {
    display: inline;
  }
  .apple-pay .list--datatable__entry,
  .apple-pay .list--datatable__headers {
    color: #3C738F;
  }
  .apple-pay .list--datatable__entries .list--datatable__generated {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
    padding: 1.5em 0 0.5em;
    background: none;
    color: #3C738F;
  }
  .apple-pay .list--datatable__entries .list--datatable__merchant-id {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
    padding: 1.5em 0 0.5em;
    font-size: 1em;
  }
  .apple-pay .list--datatable__entries .list--datatable__options {
    display: inline;
    float: left;
    width: 39.6586345382%;
    margin: 0 1.0040160643%;
    *width: 39.6065512048%;
    *margin: 0 0.9519327309%;
    padding: 1em 0;
  }
  .apple-pay .list--datatable__entries .list--datatable__entry {
    border-top: solid #EFF5F8 1px;
  }
}
/* ==|== (min-width: 750px) ========================================================== */
@media only screen and (min-width: 46.875em) {
  .apple-pay .list--datatable__entry,
  .apple-pay .list--datatable__headers {
    color: #3C738F;
  }
  .apple-pay .list--datatable__entries .list--datatable__generated {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
    padding: 1.5em 0 0.5em;
    background: none;
    color: #3C738F;
  }
  .apple-pay .list--datatable__entries .list--datatable__merchant-id {
    display: inline;
    float: left;
    width: 39.6586345382%;
    margin: 0 1.0040160643%;
    *width: 39.6065512048%;
    *margin: 0 0.9519327309%;
    padding: 1.5em 0 0.5em;
  }
  .apple-pay .list--datatable__entries .list--datatable__options {
    display: inline;
    float: left;
    width: 31.3253012048%;
    margin: 0 1.0040160643%;
    *width: 31.2732178715%;
    *margin: 0 0.9519327309%;
    padding: 1em 0;
  }
  .apple-pay .list--datatable__entries .list--datatable__entry {
    border-top: solid #EFF5F8 1px;
    padding-bottom: 0;
  }
}
/**
 * Print
 */
/*------------------------------------*\
		$PRINT
\*------------------------------------*/
@media print {
  /**
   * Reset
   */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
    box-shadow: none !important;
  }
  .page-header .page-header__title {
    padding-bottom: 2.5625em;
  }
  .content, .content--alt, .content--alt--full-width, .content--full-width, .content--info, .content--datatable, .content--datatable--login-history {
    padding-top: 0 !important;
  }
  .lt-ie9 .main-content {
    border: none !important;
  }
  /**
   * Make width 100% after .nav-main
   */
  .container {
    padding: 0 !important;
    margin: 0;
  }
  /**
   * Hide
   */
  .button, .legend a, .ui-toolbar a, .ui-toolbar--top a, .ui-toolbar--top--icons a, .ui-toolbar--bottom a, .ui-toolbar--header a, .ui-toolbar--reports a, .ui-toolbar--list a,
  .button--primary,
  .toolbar,
  .ui-toolbar,
  .ui-toolbar--top,
  .ui-toolbar--bottom,
  .button-group,
  .footer,
  .nav-main,
  .top-bar,
  .form--trans-receipt__settings {
    display: none !important;
  }
  /**
   * Hide background image / show .ir
   */
  .status .status__text {
    padding: 0;
  }
  .svg .credit-card, .credit-card {
    background-image: none !important;
  }
  .credit-card .ir, .credit-card .icon-help span, .icon-help .credit-card span, .credit-card .icon-help--light span, .icon-help--light .credit-card span {
    text-indent: 0;
  }
  /**
   * Reset Status padding
   */
  /**
   * Reset Table Alignment
   */
  td {
    vertical-align: top;
  }
  /**
   * Transaction Receipt Normal
   */
  .form--trans-receipt .heading--alt {
    margin: 1.5625em 0;
  }
  .form--trans-receipt .bottom {
    border: none;
  }
  .form--trans-receipt dt {
    display: inline;
    float: left;
    width: 22.99197%;
    margin: 0 1.00402%;
    text-align: right;
  }
  .form--trans-receipt dd {
    display: inline;
    float: left;
    width: 72.99197%;
    margin: 0 1.00402%;
  }
  /**
   * Transaction Receipt Small
   */
  .js-print-receipt .page-header {
    height: inherit;
    padding: 0;
    border: none;
  }
  .js-print-receipt .page-header__title {
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .js-print-receipt .content, .js-print-receipt .content--alt, .js-print-receipt .content--alt--full-width, .js-print-receipt .content--full-width, .js-print-receipt .content--info, .js-print-receipt .content--datatable, .js-print-receipt .content--datatable--login-history {
    padding: 0;
    border: none;
  }
  .js-print-receipt .form--trans-receipt {
    line-height: 1;
  }
  .js-print-receipt .form--trans-receipt .heading--alt {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    text-transform: inherit;
    font-weight: normal;
    border-bottom: 1px solid #F5F5F5;
    font-size: 12px;
  }
  .js-print-receipt .form--trans-receipt .bottom {
    border: none;
  }
  .js-print-receipt .form--trans-receipt dl {
    border: none;
    font-size: 10px;
    padding-left: 120px;
    padding-right: 0;
  }
  .js-print-receipt .form--trans-receipt dt {
    display: inline;
    float: left;
    width: 120px;
    margin: 0 0 0 -130px;
    text-align: right;
  }
  .js-print-receipt .form--trans-receipt dd {
    display: inline;
    float: left;
    width: 72.99197%;
    margin: 0 1.00402%;
  }
  /**
   * Transaction List
   */
  .list--datatable--medium,
  .list--datatable--small {
    display: none;
  }
  .list--datatable--big {
    display: block;
  }
  .list--datatable--big .ir, .list--datatable--big .icon-help span, .icon-help .list--datatable--big span, .list--datatable--big .icon-help--light span, .icon-help--light .list--datatable--big span {
    text-indent: 0;
    overflow: inherit;
  }
  .list--datatable--big .payment-icon, .list--datatable--big .list--datatable--medium .status--banner, .list--datatable--medium .list--datatable--big .status--banner,
  .list--datatable--big .list--datatable--small .status--banner,
  .list--datatable--small .list--datatable--big .status--banner, .list--datatable--big .list--datatable--medium .status--banner--approved, .list--datatable--medium .list--datatable--big .status--banner--approved,
  .list--datatable--big .list--datatable--small .status--banner--approved,
  .list--datatable--small .list--datatable--big .status--banner--approved, .list--datatable--big .list--datatable--medium .status--banner--error, .list--datatable--medium .list--datatable--big .status--banner--error,
  .list--datatable--big .list--datatable--small .status--banner--error,
  .list--datatable--small .list--datatable--big .status--banner--error, .list--datatable--big .list--datatable--medium .status--banner--declined, .list--datatable--medium .list--datatable--big .status--banner--declined,
  .list--datatable--big .list--datatable--small .status--banner--declined,
  .list--datatable--small .list--datatable--big .status--banner--declined, .list--datatable--big .list--datatable--medium .status--banner--hold, .list--datatable--medium .list--datatable--big .status--banner--hold,
  .list--datatable--big .list--datatable--small .status--banner--hold,
  .list--datatable--small .list--datatable--big .status--banner--hold {
    background: none;
    width: auto;
    height: auto;
    float: left;
  }
  /* duplicated from _tables.scss */
  .list--datatable__entry {
    padding: 0.625em 5.4%;
    border-top: solid #EFF5F8 1px;
  }
  .list--datatable__headers {
    display: block;
    background: #f0f0f0;
    font-weight: bold;
    text-transform: uppercase;
    color: #005484;
    text-align: left;
    padding: 0.625em 5.4%;
    margin: 0;
    border-top: solid #ddd 2px;
  }
  .list--datatable__headers:after {
    clear: both;
    content: "";
    display: table;
  }
  .list--datatable__date {
    display: inline;
    float: left;
    width: 10.4919678715%;
    margin: 0 1.0040160643%;
    *width: 10.4398845382%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__trans-id {
    display: inline;
    float: left;
    width: 14.6586345382%;
    margin: 0 1.0040160643%;
    *width: 14.6065512048%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__account-name {
    display: inline;
    float: left;
    width: 22.9919678715%;
    margin: 0 1.0040160643%;
    *width: 22.9398845382%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__fancy-ttype {
    display: inline;
    float: left;
    width: 14.6586345382%;
    margin: 0 1.0040160643%;
    *width: 14.6065512048%;
    *margin: 0 0.9519327309%;
    text-align: left;
  }
  .list--datatable__amount {
    display: inline;
    float: left;
    width: 10.4919678715%;
    margin: 0 1.0040160643%;
    *width: 10.4398845382%;
    *margin: 0 0.9519327309%;
    text-align: left;
  }
  .list--datatable__fancy-ptype {
    display: inline;
    float: left;
    width: 5.4919678715%;
    margin: 0 1.0040160643%;
    *width: 5.4398845382%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__fancy-status {
    display: inline;
    float: left;
    width: 7.1586345382%;
    margin: 0 1.0040160643%;
    *width: 7.1065512048%;
    *margin: 0 0.9519327309%;
  }
  .list--datatable__options {
    display: none;
  }
  /**
   * Default Stuff
   */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  .ir a:after, .icon-help span a:after, .icon-help--light span a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}