/*

CSS for the admin interface

See buildcss/readme.txt for info about compiling this project's less files

The styles less file expects the @configuration variable to be set
when compiling. It includes the brand file from brand/@{configuration}.less.

This file should be compiled to ../css/CONFIGURATION.css where CONFIGURATION is
the deployment you wish to compile css for (atb, skyss, nettbussor, etc.)

*/
/* CSS reset from meyerweb.com */
/* v1.0 | 20080212 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: none;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Grids from 960GS CSS Framework */
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.

  Laverton: This is 960 with width 1080
*/
body {
  min-width: 1080px;
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 1080px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11,
.push_12,
.pull_12 {
  position: relative;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 70px;
}
.container_12 .grid_2 {
  width: 160px;
}
.container_12 .grid_3 {
  width: 250px;
}
.container_12 .grid_4 {
  width: 340px;
}
.container_12 .grid_5 {
  width: 430px;
}
.container_12 .grid_6 {
  width: 520px;
}
.container_12 .grid_7 {
  width: 610px;
}
.container_12 .grid_8 {
  width: 700px;
}
.container_12 .grid_9 {
  width: 790px;
}
.container_12 .grid_10 {
  width: 880px;
}
.container_12 .grid_11 {
  width: 970px;
}
.container_12 .grid_12 {
  width: 1060px;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  padding-left: 90px;
}
.container_12 .prefix_2 {
  padding-left: 180px;
}
.container_12 .prefix_3 {
  padding-left: 270px;
}
.container_12 .prefix_4 {
  padding-left: 360px;
}
.container_12 .prefix_5 {
  padding-left: 450px;
}
.container_12 .prefix_6 {
  padding-left: 540px;
}
.container_12 .prefix_7 {
  padding-left: 630px;
}
.container_12 .prefix_8 {
  padding-left: 720px;
}
.container_12 .prefix_9 {
  padding-left: 810px;
}
.container_12 .prefix_10 {
  padding-left: 900px;
}
.container_12 .prefix_11 {
  padding-left: 990px;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  padding-right: 90px;
}
.container_12 .suffix_2 {
  padding-right: 180px;
}
.container_12 .suffix_3 {
  padding-right: 270px;
}
.container_12 .suffix_4 {
  padding-right: 360px;
}
.container_12 .suffix_5 {
  padding-right: 450px;
}
.container_12 .suffix_6 {
  padding-right: 540px;
}
.container_12 .suffix_7 {
  padding-right: 630px;
}
.container_12 .suffix_8 {
  padding-right: 720px;
}
.container_12 .suffix_9 {
  padding-right: 810px;
}
.container_12 .suffix_10 {
  padding-right: 900px;
}
.container_12 .suffix_11 {
  padding-right: 990px;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
  left: 90px;
}
.container_12 .push_2 {
  left: 180px;
}
.container_12 .push_3 {
  left: 270px;
}
.container_12 .push_4 {
  left: 360px;
}
.container_12 .push_5 {
  left: 450px;
}
.container_12 .push_6 {
  left: 540px;
}
.container_12 .push_7 {
  left: 630px;
}
.container_12 .push_8 {
  left: 720px;
}
.container_12 .push_9 {
  left: 810px;
}
.container_12 .push_10 {
  left: 900px;
}
.container_12 .push_11 {
  left: 990px;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
  left: -90px;
}
.container_12 .pull_2 {
  left: -180px;
}
.container_12 .pull_3 {
  left: -270px;
}
.container_12 .pull_4 {
  left: -360px;
}
.container_12 .pull_5 {
  left: -450px;
}
.container_12 .pull_6 {
  left: -540px;
}
.container_12 .pull_7 {
  left: -630px;
}
.container_12 .pull_8 {
  left: -720px;
}
.container_12 .pull_9 {
  left: -810px;
}
.container_12 .pull_10 {
  left: -900px;
}
.container_12 .pull_11 {
  left: -990px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1;
}
/* Basic typography rules from Blueprint CSS Framework */
/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */
/* Both fonts by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
  font-family: "Museo";
  src: local("☺"), url("../type/Museo500-Regular.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans";
  src: local("☺"), url("../type/MuseoSans_500.otf") format("opentype");
}
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html {
  font-size: 100.01%;
}
body {
  font-size: 14px;
  line-height: 17px;
  color: #666;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
/* Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #111;
  font-family: Museo, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 24px;
  color: #37424a;
  margin-bottom: 30px;
  font-weight: normal;
  /*letter-spacing: 1px;  text-transform: uppercase; */
}
h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
  font-weight: normal;
}
h4 {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #666;
}
h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
h6 {
  font-size: 1em;
  font-weight: bold;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p {
  margin: 0 0 1.5em;
}
p img.left {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
}
a:focus,
a:hover {
  color: #000;
}
a {
  color: #009;
  text-decoration: underline;
}
blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic;
}
strong {
  font-weight: bold;
}
em,
dfn {
  font-style: italic;
}
dfn {
  font-weight: bold;
}
sup,
sub {
  line-height: 0;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
}
address {
  margin: 0 0 1.5em;
  font-style: italic;
}
del {
  color: #666;
}
pre {
  margin: 1.5em 0;
  white-space: pre;
}
pre,
code,
tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol {
  margin: 0;
}
ul,
ol {
  margin: 0 1.5em 1.5em 0;
  padding-left: 3.333em;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
dl {
  margin: 0 0 1.5em 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 1.5em;
}
/* Tables
-------------------------------------------------------------- */
table {
  margin-bottom: 1.4em;
  width: 100%;
}
thead tr {
  border-radius: 3px;
}
th,
td,
caption {
  padding: 4px 10px 4px 5px;
}
tr.even td {
  background: #e5ecf9;
}
tfoot {
  font-style: italic;
}
caption {
  background: #eee;
}
/* Misc classes
-------------------------------------------------------------- */
.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}
.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}
.hide {
  display: none;
}
.quiet {
  color: #666;
}
.loud {
  color: #000;
}
.highlight {
  background: #ff0;
}
.added {
  background: #060;
  color: #fff;
}
.removed {
  background: #900;
  color: #fff;
}
.first {
  margin-left: 0;
  padding-left: 0;
}
.last {
  margin-right: 0;
  padding-right: 0;
}
.top {
  margin-top: 0;
  padding-top: 0;
}
.bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* Custom classes
-------------------------------------------------------------- */
header nav {
  text-transform: uppercase;
  font-family: MuseoSans, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: right;
}
header nav a {
  color: #666;
  text-decoration: none;
}
section#login-box {
  font-size: 17px;
  color: #666;
}
input,
textarea {
  font-size: 17px;
  color: #666;
  letter-spacing: normal;
  font-weight: normal;
}
input[type=submit],
input[type=button] {
  letter-spacing: normal;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}
label {
  font-size: 14px;
  color: #666;
  letter-spacing: normal;
}
.placeholder {
  color: #aaaaaa;
}
/* Variables and reusable classes */
/* reusable classes */
.top-rounded-corners {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
/* This is the Skyss admin brand file */
/* 12-column 960.gs grid overlay */
#grid {
  background: url(../gfx/grid.png) 50% 0;
  position: absolute;
  width: 100%;
  height: 2500px;
  min-width: 960px;
  top: 0;
  z-index: 20;
  display: block;
  opacity: .4;
  display: none;
}
body {
  overflow: scroll;
}
body header {
  padding: 10px 0px 5px 0px;
  display: block;
  position: relative;
  width: 100%;
  padding: 5px 0px 5px 0px;
  background: #f5f5f5;
  margin-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
}
a {
  color: #36568D;
  text-decoration: underline;
}
a:hover {
  color: #132A51;
}
h2 {
  line-height: 40px;
  margin-bottom: 0px;
}
h3 {
  margin-bottom: 5px;
}
ul {
  list-style-type: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.block {
  display: block;
}
.strong {
  font-weight: bold;
}
header h1#mobillett {
  width: 150px;
  height: 38px;
  padding-bottom: 10px;
  padding-top: 10px;
  overflow: hidden;
  text-indent: -9999em;
  margin: 0px;
  background: url("../gfx/skyss-logo.png") no-repeat center left;
}
.error {
  background-color: #C46349;
  border-color: #a54d35;
}
.warning {
  background: #E08B94;
  border: 1px solid #D16973;
  font-size: 14px;
  line-height: 17px;
  color: #F7F7F7;
}
div#content {
  position: relative;
}
section {
  display: block;
}
.toggle-filter-controls {
  line-height: 40px;
  overflow: hidden;
  text-align: right;
  color: #999;
}
.toggle-filter-controls span.arrow {
  text-decoration: none;
  display: inline-block;
  margin-top: 3px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  background: url(../gfx/expand-arrow.png) no-repeat 0 0;
  margin-right: 5px;
  transtion: transform 0.4s;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
}
.toggle-filter-controls span.arrow.open {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transtion: transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
}
.toggle-filter-controls span:hover {
  color: #666;
}
.toggle-filter-controls span {
  text-decoration: underline;
  cursor: pointer;
}
/* CONTROL CODES
-------------------------------------------------------------- */
div#controlcodes-list h3 {
  text-align: center;
  color: #728044;
  margin: 0;
}
.icon-align {
  vertical-align: middle;
}
.text-align-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
.red-border:not(:focus) {
  border-color: red;
}
.error-print {
  color: red;
  padding-left: 10px;
}
.clickontablerow {
  cursor: pointer;
}
.view-purchase-details {
  color: #36568D;
  text-decoration: underline;
  cursor: pointer;
}
.view-purchase-details a:hover {
  color: #132A51;
}
section#adminuser-table table tbody td a {
  text-decoration: none;
  color: unset;
}
section#adminuser-table table tbody td a:hover {
  text-decoration: none;
  color: #627685;
}
#adminuser-edit-success {
  color: #86967a;
}
#adminusercreated {
  color: #86967a;
  font-weight: bold;
}
.adminuser-width-small {
  width: 17%;
}
.adminuser-width-large {
  width: 73%;
}
section#seller-details-table table tbody tr td {
  vertical-align: middle;
  height: 34.8px;
}
section#seller-table table thead td {
  font-weight: bold;
}
section#seller-table table tbody td a {
  text-decoration: none;
  color: unset;
}
section#seller-table table tbody td a:hover {
  text-decoration: none;
  color: #627685;
}
#seller-edit-success {
  color: #86967a;
}
#sellercreated {
  color: #86967a;
  font-weight: bold;
}
.seller-width-small {
  width: 20%;
}
.seller-width-large {
  width: 80%;
}
.details-box-frame {
  float: right;
  font-size: 90%;
  margin-bottom: 20px;
  background: #FCFCFC;
  box-shadow: inset 0px 0px 70px 2px #EDEDED;
  border-left: 1px solid #DCE3E2;
  border-right: 1px solid #e5eae9;
  border-top: 1px solid #DCE3E2;
  border-bottom: 1px solid #DCE3E2;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
  -ms-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
}
.details-box-large {
  width: 80%;
  max-width: 800px;
}
.details-box-small {
  width: 50%;
  max-width: 500px;
}
.details-box-header {
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid #E8E8E8;
  margin: 0;
  background: #EAEAEA;
  -webkit-border-radius: 4px 0px 0px 0px;
  -moz-border-radius: 4px 0px 0px 0px;
  -o-border-radius: 4px 0px 0px 0px;
  -ms-border-radius: 4px 0px 0px 0px;
  border-radius: 4px 0px 0px 0px;
  color: #758892;
  font-size: 18px;
}
.details-box-div-left {
  padding-left: 5px;
  padding-right: 30px;
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.details-box-div-right {
  padding-right: 5px;
  padding-left: 30px;
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.details-box-button {
  display: inline-block;
  float: right;
  padding: 3px 5px 3px 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #F5F5F5;
  border: 1px solid #7c99aa;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #92aab8;
  background-image: linear-gradient(bottom, #85a0b0 0%, #92aab8 58%);
  background-image: -o-linear-gradient(bottom, #85a0b0 0%, #92aab8 58%);
  background-image: -moz-linear-gradient(bottom, #85a0b0 0%, #92aab8 58%);
  background-image: -webkit-linear-gradient(bottom, #85a0b0 0%, #92aab8 58%);
  background-image: -ms-linear-gradient(bottom, #85a0b0 0%, #92aab8 58%);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.details-box-button:hover {
  cursor: pointer;
  border: 1px solid #829eae;
  background-color: #a1b6c2;
  background-image: linear-gradient(bottom, #8ba5b4 0%, #98afbc 58%);
  background-image: -o-linear-gradient(bottom, #8ba5b4 0%, #98afbc 58%);
  background-image: -moz-linear-gradient(bottom, #8ba5b4 0%, #98afbc 58%);
  background-image: -webkit-linear-gradient(bottom, #8ba5b4 0%, #98afbc 58%);
  background-image: -ms-linear-gradient(bottom, #8ba5b4 0%, #98afbc 58%);
}
.details-box-button:active {
  background-color: #88a3b2;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.details-box-content-padding {
  padding: 5px 5px 10px 10px;
}
.marginTop-1 {
  margin-top: 5px;
}
.marginTop-2 {
  margin-top: 10px;
}
.marginTop-3 {
  margin-top: 20px;
}
.marginTop-4 {
  margin-top: 30px;
}
.marginTop-5 {
  margin-top: 40px;
}
.marginLeft-1 {
  margin-left: 5px;
}
.marginLeft-2 {
  margin-left: 10px;
}
.marginLeft-3 {
  margin-left: 20px;
}
.marginRight-1 {
  margin-right: 5px;
}
.marginRight-2 {
  margin-right: 10px;
}
.marginRight-3 {
  margin-right: 20px;
}
.marginBottom-1 {
  margin-bottom: 5px;
}
.marginBottom-2 {
  margin-bottom: 10px;
}
.marginBottom-3 {
  margin-bottom: 20px;
}
.disableClickOnDiv {
  pointer-events: none;
}
section#onboardappdevice-table table tbody td a {
  color: #36568D;
  text-decoration: underline;
}
section#onboardappdevice-table table tbody td a:hover {
  color: #132A51;
}
#onboardappdevice-edit-success {
  color: #86967a;
}
#onboardappdevicecreated,
#company-created {
  color: #86967a;
  font-weight: bold;
}
.onboardappdevice-width-small,
.company-width-small {
  width: 25%;
}
.onboardappdevice-width-large,
.company-width-large {
  width: 75%;
}
.searchheader {
  line-height: 40px;
}
.seller-edit-link,
.company-edit-link,
.company-employee-edit-link {
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px 10px;
  color: #E2774F;
}
.breadcrumb-link {
  cursor: pointer;
}
h3#notification {
  display: none;
  padding: 5px;
  font-size: 13px;
  color: white;
  margin-bottom: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border-width: 1px solid;
}
h3#notification.warn,
.notice.warn {
  background-color: #E3A95D;
  border-color: #db9232;
}
h3#notification.error,
.notice.error {
  background-color: #C46349;
  border-color: #a54d35;
}
.notice.error,
.notice.warn {
  padding: 2px 5px 2px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: white;
  display: inline-block;
}
.date-range-picker {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  line-height: 20px;
  border: 1px solid #D6D6D6;
  width: 300px;
  -webkit-box-shadow: inset 0 0 1px 4px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: inset 0 0 1px 4px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 0 1px 4px rgba(0, 0, 0, 0.02);
}
.date-range-picker span {
  margin-left: 10px;
}
.receipt-link img {
  vertical-align: middle;
}
.date-range-picker .fa-caret-down {
  position: absolute;
  right: 10px;
  top: 7px;
}
.daterangepicker td,
.daterangepicker th {
  padding: 0;
}
.text-color-severity-ok {
  color: green;
}
.text-color-severity-warning {
  color: #c49900;
}
.text-color-severity-severe {
  color: #E00000;
}
.accounting h2 {
  margin-bottom: 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid #EDEDED;
}
#content_revenue {
  padding-top: 8px;
}
#content_revenue h4.listheader {
  margin: 25px 0px 10px 0px;
}
#content_revenue table {
  margin: 0px;
}
#content_revenue thead th {
  background-color: #c3d9ff;
}
table.revenues tr.total td {
  font-weight: bold;
}
#accounting ul#repports {
  padding: 0px;
  margin: 0px;
}
#accounting ul#repports li.repport {
  padding: 0px;
  margin: 5px 0px 0px 0px;
  border-radius: 2px;
  -ms-transition: box-shadow 0.2s, margin 0.3s;
  -o-transition: box-shadow 0.2s, margin 0.3s;
  -moz-transition: box-shadow 0.2s, margin 0.3s;
  -webkit-transition: box-shadow 0.2s, margin 0.3s;
}
#accounting ul#repports li.repport.active {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  margin: 18px 0px;
}
#accounting ul#repports li.repport h1 {
  background-color: #D9E7FF;
  font-size: 16px;
  margin: 0px;
  padding: 10px;
  cursor: pointer;
  color: #526687;
  -ms-transition: padding 0.3s, background-color 0.2s;
  -o-transition: padding 0.3s, background-color 0.2s;
  -moz-transition: padding 0.2s, background-color 0.2s;
  -webkit-transition: padding 0.3s, background-color 0.2s;
  transition: padding 0.2s, background-color 0.2s;
  border-radius: 2px;
}
#accounting ul#repports li.repport h1:hover {
  background-color: #d4e4ff;
}
#accounting ul#repports li.repport.active h1 {
  padding: 18px 10px;
  border-radius: 2px 2px 0px 0px;
}
#accounting ul#repports li.repport .reports {
  display: none;
  padding: 10px;
  background-color: rgba(217, 231, 255, 0.1);
  border: 1px solid #C4DAFF;
  border-radius: 0px 0px 2px 2px;
}
#accounting ul#repports li.repport .reports ul.report-names {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  width: 235px;
}
#accounting ul#repports li.repport .reports ul.report-names li {
  margin-top: 5px;
  cursor: pointer;
  font-weight: bold;
  font-size: 11px;
  color: #898F9C;
}
#accounting ul#repports li.repport .reports ul.report-names li.active {
  color: #4B515E;
  text-decoration: underline;
}
#accounting ul#repports li.repport .reports .report-details {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 595px;
  background-color: #faf4dd;
  border: 1px solid #f7eab7;
  padding: 10px;
  border-radius: 2px;
  box-shadow: inset 0px 0px 30px 0px rgba(5, 5, 5, 0.03);
}
#accounting ul#repports li.repport .reports .report-details table tbody tr:nth-child(2n+2) {
  background-color: inherit;
}
#accounting ul#repports li.repport .reports .report-details .lines {
  margin: 10px 0px 0px 0px;
}
#accounting ul#repports li.repport .reports .report-details.active .lines {
  display: table;
}
#accounting ul#repports li.repport .reports .report-details .info {
  display: none;
}
#accounting ul#repports li.repport .reports .report-details .info h4 {
  margin: 0px 0px 0px 5px;
}
#accounting ul#repports li.repport .reports .report-details.active .info {
  display: block;
}
#accounting ul#repports li.repport .reports .report-details #empty {
  margin: 50px auto 50px auto;
  text-align: center;
}
#accounting ul#repports li.repport .reports .report-details.active #empty {
  display: none;
}
#accounting ul#repports li.repport .reports .report-details .shipment-details {
  display: block;
  margin-top: 20px;
}
#accounting ul#repports li.repport .reports .report-details .shipment-details table tr td.success {
  color: #9BC761;
}
#accounting ul#repports li.repport .reports .report-details .shipment-details table tr td.failed {
  color: #BF6043;
}
#adminloglist {
  position: relative;
}
#adminloglist a {
  text-decoration: none;
  color: #666;
}
#customers #adminloglist table tbody tr:nth-child(2n+2) {
  background: none;
}
#adminloglist .adminlog-loading-status {
  position: absolute;
  font-weight: bold;
  opacity: 0.01;
  -moz-opacity: 0.01;
  filter: alpha(opacity=001);
  transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
}
#adminloglist .adminlog-loading-status.active {
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
}
#adminloglist table tbody {
  color: #665B55;
}
.wtw-button {
  position: relative;
  display: inline-block;
  height: auto;
  line-height: 24px;
  font-family: Verdana, Arial, sans-serif !important;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 10px 3px 10px;
}
.wtw-button.neutral,
.button-with-radio.neutral {
  color: #333;
  border: 1px solid #cbcbcb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #dddddd;
  background-image: linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -o-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -moz-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -webkit-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -ms-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
}
.wtw-button.neutral:hover,
.button-with-radio.neutral:hover {
  cursor: pointer;
  border: 1px solid #d0d0d0;
  background-color: #eaeaea;
  background-image: linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -o-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -moz-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -webkit-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -ms-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
}
.wtw-button.neutral:active,
.button-with-radio.neutral:active {
  background-color: #d5d5d5;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-button.destructive {
  color: white;
  border: 1px solid #9e473d;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #b85247;
  background-image: linear-gradient(bottom, #a94b41 0%, #b85247 58%);
  background-image: -o-linear-gradient(bottom, #a94b41 0%, #b85247 58%);
  background-image: -moz-linear-gradient(bottom, #a94b41 0%, #b85247 58%);
  background-image: -webkit-linear-gradient(bottom, #a94b41 0%, #b85247 58%);
  background-image: -ms-linear-gradient(bottom, #a94b41 0%, #b85247 58%);
}
.wtw-button.destructive:hover {
  cursor: pointer;
  border: 1px solid #a64a40;
  background-color: #bf6359;
  background-image: linear-gradient(bottom, #b14f44 0%, #bb594e 58%);
  background-image: -o-linear-gradient(bottom, #b14f44 0%, #bb594e 58%);
  background-image: -moz-linear-gradient(bottom, #b14f44 0%, #bb594e 58%);
  background-image: -webkit-linear-gradient(bottom, #b14f44 0%, #bb594e 58%);
  background-image: -ms-linear-gradient(bottom, #b14f44 0%, #bb594e 58%);
}
.wtw-button.destructive:active {
  background-color: #ad4d43;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-button.small {
  height: 16px;
  line-height: 16px;
}
.wtw-button.save {
  border: 1px solid #748469;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #86967a;
  background-image: linear-gradient(bottom, #7b8c6f 0%, #86967a 58%);
  background-image: -o-linear-gradient(bottom, #7b8c6f 0%, #86967a 58%);
  background-image: -moz-linear-gradient(bottom, #7b8c6f 0%, #86967a 58%);
  background-image: -webkit-linear-gradient(bottom, #7b8c6f 0%, #86967a 58%);
  background-image: -ms-linear-gradient(bottom, #7b8c6f 0%, #86967a 58%);
  color: white;
}
.wtw-button.save:hover {
  cursor: pointer;
  border: 1px solid #79896d;
  background-color: #93a189;
  background-image: linear-gradient(bottom, #809175 0%, #8b9a80 58%);
  background-image: -o-linear-gradient(bottom, #809175 0%, #8b9a80 58%);
  background-image: -moz-linear-gradient(bottom, #809175 0%, #8b9a80 58%);
  background-image: -webkit-linear-gradient(bottom, #809175 0%, #8b9a80 58%);
  background-image: -ms-linear-gradient(bottom, #809175 0%, #8b9a80 58%);
}
.wtw-button.save:active {
  background-color: #7e8f72;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-button.disabled {
  color: #b5b5b5;
  opacity: 0.75;
  background-color: #707070;
}
.wtw-button.delete.disabled {
  color: #b5b5b5;
  opacity: 0.75;
  background-color: #707070;
}
.wtw-button.page,
.wtw-button.prevpage,
.wtw-button.firstpage,
.wtw-button.lastpage,
.wtw-button.nextpage {
  color: #828282;
}
.wtw-button.page.disabled,
.wtw-button.prevpage.disabled,
.wtw-button.firstpage.disabled,
.wtw-button.lastpage.disabled,
.wtw-button.nextpage.disabled {
  color: #b5b5b5;
  opacity: 0.75;
  background-color: #707070;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.wtw-button.ok,
.wtw-button.go {
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #748468;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #86967a;
  background-image: linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -o-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -moz-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -webkit-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -ms-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
}
.wtw-button.ok:hover,
.wtw-button.go:hover {
  cursor: pointer;
  border: 1px solid #798a6d;
  background-color: #93a188;
  background-image: linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -o-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -moz-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -webkit-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -ms-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
}
.wtw-button.ok:active,
.wtw-button.go:active {
  background-color: #7e8f71;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-button.greyButton {
  color: #333;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #cbcbcb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #dddddd;
  background-image: linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -o-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -moz-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -webkit-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -ms-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
}
.wtw-button.greyButton:hover {
  cursor: pointer;
  border: 1px solid #d0d0d0;
  background-color: #eaeaea;
  background-image: linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -o-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -moz-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -webkit-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -ms-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
}
.wtw-button.greyButton:active {
  background-color: #d5d5d5;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-button.greyButton.disabled {
  color: #A5A5A5;
}
.wtw-button.cancel {
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #a77e7a;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #b5938f;
  background-image: linear-gradient(bottom, #ad8783 0%, #b5938f 58%);
  background-image: -o-linear-gradient(bottom, #ad8783 0%, #b5938f 58%);
  background-image: -moz-linear-gradient(bottom, #ad8783 0%, #b5938f 58%);
  background-image: -webkit-linear-gradient(bottom, #ad8783 0%, #b5938f 58%);
  background-image: -ms-linear-gradient(bottom, #ad8783 0%, #b5938f 58%);
}
.wtw-button.cancel:hover {
  cursor: pointer;
  border: 1px solid #ab8480;
  background-color: #bfa29e;
  background-image: linear-gradient(bottom, #b18d89 0%, #b99995 58%);
  background-image: -o-linear-gradient(bottom, #b18d89 0%, #b99995 58%);
  background-image: -moz-linear-gradient(bottom, #b18d89 0%, #b99995 58%);
  background-image: -webkit-linear-gradient(bottom, #b18d89 0%, #b99995 58%);
  background-image: -ms-linear-gradient(bottom, #b18d89 0%, #b99995 58%);
}
.wtw-button.cancel:active {
  background-color: #af8a86;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-button.success {
  border: 1px solid #748469;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #86967a;
  background-image: linear-gradient(bottom, #7b8c6f 0%, #86967a 58%);
  background-image: -o-linear-gradient(bottom, #7b8c6f 0%, #86967a 58%);
  background-image: -moz-linear-gradient(bottom, #7b8c6f 0%, #86967a 58%);
  background-image: -webkit-linear-gradient(bottom, #7b8c6f 0%, #86967a 58%);
  background-image: -ms-linear-gradient(bottom, #7b8c6f 0%, #86967a 58%);
}
.wtw-button.success:hover {
  cursor: pointer;
  border: 1px solid #79896d;
  background-color: #93a189;
  background-image: linear-gradient(bottom, #809175 0%, #8b9a80 58%);
  background-image: -o-linear-gradient(bottom, #809175 0%, #8b9a80 58%);
  background-image: -moz-linear-gradient(bottom, #809175 0%, #8b9a80 58%);
  background-image: -webkit-linear-gradient(bottom, #809175 0%, #8b9a80 58%);
  background-image: -ms-linear-gradient(bottom, #809175 0%, #8b9a80 58%);
}
.wtw-button.success:active {
  background-color: #7e8f72;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-button.failed {
  border: 1px solid #b85247;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #c26a61;
  background-image: linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -o-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -moz-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -webkit-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -ms-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
}
.wtw-button.failed:hover {
  cursor: pointer;
  border: 1px solid #bb594f;
  background-color: #c97b73;
  background-image: linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -o-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -moz-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -webkit-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -ms-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
}
.wtw-button.failed:active {
  background-color: #be6056;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-button.action {
  color: #F5F5F5;
  border: 1px solid #7c99aa;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #92aab8;
  background-image: linear-gradient(bottom, #85a0b0 0%, #92aab8 58%);
  background-image: -o-linear-gradient(bottom, #85a0b0 0%, #92aab8 58%);
  background-image: -moz-linear-gradient(bottom, #85a0b0 0%, #92aab8 58%);
  background-image: -webkit-linear-gradient(bottom, #85a0b0 0%, #92aab8 58%);
  background-image: -ms-linear-gradient(bottom, #85a0b0 0%, #92aab8 58%);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.wtw-button.action:hover {
  cursor: pointer;
  border: 1px solid #829eae;
  background-color: #a1b6c2;
  background-image: linear-gradient(bottom, #8ba5b4 0%, #98afbc 58%);
  background-image: -o-linear-gradient(bottom, #8ba5b4 0%, #98afbc 58%);
  background-image: -moz-linear-gradient(bottom, #8ba5b4 0%, #98afbc 58%);
  background-image: -webkit-linear-gradient(bottom, #8ba5b4 0%, #98afbc 58%);
  background-image: -ms-linear-gradient(bottom, #8ba5b4 0%, #98afbc 58%);
}
.wtw-button.action:active {
  background-color: #88a3b2;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-button.action.disabled {
  color: #DDDDDD;
}
.button-with-radio {
  position: relative;
  display: inline-block;
  height: 22px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 5px 10px 3px 30px;
}
.button-with-radio span {
  position: absolute;
  top: 9px;
  left: 10px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
}
.button-with-radio span::before {
  position: absolute;
  top: -4px;
  left: -4px;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  border: 2px solid #48545F;
  box-sizing: border-box;
}
.button-with-radio input[type="radio"]:checked + span {
  background-color: #48545F;
}
.button-with-radio input[type="radio"] {
  display: none;
}
.button-with-radio.disabled {
  color: #b5b5b5;
  opacity: 0.75;
  background-color: #707070;
}
.button-with-radio.disabled {
  opacity: 0.75;
}
.button-with-radio.disabled span::before {
  border: 2px solid #707070;
}
.wtw-button.loading {
  padding-left: 30px;
}
.wtw-button.loading::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  left: 4px;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #999999;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}
.wtw-button.action.loading::before {
  border-top-color: #ffffff;
}
@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
.wtw-button.refund-small {
  display: inline-block;
  font-weight: normal;
  border: 1px solid #d1d1d1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #e3e3e3;
  background-image: linear-gradient(bottom, #d9d9d9 0%, #e3e3e3 58%);
  background-image: -o-linear-gradient(bottom, #d9d9d9 0%, #e3e3e3 58%);
  background-image: -moz-linear-gradient(bottom, #d9d9d9 0%, #e3e3e3 58%);
  background-image: -webkit-linear-gradient(bottom, #d9d9d9 0%, #e3e3e3 58%);
  background-image: -ms-linear-gradient(bottom, #d9d9d9 0%, #e3e3e3 58%);
  float: none !important;
  padding: 5px;
  line-height: 10px;
  color: #7f7f7f;
  font-size: 12px;
}
.wtw-button.refund-small:hover {
  cursor: pointer;
  border: 1px solid #d6d6d6;
  background-color: #f0f0f0;
  background-image: linear-gradient(bottom, #dedede 0%, #e8e8e8 58%);
  background-image: -o-linear-gradient(bottom, #dedede 0%, #e8e8e8 58%);
  background-image: -moz-linear-gradient(bottom, #dedede 0%, #e8e8e8 58%);
  background-image: -webkit-linear-gradient(bottom, #dedede 0%, #e8e8e8 58%);
  background-image: -ms-linear-gradient(bottom, #dedede 0%, #e8e8e8 58%);
}
.wtw-button.refund-small:active {
  background-color: #dbdbdb;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-button.refund.disabled {
  color: #8C8C8C;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  background-color: #f5f5f5;
  background-image: linear-gradient(bottom, #ebebeb 0%, #f5f5f5 58%);
  background-image: -o-linear-gradient(bottom, #ebebeb 0%, #f5f5f5 58%);
  background-image: -moz-linear-gradient(bottom, #ebebeb 0%, #f5f5f5 58%);
  background-image: -webkit-linear-gradient(bottom, #ebebeb 0%, #f5f5f5 58%);
  background-image: -ms-linear-gradient(bottom, #ebebeb 0%, #f5f5f5 58%);
  opacity: 0.7;
}
.wtw-icon-button {
  position: relative;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 5px 3px 5px;
  height: auto;
  line-height: 20px;
  float: none;
  color: #333;
  border: 1px solid #cbcbcb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #dddddd;
  background-image: linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -o-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -moz-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -webkit-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -ms-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
}
.wtw-icon-button:hover {
  cursor: pointer;
  border: 1px solid #d0d0d0;
  background-color: #eaeaea;
  background-image: linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -o-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -moz-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -webkit-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -ms-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
}
.wtw-icon-button:active {
  background-color: #d5d5d5;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wtw-icon-button.disabled {
  color: #8C8C8C;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  background-color: #f5f5f5;
  background-image: linear-gradient(bottom, #ebebeb 0%, #f5f5f5 58%);
  background-image: -o-linear-gradient(bottom, #ebebeb 0%, #f5f5f5 58%);
  background-image: -moz-linear-gradient(bottom, #ebebeb 0%, #f5f5f5 58%);
  background-image: -webkit-linear-gradient(bottom, #ebebeb 0%, #f5f5f5 58%);
  background-image: -ms-linear-gradient(bottom, #ebebeb 0%, #f5f5f5 58%);
  opacity: 0.7;
}
h2.placeholder {
  height: 40px;
  line-height: 40px;
}
h2.placeholder img {
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 3px;
}
#customers .searchheader {
  height: 40px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px solid #EDEDED;
}
#customers #placeholder {
  margin-top: 40px;
  text-align: center;
}
#customers h3 {
  font-size: 18px;
}
div#account-status h3 {
  color: #728044;
  text-align: center;
}
#customer-search-result {
  margin-top: 30px;
}
#search-result-userlist {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  float: left;
  display: inline-block;
  margin: 0px 0px 15px 0px;
  width: 240px;
}
#search-result-userlist h4 {
  margin: 5px 0px 5px 0px;
  padding: 0px 10px 0px 10px;
}
#search-result-userlist h4.historyheader {
  display: none;
  margin-top: 25px;
  font-size: 14px;
  padding-top: 5px;
  border-top: 1px solid #d4d4d4;
}
#search-result-userlist h4.historyheader .clearhistory {
  border: 1px solid #d1d1d1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #e3e3e3;
  background-image: linear-gradient(bottom, #d9d9d9 0%, #e3e3e3 58%);
  background-image: -o-linear-gradient(bottom, #d9d9d9 0%, #e3e3e3 58%);
  background-image: -moz-linear-gradient(bottom, #d9d9d9 0%, #e3e3e3 58%);
  background-image: -webkit-linear-gradient(bottom, #d9d9d9 0%, #e3e3e3 58%);
  background-image: -ms-linear-gradient(bottom, #d9d9d9 0%, #e3e3e3 58%);
  float: right;
  padding: 2px;
  font-family: tahoma, arial;
  font-size: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  color: #8C8C8C;
  height: 10px;
  font-weight: normal;
  line-height: 10px;
}
#search-result-userlist h4.historyheader .clearhistory:hover {
  cursor: pointer;
  border: 1px solid #d6d6d6;
  background-color: #f0f0f0;
  background-image: linear-gradient(bottom, #dedede 0%, #e8e8e8 58%);
  background-image: -o-linear-gradient(bottom, #dedede 0%, #e8e8e8 58%);
  background-image: -moz-linear-gradient(bottom, #dedede 0%, #e8e8e8 58%);
  background-image: -webkit-linear-gradient(bottom, #dedede 0%, #e8e8e8 58%);
  background-image: -ms-linear-gradient(bottom, #dedede 0%, #e8e8e8 58%);
}
#search-result-userlist h4.historyheader .clearhistory:active {
  background-color: #dbdbdb;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
#search-result-userlist h3 {
  padding: 5px;
  margin: 0px;
}
#search-result-userlist ul {
  list-style-type: none;
  list-style: none;
  margin: 0px;
  padding: 2px 0 5px 5px;
}
#search-result-userlist ul li {
  position: relative;
  text-align: left;
  list-style-type: none;
  list-style: none;
  margin: 0px 0px 5px 0px;
  padding: 3px 0px 3px 0;
  font-size: 12px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #777;
  line-height: 24px;
  opacity: 0.6;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
#search-result-userlist ul li span.name {
  display: inline-block;
  background-image: url(../gfx/user_9x12.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
  font-size: 12px;
  font-weight: normal;
}
#search-result-userlist ul li img.login-provider-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
  margin-left: 5px;
}
#search-result-userlist ul li ul.account-users li.mainuser span.name {
  font-weight: bold;
}
#search-result-userlist ul li:hover {
  cursor: pointer;
}
#search-result-userlist ul li ul.account-users {
  padding: 0px;
  margin: 0px;
}
#search-result-userlist ul li ul.account-users li {
  font-size: 12px;
  padding-left: 20px;
  line-height: 18px;
}
#search-result-userlist ul li ul.account-users li.mainuser {
  padding-left: 10px;
}
#search-result-userlist ul li.active {
  color: #F15D22;
}
#search-result-userlist ul li .user-link {
  position: absolute;
  top: 3px;
  right: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #cfcfcf;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #e1e1e1;
  background-image: linear-gradient(bottom, #d6d6d6 0%, #e1e1e1 58%);
  background-image: -o-linear-gradient(bottom, #d6d6d6 0%, #e1e1e1 58%);
  background-image: -moz-linear-gradient(bottom, #d6d6d6 0%, #e1e1e1 58%);
  background-image: -webkit-linear-gradient(bottom, #d6d6d6 0%, #e1e1e1 58%);
  background-image: -ms-linear-gradient(bottom, #d6d6d6 0%, #e1e1e1 58%);
  height: 16px;
  line-height: 16px;
  padding: 3px;
}
#search-result-userlist ul li .user-link:hover {
  cursor: pointer;
  border: 1px solid #d4d4d4;
  background-color: #ededed;
  background-image: linear-gradient(bottom, #dcdcdc 0%, #e6e6e6 58%);
  background-image: -o-linear-gradient(bottom, #dcdcdc 0%, #e6e6e6 58%);
  background-image: -moz-linear-gradient(bottom, #dcdcdc 0%, #e6e6e6 58%);
  background-image: -webkit-linear-gradient(bottom, #dcdcdc 0%, #e6e6e6 58%);
  background-image: -ms-linear-gradient(bottom, #dcdcdc 0%, #e6e6e6 58%);
}
#search-result-userlist ul li .user-link:active {
  background-color: #d9d9d9;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
#search-result-userlist #fresh-wrapper {
  max-height: 280px;
  overflow: hidden;
}
#search-result-userlist ul.fresh li {
  opacity: 1;
}
#search-result-userlist #history {
  max-height: 310px;
  overflow: hidden;
  display: none;
  padding-bottom: 10px;
  -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px 0px 20px 5px rgba(0, 0, 0, 0.03);
}
#search-result-userview {
  margin-left: 0px;
  float: right;
  display: inline-block;
  font-size: 90%;
}
#search-result-userview {
  width: 800px;
}
#search-result-userview .userbox {
  position: relative;
  margin: 0px;
  padding: 0px;
  background: #FCFCFC;
  -webkit-box-shadow: inset 0px 0px 70px 2px #EDEDED;
  -moz-box-shadow: inset 0px 0px 70px 2px #EDEDED;
  box-shadow: inset 0px 0px 70px 2px #EDEDED;
}
#search-result-userview .userview-details.userbox,
#user-messages.userbox,
#user-creditcards.userbox,
#user-travelcards.userbox,
#user-companies.userbox,
#user-schoolpermit.userbox {
  border-left: 1px solid #DCE3E2;
  border-right: 1px solid #e5eae9;
  border-top: 1px solid #DCE3E2;
  border-bottom: 1px solid #DCE3E2;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
  -ms-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
}
#search-result-userview .userview-account.userbox {
  border-right: 1px solid #DCE3E2;
  border-top: 1px solid #DCE3E2;
  border-bottom: 1px solid #DCE3E2;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
  -ms-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}
#search-result-userview .userbox h3 {
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid #E8E8E8;
  margin: 0;
  background: #EAEAEA;
}
#search-result-userview .userbox .content {
  padding: 5px 5px 4em 10px;
  min-height: 170px;
}
#user-messages .messagelist-wrapper {
  padding: 5px 5px 10px 10px;
}
#user-creditcards .creditcard-wrapper {
  padding: 5px 5px 10px 10px;
}
#user-travelcards .travelcard-wrapper {
  padding: 5px 5px 10px 10px;
}
#user-companies .company-wrapper {
  padding: 5px 5px 10px 10px;
}
#user-schoolpermit .schoolpermit-wrapper {
  padding: 5px 5px 10px 10px;
}
#search-result-userview .userbox .content tr td {
  padding: 4px 2px 1px 0;
}
#search-result-userview .userview-details {
  width: 350px;
}
#search-result-userview .userbox.userview-details h3,
#user-messages h3,
#user-creditcards h3,
#user-travelcards h3,
#user-companies h3,
#user-schoolpermit h3 {
  -webkit-border-radius: 4px 0px 0px 0px;
  -moz-border-radius: 4px 0px 0px 0px;
  -o-border-radius: 4px 0px 0px 0px;
  -ms-border-radius: 4px 0px 0px 0px;
  border-radius: 4px 0px 0px 0px;
  color: #758892;
}
#search-result-userview .userbox.userview-details .content,
#user-messages .userbox,
#user-creditcards .userbox,
#user-travelcards .userbox,
#user-companies .userbox,
#user-schoolpermit .userbox {
  -webkit-border-radius: 0px 0px 0px 4px;
  -moz-border-radius: 0px 0px 0px 4px;
  -o-border-radius: 0px 0px 0px 4px;
  -ms-border-radius: 0px 0px 0px 4px;
  border-radius: 0px 0px 0px 4px;
}
#search-result-userview .userbox.userview-details td.display-name {
  word-break: break-all;
  max-width: 160px;
}
#search-result-userview .userview-account {
  width: 442px;
  margin-left: 5px;
}
#user-messages,
#user-creditcards,
#user-travelcards,
#user-companies,
#user-schoolpermit {
  position: relative;
  width: 100%;
}
#user-messages .messagelist,
#user-creditcards .creditCardList,
#user-travelcards .travelCardList #user-companies,
.companiesList #user-schoolpermit .schoolPermitList {
  margin-top: 0;
}
#search-result-userview .userbox.userview-account h3 {
  color: #758892;
  -webkit-border-radius: 0px 4px 0px 0px;
  -moz-border-radius: 0px 4px 0px 0px;
  -o-border-radius: 0px 4px 0px 0px;
  -ms-border-radius: 0px 4px 0px 0px;
  border-radius: 0px 4px 0px 0px;
}
#search-result-userview .userbox.userview-account h3 .balance {
  float: right;
  font-size: 14px;
  line-height: 20px;
}
#search-result-userview .userbox.userview-account .content {
  -webkit-border-radius: 0px 0px 4px 0px;
  -moz-border-radius: 0px 0px 4px 0px;
  -o-border-radius: 0px 0px 4px 0px;
  -ms-border-radius: 0px 0px 4px 0px;
  border-radius: 0px 0px 4px 0px;
}
#search-result-userview span.user {
  display: block;
  background-image: url(../gfx/user_9x12.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
  font-size: 12px;
  font-weight: normal;
  cursor: pointer;
}
#search-result-userview .transactionlist td {
  vertical-align: middle;
}
#search-result-userview .userview-account.subuser {
  background-color: #d9d9d9;
  color: #D4D4D4 !important;
  border-color: #bfbfbf;
}
#search-result-userview .userview-account h4 {
  margin: 0;
}
#search-result-userview .userview-account table {
  margin: 0;
  padding: 0;
}
#search-result-userview .userview-account table thead td {
  margin: 0 5px 5px 0;
  padding: 0;
}
#search-result-userview .userview-account table tbody tr.Tilbakebetaling,
#fulltransactionlist table tbody tr.Tilbakebetaling {
  color: #C47071;
}
#search-result-userview .userview-account #account-actions,
#user-messages-actions {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#search-result-userview .userview-details #customer-actions {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#smsform input,
#smsform textarea {
  display: block;
  width: 100%;
  margin: -15px -15px -15px -15px;
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  height: 100px;
  padding: 15px;
  border: 0px solid;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
#search-result-userview .userview-tickets {
  margin: 10px 0px 10px 0px;
  padding: 5px;
  width: 738px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
#search-result-userview .receipt-link img:hover {
  opacity: 1;
}
#search-result-userview .userview-tickets .ticketlist-wrapper {
  min-height: 350px;
}
#search-result-userview .userview-tickets #tickets {
  padding: 5px;
}
#search-result-userview .userview-tickets h3 {
  line-height: 25px;
  height: 25px;
  padding: 5px;
  margin: 0px;
  float: left;
}
#search-result-userview .receipt-link img:hover {
  opacity: 1;
}
.userview-tickets td {
  vertical-align: middle;
}
#user-messages thead td,
#user-creditcards thead td,
#user-travelcards thead td,
#user-companies thead td {
  font-weight: bold;
}
#user-schoolpermit thead td {
  font-weight: bold;
  border-bottom: none;
}
#fulltransactionlist,
#fullmessagelist {
  overflow: visible;
}
#fulltransactionlist table,
#fullmessagelist table {
  margin-top: 5px;
  margin-bottom: 0;
}
#fulltransactionlist table thead td,
#fullmessagelist table thead td {
  margin-top: 0px!important;
  padding-top: 0px!important;
}
#fulltransactionlist {
  min-height: 340px;
}
#fulltransactionlist table tbody td {
  vertical-align: middle;
}
#fulltransactionlist .loader {
  background-image: url(../gfx/ajaxloader_small.gif);
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
#fulltransactionlist .transaction-details td {
  border-bottom: 1px solid #dddddd;
}
#fulltransactionlist .transaction-details div.info label {
  clear: both;
  float: left;
  width: 150px;
}
#fulltransactionlist .transaction-details div.info span {
  float: left;
}
#fulltransactionlist img {
  opacity: 0.75;
}
#fulltransactionlist img:hover {
  opacity: 1;
}
.subuser-row.disabled {
  background: #EDEDED;
  color: #8A8A8A!important;
}
.subuser-row.disabled span {
  color: #8A8A8A!important;
}
.subuser-row.disabled span:hover {
  text-decoration: none;
  cursor: default;
}
.pincode {
  font-weight: bold;
}
.dashboard .graphwrapper {
  position: relative;
  border-radius: 3px;
  border: 1px solid #C2C2C2;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-box-shadow: inset 0px 0px 25px 10px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: inset 0px 0px 25px 10px rgba(0, 0, 0, 0.065);
  box-shadow: inset 0px 0px 25px 10px rgba(0, 0, 0, 0.065);
  margin-bottom: 10px;
  min-height: 240px;
  min-height: 265px;
}
.dashboard .graphwrapper p.error span {
  border: 1px solid #262626;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #383838;
  background-image: linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -o-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -moz-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -webkit-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -ms-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 4px 3px 4px;
  border: 1px solid #1e1e1e;
  color: white;
}
.dashboard .graphwrapper p.error span:hover {
  cursor: pointer;
  border: 1px solid #2b2b2b;
  background-color: #454545;
  background-image: linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -o-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -moz-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -webkit-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -ms-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
}
.dashboard .graphwrapper p.error span:active {
  background-color: #303030;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.dashboard .graphwrapper svg text {
  cursor: pointer;
}
.dashboard .graphwrapper svg path {
  cursor: pointer;
}
.dashboard .graphwrapper .graph-controls {
  padding: 3px;
  margin-left: -1px;
  margin-right: -1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #333333;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
  background-color: #454545;
  background-image: linear-gradient(bottom, #3b3b3b 0%, #454545 58%);
  background-image: -o-linear-gradient(bottom, #3b3b3b 0%, #454545 58%);
  background-image: -moz-linear-gradient(bottom, #3b3b3b 0%, #454545 58%);
  background-image: -webkit-linear-gradient(bottom, #3b3b3b 0%, #454545 58%);
  background-image: -ms-linear-gradient(bottom, #3b3b3b 0%, #454545 58%);
}
.dashboard .graphwrapper .graph-controls ul {
  display: block;
  width: 100%;
  float: right;
  margin: 0px;
  padding: 0px;
}
.dashboard .graphwrapper .graph-controls ul li {
  display: inline-block;
  margin: 0px;
  padding: 2px 4px 2px 4px;
  float: right;
}
.dashboard .graphwrapper .graph-controls ul li.refresh {
  border: 1px solid #262626;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #383838;
  background-image: linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -o-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -moz-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -webkit-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -ms-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 5px 3px 5px;
  border: 1px solid #1e1e1e;
  color: white;
  height: 16px;
  width: 12px;
  margin-left: 2px;
  background-image: url(../gfx/reload_12x14.png) !important;
  background-position: center;
  background-repeat: no-repeat;
}
.dashboard .graphwrapper .graph-controls ul li.refresh:hover {
  cursor: pointer;
  border: 1px solid #2b2b2b;
  background-color: #454545;
  background-image: linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -o-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -moz-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -webkit-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -ms-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
}
.dashboard .graphwrapper .graph-controls ul li.refresh:active {
  background-color: #303030;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.dashboard .graphwrapper .graph-controls ul li.help {
  border: 1px solid #262626;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #383838;
  background-image: linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -o-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -moz-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -webkit-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -ms-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 4px 3px 4px;
  border: 1px solid #1e1e1e;
  color: white;
}
.dashboard .graphwrapper .graph-controls ul li.help:hover {
  cursor: pointer;
  border: 1px solid #2b2b2b;
  background-color: #454545;
  background-image: linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -o-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -moz-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -webkit-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -ms-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
}
.dashboard .graphwrapper .graph-controls ul li.help:active {
  background-color: #303030;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.dashboard .graphwrapper .graph-controls ul li.fs {
  border: 1px solid #262626;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #383838;
  background-image: linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -o-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -moz-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -webkit-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  background-image: -ms-linear-gradient(bottom, #2e2e2e 0%, #383838 58%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 4px 3px 4px;
  border: 1px solid #1e1e1e;
  color: white;
  margin-right: 2px;
}
.dashboard .graphwrapper .graph-controls ul li.fs:hover {
  cursor: pointer;
  border: 1px solid #2b2b2b;
  background-color: #454545;
  background-image: linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -o-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -moz-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -webkit-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
  background-image: -ms-linear-gradient(bottom, #333333 0%, #3d3d3d 58%);
}
.dashboard .graphwrapper .graph-controls ul li.fs:active {
  background-color: #303030;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.dashboard .graphwrapper .graph-controls ul li.hoursback {
  float: left;
  color: white;
}
.dashboard .graphwrapper .graph-controls ul li.hoursback label {
  color: white;
}
.dashboard .graphwrapper .graph-controls ul li.hoursback input {
  background: none;
  border: 0;
}
#smsstatus-graph .graph svg {
  height: 223px;
  padding-left: 10px;
  width: 450px;
}
#ticketsales-graph-container {
  width: auto;
  padding: 10px;
}
#ticketsales-graph-container .graph {
  height: 100%;
  width: 100%;
}
#ticketsales-graph-container .graph-controls {
  width: auto;
}
#ticket-sales-graph .graph-controls ul.channels li {
  font-size: 12px;
  text-align: center;
  color: #404040;
  line-height: 20px;
  overflow: hidden;
  display: inline-block;
  background: red;
  height: 20px;
  width: 20px;
  border: 2px solid #C7C7C7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.18);
  box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.18);
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
}
#ticket-sales-graph .graph-controls ul.channels li:hover {
  cursor: pointer;
  font-weight: bold;
  -webkit-box-shadow: inset 0px 0px 10px 4px rgba(255, 255, 255, 0.08);
  -moz-box-shadow: inset 0px 0px 10px 4px rgba(255, 255, 255, 0.08);
  box-shadow: inset 0px 0px 10px 4px rgba(255, 255, 255, 0.08);
}
#ticket-sales-graph .graph-controls ul.channels li:active {
  -webkit-box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.09);
  box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.09);
}
#search-result-deviceview .deviceview-tickets {
  margin: 10px 0px 10px 0px;
  padding: 5px;
  width: 738px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
#search-result-deviceview .deviceview-tickets .ticketlist-wrapper {
  min-height: 350px;
}
#search-result-deviceview .deviceview-tickets #tickets {
  padding: 5px;
}
#search-result-deviceview .deviceview-tickets h3 {
  line-height: 25px;
  height: 25px;
  padding: 5px;
  margin: 0px;
  float: left;
}
.deviceview-tickets td {
  vertical-align: middle;
}
.dropdown {
  max-height: 99999px;
  position: relative;
  text-align: left;
}
.dropdown a {
  display: block;
  cursor: pointer;
}
.dropdown ul {
  display: block;
  background-color: white;
  box-shadow: 2px 2px 10px 0px rgba(20, 20, 20, 0.15);
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  position: absolute;
  right: 0px;
  overflow: hidden;
  min-width: 100%;
  box-sizing: border-box;
  z-index: 9999;
  padding: 10px 0px 10px 0px;
  -webkit-transition: box-shadow 0.3s, max-height 0.2s, padding 0.2s;
}
.dropdown ul li {
  display: block;
  float: none;
  font-size: 12px;
  color: #807B7B;
  white-space: nowrap;
  border-radius: 0px;
  margin: 0px;
}
.dropdown ul li:hover {
  background-color: whitesmoke;
}
.dropdown ul li a {
  padding: 0px;
  margin: 0px;
  padding: 10px 15px;
  cursor: pointer;
}
.dropdown.up ul {
  height: 0px;
  overflow: hidden;
  padding: 0px;
  box-shadow: none !important;
  border-width: 0px!important;
}
.dropdown.up ul li {
  box-shadow: none !important;
  border-width: 0px!important;
}
.dropdown .arrow {
  display: block;
  width: 0;
  height: 0;
  margin: 0px auto 0px auto;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #DEDEDE;
}
.dropdown.up .arrow {
  display: none;
}
input,
textarea {
  padding: 5px;
  background: #FFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 1px 4px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: inset 0px 0px 1px 4px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0px 0px 1px 4px rgba(0, 0, 0, 0.02);
  margin-bottom: 5px;
  border: 1px solid #D6D6D6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
input:focus,
textarea:focus {
  -webkit-box-shadow: 0px 0px 10px 3px #E8F6FF;
  -moz-box-shadow: 0px 0px 10px 3px #E8F6FF;
  box-shadow: 0px 0px 10px 3px #E8F6FF;
}
input[type=text].disabled,
textarea.disabled,
input:disabled,
textarea:disabled {
  background-color: #EEE;
  color: #777;
}
input[type=submit],
input[type=button] {
  padding: 3px 20px;
  color: #333;
  cursor: pointer;
  border: 1px solid #cbcbcb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #dddddd;
  background-image: linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -o-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -moz-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -webkit-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
  background-image: -ms-linear-gradient(bottom, #d3d3d3 0%, #dddddd 58%);
}
input[type=submit]:hover,
input[type=button]:hover {
  cursor: pointer;
  border: 1px solid #d0d0d0;
  background-color: #eaeaea;
  background-image: linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -o-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -moz-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -webkit-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
  background-image: -ms-linear-gradient(bottom, #d8d8d8 0%, #e2e2e2 58%);
}
input[type=submit]:active,
input[type=button]:active {
  background-color: #d5d5d5;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
input[type=submit].green,
input[type=button].green {
  border: 1px solid #748468;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #86967a;
  background-image: linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -o-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -moz-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -webkit-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -ms-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
}
input[type=submit].green:hover,
input[type=button].green:hover {
  cursor: pointer;
  border: 1px solid #798a6d;
  background-color: #93a188;
  background-image: linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -o-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -moz-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -webkit-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -ms-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
}
input[type=submit].green:active,
input[type=button].green:active {
  background-color: #7e8f71;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
input[type=submit].go,
input[type=button].go {
  border: 1px solid #748468;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #86967a;
  background-image: linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -o-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -moz-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -webkit-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
  background-image: -ms-linear-gradient(bottom, #7c8d6f 0%, #86967a 58%);
}
input[type=submit].go:hover,
input[type=button].go:hover {
  cursor: pointer;
  border: 1px solid #798a6d;
  background-color: #93a188;
  background-image: linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -o-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -moz-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -webkit-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
  background-image: -ms-linear-gradient(bottom, #819274 0%, #8b9b80 58%);
}
input[type=submit].go:active,
input[type=button].go:active {
  background-color: #7e8f71;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
input[type=submit].red,
input[type=button].red {
  border: 1px solid #b85247;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #c26a61;
  background-image: linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -o-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -moz-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -webkit-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -ms-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  color: white;
}
input[type=submit].red:hover,
input[type=button].red:hover {
  cursor: pointer;
  border: 1px solid #bb594f;
  background-color: #c97b73;
  background-image: linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -o-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -moz-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -webkit-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -ms-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
}
input[type=submit].red:active,
input[type=button].red:active {
  background-color: #be6056;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
input[type=submit].delete,
input[type=button].delete {
  border: 1px solid #b85247;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #c26a61;
  background-image: linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -o-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -moz-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -webkit-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  background-image: -ms-linear-gradient(bottom, #bc5c52 0%, #c26a61 58%);
  color: white;
}
input[type=submit].delete:hover,
input[type=button].delete:hover {
  cursor: pointer;
  border: 1px solid #bb594f;
  background-color: #c97b73;
  background-image: linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -o-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -moz-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -webkit-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
  background-image: -ms-linear-gradient(bottom, #bf635a 0%, #c57168 58%);
}
input[type=submit].delete:active,
input[type=button].delete:active {
  background-color: #be6056;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
input[type=text].edit-table-field {
  background: #f0faff;
  box-shadow: inset 0 0 10px rgba(100, 200, 245, 0.4);
  -webkit-box-shadow: inset 0 0 10px rgba(100, 200, 245, 0.4);
  -moz-box-shadow: inset 0 0 10px rgba(100, 200, 245, 0.4);
  border: 1px solid #96e6ff;
  padding: 2px 7px;
  margin: 0;
  font-size: 14px;
  color: #0096c8;
}
input[type=submit].right,
input[type=button].right {
  margin-left: 10px;
}
input[type=submit].left,
input[type=button].left {
  margin-right: 10px;
}
label {
  height: 20px;
}
select {
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 5px;
  color: #666;
  border: 1px solid #D6D6D6;
  padding: 2px;
}
.ledger-correction td {
  background-color: #fef6f4;
}
.ledger-payment td {
  background-color: #ffffe4;
}
.ledger-sales-correction td {
  background-color: #fef6f4;
}
section#login-box {
  line-height: 30px;
}
.box {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom: 20px;
}
.box div.box-padding {
  padding: 20px;
}
.message {
  background: #E9F7E4;
  border: 1px solid #C0D9B6;
  font-size: 14px;
  line-height: 17px;
  color: #4F4F4F;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.warning {
  background: #E08B94;
  border: 1px solid #D16973;
  font-size: 14px;
  line-height: 17px;
  color: #F7F7F7;
}
.border {
  border-width: 1px;
  border-style: solid;
  border-color: #b7c1c9;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 5px #b7c1c9;
}
.box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 17px;
  padding: 20px;
  margin-bottom: 10px;
}
.box .close {
  background-image: url('../gfx/close-small.png');
  background-repat: no-repeat;
  position: absolute;
  right: 22px;
  top: 16px;
  height: 16px;
  width: 16px;
  opacity: 0.6;
}
.box .close:hover {
  cursor: pointer;
  opacity: 0.8;
}
div#modal {
  z-index: 9999;
  font-family: helvetica, arial;
  background-color: #FCFCFC;
  border: 3px solid rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10001;
  -webkit-transition: transform 0.23s ease;
  -moz-transition: transform 0.23s ease;
  -ms-transition: transform 0.23s ease;
  -o-transition: transform 0.23s ease;
  transition: transform 0.23s ease;
  -webkit-transition: -webkit-transform 0.23s ease;
  -moz-transition: -webkit-transform 0.23s ease;
  -ms-transition: -webkit-transform 0.23s ease;
  -o-transition: -webkit-transform 0.23s ease;
  transition: -webkit-transform 0.23s ease;
  -webkit-transition: -moz-transform 0.23s ease;
  -moz-transition: -moz-transform 0.23s ease;
  -ms-transition: -moz-transform 0.23s ease;
  -o-transition: -moz-transform 0.23s ease;
  transition: -moz-transform 0.23s ease;
  -webkit-transition: -o-transform 0.23s ease;
  -moz-transition: -o-transform 0.23s ease;
  -ms-transition: -o-transform 0.23s ease;
  -o-transition: -o-transform 0.23s ease;
  transition: -o-transform 0.23s ease;
  vertical-align: top;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  min-width: 624px;
  height: auto;
  max-height: 500px;
}
div#modal.active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
div#modal .modal-header {
  border-bottom: 1px solid rgba(10, 20, 50, 0.18);
  padding: 10px;
  line-height: 22px;
  background-image: linear-gradient(bottom, #f7f7f7 95%, #fcfcfc 22%);
  background-image: -o-linear-gradient(bottom, #f7f7f7 95%, #fcfcfc 22%);
  background-image: -moz-linear-gradient(bottom, #f7f7f7 95%, #fcfcfc 22%);
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 95%, #fcfcfc 22%);
  background-image: -ms-linear-gradient(bottom, #f7f7f7 95%, #fcfcfc 22%);
  position: relative;
}
div#modal .modal-header h1 {
  display: inline-block;
  font-family: helvetica, arial;
  position: relative;
  font-weight: bold;
  font-size: 22px;
  color: #545454;
  margin: 0px;
}
div#modal .modal-header .notice {
  position: absolute;
  font-size: 12px;
  top: -120%;
  left: 22%;
  width: 56%;
  margin: 0px;
  padding: 5px;
  text-align: center;
  background-color: #FAFAFA;
  color: #616161;
  opacity: 0.96;
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  -o-border-radius: 0px 0px 3px 3px;
  -ms-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  -webkit-box-shadow: 0px 0px 6px 12px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 0px 6px 12px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 6px 12px rgba(255, 255, 255, 0.5);
  border-top: 0px solid;
}
div#modal .modal-header .notice.error {
  background-color: #C46349;
  color: white;
  border-style: solid;
  border-color: #91442f;
  border-top: 0px solid;
}
div#modal .modal-header .notice.warn {
  background-color: #E3A95D;
  color: white;
  border-style: solid;
  border-color: #d08524;
  border-top: 0px solid;
}
#modal div.modal-content {
  padding: 15px;
  height: auto;
}
#modal .modalform input:not([type=radio]):not([type=checkbox]),
#modal .modalform textarea {
  display: block;
  width: 98%;
  max-width: 98%;
  max-height: 350px;
  padding: 1%;
}
div#modal div.modal-close {
  background-image: url('../gfx/close.png');
  background-repeat: no-repeat;
  position: absolute;
  right: 8px;
  top: 2px;
  cursor: pointer;
  height: 16px;
  width: 16px;
  opacity: 0.6;
}
div#modal div.modal-close:hover {
  opacity: 0.8;
}
div#modal .modal-footer {
  display: none;
  border-top: 1px solid rgba(10, 20, 50, 0.18);
  padding: 5px;
  line-height: 22px;
  height: 30px;
  background-image: linear-gradient(bottom, #f7f7f7 95%, #fcfcfc 22%);
  background-image: -o-linear-gradient(bottom, #f7f7f7 95%, #fcfcfc 22%);
  background-image: -moz-linear-gradient(bottom, #f7f7f7 95%, #fcfcfc 22%);
  background-image: -webkit-linear-gradient(bottom, #f7f7f7 95%, #fcfcfc 22%);
  background-image: -ms-linear-gradient(bottom, #f7f7f7 95%, #fcfcfc 22%);
  position: relative;
}
div#modal .loader {
  visibility: hidden;
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url(../gfx/ajaxloader_small.gif);
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 30px;
}
div#modal div.modal-arrow {
  height: 16px;
  width: 16px;
}
div#modal div.modal-arrow.bottom {
  position: absolute;
  background-image: url('../gfx/arrow_bottom.png');
  bottom: -10px;
}
div#overlay-mask {
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background-color: black;
  width: 100%;
  height: 100%;
  top: -120%;
  position: fixed;
  z-index: 10000;
}
div#overlay-mask.active {
  top: 0%;
  opacity: 0.26;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=26)";
}
div#modal .wtw-button.right {
  float: right;
  margin-left: 10px;
}
div#modal .wtw-button.left {
  float: left;
}
section#notifications {
  margin: 0;
  padding: 0;
}
section#notifications .notification {
  position: relative;
  margin: 0 0 7px 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
section#notifications .notification .x {
  position: absolute;
  top: 4px;
  right: 8px;
  cursor: pointer;
}
.notification-green {
  border: 1px solid #bedd93;
  color: #7b8769;
  background: #CAE3A6;
}
.notification-red {
  background: #CC6A54 !important;
  border: 1px solid #c65940;
  color: whitesmoke;
  text-shadow: 1px 1px #b74e36 !important;
}
header nav {
  padding-top: 22px;
}
header nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header nav ul li {
  margin: 0 0 0 5px;
  padding: 0;
  float: right;
  border-radius: 5px;
}
header nav ul li a {
  padding: 3px 5px;
  display: block;
}
header nav ul li:hover a {
  color: #333;
}
header nav ul li.active a {
  color: #F15D22;
}
header nav ul li a.active {
  color: #F15D22;
}
li.settings {
  border-radius: 0px;
}
li.settings a.icon {
  height: 17px;
  width: 16px;
  background-image: url("../gfx/cog_16x16.png");
  background-repeat: no-repeat;
  background-position: center 3px;
}
li.settings li.user {
  overflow: hidden;
}
li.settings li.user h1 {
  font-size: 14px;
  color: #616161;
}
.onboardappdevice-width-medium,
.onboardappdevice-width-medium {
  width: 50%;
}
.onboardappdevice-edit-link {
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px 10px;
  color: #E2774F;
}
section#onboardapppurchases-table table tbody td a {
  color: #36568D;
  text-decoration: underline;
}
section#onboardapppurchases-table table tbody td a:hover {
  color: #132A51;
}
section#onboardapppurchase-items-table table tbody td a {
  color: #36568D;
  text-decoration: underline;
}
section#onboardapppurchase-items-table table tbody td a:hover {
  color: #132A51;
}
.onboardapppurchases-filter-div-small {
  width: 172px;
  margin-right: 20px;
}
.onboardapppurchases-filter-div-large {
  width: 353px;
  margin-right: 20px;
}
.onboardapppurchases-filter-input-small {
  width: 162px;
  box-sizing: border-box;
}
.onboardapppurchases-filter-input-large {
  width: 353px;
  box-sizing: border-box;
}
.onboardapppurchases-filter-margin {
  margin-top: 10px;
}
.onboardapppurchases-details-div-left {
  padding-left: 5px;
  padding-right: 30px;
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.onboardapppurchases-details-div-right {
  padding-right: 5px;
  padding-left: 30px;
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.onboardapppurchases-box {
  box-sizing: border-box;
}
.onboardapppurchases-width-medium {
  width: 50%;
}
.onboardapppurchases-width-small {
  width: 30%;
}
.onboardapppurchases-checkbox {
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
}
.onboardapppurchases-refund-margin-top {
  margin-top: 20px;
}
.onboardapppurchases-refund-amount {
  width: 150px;
  margin-right: 8px;
}
.onboardapppurchases-refund-note {
  width: 100%;
  margin-right: 8px;
}
.onboardapppurchases-black {
  color: #333;
}
section#kioskpurchases-table table tbody td a {
  text-decoration: none;
  color: unset;
}
section#kioskpurchases-table table tbody td a:hover {
  text-decoration: none;
  color: #627685;
}
section#kioskpurchase-items-table table tbody td a {
  text-decoration: none;
  color: unset;
}
section#kioskpurchase-items-table table tbody td a:hover {
  text-decoration: none;
  color: #627685;
}
.kioskpurchases-filter-div-small {
  width: 172px;
  margin-right: 20px;
}
.kioskpurchases-filter-div-large {
  width: 353px;
  margin-right: 20px;
}
.kioskpurchases-filter-input-small {
  width: 162px;
  height: 32px;
  box-sizing: border-box;
}
.kioskpurchases-filter-input-large {
  width: 353px;
  box-sizing: border-box;
}
.kioskpurchases-details-div-left {
  padding-left: 5px;
  padding-right: 30px;
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.kioskpurchases-details-div-right {
  padding-right: 5px;
  padding-left: 30px;
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.kioskpurchases-box {
  box-sizing: border-box;
}
.kioskpurchases-width-medium {
  width: 50%;
}
.kioskpurchases-width-small {
  width: 30%;
}
.kioskpurchases-checkbox {
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
}
.kioskpurchases-refund-margin-top {
  margin-top: 20px;
}
.kioskpurchases-refund-amount {
  width: 150px;
  margin-right: 8px;
}
.kioskpurchases-refund-note {
  width: 100%;
  margin-right: 8px;
}
.kioskpurchases-black {
  color: #333;
}
section#sellerworkshifts-table table tbody td a {
  text-decoration: none;
  color: unset;
}
section#sellerworkshifts-table table tbody td a:hover {
  text-decoration: none;
  color: #627685;
}
section#sellerworkshifts-details table tbody td a,
section#seller-details table tbody td a {
  color: unset;
}
section#sellerworkshifts-details table tbody td a:hover,
section#seller-details table tbody td a:hover {
  color: #627685;
}
section#sellerworkshifts-log-table table tbody td {
  height: 32px;
  line-height: 32px;
}
section#sellerworkshifts-log-table table tbody td a {
  text-decoration: none;
  color: unset;
}
section#sellerworkshifts-log-table table tbody td a:hover {
  text-decoration: none;
  color: #627685;
}
section#sellerworkshifts-corrections-table table tbody td a {
  text-decoration: none;
  color: unset;
}
section#sellerworkshifts-corrections-table table tbody td a:hover {
  text-decoration: none;
  color: #627685;
}
.sellerworkshiftsfilter-div-small {
  width: 172px;
  margin-right: 20px;
}
.sellerworkshiftsfilter-div-large {
  width: 365px;
  margin-right: 20px;
}
.sellerworkshiftsfilter-input-small {
  width: 162px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.sellerworkshiftsfilter-input-large {
  width: 365px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.sellerworkshift-width-medium,
.seller-width-medium {
  width: 50%;
}
.graph {
  padding-top: 10px;
}
.graph h3 {
  margin-top: 20px;
  margin-bottom: 40px;
}
.graph p.error {
  position: absolute;
  color: white;
  text-align: left;
  opacity: 0.9;
  background: #DB7767;
  border-top: 1px solid #d1523e;
  border-bottom: 1px solid #d1523e;
  border-left: 1px solid #DB7767;
  border-right: 1px solid #DB7767;
  line-height: 20px;
  width: 98%;
  padding: 1%;
  top: 44%;
}
.graph-container {
  clear: both;
  position: relative;
}
.export-data {
  display: inline-block;
  float: right;
  line-height: 22px;
  margin-top: 17px;
}
.export-data span {
  display: inline-block;
  float: left;
  padding-right: 10px;
}
.statistics h2 {
  margin-bottom: 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid #EDEDED;
}
.sidebar {
  margin-top: 10px;
}
.sidebar ul {
  margin: 0px 0px 0px 5px;
  padding: 0px;
}
.sidebar ul li {
  margin: 0px 0px 15px 0px;
}
.sidebar ul li a {
  text-decoration: none;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #777;
  text-rendering: optimizelegibility;
  line-height: 16px;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.sidebar ul li a.active {
  color: #F15D22;
}
.sidebar ul li a:hover {
  cursor: pointer;
}
.statistics .statistics-mainview {
  margin-top: 10px;
}
.statistics .statistics-mainview .filter-controls {
  position: relative;
  display: block;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  -ms-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  width: 772px;
  padding: 0px;
  margin-bottom: 5px;
}
.statistics .statistics-mainview .filter-controls label {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.statistics .statistics-mainview .filter-controls h4 {
  padding: 0px;
  margin-bottom: 5px;
}
.statistics .statistics-mainview .filter-controls .channelfilter {
  display: block;
  width: 100%;
  padding: 0px;
  margin: 40px 0px 0px 0px;
  float: right;
}
.statistics .statistics-mainview .filter-controls .channelfilter li {
  line-height: 28px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 4px 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 1px #ffffff;
  display: inline-block;
  -webkit-box-shadow: inset 0px 0px 4px 0px #ffffff;
  -moz-box-shadow: inset 0px 0px 4px 0px #ffffff;
  box-shadow: inset 0px 0px 4px 0px #ffffff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.statistics .statistics-mainview .filter-controls .channelfilter li:hover,
.statistics .statistics-mainview .filter-controls .channelfilter li.active {
  cursor: pointer;
  padding-bottom: 1px;
  border-bottom: 1px solid #8C8C8C;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.statistics .statistics-mainview .filter-controls .datefilter {
  width: 100%;
  display: block;
  margin: 0px;
  border-radius: 4px;
}
.statistics .statistics-mainview .filter-controls .datefilter input {
  width: 190px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 3px;
  height: 25px;
  text-align: center;
}
.statistics .statistics-mainview .filter-controls .datefilter button[type="submit"] {
  padding: 3px;
  height: 33px;
  width: 145px;
  float: right;
}
.statistics .statistics-mainview .filter-controls .datefilter #reset-date-filter {
  float: right;
  top: 1px;
  background-image: url(../gfx/x.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  padding: 5px;
}
.statistics .statistics-mainview .filter-controls .yearfilter {
  width: 100%;
  padding: 0px;
  margin: 0px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.statistics .statistics-mainview .filter-controls .yearfilter li {
  line-height: 28px;
  padding: 2px 4px 2px 4px;
  display: inline-block;
  -webkit-box-shadow: inset 0px 0px 4px 0px #ffffff;
  -moz-box-shadow: inset 0px 0px 4px 0px #ffffff;
  box-shadow: inset 0px 0px 4px 0px #ffffff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.statistics .statistics-mainview .filter-controls .yearfilter li:hover,
.statistics .statistics-mainview .filter-controls .yearfilter li.active {
  cursor: pointer;
  padding-bottom: 1px;
  border-bottom: 1px solid #8C8C8C;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.statistics .statistics-mainview .filter-controls .yearfilter button[type="submit"] {
  padding: 3px;
  height: 33px;
  width: 145px;
  float: right;
}
.statistics .statistics-mainview .filter-controls .typefilter {
  margin-top: 10px;
  min-width: 225px;
  vertical-align: bottom;
}
.statistics .statistics-mainview .graphs {
  position: relative;
  display: block;
  margin: 0px;
  padding: 0px;
  width: 780px;
  margin-top: 5px;
}
.statistics .statistics-mainview .graphs h3 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #3E576F;
  border: 0px solid black !important;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.statistics .statistics-mainview .graphs .graph {
  position: relative;
  min-height: 200px;
  margin-top: 10px;
  margin-bottom: 35px;
  -webkit-box-shadow: inset 0px 2px 4px -1px #f2f2f2;
  -moz-box-shadow: inset 0px 2px 4px -1px #f2f2f2;
  box-shadow: inset 0px 2px 4px -1px #f2f2f2;
}
.statistics .statistics-mainview .graphs .graph p.error {
  width: 50%;
  height: 20px;
  line-height: 20px;
  height: 12px;
  line-height: 12px;
  padding: 2px;
  top: 0;
  left: 0;
  font-size: 11px;
  margin: 0px auto 0px auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
table thead tr td {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #C9C9C9;
  color: #333;
  text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0px;
}
table thead tr:first-child td:first-child {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}
table thead tr:first-child td:last-child {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
table tbody tr:nth-child(2n+2) {
  background: #f6f6f6;
}
table tbody tr.isActive {
  background: #c5edcf;
}
table tbody tr td div.edit,
table tbody tr td div.delete,
table tbody tr td div.cancel,
table tbody tr td div.apply {
  width: 16px;
  height: 16px;
  background-image: url(../gfx/actions.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
  text-indent: -1000em;
  cursor: pointer;
}
table tbody tr td div.cancel {
  background-position: -48px 0;
}
table tbody tr td div.cancel:hover {
  background-position: -48px -16px;
}
table tbody tr td div.apply {
  background-position: -32px 0;
}
table tbody tr td div.apply:hover {
  background-position: -32px -16px;
}
table tbody tr td div.delete {
  background-position: -16px 0;
}
table tbody tr td div.delete:hover {
  background-position: -16px -16px;
}
table tbody tr td div.edit {
  background-position: 0 0;
}
table tbody tr td div.edit:hover {
  background-position: 0 -16px;
}
table tfoot tr td {
  height: 5px;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
ul.pagination {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin: 0px;
}
ul.pagination li {
  float: left;
  position: relative;
  left: 50%;
  margin-right: 5px;
  padding: 3px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d3d3d3;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #e5e5e5;
  background-image: linear-gradient(bottom, #dbdbdb 0%, #e5e5e5 58%);
  background-image: -o-linear-gradient(bottom, #dbdbdb 0%, #e5e5e5 58%);
  background-image: -moz-linear-gradient(bottom, #dbdbdb 0%, #e5e5e5 58%);
  background-image: -webkit-linear-gradient(bottom, #dbdbdb 0%, #e5e5e5 58%);
  background-image: -ms-linear-gradient(bottom, #dbdbdb 0%, #e5e5e5 58%);
  cursor: pointer;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
}
ul.pagination li:hover {
  cursor: pointer;
  border: 1px solid #d8d8d8;
  background-color: #f2f2f2;
  background-image: linear-gradient(bottom, #e0e0e0 0%, #eaeaea 58%);
  background-image: -o-linear-gradient(bottom, #e0e0e0 0%, #eaeaea 58%);
  background-image: -moz-linear-gradient(bottom, #e0e0e0 0%, #eaeaea 58%);
  background-image: -webkit-linear-gradient(bottom, #e0e0e0 0%, #eaeaea 58%);
  background-image: -ms-linear-gradient(bottom, #e0e0e0 0%, #eaeaea 58%);
}
ul.pagination li:active {
  background-color: #dedede;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
ul.pagination li.active {
  border: 1px solid #485761;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-color: #586976;
  background-image: linear-gradient(bottom, #4f5f6a 0%, #586976 58%);
  background-image: -o-linear-gradient(bottom, #4f5f6a 0%, #586976 58%);
  background-image: -moz-linear-gradient(bottom, #4f5f6a 0%, #586976 58%);
  background-image: -webkit-linear-gradient(bottom, #4f5f6a 0%, #586976 58%);
  background-image: -ms-linear-gradient(bottom, #4f5f6a 0%, #586976 58%);
  color: white;
}
ul.pagination li.active:hover {
  cursor: pointer;
  border: 1px solid #4d5c67;
  background-color: #627685;
  background-image: linear-gradient(bottom, #536470 0%, #5c6e7c 58%);
  background-image: -o-linear-gradient(bottom, #536470 0%, #5c6e7c 58%);
  background-image: -moz-linear-gradient(bottom, #536470 0%, #5c6e7c 58%);
  background-image: -webkit-linear-gradient(bottom, #536470 0%, #5c6e7c 58%);
  background-image: -ms-linear-gradient(bottom, #536470 0%, #5c6e7c 58%);
}
ul.pagination li.active:active {
  background-color: #51616d;
  -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
ul.pagination li.disabled {
  color: #b5b5b5;
  opacity: 0.75;
  background-color: #707070;
}
thead.bold td {
  font-weight: bold;
}
#parkinglist,
#ticketlist {
  position: relative;
}
#parkinglist a,
#ticketlist a {
  text-decoration: underline;
  color: #36568D;
}
#parkinglist a:hover,
#ticketlist a:hover {
  color: #132A51;
}
.ticket-loading-status {
  top: 100px;
}
#user-history-tabs .ticket-loading-status {
  top: 50%;
}
#user-history-tabs .parking-loading-status {
  top: 50%;
}
#parkinglist .parking-loading-status,
#ticketlist .ticket-loading-status {
  position: absolute;
  font-weight: bold;
  opacity: 0.01;
  -moz-opacity: 0.01;
  filter: alpha(opacity=001);
  transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
}
#parkinglist .parking-loading-status.active,
#ticketlist .ticket-loading-status.active {
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
}
#parkinglist table thead td,
#ticketlist table thead td {
  font-weight: bold;
}
#ticketlist table tbody {
  color: #665B55;
}
#ticketlist table tbody tr.PENDING td:last-child {
  color: #E3B05D !important;
}
#ticketlist table tbody tr.FAILED td:last-child {
  color: #C47071 !important;
}
#parkinglist tr,
#parkinglist td,
#ticketlist tr,
#ticketlist td,
#onboardapppurchases-list tr,
#onboardapppurchases-list td {
  height: 32px;
  line-height: 32px;
}
#onboardappdevicemonitoring-table tr,
#onboardappdevicemonitoring-table td {
  height: 32px;
  vertical-align: middle;
}
#tickets #num_tickets {
  font-weight: bold;
}
section#tickets form#history-filter-controls {
  clear: both;
}
section#tickets form#tickets-filter-controls input[type=checkbox],
section#messaging form#messaging-receivers input[type=checkbox] {
  float: left;
  margin: 0 10px 5px 0;
}
section#tickets div#tickets-filter-controls div.filter-options {
  float: left;
  margin-top: 20px;
}
section#tickets div#tickets-filter-controls span.filter-option {
  float: left;
  margin-right: 40px;
}
section#tickets div#tickets-filter-controls div.filter-options span.filter-option label {
  display: inline;
  font-size: 17px;
  line-height: 17px;
}
#cardtransactionsearch-results {
  position: relative;
}
#cardtransactionsearch-results a {
  text-decoration: underline;
  color: #36568D;
}
#cardtransactionsearch-results a:hover {
  color: #132A51;
}
#cardtransactionsearch-results h3 {
  color: #666;
  margin-top: 20px;
}
#cardtransactionsearch-results table {
  margin-top: 0px;
}
#cardtransactionsearch-results table thead td {
  font-weight: bold;
}
#cardtransactionsearch-results tr,
#cardtransactionsearch-results td {
  height: 32px;
  line-height: 32px;
}
#cardtransactionsearch-results #num_usertransactions {
  font-weight: bold;
}
.invalid {
  animation-duration: .4s;
  position: relative;
  border: 2px solid #E00000;
}
.invalid:focus {
  border: 2px solid #E00000;
  box-shadow: 0px 0px 0px 0px #000000;
}
.user-transaction-error {
  background-color: white;
  border-color: white;
  color: #E00000;
}
.loading-transactions {
  display: none;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
#userprofile {
  margin-top: 20px;
}
#userprofile h1 {
  font-size: 24px;
  border-bottom: 1px solid #D1D1D1;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#userprofile h2 {
  padding-bottom: 5px;
  font-size: 22px;
}
#userprofile ul.actions {
  padding: 0px;
  margin: 5px 0px;
  display: inline-block;
  vertical-align: top;
}
#userprofile ul.actions li.action {
  padding: 5px 0px;
  color: #666;
  cursor: pointer;
  -ms-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
}
#userprofile ul.actions li.action:hover {
  color: #808080;
}
#userprofile .arrow {
  height: 128px;
  width: 64px;
  background-image: url(../gfx/arrow_large.png);
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: top;
  float: right;
  margin-right: 100px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -moz-transition: opacity 0.3s, margin-right 0.3s;
  -o-transition: opacity 0.3s, margin-right 0.3s;
  -ms-transition: opacity 0.3s, margin-right 0.3s;
  -webkit-transition: opacity 0.3s, margin-right 0.3s;
  transition: opacity 0.3s, margin-right 0.3s;
}
#userprofile .arrow.active {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  margin-right: 20px;
}
#userprofile #change-password-form {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#userprofile #change-password-form.active {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
#userprofile #change-password-form .error {
  padding: 4px;
  color: whitesmoke;
  display: none;
  margin-bottom: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
#userprofile #change-password-form .error.active {
  display: block;
}
#userprofile #change-password-form .success {
  padding: 4px;
  color: whitesmoke;
  display: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: #E9F7E4;
  margin-bottom: 5px;
  color: #9bae94;
}
#userprofile #change-password-form .success.active {
  display: block;
}
#userprofile #change-password-form input {
  width: 288px;
}
section#companies-table table tbody td a {
  text-decoration: none;
  color: unset;
}
section#companies-table table tbody td a:hover {
  text-decoration: none;
  color: #627685;
}
.company-width-medium,
.company-width-medium {
  width: 50%;
}