@charset "UTF-8";
/*------------------------------------*\
    GLOBAL IMPORTS
\*------------------------------------*/
@import url("//fonts.googleapis.com/css?family=Roboto:400,500,700");
.logo {
  background: url(/images/logo-admin.png) 0 7px no-repeat;
}

.loginlogo {
  background: url("/images/logo-admin-pp.png") center top no-repeat;
  background-size: 100% auto;
  width: 176px;
  height: 28px;
  margin: 0 auto 20px;
  overflow: hidden;
}

#orderInfo {
  background: #8553BA;
  background: linear-gradient(135deg, #8553BA 0%, #6c3e9c 100%);
  color: #b99cd7;
}

#maincontent .roundbtn, .modal .roundbtn {
  background: #0077b3;
  border: none;
}

#contentTop span {
  color: #551A8B;
}

.vertical-align, .removeFile, .footable.breakpoint > tbody > tr > td.expand:before, .footable.breakpoint > tbody > tr.footable-detail-show > td.expand:before {
  top: 50%;
  transform: translateY(-50%);
}

.center-align-fix {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.horizontal-align-fix {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
}

.vertical-align-ab, .keyvalrow .deleteData, .typeselect span, .preview.horizontal .hangtaghole, form.charitysearch:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.horizontal-align-ab, .preview.vertical .hangtaghole {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* FONTS */
@font-face {
  font-family: 'primoadmin';
  src: url("/fonts/primoadmin.eot?w66aiq");
  src: url("/fonts/primoadmin.eot?w66aiq#iefix") format("embedded-opentype"), url("/fonts/primoadmin.ttf?w66aiq") format("truetype"), url("/fonts/primoadmin.woff?w66aiq") format("woff"), url("/fonts/primoadmin.svg?w66aiq#primoadmin") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'primoadmin';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  top: 1px;
  -webkit-font-smoothing: antialiased;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'primoadmin' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-check:before {
  content: "\e902";
}

.icon-burst:before {
  content: "\e903";
}

.icon-wrench:before {
  content: "\e901";
}

.icon-bug:before {
  content: "\e900";
}

.icon-cancel-circle:before {
  content: "\21";
}

.icon-minus-circle:before {
  content: "\22";
}

.icon-plus-circle:before {
  content: "\23";
}

.icon-pencil:before {
  content: "\24";
}

.icon-envelop:before {
  content: "\25";
}

.icon-bubbles:before {
  content: "\26";
}

.icon-spinner:before {
  content: "\27";
}

.icon-zoomout:before {
  content: "\28";
}

.icon-zoomin:before {
  content: "\29";
}

.icon-remove:before {
  content: "\2a";
}

.icon-link:before {
  content: "\2b";
}

.icon-attachment:before {
  content: "\2c";
}

.icon-eye:before {
  content: "\2d";
}

.icon-warning:before {
  content: "\2e";
}

.icon-warning2:before {
  content: "\2f";
}

.icon-notification:before {
  content: "\30";
}

.icon-minus:before {
  content: "\31";
}

.icon-plus:before {
  content: "\32";
}

.icon-arrow-up:before {
  content: "\33";
}

.icon-arrow-right:before {
  content: "\34";
}

.icon-arrow-down:before {
  content: "\35";
}

.icon-arrow-left:before {
  content: "\36";
}

.icon-close:before {
  content: "\37";
}

.icon-lock:before {
  content: "\38";
}

.icon-unlocked:before {
  content: "\39";
}

.icon-cart:before {
  content: "\3a";
}

.icon-search:before {
  content: "\3b";
}

.icon-arrow-left2:before {
  content: "\3c";
}

.icon-arrow-down2:before {
  content: "\3d";
}

.icon-arrow-up2:before {
  content: "\3e";
}

.icon-uni3F:before {
  content: "\3f";
}

.icon-pencil2:before {
  content: "\40";
}

.icon-user:before {
  content: "\41";
}

.icon-cycle:before {
  content: "\42";
}

.icon-check-alt:before {
  content: "\43";
}

.icon-bubble:before {
  content: "\44";
}

.icon-link2:before {
  content: "\45";
}

.icon-apple:before {
  content: "\46";
}

.icon-chrome:before {
  content: "\47";
}

.icon-paypal:before {
  content: "\48";
}

.icon-credit:before {
  content: "\49";
}

.icon-switch:before {
  content: "\4a";
}

.icon-settings:before {
  content: "\4b";
}

.icon-heart:before {
  content: "\4c";
}

.icon-location:before {
  content: "\4d";
}

.icon-connection:before {
  content: "\4e";
}

.icon-floppy:before {
  content: "\4f";
}

.icon-print:before {
  content: "\50";
}

.icon-menu:before {
  content: "\51";
}

.icon-history:before {
  content: "\52";
}

.icon-mail-send:before {
  content: "\53";
}

.icon-barcode:before {
  content: "\54";
}

.icon-tags:before {
  content: "\55";
}

.icon-flag:before {
  content: "\56";
}

.icon-coins:before {
  content: "\57";
}

.icon-key:before {
  content: "\58";
}

.icon-vcard:before {
  content: "\59";
}

.icon-file-plus:before {
  content: "\5a";
}

.icon-file-download:before {
  content: "\5b";
}

.icon-support:before {
  content: "\5c";
}

.icon-filter:before {
  content: "\5d";
}

.icon-switch2:before {
  content: "\5e";
}

/*------------------------------------*\
    STYLE
\*------------------------------------*/
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  color: #000;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
  /*outline: thin dotted;*/
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
  outline: 0;
}

/* Animate hover color. */
a:link, a:visited, a:active, a {
  transition: all 0.15s ease-in-out;
  text-decoration: none;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0 0 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0 0 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 0 0 1em 0;
}

h4 {
  font-size: 1em;
  margin: 0 0 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 0 0 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 0 0 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/** START CSS **/
html,
button,
input,
select,
textarea {
  color: #222;
}

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

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

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

img {
  vertical-align: middle;
  display: block;
}

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

textarea {
  resize: vertical;
}

/* HELPERS */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

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

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

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

.invisible {
  visibility: hidden;
}

.iblock {
  display: inline-block;
}

.bold {
  font-weight: bold;
}

.left {
  float: left;
}

.right {
  float: right;
}

.margin0 {
  margin: 0;
}

.right5 {
  margin-right: 5px;
}

.top5 {
  margin-top: 5px;
}

.top10 {
  margin-top: 10px;
}

.top15 {
  margin-top: 15px;
}

.bot0 {
  margin-bottom: 0 !important;
}

.bot5 {
  margin-bottom: 10px !important;
}

.bot10 {
  margin-bottom: 10px;
}

.bot20 {
  margin-bottom: 20px;
}

.bot30 {
  margin-bottom: 30px;
}

.bot40 {
  margin-bottom: 40px;
}

.padtop25 {
  padding-top: 25px;
}

#maincontent .bot0 {
  margin-bottom: 0;
}

.right0 {
  margin-right: 0;
}

.right2 {
  margin-right: 2%;
}

.right10 {
  margin-right: 10px;
}

.right20 {
  margin-right: 20px;
}

.left10 {
  margin-left: 10px;
}

.color, a {
  color: #551A8B;
}

a[href^="tel:"] {
  color: #551A8B;
}

.nopadding {
  padding: 0;
}

.nomargin {
  margin: 0;
}

.positionr {
  position: relative;
}

/* CLEARING */
.clear {
  clear: both;
}

.clearright {
  clear: right;
}

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

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

.popit {
  cursor: pointer;
}

.popover-title {
  font-weight: bold;
  font-size: 16px !important;
  color: #54248a;
}

.popover-content {
  font-size: 15px;
  line-height: 16px;
  font-weight: normal;
}

.statWrapper {
  display: flex;
  flex-wrap: wrap;
}

/* DEFAULTS */
body {
  background: url(/images/texture01.jpg);
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
}

header, footer {
  padding: 10px 10px;
  background: url(/images/texture01.jpg);
  position: relative;
  z-index: 20;
}

header.dev, footer.dev {
  background: #6b4343;
}

header.staging, footer.staging {
  background: #685c41;
}

header .container {
  margin: 0 auto;
}

.logo {
  position: relative;
  width: 176px;
  height: 37px;
  float: left;
  background-size: 176px 96px;
}

.logo span {
  position: absolute;
  left: 19px;
  color: #fff;
  top: 24px;
  font-weight: bold;
}

.adminmode {
  padding: 3px 5px;
  height: 27px;
  width: 27px;
  display: inline-block;
  background: #3a3a3a;
  color: #cacaca;
  border-radius: 50px;
  background-clip: padding-box;
  margin-top: 4px;
  text-align: center;
  line-height: 21px;
  float: left;
}

.adminmode:hover {
  background: #636363;
}

#search {
  background: #1f1f1f;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 0 #696969;
  float: right;
  padding: 5px;
  margin: 0 15px 0 0;
}

#search input {
  height: 23px;
  line-height: 23px;
  font-size: 13px;
  margin-bottom: 0;
  border: none;
  text-align: left;
  padding: 0;
  color: #cccccc;
  background: none;
  float: left;
  margin: 0 5px 0 0;
  width: 190px;
}

#search button.searchBtn {
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  color: #a9a9a9;
  padding: 0;
}

#search button.btn {
  padding: 3px 6px;
  letter-spacing: 0;
  line-height: 12px;
  margin-top: 0;
  float: right;
  background: #333;
  border: 1px solid #000;
  color: #ccc;
}

#search button.btn .caret {
  margin-top: 4px;
}

#search .closeBtn {
  color: #cccccc;
}

.signoff {
  width: 19px;
  height: 19px;
  margin-top: 5px;
}

.signoff img {
  width: 100%;
  height: auto;
}

.todos {
  height: 19px;
  margin: 5px 12px 0 0;
  min-width: 39px;
}

.taskicon {
  margin-right: 5px;
  color: #ffffff;
}

.profile {
  height: 19px;
  margin: 5px 0 0 0;
}

a.profileicons {
  font-size: 16px;
  height: 100%;
  width: 39px;
  color: #ffffff;
}

.userNav li a {
  padding: 5px 14px !important;
}

.userNav li.divider {
  padding: 0 !important;
  margin: 3px 0 !important;
}

.dashnavbtns {
  height: 19px;
  width: 14px;
  margin-right: 15px;
}

.navactions {
  min-width: 120px;
}

.signal {
  color: #cdcdcd;
  font-size: 0.9em;
  margin: 7px 0 0 10px;
}

.signal.red {
  color: #ff4a4a;
}

.signal.green {
  color: #53d798;
}

.signal.yellow {
  color: #ffdf2d;
}

#tasktable td {
  text-align: left;
  padding-right: 30px;
}

#tasktable .alertclose {
  right: 10px;
  line-height: 25px;
  text-align: center;
}

input.fullwidth {
  padding: 4px 3% !important;
  width: 100%;
  display: block;
}

#loginarea {
  width: 260px;
  height: 370px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -130px;
  margin-top: -180px;
  padding: 20px 0 60px;
}

#loginarea .logo {
  float: none;
  display: block;
  width: 258px;
  height: 71px;
  margin: 0 auto;
  margin-bottom: 20px;
}

#loginbox .loginwrap {
  border: 1px solid #000000;
  border-radius: 4px;
  -webkit-border-radius: 3px;
}

#loginbox .title {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background: #000000;
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
}

#loginbox .loginform {
  background: #e7e4df;
  background: linear-gradient(to bottom, #ffffff 20%, #e7e4df 60%);
  padding: 15px;
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 0;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  box-shadow: inset 0 -4px 0 0 #fff;
}

#loginbox form {
  margin-bottom: 0;
}

#loginbox .loginform .alert {
  font-size: 12px;
}

#loginbox .loginform .alert span {
  font-weight: 700;
}

.alert .close {
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  right: 0;
  text-shadow: 0 1px 0 #ffffff;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  opacity: 0.4;
}

#mainarea, #orderdetails {
  background: #e7e4df;
  background: linear-gradient(to bottom, #ffffff 20%, #e7e4df 60%);
  min-height: 1300px;
  position: relative;
  overflow: hidden;
}

#menu {
  box-shadow: 0 0 10px #a5a5a5;
  -webkit-box-shadow: 0 0 10px #a5a5a5;
  -moz-box-shadow: 0 0 10px #a5a5a5;
  z-index: 10;
  position: absolute;
  background: #fff;
  width: 230px;
  left: 0;
  top: 0;
  bottom: 0;
  float: left;
}

#navheader {
  border: 1px #9f9f9f solid;
  border-right: none;
  border-left: none;
  padding: 10px 30px;
  z-index: 10;
  position: relative;
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
}

#navheader span {
  color: #000000;
  font-size: 22px;
  float: left;
  line-height: 30px;
}

.collapsebtn {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  border: 1px solid #dddddd;
  position: absolute;
  cursor: pointer;
  right: 6px;
  top: 10px;
  background: #ffffff;
  z-index: 10;
  text-align: center;
  line-height: 34px;
  color: #551A8B;
}

.expandbtn {
  height: 34px;
  width: 25px;
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 9px;
  background: #1799bd;
  border-radius: 0 3px 3px 0;
  color: #ffffff;
  text-align: center;
  line-height: 38px;
}

nav ul.navone li {
  position: relative;
}

nav ul.navone li a {
  background-color: #824eb8;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 8px 10px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  font-size: 13px;
}

nav ul.navone li a:hover, nav ul.navone li.active a {
  background-color: #6d37a4;
}

nav ul.navone li a span {
  float: right;
}

nav ul.navone li:last-child {
  display: none;
}

nav ul.navone li a.assigned {
  background: #3a87ad;
}

nav ul.navone li.active:after {
  content: '';
  position: absolute;
  top: 0px;
  right: -23px;
  width: 0;
  height: 0;
  border: 17px solid transparent;
  border-left: 6px solid #824eb8;
  transition: border-left 0.2s;
}

nav ul.navone li.active:hover:after, nav ul.navone li.active:after {
  border-left: 6px solid #6d37a4;
}

nav ul.navone li.active.mine:after, nav ul.navone li.active.mine:hover:after {
  border-left: 6px solid #3a87ad;
}

.navone.fold li {
  display: none;
}

.navone.fold li:last-child {
  display: block;
}

.navone, .navtwo {
  padding: 0;
  margin: 0;
}

nav ul.navtwo li {
  border-top: 1px solid #8a8a8a;
  background: #f6f2e9;
}

nav ul.navtwo li:nth-child(even) {
  background: #fdfaf4;
}

nav ul.navtwo li:last-child {
  border-bottom: 1px solid #8a8a8a;
}

nav ul.navtwo li a {
  color: #525252;
  padding: 10px;
  display: block;
}

nav ul.navtwo li a:hover {
  background: #ffffff;
}

nav a.newhipchat, nav a.newhipchat:hover {
  color: #ffffff;
  font-size: 14px;
}

.subnav .header {
  color: #ffffff;
  background: #666666;
  padding: 10px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #3f3f3f;
  border-top: 1px solid #898989;
  cursor: pointer;
}

.subnav ul {
  padding-left: 0;
}

.subnav ul li {
  font-size: 13px;
  line-height: 16px;
  padding: 5px 15px 5px 5px;
}

.subnav .statusicon {
  margin: 0 5px 0 0;
  float: left;
}

.subnav a {
  color: #231f20;
  display: block;
}

.subnav a:hover {
  color: #551A8B;
}

.hipchat {
  margin-bottom: 25px;
}

.hipchat small {
  color: #cdcdcd;
  font-size: .7em;
  width: 100%;
  text-align: center;
  display: block;
  margin-top: 14px;
}

.settingsNav, .invoicingNav {
  margin: 0;
  padding: 13px 0 0 20px;
  border-top: 1px solid #9f9f9f;
  border-left: 1px solid #9f9f9f;
  border-right: 1px solid #9f9f9f;
  background: #f4f4f4;
}

.settingsNav span.badge, .invoicingNav span.badge {
  font-size: 12px;
  margin: 0 0 0 6px;
}

ul.customernotes, ul.opcustomernotes {
  padding-left: 0;
  margin-top: 0;
}

ul.customernotes .icon-check, ul.opcustomernotes .icon-check {
  color: #54137e;
  font-size: inherit;
}

#mainarea {
  padding: 0 0 100px 230px;
}

#maincontent {
  width: auto;
  z-index: 1;
  position: relative;
}

#contentTop {
  background-color: #ffffff;
  padding: 20px 3% 0;
  position: relative;
}

#contentTop h1 {
  color: #000000;
  font-size: 22px;
  float: left;
  line-height: 30px;
  margin: 0;
  position: relative;
  margin-bottom: 30px;
}

#contentTop h1 a {
  line-height: 35px;
  height: 30px;
}

#contentTop h1 small.custstatus {
  font-size: 12px;
  color: #636363;
  position: absolute;
  bottom: -10px;
  left: 50px;
  line-height: 12px;
}

.textright {
  float: right;
  line-height: 30px;
  margin-right: 0;
  font-weight: bold;
  font-size: 22px;
}

#maincontent .roundbtn, .modal .roundbtn {
  border-radius: 20px;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
  color: #ffffff;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
}

#maincontent .roundbtn img, .modal .roundbtn img {
  margin: 1px auto 0;
}

#contentTop .headeraction {
  position: absolute;
  right: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #525252;
}

#contentTop .headeraction div.roundbtn {
  margin: 0 10px 0 5px;
  position: relative;
  top: -2px;
}

#contentTop .orderActions {
  float: right;
}

#contentTop .orderActions a, #contentTop .orderActions .directConnect {
  margin: 0 0 20px 10px;
}

#contentTop .headeraction:hover {
  color: #551A8B !important;
}

#maincontent .expandorder {
  font-size: 12px;
  line-height: 14px;
  padding: 5px 6px;
  position: absolute;
  bottom: 20px;
  right: 0px;
  border-radius: 5px;
}

#maincontent .popLock {
  float: left;
  height: 34px;
  width: 34px;
  font-size: .9em;
}

#maincontent .popLock.restricted {
  color: #ffffff;
}

#contentTop a.show_design_status {
  margin-bottom: 0;
}

#contentTop .dropdown-menu.design_status > li > a {
  line-height: normal;
  margin: auto;
}

#orderdetails .container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#orderdetails #contentTop .headeraction {
  position: relative;
  right: 0;
}

#orderdetails h1 {
  line-height: 38px;
}

#orderdetails h1 span {
  display: inline-block;
}

#orderInfo {
  padding: 15px 3%;
  color: #cacaca;
}

#orderInfo strong {
  color: #ffffff;
  display: inline-block;
}

#orderInfo .container {
  max-width: 1175px;
  padding-right: 25px;
  font-size: 18px;
}

#orderInfo span {
  padding-right: 35px;
  float: left;
}

#orderInfo .info {
  width: 20px;
  height: 20px;
  background: url(/images/info.png) top left no-repeat;
  float: right;
  position: absolute;
  right: 0;
  cursor: pointer;
}

.detailsTop {
  position: relative;
}

.expanddown {
  background: url(/images/expanddown.png) center center no-repeat;
  width: 22px;
  height: 22px;
  display: block;
}

.expandup {
  background: url(/images/expandup.png) center center no-repeat;
  width: 22px;
  height: 22px;
  display: block;
}

.update {
  width: 29px;
  height: 26px;
  cursor: pointer;
  margin-bottom: -4px;
  background: url(/images/update.png) top left no-repeat;
  display: inline-block;
  /*-webkit-animation-name: spaceboots; -webkit-animation-duration: 0.8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;*/
}

.detailsLeft {
  font-size: 14px;
}

.detailsLeft h2 {
  margin-bottom: 0;
  line-height: 17px;
  font-size: 15px;
  margin-bottom: 10px;
}

.detailsLeft h2 .small {
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  font-style: italic;
}

.detailsLeft h2 .price_small {
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
}

.detailsLeft h2 .label {
  margin: 0 10px 0 0;
}

.detailsLeft h2 .jName {
  color: #000000;
}

.statDiscription {
  font-weight: bold;
  font-size: 18px;
}

.jobspecs ul {
  padding-left: 0;
  font-size: 14px;
  margin: 10px 0 20px 0;
}

.jobspecs ul li {
  margin-left: 0;
  list-style: none;
}

.jobspecs span {
  color: #a3a3a3;
  font-size: 12px;
}

.eddmBlock {
  float: right;
  padding: 5px 10px;
  margin-top: 8px;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  overflow: hidden;
}

.eddmBlock h4 {
  position: relative;
  top: 2px;
  margin-bottom: 6px;
}

.eddmBlock div {
  float: left;
  margin-bottom: 6px;
  width: 25%;
}

.eddmBlock div:nth-child(7) {
  width: 50%;
}

.eddmBlock div span {
  width: 100%;
  float: left;
  clear: both;
  font-weight: normal;
}

.eddmBlock div a {
  position: relative;
  top: 10px;
}

.refstatus .statuses, .refstatus .referenceId {
  margin-bottom: 20px;
}

.refstatus .statuses select, .refstatus .statuses button, .refstatus .statuses input, .refstatus .referenceId select, .refstatus .referenceId button, .refstatus .referenceId input {
  margin-bottom: 0;
}

.detailsRight {
  font-size: 14px;
  padding-top: 20px;
}

.detailsRight .date-info {
  position: absolute;
  margin-top: -31px;
  display: inline-block;
}

.job-type {
  position: absolute;
  top: 0;
  right: 0;
}

.detailsRight span {
  font-weight: bold;
}

.joblist {
  padding: 0;
  margin: 0;
}

.joblist li.job {
  list-style: none;
  padding: 20px 3% 5px 3%;
  background: #ffffff;
  position: relative;
}

.detailsRight a {
  color: #551A8B;
}

.joblist li .roundbtn {
  position: absolute;
  right: 0;
  bottom: 20px;
}

.joblist li.job:nth-child(even) {
  background: #efefef;
  border-top: 1px solid #c9c8c6;
}

.couponContainer {
  margin-right: -25px !important;
  position: relative;
}

input.fourcoupon {
  margin: 0 !important;
  height: 28px !important;
  background: #582791 !important;
  border: 1px solid #8a5ebc !important;
  color: #a783d1 !important;
}

.csractionsRight {
  float: right;
}

.csractionsRight .closeBtn, .csractionsRight .expandall, .csractionsRight .closeall, .csractionsRight .saveall, .csractionsRight .sendProofs {
  margin-left: 10px;
}

.csractionsRight a {
  margin-bottom: 10px;
}

.csractionsLeft {
  float: left;
}

div.statGroupShipping {
  display: none;
}

.job.subjob {
  border-left: 8px solid #dddddd;
}

.job.subjob div.statGroupShipping {
  display: block;
}

.job.subjob div.statDiscription {
  display: none;
}

.job.subjob div.statFacility {
  display: none;
}

.job.subjob div.statShipping {
  display: none;
}

.job.subjob div.statShipto {
  display: none;
}

.job.subjob div.detailsRight {
  margin-bottom: 0 !important;
}

.job.job_attention {
  border-left: 6px solid #ffe100;
}

span.job_attention {
  position: relative;
}

span.job_attention:before {
  content: "";
  width: 11px;
  height: 11px;
  background: #ffe100;
  border-radius: 10px;
  display: block;
  float: left;
  position: relative;
  top: 5px;
  margin-right: 5px;
}

.popUser {
  position: relative;
  top: -2px;
}

#orderHistory td {
  text-align: center;
}

.modal #tasktable td, .modal #shorttable td {
  padding: 3px 10px;
}

.modal #tasktable td.left30 {
  padding-left: 30px;
}

.modal-body.nomargin {
  padding: 0;
}

.checkdelete .btn-mini {
  color: #ffffff;
  font-weight: bold;
  padding: 5px 10px;
}

.checkdelete .yesdelete {
  background: #e00000;
}

.checkdelete .nodelete {
  background: #a3a2a2;
}

.keyvalrow {
  padding-right: 25px;
  position: relative;
  margin-bottom: 15px;
}

.keyvalrow input[type="text"] {
  margin-bottom: 0;
}

.keyvalrow .deleteData {
  right: 0;
  color: #adadad;
  cursor: pointer;
}

.leftSideModal {
  float: left;
  width: 35%;
}

.leftSideModal h3 {
  font-size: 16px;
}

.rightSideModal {
  border: 1px solid #dedede;
  background: #fafafa;
  border-radius: 5px;
  font-size: 12px;
  float: right;
  width: 64%;
  min-height: 250px;
  overflow-x: hidden;
}

.rightSideModal::-webkit-scrollbar {
  -webkit-appearance: none;
}

.rightSideModal::-webkit-scrollbar:vertical {
  width: 8px;
}

.rightSideModal::-webkit-scrollbar:horizontal {
  height: 11px;
}

.rightSideModal::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.3);
}

.rightSideModal::-webkit-scrollbar-track {
  background-color: #dedede;
}

.topStats {
  margin: 4px 0;
}

.topStats li {
  margin: 0 !important;
  padding-left: 20px;
  box-sizing: border-box;
}

.topStats li p {
  margin: 0;
  color: #bcbcbc;
}

.editComments {
  display: inline-block;
}

.editComments img {
  margin-bottom: -2px;
}

#editComments textarea {
  margin: 20px 0 10px;
  height: 100px;
}

.messagePanel {
  width: 49%;
  margin-bottom: 30px;
}

.messagePanel span.status {
  float: right;
  margin-top: 0px;
  margin-left: 10px;
}

.messagePanel span.green {
  color: #10bd10;
}

.messagePanel span.blue {
  color: #3e88ab;
}

.messagePanel span.gray {
  color: #dedede;
}

.accordion {
  margin-bottom: 0 !important;
}

.accordion-body {
  background: #f8f8f8;
}

.accordion-toggle span.label {
  position: relative;
  top: 1px;
  margin-right: 3px;
  background: #eee;
  border: 1px solid #ddd;
  color: #8553BA;
  text-shadow: none;
}

.tripple {
  width: 32%;
}

.tripcenter {
  margin-left: 2%;
}

.addressBlock {
  float: left;
  clear: both;
}

.addressBlock div.group {
  position: relative;
}

.addressBlock h4 {
  position: absolute;
}

.addressBlock span {
  margin: 10px 5px 0 0;
}

.addressBlock div.group div.left {
  margin: -25px 0 0 10px;
}

td.highlight {
  background: #aaf7ab;
}

.desk, .intercoms {
  background: #fff;
}

.desk ul.nav, .intercoms ul.nav {
  margin: 0 0 0 0;
  padding: 12px 0 0 12px;
  background: #eee;
}

.desk a.newDesk, .desk a.refreshDesk, .intercoms a.newIntercom, .intercoms a.refreshIntercom {
  margin: 13px 12px 0 0;
}

.deskText {
  margin-top: 10px;
  display: none;
}

.sendDesk, .relateDesk {
  margin-bottom: 10px;
}

.deskRight, .intercomRight, .customerIntercomRight {
  background: #eee;
  float: right;
}

.qaicon {
  width: 100%;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #c9c8c6;
  border-radius: 3px;
  margin-bottom: 15px;
}

.jobActions {
  position: absolute;
  display: none;
  width: 24px;
  /*height: 49px;*/
  left: -25px;
  background: #ffffff;
  border: 1px solid #c9c8c6;
  border-radius: 3px 0 0 3px;
}

.jobActions.short {
  height: 30px;
}

.jobActions a {
  color: #ffffff;
  margin: 5px 0 0;
  left: 4px;
  height: 17px;
  line-height: 17px;
  width: 17px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

/*.jobActions .jobdelete {left:4px; top: 5px; height: 17px;}
                .jobActions .edit {left:4px; top: 27px; height: 17px; line-height: 17px; min-height: 17px; position: absolute;}*/
.edit {
  width: 17px;
  height: 100%;
  min-height: 17px;
  top: 0;
  right: 20px;
  position: absolute;
  cursor: pointer;
  overflow: hidden;
}

.jobdelete {
  width: 17px;
  height: 100%;
  min-height: 17px;
  top: 0;
  right: 20px;
  position: absolute;
  cursor: pointer;
  overflow: hidden;
}

.creditAmmount {
  display: inline-block;
  min-width: 80px;
}

.orderDrop {
  border-top: 1px solid #cccccc;
  padding: 20px 0 0 0;
  display: none;
}

.orderDrop .btn.addit {
  background-color: #8553BA;
  color: #ffffff;
  border: 0;
}

.orderprice {
  text-align: right !important;
  font-size: 18px;
}

.orderprice span {
  float: left;
}

.orderprice .price {
  width: 100px;
}

.orderprice .color {
  font-weight: bold;
  color: #3e88ab;
}

.oldprice {
  color: #cccccc;
  position: relative;
}

.oldprice:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: #bd372e;
  transform: rotate(-10deg);
}

.couponused {
  font-size: 10px;
  line-height: 11px;
  display: inline-block;
  color: #cccccc;
}

.insertText {
  margin-top: -21px;
}

tr.first td a.mup {
  display: none;
}

tr.last td a.mdown {
  display: none;
}

#sitewideAlert, .orderModification, #outstandingCharges {
  padding: 10px 30px;
  line-height: 28px;
  position: relative;
  background: #f3d76b;
  background-size: auto 100%;
  color: #000000;
}

#sitewideAlert a, .orderModification a, #outstandingCharges a {
  color: #000000;
  line-height: 27px;
  background: url(/images/sitewidealert.png) left 3px no-repeat;
  padding-left: 30px;
  padding-right: 37px;
  float: right;
}

#sitewideAlert a:hover, .orderModification a:hover, #outstandingCharges a:hover {
  color: #6d37a4;
}

#sitewideAlert .ordermodTitle, .orderModification .ordermodTitle, #outstandingCharges .ordermodTitle {
  font-weight: bold;
}

#sitewideAlert.active, .orderModification.active, #outstandingCharges.active {
  animation: progress-bar-stripes 2s linear infinite;
}

.orderAlerts .alertBox {
  padding: 10px;
  line-height: 28px;
  position: relative;
  background: #ffffff;
  max-width: 1200px;
  margin: 0 auto 15px auto;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #c3c3c3;
  color: #000000;
}

.orderAlerts .alertBox strong {
  color: #ad0709;
}

.orderAlerts .alertBox .ordermodTitle {
  font-weight: bold;
}

.orderAlerts .alertBox:last-child {
  margin-bottom: 0;
}

.alertclose, .addressdelete {
  width: 17px;
  height: 100%;
  line-height: 25px;
  text-align: center;
  min-height: 17px;
  top: 0;
  right: 20px;
  position: absolute;
  cursor: pointer;
  font-family: 'primoadmin';
  opacity: .5;
  /*background: url(/images/alertclose.png) center center no-repeat;*/
}

.alertclose:before, .addressdelete:before {
  content: "\21";
}

.alert.locked-alert a {
  color: #C09853;
  text-decoration: underline;
}

.alert.locked-alert .close {
  top: 10px;
  right: 10px;
}

.addressdelete {
  right: 5px;
}

.addressedit {
  width: 17px;
  height: 22px;
  display: inline-block;
  cursor: pointer;
  top: 0;
  right: 30px;
  position: absolute;
  height: 100%;
  min-height: 17px;
  font-family: 'primoadmin';
  opacity: .5;
  text-align: center;
  line-height: 25px;
}

.addressedit:before {
  content: "\24";
}

.confirmaddress {
  width: 17px;
  height: 100%;
  min-height: 17px;
  top: 0;
  right: 26px;
  position: absolute;
  cursor: pointer;
  font-family: 'primoadmin';
  opacity: .5;
  text-align: center;
  line-height: 25px;
}

.confirmaddress:before {
  content: "\43";
}

h4.addresstitle {
  color: #824eb8;
}

.selectAddress {
  display: none;
}

.addressSelection {
  float: left;
  width: 100%;
  text-align: left;
  font-size: .9em;
  margin-bottom: 20px;
  padding: 6px 10px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #dedede;
  background: #fff;
}

.addressSelection:hover {
  background: #fefff2;
  cursor: pointer;
  box-shadow: 0 0 5px #bcbcbc;
}

.addressSelection h5 {
  font-size: 1em;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #ccc;
}

.addyNotice {
  margin: 10px 0 5px 0;
  color: #900;
}

.addbtn, .removebtn {
  width: 19px;
  height: 100%;
  min-height: 19px;
  top: 0;
  right: 5px;
  position: absolute;
  cursor: pointer;
  font-family: 'primoadmin';
  opacity: .5;
  text-align: center;
  line-height: 25px;
}

.addbtn:before {
  content: "\23";
}

.removebtn:before {
  content: "\22";
}

#modal, #confirm {
  position: fixed;
  max-height: 80%;
  overflow-y: auto;
}

.checkfloat {
  padding-left: 20px;
  position: relative;
}

.checkfloat input {
  position: absolute;
  left: 0;
}

#qaticket .jobs {
  border: 1px solid #cacaca;
  border-radius: 3px;
  padding: 15px 10px 0 10px;
}

.notice {
  color: #BD362F;
}

.footable.pricingtable > tbody > tr > td, .footable.pricingtable > tbody > tr > th {
  padding: 5px 0;
}

.jlist tbody tr td:nth-child(3) {
  text-align: left;
}

.jlist tbody tr td:last-child {
  text-align: right;
}

.methodtitle {
  float: left;
  margin: 2px 0 0 0;
}

.paymentMethods {
  margin: 0;
  padding: 0;
  float: right;
}

.paymentMethods label {
  padding: 0;
}

.paymentMethods li {
  float: left;
  margin: 0 0 0 5px;
  line-height: 32px;
  width: 68px;
  height: 32px;
  list-style: none;
  margin-left: 20px;
}

.paymentMethods input[type="radio"] + label span {
  margin: 0 5px 0 0;
}

.method {
  width: 46px;
  height: 32px;
  overflow: hidden;
  background: url(/images/paymentmethods.gif) top left no-repeat;
  cursor: pointer;
}

.method.credit {
  background-position: 0 0;
}

.method.echeck {
  background-position: 0 -32px;
}

.method.paypal {
  background-position: 0 -64px;
}

.method.invoice {
  background-position: 0 -96px;
}

.method.visa {
  background-position: 0 -128px;
}

.method.mastercard {
  background-position: 0 -160px;
}

.method.discover {
  background-position: 0 -192px;
}

.method.amex {
  background-position: 0 -224px;
}

.checkimage {
  text-align: center;
}

.checkimage img {
  width: 100%;
  height: auto;
  max-width: 558px;
  margin: 0 auto;
}

.savemethod {
  padding: 38px 0 0 25px;
  position: relative;
}

.savebank {
  padding: 0 0 0 25px;
}

.savemethod a {
  margin-left: 5px;
  color: #cccccc !important;
}

.paypalpayment img {
  width: 100%;
  max-width: 468px;
  height: auto;
}

.paypalpayment span {
  color: #478dd9;
}

.errorList {
  border: 1px solid #ffe2e2;
  background-color: #ffefef;
  border-radius: 6px;
  padding: 5px 5px 3px;
  margin-bottom: 6px;
}

.errorList p {
  font-size: 1em !important;
  color: #900;
  padding: 5px;
  margin: 0;
}

#customer {
  margin-bottom: 20px;
}

#customer hr {
  width: 100% !important;
  height: 1px !important;
  background: #dedede !important;
  clear: both;
  margin: 10px 0;
}

#customer a.btn-mini {
  position: relative;
  top: -1px;
}

#customer .tagEm {
  display: none;
  position: relative;
}

#customer .tagEm button {
  position: absolute;
  top: 7px;
  right: 5px;
}

#customer h2 {
  margin-bottom: 0;
}

.editaccount {
  margin: 6px 0 0 10px;
}

#customer .customerpic {
  margin: 0 15px 10px 0;
  max-width: 90px;
}

.statustext {
  line-height: 16px;
  font-size: 14px;
  width: 100%;
}

#customer .statusicon {
  margin-right: 5px;
}

.customerinfo {
  overflow: hidden;
  max-width: 405px;
}

.customerinfo .circleBtns {
  position: absolute;
  right: 15px;
}

.customerinfo h3 {
  margin-bottom: 0;
}

.customerinfo .badge {
  background: #bbb;
  display: block;
  float: left;
}

.recentUsers img {
  margin: 8px 0 0 0;
}

.recentUsers th, .recentUsers td {
  text-align: left !important;
  padding-left: 8px !important;
}

.recentUsers td {
  height: 30px !important;
  line-height: 46px;
  padding: 0 0 0 8px !important;
}

.user_card {
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 1% 1% 0;
  position: relative;
}

.user_card:hover {
  background: #efefef;
}

.user_card a.removeEstimate {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
  font-size: 13px;
}

.user_card img {
  float: left;
  margin-right: 10px;
}

#content .container {
  padding: 20px 48px 30px 3%;
}

.statusicon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0 auto;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.statusicon.red {
  background: #bb4242;
}

.statusicon.blue {
  background: #74c2d7;
}

.statusicon.green {
  background: #4bbb42;
}

.statusicon.yellow {
  background: #f4c900;
}

.statusicon.gray {
  background: #bbb;
}

.icon.lock {
  display: inline;
  cursor: pointer;
  color: #8553BA;
  font-size: 1.1em;
  margin-left: 4px;
  position: relative;
  top: -1px;
}

.icon.lock.green {
  color: #090;
}

.tablestyles {
  color: #525252;
  padding: 25px;
  box-shadow: 1px 1px 10px 1px #c9c8c6;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #eff2f5;
  border-radius: 0.625rem;
  margin-bottom: 1.5rem;
}

.tablestyles h3 {
  font-weight: normal;
}

.tablestyles h3 span {
  color: #551A8B;
  font-weight: bold;
}

.tablestyles table {
  background: #ffffff;
  margin-bottom: 25px;
  box-shadow: 0 2px 2px #c9c8c6;
}

.ordernumber a {
  color: #551A8B;
  font-weight: bold;
}

.tablestyles tfoot, .tablebot {
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
  padding: 10px;
  border-top: 1px solid #ccc;
}

.fileGroup {
  margin-bottom: 30px;
}

.uploadedFiles {
  margin: 0;
  padding: 0;
}

.uploadedFiles li {
  list-style: none;
  padding: 5px;
  background: #ffffff;
}

.uploadedFiles li .filetype {
  min-width: 25%;
  display: inline-block;
  font-weight: bold;
}

.uploadedFiles li .filename {
  display: inline-block;
  position: relative;
  padding-left: 27px;
}

.uploadedFiles li .filename .statusicon {
  position: absolute;
  left: 0;
  top: 2px;
}

.uploadedFiles li:nth-child(even) {
  background: #efefef;
}

.uploadedFiles .alertclose {
  position: relative;
  display: block;
  height: 22px;
  float: left;
  right: 0;
  margin-right: 10px;
}

.paymentleft {
  float: left;
  width: 50%;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.paymentright {
  float: right;
  width: 50%;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
}

.paymentright span {
  width: 100px;
  display: inline-block;
}

.paymentTotals {
  padding: 20px 3%;
}

.modifications {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.modifications p {
  position: absolute;
  display: none;
  right: 30px;
  top: -6px;
  width: 345px;
}

.modifications p button {
  float: right;
  margin-left: 10px;
  clear: none;
  display: inline-block;
}

.messageAdd {
  background: #efefef !important;
  border-bottom: 1px solid #dedede !important;
  position: relative;
  padding-bottom: 0 !important;
}

.messageAdd textarea {
  width: 100%;
}

.messageAdd a.filterNotes {
  width: 2.5%;
  position: absolute;
  top: 20px;
  right: 2%;
  height: 30px;
  line-height: 32px;
}

.messageAdd ul {
  margin-bottom: 0;
  border-bottom: 0;
  padding-left: 0;
}

.intNote {
  margin: 0;
}

.postInternal {
  margin-top: 20px;
}

.messages {
  padding: 0;
}

.messages p img {
  max-width: 160px;
}

.messages pre {
  font-size: 14px;
  padding: 0 7px;
  font-family: arial;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 4px;
  margin-top: 0;
  margin-bottom: 0;
}

.intercom div.accordion-heading {
  padding-right: 0px !important;
}

a.accordion-toggle {
  padding: 7px 7px 8px 14px !important;
}

a.accordion-toggle small {
  color: #ccc;
  font-weight: bold;
}

a.accordion-toggle span.label {
  line-height: 14px;
}

.sendIntercom {
  float: right;
  margin-left: 10px;
  clear: none;
  display: inline;
}

.messages div.singleMsg {
  margin-bottom: 14px;
  background: #efefef;
  border: 1px solid #dedede;
  border-radius: 4px;
}

.messages div.bot, .messages p.bot {
  display: none;
}

div.singleMsg.primo {
  background: #f8f4fc;
}

.messages p {
  font-size: 14px;
  padding: 0 0 7px 7px;
}

.messages h4 {
  margin: 0 0 1em;
}

.messages table {
  margin-bottom: 14px;
}

.messages table:last-child {
  margin-bottom: 0px;
}

.messagetitle {
  padding: 5px 5px 5px 7px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #dedede;
}

.messagetitle.bot {
  color: #aaa;
}

/* background: #efefef;border:1px solid #fff;border-radius:4px; */
.messagetitle small {
  float: right;
}

.messagetitle.fullwidth {
  padding: 5px 2px 5px 1px;
}

.messageCard {
  max-width: 60%;
  float: left;
}

.deskReply {
  border-radius: 0 0 4px 4px !important;
  border: none !important;
  line-height: 1em;
  padding: 10px 10px 30px 10px;
}

.deskReply p {
  margin: 0;
  padding: 0 7px 2px 7px;
}

.deskReply textarea {
  margin: 0 0 10px 0;
}

.initialConvo {
  padding-top: 14px !important;
}

.showAllNotes {
  padding: 4px 0;
  border-radius: 5px;
  margin: 0;
  background: #efefef;
  width: 100%;
  display: block;
  text-align: center;
}

.showAllNotes:hover {
  background: #dedede;
}

#jobAlerts td {
  text-align: center;
}

#jobAlerts th {
  text-align: center;
}

#pendingJobs, #customEstimates {
  position: relative;
}

ul.templateList {
  width: 100%;
  clear: both;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

ul.templateList li {
  width: 19%;
  margin: 0 1% 1% 0;
  padding: 0;
  list-style: none;
  float: left;
  overflow: hidden;
}

ul.templateList li .borderBottom {
  border-bottom: 1px solid #eaeaea;
  padding: 5px 0;
  margin: 0 0 5px 0;
}

ul.templateList li a {
  display: block;
  margin-bottom: 1px;
}

ul.templateList li img {
  width: 99.4%;
  border-radius: 3px;
  border: 1px solid #efefef;
}

ul.templateList li .label {
  margin-top: 1px;
}

#customEstimates .footable > tbody > tr > td {
  text-align: center;
}

.optionGroups .header {
  color: #ffffff;
  background: #666666;
  padding: 10px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #3f3f3f;
  border-top: 1px solid #898989;
  cursor: pointer;
}

.sectiondrop {
  padding: 10px 0 10px 2%;
}

.optionGroups .header.dropsection {
  background: #000;
}

.optionGroups .header.dropsubsection {
  background: #666666;
}

.subsectiondrop table {
  margin: 10px 0 20px;
}

#widget {
  width: 14.28%;
  float: left;
  box-shadow: 0 2px 2px #c9c8c6;
}

#widget .widgetwrap {
  border: 1px solid #c9c8c6;
  border-left: none;
  border-right: none;
}

#widget .title {
  padding: 10px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background: #000000;
}

#widget .title:hover {
  /*background: url(/images/widgetinfo.png) 95% center no-repeat #000*/
}

#widget .number {
  border-bottom: 1px solid #a1a1a1;
  color: #000000;
}

#widget .number, #widget .ammount {
  background: #ffffff;
  text-align: center;
  padding: 30px 10px;
  font-weight: bold;
  font-size: 21px;
}

#widget .ammount {
  color: #551A8B;
  padding: 10px;
  font-size: 14px;
}

#widget .ammount ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

#widget .ammount li {
  position: relative;
  padding: 3px 3px;
}

#widget .ammount ul span {
  color: #000000;
  position: absolute;
  text-align: center;
  color: #fff;
  left: 5px;
  background: #969696;
  border-radius: 20px;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  width: 20px;
  height: 20px;
}

#widget .dayone ul span, #widget .daytwo ul span {
  display: none;
}

#widget .ammount ul li:nth-child(even) {
  background: #e3e3e3;
}

#widget .ammount ul span.green {
  background: #4bbb42;
}

#widget .ammount ul span.blue {
  background: #68daff;
}

#widget .ammount ul span.purple {
  background: #48047f;
}

#widget.balanceWidget {
  width: 33.33333%;
}

#widget.balanceWidget .ammount {
  font-size: 1.6em;
}

#adminCat {
  width: 100%;
  display: block;
  box-shadow: 0 2px 2px #c9c8c6;
}

#adminCat .catwrap {
  border: 1px solid #c9c8c6;
}

#adminCat .catwrap .wrap {
  padding: 20px 3%;
  background: #ffffff;
}

#adminCat .title {
  padding: 10px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #a1a1a1;
  text-align: center;
  background: #000000;
  position: relative;
}

#adminCat .title .seenotes {
  position: absolute;
  right: 10px;
}

#adminCat .title .seenotes a {
  color: #f3d76b;
}

.smallTable {
  width: 100%;
  background: #EFEFEF;
  font-size: 0.9em;
  /*border:1px solid #dedede;*/
  border-top: none;
}

.smallTable thead tr td {
  padding: 6px 8px 2px 6px;
  border-bottom: 1px solid #e9e9e9;
}

.smallTable tbody tr td {
  padding: 6px 8px 6px 8px;
  background: #f8f8f8;
}

.smallTable tfoot tr td {
  padding: 6px 8px;
  border-top: 1px solid #e9e9e9;
  font-size: 0.9em;
}

.blockWrap {
  padding: 20px 2%;
  background: #ffffff;
}

.pagination {
  display: flex;
  gap: 15px;
  justify-content: center;
  list-style: none;
}

.pagination a {
  color: #551A8B;
}

.headerRow {
  font-weight: bold;
  margin-bottom: 14px;
  color: #9c6ccf;
}

.alts:nth-child(even) {
  background: #f9f9f9;
}

.alts {
  line-height: 35px;
  padding: 4px 0 4px 10px;
}

.alts label.control-label {
  height: 35px;
  line-height: 35px;
}

.direction a {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #b190d2;
  background-image: linear-gradient(to bottom, #b190d2, #8553BA);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
}

.widthhalf {
  width: 10%;
  margin-right: 1.2%;
}

.widthhalf.right0 {
  margin-right: 0;
}

.widthone {
  width: 24%;
}

.widthonehalf {
  width: 32.3%;
}

.widthonehalf.middleblock {
  margin: 0 1.5%;
}

.widthtwo {
  width: 49%;
}

.widththree {
  width: 74%;
}

.widthfour {
  width: 100%;
}

.widthquarter {
  width: 25%;
  padding-right: 10px;
}

.widthquarter:last-child {
  padding-right: 0;
}

.widthfifth {
  width: 20%;
  padding-right: 10px;
}

.widthfifth:last-child {
  padding-right: 0;
}

.widthsixth {
  width: 16.66%;
  padding-right: 10px;
}

.widthsixth:last-child {
  padding-right: 0;
}

.widthseven {
  width: 13%;
  margin-right: 1.25%;
  float: left;
}

/* LONG FORMS */
.longform .controls .control-group {
  float: left;
}

.longform .widthone {
  width: 23.25%;
  margin-right: 2.25%;
}

.longform .widthonehalf {
  width: 31.75%;
  margin-right: 2.25%;
}

.longform .widthtwo {
  width: 48.75%;
  margin-right: 2.25%;
}

.longform .controls .control-group:last-child {
  margin-right: 0;
}

.longform h3 {
  color: #551A8B;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  font-size: 1.1em;
}

.longform .imgupload {
  border: 1px solid #CCCCCC;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 20px;
}

#widgets {
  position: relative;
}

.reload {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  border: 1px solid #dddddd;
  cursor: pointer;
  background: #ffffff;
  position: absolute;
  top: 20px;
  right: 26px;
  overflow: hidden;
}

.reload:before {
  font-family: 'primoadmin';
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 31px;
  z-index: 1;
  color: #551A8B;
  font-size: 22px;
  content: "\42";
}

.reload:hover:before {
  -webkit-animation: spinX .5s;
}

.datepicker {
  float: right;
  margin: 0;
  padding: 0;
  height: 30px;
  position: relative;
  top: 3px;
}

.datepicker a {
  float: right;
  margin: -3px 2px 0 10px;
  height: 16px;
  width: 21px;
  line-height: 16px;
  border-radius: 4px;
  color: #fff !important;
}

.datepicker a span {
  font-size: 16px;
  color: #fff !important;
}

.datepicker input {
  float: right;
  width: 150px;
  margin-left: 10px;
  margin-top: -3px;
  height: 30px !important;
}

.multiselect-container {
  width: 800px;
}

.multiselect-container li {
  width: 200px;
  float: left;
}

.multiselect-container li a {
  padding: 8px 10px 1px 10px !important;
  border-radius: 5px;
}

#primo-custom-multiselect .multiselect-container {
  width: 400px !important;
}

#primo-custom-multiselect .multiselect-container li {
  width: 400px !important;
  float: none !important;
}

#primo-custom-multiselect .multiselect-container .input-group {
  padding: 5px !important;
}

.charts {
  position: relative;
}

.stat h2 {
  font-size: 1em;
  margin-bottom: none !important;
  color: #aaa;
}

.stat span {
  font-size: 3em;
  color: #444;
}

#mycanvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  /*display:none;*/
}

.four {
  float: left;
  width: 25%;
}

.five {
  float: left;
  width: 20%;
}

.key.right {
  position: absolute;
  opacity: .7;
  top: 130px;
  left: 50%;
  margin-left: -97px;
}

.key.inline {
  position: absolute;
  top: -52px;
  right: 10px;
}

.key.head2 {
  margin: 0;
  padding: 0;
  position: relative;
  top: 3px;
  left: 8px;
  display: none;
}

.key li {
  list-style: none;
  margin-bottom: 5px;
}

.key.inline li {
  float: left;
  margin-right: 15px;
}

.key span.square {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  margin: 1px 10px 0 0;
}

.openissues {
  float: right;
  margin: 2px 0 0 5px;
  font-style: normal;
}

.typeselect {
  padding: 1em 1em 1em 7em;
  display: block;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #E4E4E4 100%);
  border: 1px solid #CCCCCC;
  box-shadow: inset 0 0 2px 2px #FFFFFF;
  border-radius: 5px;
  position: relative;
  margin-bottom: 1em;
  text-shadow: -2px 2px 0 #ffffff;
  color: #3a3a3a;
}

.typeselect h3 {
  font-size: 1.2em;
  color: #7b31a9;
  margin-bottom: 5px;
}

.typeselect p {
  font-size: .9em;
  margin: 0;
}

.typeselect span {
  line-height: 64px;
  height: 64px;
  left: .4em;
  font-size: 4em;
  color: #7b31a9;
}

.ticketdata {
  border: 1px solid #adadad;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
}

.ticketdata h3 {
  padding: 10px;
  background: #f3f3f3;
  color: #54137e;
  border-bottom: 1px solid #adadad;
  margin: 0;
}

.ticketdata p {
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #adadad;
  font-size: 14px;
}

.ticketdata p textarea {
  margin: 0;
}

.ticketdata p:last-child {
  border-bottom: 0;
}

/*** ACCOUNT POPUP SUCCESS ***/
.muchsuccess {
  padding-top: 200px;
  position: relative !important;
  text-align: center;
  padding: 0;
  overflow: hidden;
  margin: 20px 0 0 0;
}

.muchsuccess h2 {
  color: #54137e;
  margin: 16px 0;
  font-size: 28px;
  text-align: center;
}

.muchsuccess .successburst {
  position: relative;
  left: 50%;
  margin-left: -90.5px;
}

.successburst {
  color: #ffffff;
  position: absolute;
  width: 181px;
  height: 181px;
  text-align: left;
  left: 64px;
  top: 0;
  opacity: 0;
  -webkit-animation: myship 1s;
  -webkit-animation-fill-mode: forwards;
}

.successburst:before {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 181px;
  z-index: 1;
  color: #54137e;
  font-size: 181px;
  font-family: 'primoadmin';
  content: "\e903";
  -webkit-animation: spinX 1s;
}

.successcheck {
  position: absolute;
  width: 181px;
  height: 181px;
  display: block;
}

.successcheck:before {
  position: absolute;
  width: 181px;
  height: 181px;
  text-align: center;
  line-height: 181px;
  z-index: 1;
  color: #ffffff;
  font-size: 120px;
  font-family: 'primoadmin';
  content: "\e902";
}

.thumbnail {
  position: relative;
}

.thumbnail p {
  position: absolute;
  background: rgba(0, 0, 0, 0.65);
  bottom: 4px;
  left: 4px;
  right: 4px;
  display: block;
  display: block;
  padding: 0 10px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.55);
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.thumbnail p:hover {
  background: black;
}

.thumbnail p span, .thumbnail p small {
  float: left;
  clear: left;
}

.thumbnail p span {
  color: #b489e5;
  position: relative;
  top: 6px;
}

.thumbnail p small {
  position: relative;
  top: -2px;
}

.bottompop, .activepop {
  z-index: 99999;
  position: fixed;
  bottom: 10px;
  right: -380px;
  padding: 10px;
  color: #fff;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  width: 380px;
  opacity: 0;
}

footer {
  color: #676767;
  font-size: 14px;
}

footer a {
  color: #676767;
}

footer a.helpfile {
  font-size: 1.7em;
  position: relative;
  top: -6px;
  color: #fff;
  z-index: 99;
}

footer a.helpfile:hover {
  color: #ff6666;
}

.query_log {
  display: none;
  background: #020202;
  color: #898989;
  padding: 0;
  margin: 20px 0 0 -30px;
  width: 120%;
}

.query_log div {
  position: relative;
  padding: 14px 0 14px 70px;
  border-bottom: 1px solid #232323;
  overflow: hidden;
}

.query_log div span {
  position: absolute;
  left: 0px;
  top: 1px;
  height: 100%;
  border-right: 1px solid #232323;
  padding: 13px 0 0 20px;
  width: 26px;
}

.query_log div p {
  color: #343434;
  margin: 0;
}

.query_log div:hover {
  background: #121212;
}

/* Side Stats */
.sideStats {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 375px;
  z-index: 1000;
  background: rgba(46, 46, 46, 0.9);
  border-right: 1px solid #1c1c1c;
  box-sizing: border-box;
  padding: 24px 34px;
  color: #c9c9c9;
  line-height: 35px;
}

.sideStats a.logo {
  background: url(/images/logo-stream.png);
  background-size: 176px 96px;
  position: relative;
  height: 28px;
}

.sideStats ul {
  list-style: none;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
  margin: 24px 0 14px 0;
  padding: 14px 0;
}

.sideStats ul li {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.6em;
  line-height: 50px;
}

.sideStats ul li span.counts {
  color: #656565;
  transition: color 1s;
}

.sideStats span.clrcirc {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #fff;
  display: inline-block;
  position: relative;
  top: 5px;
}

span.clrcirc.purple {
  background: #8652ae;
}

span.clrcirc.blue {
  background: #46a9c8;
}

span.clrcirc.green {
  background: #41d69e;
}

span.clrcirc.orange {
  background: #d7ae4d;
}

span.clrcirc.pink {
  background: #d74da8;
}

span.clrcirc.yellow {
  background: #fffc00;
}

span.clrcirc.white {
  background: white;
}

span.clrcirc.gray {
  background: #7b7b7b;
}

span.clrcirc.pulse {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: 1;
}

.sideStats h4 {
  color: #757575;
  font-size: 1.6em;
  border-bottom: 1px solid #474747;
  padding-bottom: 14px;
  margin-bottom: 14px;
  line-height: 24px;
}

.missing {
  background: #ffe8e8;
}

/*** FILE UPLOADER ***/
.jobUploads {
  padding: 20px;
}

.productsection.jobUploads {
  padding: 20px 20px 0 20px;
}

.jobUploads sup {
  vertical-align: super;
  font-size: 10px;
}

.jobUploads .button {
  color: #ffffff;
  background: #7745AD;
  padding: 7px 15px 3px;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 10px;
  display: inline-block;
  border-radius: 3px;
  background-clip: padding-box;
}

.uploadSteps {
  width: 100%;
  margin-bottom: 20px;
  display: block;
}

.uploadLeft {
  width: 35%;
  padding: 0 20px 0 0;
  float: left;
  text-align: center;
  color: #000000;
}

.uploadLeft div.filePreview, .uploadLeft div.directions {
  display: none;
}

.uploadLeft.showDirections div.directions {
  display: block;
}

.uploadLeft.showPreview div.filePreview {
  display: block;
}

.uploadLeft h3 {
  font-weight: bold;
  font-size: 21px;
}

.uploadLeft p {
  color: #000000;
  font-size: 14px;
  line-height: 16px;
}

.uploadLeft img {
  display: inline-block;
  margin-bottom: 10px;
}

.styleOne {
  margin-bottom: 10px;
  font-size: 14px;
}

.styleOne span {
  color: #478dd9;
  font-size: 16px;
}

.styleTwo {
  margin-bottom: 15px;
}

.styleThree {
  font-size: 11px;
  color: #888888;
}

.preview {
  width: 100%;
  /*max-width: 314px;*/
  height: auto;
  position: relative;
  z-index: 1020;
}

.preview img {
  height: auto;
  max-width: 100%;
  width: 100%;
  display: block;
  margin: 0;
}

.previewLine {
  position: absolute;
}

.preview .hangtaghole {
  display: none;
  min-height: inherit;
  min-width: inherit;
}

.preview .hangtaghole .drillsafe {
  border: 1px solid green;
  width: 160%;
  height: 160%;
  display: block;
  border-radius: 100px;
}

.preview.vertical .hangtaghole {
  display: block;
  width: 6.9%;
  height: auto;
}

.preview.horizontal .hangtaghole {
  display: block;
  height: 6.9%;
  width: auto;
}

.preview.horizontal .hangtaghole img {
  height: 100%;
  width: auto;
}

.heightauto {
  height: auto !important;
}

.widthauto {
  width: auto !important;
}

.previewMask1, .previewMask2 {
  z-index: 1001;
  opacity: .6;
  position: absolute;
}

.previewMask1, .previewMask2, .previewBleed {
  border: 1px solid red;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1000;
}

.previewTrim {
  border: 1px solid blue;
  z-index: 1002;
  top: 0;
  left: 0;
}

.previewSafe {
  border: 1px solid green;
  z-index: 1003;
  top: 0;
  left: 0;
}

.previewLabel {
  font-size: 16px;
  color: #000000;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  clear: both;
}

.preview-flip-container .previewTrim {
  border: none;
  box-shadow: 0 0 10px #cccccc;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1000;
}

.preview-flip-container .previewMask1, .preview-flip-container .previewMask2 {
  border: none;
}

.preview-flip-container, .previewMargins {
  padding-bottom: 20px;
}

.previewControls {
  text-align: left;
  margin-bottom: 22px;
}

.previewControls .viewbutton {
  border: 1px solid #cccccc;
  cursor: pointer;
  margin-bottom: 0;
  text-align: center;
}

.previewControls .viewfront {
  margin-right: 4%;
}

.previewControls .viewfront, .previewControls .viewback {
  width: 48%;
}

.previewPrint .flip-container, .previewPrint .front, .previewPrint .back {
  width: 100%;
  height: auto;
}

.previewPrint .front {
  position: relative;
  top: 0;
  left: 0;
}

.previewViews label {
  width: 100%;
  text-align: left;
  font-size: 18px;
  padding-bottom: 5px;
}

.previewViews label span {
  margin: -5px 0 0 0 !important;
}

.previewViews button {
  margin-right: 10px;
}

.jobfilesActions {
  float: right;
}

.previewLegend {
  width: 100%;
}

.previewLegend li {
  width: 33%;
  float: left;
  text-align: left;
  line-height: 18px;
  height: 40px;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0;
}

.previewLegend li span {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 5px -4px 0;
}

.bleedBox {
  background-color: red;
}

.trimBox {
  background-color: blue;
}

.safeBox {
  background-color: green;
}

.filePreview h4 {
  text-align: left;
  padding: 20px 0;
  font-size: 19px;
  color: #7c7c7c;
}

.halfsize {
  width: 47% !important;
}

.uploadRight {
  width: 65%;
  float: right;
}

.fileActions a {
  display: none;
}

.fileUpload {
  border: 1px solid #ddd;
  margin: 0 0 10px 0;
  position: relative;
  background: #fff;
  padding: 0 0 0 70px;
  min-height: 69px;
}

.fileUpload {
  cursor: pointer;
}

.fileUpload:hover {
  background: #f3f3f3;
}

.fileUpload input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 1001;
  cursor: pointer;
}

.upload-message {
  color: #000;
  margin: 2px 0 24px 0;
  font-size: 1em;
}

.upload-message a {
  color: #478dd9;
}

.upload-message span.label {
  position: absolute;
  bottom: 11px;
  left: 10px;
  opacity: 0.85;
  display: none;
  z-index: 9999;
}

.label-success {
  background: #f79808 !important;
}

.label-otp {
  background: #8ec927 !important;
}

.label-primary {
  background: #478dd9 !important;
}

.label-info {
  background: #478dd9 !important;
}

.label-warning {
  background: #f4b81f !important;
  color: #fff !important;
  text-shadow: none !important;
}

.fileUpload .icon, .overlay {
  position: absolute;
  width: 70px;
  line-height: 70px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.fileUpload .icon div {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  left: 0;
  margin-top: 4px;
  text-align: center;
  color: #ffffff;
  font-size: 35px;
}

.fileUpload .waiting {
  background: #cccccc;
}

.fileUpload .uploading {
  background: #478dd9;
}

.fileUpload .warning {
  background: #e7c900;
}

.fileUpload .approved {
  background: #C6E493;
}

.fileUpload .pending {
  background: #c6e493;
}

.fileUpload .failed {
  background: #c30000;
}

.fileUpload span {
  font-weight: bold;
}

.overlay {
  left: -70px;
  text-align: center;
  color: #fff;
  font-size: 2em;
  line-height: 80px;
  display: none;
}

.overlay.color-important {
  background: #c97272;
}

.overlay.color-success {
  background: #f79808;
}

.overlay.color-otp {
  background: #b3d673;
}

.overlay.color-info {
  background: #6fa9e2;
  line-height: 77px;
  font-size: 1.9em;
}

.overlay.color-warning {
  background: #a67cd6;
}

.filepending span.label-warning, .filepending span.color-warning {
  display: block !important;
}

.proof span.label-info, .proof span.color-info {
  display: block !important;
}

.rejected span.label-important, .rejected span.color-important {
  display: block !important;
}

.success span.label-success, .success span.color-success {
  display: block !important;
}

.oktoprint span.label-otp, .oktoprint span.color-otp {
  display: block !important;
}

.uploaderWrap {
  padding: 0;
  position: relative;
}

.uploaderWrap .progress {
  margin: 0;
  height: 15px;
}

.upload-message {
  padding-right: 80px;
}

.uploaderWrap {
  padding: 0;
}

.sr-only {
  color: #000;
  z-index: 1002;
  position: absolute;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: auto;
  border: 0;
  top: 12px;
  right: 10px;
}

.icon-spinner-2:before {
  -webkit-animation: rotation 3s infinite linear;
  display: inline-block;
}

.removeFile {
  position: absolute;
  right: 10px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #aeaeae;
  cursor: pointer;
}

.fileActions {
  margin: 0 15px 16px 0;
  /*padding: 10px 0 0 0; border-top: 1px solid #ccc;*/
  position: relative;
  top: -8px;
}

.fileActions h4 {
  margin: 0 0 7px 0;
  padding: 0;
  font-size: 0.9em;
  color: #478dd9;
}

.fileActions ul {
  margin: 0;
  list-style: none;
  padding: 0 0 10px 0;
}

.fileActions li {
  font-size: 13px;
  margin: 0;
  line-height: 20px;
  position: relative;
  padding-left: 10px;
}

.fileActions li:before {
  content: "• ";
  color: #e7c900;
}

.fileActions .faileddesc li:before {
  content: "• ";
  color: #c30000;
}

.fileActions li:before, .fileActions .faileddesc li:before {
  position: absolute;
  left: 0;
}

.fileActions a {
  color: #478dd9;
}

.fileActions .button {
  margin: 0 10px 10px 0;
  font-size: 13px !important;
  height: 25px;
  border: 1px solid #cdcdcc;
}

.fileActions .button:last-child {
  margin: 0;
}

.button.nocolor {
  background: #f5f5f5;
  color: #000;
}

.button.nocolor:hover {
  background: #ffffff;
}

.button.errorcolor {
  background: #ffc4c4;
  color: #000;
}

.button.errorcolor:hover {
  background: #ffd6d6;
}

.button .removeFile {
  margin-left: 0px;
  font-size: 16px;
}

.button sup {
  margin-top: -5px;
  display: inline-block;
}

.dateDelay {
  font-size: 11px;
  clear: both;
  padding: 10px 0 0 0;
}

.deleteCommon {
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  width: 100%;
  height: 100%;
  z-index: 99999;
  padding-top: 17px;
}

.deleteCommon .button {
  margin-bottom: 0;
}

.commonFile {
  float: left;
  line-height: 33px;
  font-size: 14.5px;
  margin: 2px 10px 5px 0;
  color: #000;
  font-weight: bold;
}

.uploadStep1, .uploadApproved {
  padding: 24px 10px;
  position: relative;
}

.uploadStep1 form {
  margin: 0;
}

.uploadVerify {
  padding: 4px 0;
}

.uploadVerify .button {
  margin: 3px 0;
}

.uploadStep2 {
  position: relative;
  padding: 12px 10px;
}

.waiting, .uploading, .warning, .approved, .failed, .jobUploads .pending, .uploadStep1, .uploadStep2, .uploadStep3, .uploadWarning, .uploadPending, .uploadCommon, .uploadVerify, .uploadApproved, .uploadFailed {
  display: none;
}

.stepUpload .waiting, .stepUpload .uploadStep1 {
  display: block;
}

.stepUploading .uploading, .stepUploading .uploadStep2 {
  display: block;
}

.stepWarning .uploadStep3, .stepWarning .warning, .stepWarning .uploadWarning {
  display: block;
}

.stepPending .uploadStep3, .stepPending .pending, .stepPending .uploadPending {
  display: block;
}

.stepCommon .uploadStep3, .stepCommon .pending, .stepCommon .uploadCommon {
  display: block;
}

.stepVerify .uploadStep3, .stepVerify .approved, .stepVerify .uploadVerify {
  display: block;
}

.stepApproved .uploadStep3, .stepApproved .approved, .stepApproved .uploadApproved {
  display: block;
}

.stepFailed .uploadStep3, .stepFailed .failed, .stepFailed .uploadFailed {
  display: block;
}

.uploadPending, .uploadVerify, .uploadWarning, .uploadCommon, .uploadFailed {
  padding: 16px 14px;
}

.oktoprint a.approveSingle {
  display: none !important;
}

.fileControl {
  clear: both;
  float: left;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: auto;
  background: #f7f7f7;
  border-top: 1px solid #eee;
  padding: 8px;
}

.fileControl a {
  float: right;
  height: 18px;
  margin: 0 0 0 6px;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 18px;
  width: auto;
}

.fileControl a.removeFile {
  top: 12px !important;
}

.stepUpload p.upload-message {
  margin-bottom: 2px;
}

.stepUploading p.upload-message {
  margin-bottom: 10px;
}

.dz-preview {
  display: none;
}

.dz-drag-hover {
  background: #e6f4cb;
}

.toggleList label {
  line-height: 28px;
  font-size: 1em;
}

.btn-group button {
  outline: 0 !important;
  border-radius: 0 !important;
}

.roundGrp button:first-child {
  border-radius: 5px 0 0 5px !important;
}

.roundGrp button:last-child {
  border-radius: 0 5px 5px 0 !important;
}

.roundGrp button {
  background: #ccc;
  color: #fff;
  box-shadow: none;
}

.roundGrp button.active {
  background: #9c6ccf;
  color: #fff;
  box-shadow: none;
}

.toggleBlock {
  float: left;
  clear: left;
  margin-bottom: 5px;
  width: 100%;
  padding: 5px 10px 0px 10px;
  box-sizing: border-box;
}

.toggleBlock:nth-child(even) {
  background: #efefef;
}

.adminBar div {
  padding: 10px;
}

.adminBar h1 {
  margin: 0;
  padding: 0;
  line-height: 38px;
}

.attention {
  background: #f3f0ba;
  padding: 8px 5px 8px 40px;
  border-radius: 5px;
  background-clip: padding-box;
  position: relative;
  margin-bottom: 20px;
}

.attention .notification {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  color: #bfbc83;
  position: absolute;
  left: 10px;
}

.attention a {
  color: #478dd9;
}

.cannedResponses {
  position: absolute;
  width: 450px;
  height: 200px;
  background: #F8F8F8;
  border: 1px solid #DDDDDD;
  z-index: 9999;
  border-radius: 5px;
  box-shadow: 0px 0px 27px 7px rgba(0, 0, 0, 0.18);
  overflow-x: hidden;
  overflow-y: auto;
}

.cannedResponses ul, .cannedResponses li {
  list-style: none;
}

.cannedResponses ul {
  margin: 0;
  padding: 0;
}

.cannedResponses ul li {
  margin: 0;
  padding: 0;
}

.cannedResponses ul li, .cannedResponses ul a {
  font-weight: bold;
  text-decoration: none;
  color: #8250B6;
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #dedede;
  text-decoration: none;
}

.cannedResponses ul a {
  padding: 0 10px;
}

.cannedResponses ul a:focus, .cannedResponses ul a.active {
  outline: none;
  background-color: #dedede;
}

.reportcharts ul {
  margin: 0;
  padding: 0;
}

.reportcharts canvas {
  width: 100% !important;
  height: auto !important;
}

.center-align {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.center-align-fix {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.center-align-ab, .preview .hangtaghole .drillsafe, .featured-charity .charitylisting .featuredheader .charitylogo a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* MEDIA QUERIES */
@media only screen and (max-width: 1024px), (max-device-width: 1024px) {
  #mainarea {
    padding-left: 0;
    width: 100%;
  }
  .jobActions {
    position: relative;
    width: 100%;
    height: 27px;
    left: 0;
    border-radius: 3px;
    margin-bottom: 15px;
  }
  .jobActions a.jobdelete, .jobActions a.edit {
    text-indent: 0;
    background: none;
    width: 50%;
    text-align: center;
    float: left;
    position: relative;
    top: 0;
    line-height: 27px;
    height: 27px;
    color: #ffffff;
  }
  .jobActions a {
    margin-top: 0;
  }
  #contentTop .orderActions {
    float: left;
    padding-top: 15px;
    clear: both;
    display: block;
  }
  #contentTop .orderActions a, #contentTop .orderActions .directConnect {
    margin: 0 10px 10px 0;
    float: left;
    font-size: 11px;
  }
  .orderAlerts {
    padding-top: 10px;
  }
  .refstatus {
    padding-top: 0px;
  }
  .csrActions a, .csrActions .btn {
    font-size: 11px;
  }
}

@media only screen and (max-width: 900px), (max-device-width: 900px) {
  .deskRight, .deskLeft {
    width: 100%;
    display: block;
    float: none;
  }
  .deskRight {
    padding: 0 0 0 12px;
  }
  .deskRight a {
    float: left;
  }
  .uploadLeft {
    width: 45%;
  }
  .uploadRight {
    width: 55%;
  }
  #search input {
    width: 80px;
  }
}

@media only screen and (max-width: 800px), (max-device-width: 800px) {
  #contentTop .container {
    padding-left: 20px;
  }
  #contentTop h1 small {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
  }
  #orderdetails #contentTop .container {
    padding-left: 0;
  }
  #modal, #confirm {
    position: absolute;
  }
  #widget {
    width: 50%;
  }
  #widget .dayone ul span {
    display: inline-block;
  }
  #widget .number, #widget .ammount {
    font-size: 17px;
  }
  .customerinfo {
    width: 100%;
  }
  .jobspecs, .orderDrop .ordercodes {
    width: 100%;
  }
  .detailsLeft h2 .small {
    display: block;
  }
  .detailsRight {
    padding-top: 0;
  }
  .ordercodes div input.span2 {
    padding: 8px 4px;
    width: 100px;
  }
  .uploadedFiles li .filename {
    clear: both;
    width: 75%;
    padding-left: 27px;
    overflow: hidden;
  }
  .paymentleft, .paymentright {
    width: 100%;
    text-align: right;
  }
  .messagePanel {
    width: 100%;
  }
  .ordermodTitle {
    display: block;
    text-align: right;
  }
  .csractionsRight, .csractionsLeft {
    width: 100%;
    display: block;
    float: none;
  }
  .csractionsRight a, .csractionsLeft .headeraction {
    float: left;
    margin-right: 5px;
  }
  .csractionsRight {
    float: right;
  }
  .csractionsRight .closeBtn, .csractionsRight .expandall, .csractionsRight .closeall, .csractionsRight .saveall, .csractionsRight .sendProofs {
    margin-left: 0;
  }
  .csractionsRight a {
    margin-bottom: 10px;
  }
  .csractionsRight .headeraction {
    float: left;
  }
  .uploadLeft {
    width: 50%;
  }
  .uploadRight {
    width: 50%;
  }
  .previewViews {
    margin-bottom: 10px;
  }
  .previewViews, .jobfilesActions {
    clear: both;
    float: left;
  }
  .previewViews .btn-group > .btn, .jobfilesActions a.btn {
    font-size: 9px;
    margin-right: 5px;
    padding: 1px 4px;
  }
  .widthfour, .widththree, .widthtwo, .widthone {
    width: 100%;
  }
}

@media only screen and (max-width: 620px), (max-device-width: 620px) {
  header {
    padding: 20px 10px;
  }
  #modal, #confirm {
    position: absolute;
  }
  #widget {
    width: 100%;
  }
  #widget .daytwo ul span {
    display: inline-block;
  }
  .logo, .sideStats a.logo {
    width: 28px;
    height: 28px;
    background-size: 370%;
    background-position: left bottom;
    border-radius: 30px;
    border: 2px solid #595959;
    background-position: bottom left;
    display: block;
    margin-right: 10px;
  }
  .logo:hover {
    border-color: #1799bd;
  }
  .footable .btn {
    font-size: 12px;
    letter-spacing: 0;
  }
  .textright {
    float: left;
    clear: both;
    padding-left: 37px;
  }
  .totalCharged {
    display: block;
    width: 100%;
    margin-right: 0;
    text-align: right;
  }
  .csrActions .btn {
    font-size: 12px;
    padding: 4px 6px;
  }
  .csrActions .btn.right10 {
    margin-right: 5px;
  }
  .uploadLeft {
    width: 100%;
    clear: both;
    padding: 0;
  }
  .uploadRight {
    width: 100%;
    clear: both;
  }
}

@media only screen and (max-width: 481px), (max-device-width: 481px) {
  #search {
    display: block;
  }
}

@media only screen and (max-width: 480px), (max-device-width: 480px) {
  #modal, #confirm {
    position: absolute;
  }
  #widget .number, #widget .ammount {
    padding: 20px 5px;
  }
  .input-append.widthtwo, .input-append.widthone, .input-append.widththree {
    width: 50%;
  }
  .right2 {
    margin-right: 0;
  }
  .paymentleft, .paymentright {
    font-size: 14px;
  }
  a.btn, button.btn {
    font-size: 12px;
  }
  #widget.balanceWidget {
    width: 100%;
  }
  .navsearch {
    display: block !important;
  }
  #search {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #search .search-wrap {
    top: 50px;
    background: #1f1f1f;
    box-shadow: 0 1px 0 #696969;
    border: 10px solid #ffffff;
    width: 80%;
    padding: 5px 60px 5px 5px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
  }
  #search .search-wrap .closeBtn {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
  }
  #search input, #search input#typeahead .tt-query, #search input#typeahead .tt-input, #search .twitter-typeahead {
    width: 100% !important;
    margin: 0;
  }
  #search button {
    position: absolute;
    right: 30px;
    top: 6px;
  }
}

@media only screen and (max-width: 450px), (max-device-width: 450px) {
  #content .container {
    padding: 20px 3% 30px 3%;
  }
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-input,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.tt-dropdown-menu, .tt-menu {
  min-width: 226px;
  font-size: 0.9em;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.tt-dropdown-menu h3, .tt-menu h3 {
  color: #824eb8;
  margin: 8px 0;
  padding: 0 10px 10px 10px;
  font-size: 1.1em;
  border-bottom: 1px solid #ddd;
}

.tt-suggestion {
  display: block;
  padding: 6px 12px;
  cursor: pointer;
}

.tt-suggestion.tt-is-under-cursor, .tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #a97fd5;
}

.tt-suggestion.tt-cursor, .tt-suggestion:hover {
  color: #fff;
  background-color: #9c6ccf;
}

.tt-suggestion.tt-is-under-cursor a, .tt-suggestion.tt-cursor a {
  color: #fff;
}

.tt-suggestion p {
  margin: 0;
}

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

/* prevent animate */
.noanimate {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

/*** CLEARING, ANIMATE, ACCESSABILITY, GENERAL ***/
.customer-visible {
  color: #7b31a9;
}

.clear {
  clear: both;
}

.break {
  border-top: 1px solid #cccccc;
  padding-top: 20px;
}

.clearright {
  clear: right;
}

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

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

.noselect, .previewViews, .button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.animate2, #search {
  transition: all .2s ease-in-out;
}

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

.hide, #search .closeBtn {
  display: none;
}

.show {
  display: block !important;
}

.invisible {
  opacity: 0;
}

.visible {
  opacity: 1;
}

.boxsize, .adminmode, .deskRight, .orderDrop .btn.addit, .orderAlerts .alertBox, .checkfloat, .widthquarter, .widthfifth, .widthsixth, .preview .hangtaghole .drillsafe, .modal-dialog.charity-modal, .modal-dialog.charity-modal .modal-content, .modal-dialog.charity-modal .modal-body, .modal-dialog.charity-modal .modal-header, .modal-dialog.charity-modal .modal-footer, .featured-charity .charitylisting, form.charitysearch input, .charitydetail textarea, .boxsize li, .adminmode li, .deskRight li, .orderDrop .btn.addit li, .orderAlerts .alertBox li, .checkfloat li, .widthquarter li, .widthfifth li, .widthsixth li, .preview .hangtaghole .drillsafe li, .modal-dialog.charity-modal li, .modal-dialog.charity-modal .modal-content li, .modal-dialog.charity-modal .modal-body li, .modal-dialog.charity-modal .modal-header li, .modal-dialog.charity-modal .modal-footer li, .featured-charity .charitylisting li, form.charitysearch input li, .charitydetail textarea li, nav li, input, textarea {
  box-sizing: border-box;
}

.relative {
  position: relative;
}

.noborder {
  border: none;
}

.bodyblur {
  filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  -moz-filter: blur(4px);
  -webkit-filter: blur(4px);
}

.textleft {
  text-align: left;
}

sup {
  color: #c30000;
}

ul.thumbnails li {
  width: 22.7%;
  margin-left: 2% !important;
}

ul.thumbnails li:last-child {
  margin-right: 0;
}

ul.thumbnails div.thumbnail {
  padding: 0;
  overflow: hidden;
  background: #fff !important;
  text-align: center;
}

ul.thumbnails div.thumbnail h3 {
  font-size: 0.7em;
  font-weight: normal;
  padding: 5px 0 5px 10px;
  margin: 0;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  background: #000;
  color: #fff;
}

ul.thumbnails div.thumbnail span {
  color: #777 !important;
  display: block;
  width: 100%;
  font-size: 1.5em;
  padding: 25px 0 13px 0;
}

ul.thumbnails div.thumbnail span strong {
  font-size: 10px !important;
}

ul.thumbnails div.thumbnail span.left {
  float: left;
  width: 40%;
  background: #eaf5ff;
}

ul.thumbnails div.thumbnail span.right {
  float: right;
  width: 60%;
  background: #e2ffd6;
}

.logNav {
  width: 16%;
  position: fixed;
  left: 0;
  top: 76px;
  bottom: 0px;
  background: #212121;
}

.logNav .errs a {
  width: 25%;
  box-sizing: border-box;
  border-radius: 0 !important;
  float: left;
  margin: 0;
  height: 44px;
  line-height: 32px;
}

.logNav .errs a:nth-child(1):hover, .logNav .errs a:nth-child(1).selected {
  background-color: #c4c4c4;
  font-weight: bold;
  border-top: 3px solid #a0a0a0;
  line-height: 26px;
}

.logNav .errs a:nth-child(2) {
  background-color: #26d68d;
}

.logNav .errs a:nth-child(2):hover, .logNav .errs a:nth-child(2).selected {
  background-color: #3ceaa2;
  border-top: 3px solid #29b279;
  line-height: 26px;
}

.logNav .errs a:nth-child(3) {
  background-color: #eaaa20;
}

.logNav .errs a:nth-child(3):hover, .logNav .errs a:nth-child(3).selected {
  background-color: #ffc759;
  border-top: 3px solid #cc9220;
  line-height: 26px;
}

.logNav .errs a:nth-child(4) {
  background-color: #d62a2a;
}

.logNav .errs a:nth-child(4):hover, .logNav .errs a:nth-child(4).selected {
  background-color: #ea4444;
  border-top: 3px solid #b73131;
  line-height: 26px;
}

.logNav .logNavLink {
  box-sizing: border-box;
  border-radius: 0 !important;
  float: left;
  margin: 0;
  height: 40px;
  line-height: 26px;
  width: 100%;
  background-color: #6D37A4;
}

.logNav .logNavLink:hover, .logNav .logNavLink.selected {
  background-color: #8856bf;
}

.logList {
  width: 84%;
  margin-left: 16%;
}

.logList tr th {
  text-align: left;
  height: 44px;
  background: #ddd;
  padding: 0 20px;
}

.logList tr td {
  padding: 7px 20px 7px 20px;
  transition: background-color 1000ms linear;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
}

.logList tbody tr:nth-child(even) td {
  background: #f8f8f8;
}

.logList tbody tr.highlight td {
  background-color: #ffe27c;
}

.restricted {
  background: #CFCFCF !important;
}

.productheader {
  padding: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.productheader h2 {
  color: #ffffff;
  font-size: 19px;
  margin-bottom: 5px;
}

.productheader p {
  color: #ffffff;
  font-size: 15px;
}

.productheader.setheader {
  background: #54137e;
}

/** Modal **/
.mapModal {
  position: fixed;
  top: 60px;
  left: 50px;
  right: 50px;
  bottom: 50px;
  box-sizing: border-box;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8) url("/images/loading.svg") no-repeat center center;
  border-radius: 8px;
  transition: opacity .5s;
}

.mapModal a.btn {
  background: #8ec927;
  color: #fff;
  height: 18px;
  line-height: 18px;
  margin: 8px 0 8px 12px;
  font-weight: bold;
  transition: all .5s;
  border: none;
}

.mapModal a.btn:nth-child(2) {
  float: right;
  margin: 8px 12px 8px 0;
}

.mapModal a.btn:hover {
  color: #fff;
  background: #7b31a9;
}

.mapModal a.btn.hide, .mapModal #search a.btn.closeBtn, #search .mapModal a.btn.closeBtn {
  opacity: 0;
}

.mapModal .route_functions {
  position: absolute;
  display: block;
  height: 50px;
  z-index: 3;
  top: 54px;
  left: 10px;
  width: 290px;
  background: #478dd9;
  overflow: hidden;
}

.mapModal .route_functions .login_buttons {
  display: none;
}

.mapModal .route_functions .login_buttons a {
  float: left;
  margin-left: 10px;
}

.mapModal .route_functions.login .login_buttons {
  display: block;
}

.mapModal .route_functions .route_buttons {
  position: absolute;
  margin-left: -289px;
  width: 100%;
  transition: all .3s;
  text-align: center;
}

.mapModal .route_functions .route_buttons a {
  margin-left: 0;
}

.mapModal .route_functions .route_save {
  position: absolute;
  margin-left: 289px;
  transition: all .3s;
}

.mapModal .route_functions .route_save input {
  padding: 0 6px;
  margin: 8px 0 8px 8px;
  border: none;
  border-radius: 4px;
  height: 32px;
  width: 164px;
}

.mapModal .route_functions .route_save a {
  margin-left: 5px;
}

.mapModal .route_functions .route_save a.cancelSave {
  margin-right: 0;
  background: #636363;
}

.mapModal .route_functions .route_save a.cancelSave:hover {
  background: #ff715f;
}

.mapModal .route_functions.rButtons .route_buttons {
  margin-left: 0;
}

.mapModal .route_functions.rButtons .route_save {
  margin-left: 289px;
}

.mapModal .route_functions.rSave .route_buttons {
  margin-left: -289px;
}

.mapModal .route_functions.rSave .route_save {
  margin-left: 0;
  float: right;
}

.mapModal .routes_list {
  position: absolute;
  z-index: 3;
  left: 10px;
  top: 104px;
  bottom: 10px;
  width: 289px;
  border-right: 1px solid #A3A3A3;
  background: #D8D8D8;
  border-radius: 0 0 0 4px;
  overflow-x: hidden;
  overflow-y: auto;
}

.mapModal .routes_list div.login {
  font-size: 1.1em;
  padding: 10px;
  display: none !important;
}

.mapModal .routes_list.login div.login {
  display: block !important;
}

.mapModal .routes_list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}

.mapModal .routes_list ul li {
  position: relative;
  border-bottom: 1px solid #BABBBA;
  padding: 10px;
  margin: 0;
  cursor: pointer;
  transition: all .4s;
}

.mapModal .routes_list ul li.tutorial {
  height: 100%;
}

.mapModal .routes_list ul li.tutorial h4 {
  margin: 7px 0;
  font-weight: normal;
  color: #212121;
}

.mapModal .routes_list ul li.tutorial span, .mapModal .routes_list ul li.tutorial a {
  display: none;
}

.mapModal .routes_list ul li a.opt {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  background: #BABBBA;
  border-radius: 4px;
  text-align: center;
  line-height: 22px;
  font-size: 0.8em;
  color: #fff;
  transition: background .5s;
}

.mapModal .routes_list ul li a.opt.optGreen {
  right: 40px;
  background: #8ec927;
  display: none;
}

.mapModal .routes_list ul li a.opt.optRed:hover {
  background: #f60000;
}

.mapModal .routes_list ul li.active {
  background: #fff;
}

.mapModal .routes_list ul li.active a.optGreen {
  display: block;
}

.mapModal .routes_list ul li:hover {
  background: #efefef;
}

.mapModal .routes_list ul li h3, .mapModal .routes_list ul li h4 {
  margin: 0;
}

.mapModal .routes_list ul li h3 {
  font-size: 1.2em;
  color: #54137e;
}

.mapModal .routes_list ul li h4 {
  font-size: 1.1em;
  color: #478dd9;
}

.mapModal .routes_list ul li > span {
  display: inline-block;
  padding-right: 12px;
  font-size: 1em;
  color: #5B5B5B;
}

.mapModal .routes_list ul li > span + span {
  padding-right: 0px;
}

.mapModal iframe {
  box-sizing: border-box;
  position: absolute;
  padding: 52px 10px 10px 300px;
  height: 100% !important;
  z-index: 1;
  opacity: 0;
  transition: all .5s;
  border: none;
}

.mapModal .map {
  padding: 0;
  max-width: 100%;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
}

.mapModal .map .routeSelection {
  margin: 0;
  background: none;
}

.mapModal .map .routeSelection .productheader {
  border-radius: 0 4px 0 0;
  background: #478dd9;
  border-top: 1px solid #86b4e6;
  border-bottom: 1px solid #2467af;
  border-left: 1px solid #2467af;
  position: relative;
  z-index: 2;
  margin-left: 289px;
  font-weight: bold;
}

.mapModal .map .routeSelection .productheader:first-child {
  position: absolute;
  border-radius: 4px 0 0 0;
  z-index: 4;
  margin-left: 0;
  width: 269px;
  border-left: 0;
}

.mapModal .map .routeSelection .productheader a.mapCloseBtn {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  transition: color .5s;
  width: 40px;
  height: 40px;
  line-height: 42px;
}

.mapModal .map .routeSelection .productheader a.mapCloseBtn:hover {
  color: #8ec927;
}

.responseText, .commentText {
  word-wrap: break-word;
}

.responseText {
  margin: 10px 10px 20px 10px;
}

.responseText p {
  padding: 0 0 0 10px;
  border-left: 3px solid #cacaca;
}

#charList {
  margin: 0;
  padding: 0 0 0 15px;
  border: none;
  display: none;
}

#charList .charitylisting {
  position: relative;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #e1e1e1;
  padding: 10px 10px 10px 120px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 0 5px #e1e1e1;
}

#charList .charitylisting h2 {
  font-size: 1.1em;
  margin: 0 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}

#charList .charitylisting h2 a {
  color: #3a3a3a;
}

#charList .charitylisting .charitylogo a {
  width: 90px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.nocharitylisting {
  display: none;
  position: relative;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #e1e1e1;
  padding: 10px;
  height: 90px;
  box-shadow: 0 0 5px #e1e1e1;
}

.nocharitylisting h4 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 300;
}

.nocharitylisting h4 a {
  color: #F7941D;
}

.nocharitylisting p {
  font-size: 16px;
  margin-bottom: 8px;
  padding: 0;
}

.nocharitylisting .regshare a {
  padding: 3px 6px;
  line-height: 20px;
  height: 20px;
  font-size: 16px;
}

.nocharitylisting.popup h4 {
  font-size: 16px;
}

.nocharitylisting.popup p {
  font-size: 14px;
}

.nocharitylisting.popup p a {
  color: #F7941D;
}

.modal-dialog.charity-modal {
  height: 90%;
}

.modal-dialog.charity-modal .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
}

.modal-dialog.charity-modal .btn-primary {
  color: #ffffff;
  background-color: #F7941D;
  border-color: #F7941D;
  line-height: 20px;
  height: 33px;
  transition: all .2s ease-in-out;
}

.modal-dialog.charity-modal .btn-primary:hover, .modal-dialog.charity-modal .btn-primary:focus, .modal-dialog.charity-modal .btn-primary:active, .modal-dialog.charity-modal .btn-primary.active, .modal-dialog.charity-modal .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #FFAB44;
  border-color: #FFAB44;
}

.modal-dialog.charity-modal .btn-default {
  color: #ffffff;
  background-color: #F7941D;
  border-color: #cccccc;
}

.modal-dialog.charity-modal .btn-default:hover, .modal-dialog.charity-modal .btn-default:focus, .modal-dialog.charity-modal .btn-default:active, .modal-dialog.charity-modal .btn-default.active, .modal-dialog.charity-modal .open .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #FFAB44;
  border-color: #cccccc;
}

.modal-dialog.charity-modal .modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-dialog.charity-modal .modal-content {
  height: 100%;
  padding: 56px 0 73px;
  position: relative;
}

.modal-dialog.charity-modal .modal-body {
  height: 100%;
  padding: 15px 15px 15px 0;
}

.modal-dialog.charity-modal .modal-header {
  position: absolute;
  top: 0;
  width: 100%;
}

.modal-dialog.charity-modal .modal-header .close {
  margin-top: -2px;
  color: #636363;
}

.modal-dialog.charity-modal button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-dialog.charity-modal .close {
  float: right;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
}

.modal-dialog.charity-modal .modal-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.modal-dialog.charity-modal form.charitysearch {
  margin-bottom: 0;
}

.modal-dialog.charity-modal li:nth-child(even) {
  background: #ebebeb;
}

.modal-dialog.charity-modal .btn-green {
  background: #F7941D;
}

.modal-dialog.charity-modal .btn-green:hover {
  background: #FFAB44;
}

.modal-dialog.charity-modal #charList .charitylisting {
  padding: 10px;
}

.modal-dialog.charity-modal #charList .charitylisting a h2 {
  color: #3a3a3a;
  margin: 0 0 5px 0;
}

.modal-dialog.charity-modal #charList .charitylisting p {
  font-size: 13px;
  color: #3a3a3a;
  line-height: 15px;
  font-weight: normal;
  height: 30px;
  margin-bottom: 5px;
}

.featured-charity {
  margin-top: 35px;
}

.featured-charity .charitylisting {
  width: 30%;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #e1e1e1;
  box-shadow: 0 0 5px #e1e1e1;
  overflow: hidden;
  float: left;
  margin-right: 5%;
  height: 300px;
  text-align: center;
  padding: 0;
}

.featured-charity .charitylisting:last-child {
  margin-right: 0;
}

.featured-charity .charitylisting .featuredheader {
  position: relative;
  height: 200px;
}

.featured-charity .charitylisting .featuredheader .charity-header {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.featured-charity .charitylisting .featuredheader .charitylogo {
  position: absolute;
  width: 100%;
  height: 100%;
}

.featured-charity .charitylisting .featuredheader .charitylogo a {
  border-radius: 5px;
  background-clip: padding-box;
  width: 110px;
}

.featured-charity .charitylisting .featuredcontent {
  padding: 10px;
}

.featured-charity .charitylisting .featuredcontent p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: "…";
}

.featured-charity .charitylisting .featuredcontent h2 {
  margin: 5px 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.featured-charity .charitylisting .featuredcontent h2 a {
  color: #3a3a3a;
}

form.charitysearch {
  position: relative;
  margin-bottom: 45px;
}

form.charitysearch:before {
  left: 10px;
  font-size: 25px;
  line-height: 25px;
  padding-top: 1px;
}

form.charitysearch input {
  border: none;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #cacaca;
  line-height: 30px;
  height: 55px;
  display: block;
  width: 100%;
  padding: 5px 9px 5px 45px;
  background-position: 7px center;
  font-size: 25px;
  background: #ffffff;
  background-image: none;
  font-family: 'Helvetica', 'sans-serif';
}

.search-pagination {
  text-align: center;
  line-height: 32px;
  padding: 35px 0 0;
}

.search-pagination a {
  color: #3a3a3a;
  border: 1px solid #e1e1e1;
  padding: 5px 10px;
  border-radius: 20px;
  background-clip: padding-box;
  font-weight: 400;
}

.search-pagination a.selected, .search-pagination a:hover {
  color: #ffffff;
  background: #636363;
  border-color: #3a3a3a;
}

.charitydetail a {
  color: #F7941D;
}

.charitydetail .charity-header {
  padding: 20px 0;
  background-size: cover;
  background-position: center;
  height: 300px;
}

.charitydetail .charity-header.nobg {
  height: 20px;
}

.charitydetail .charity-header-wrap {
  padding: 10px 0;
}

.charitydetail .charitylogo a {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  margin-top: -125px;
  width: 150px;
  border: 1px solid #e1e1e1;
}

.charitydetail .defaultbtn {
  margin-top: -50px;
}

.charitydetail .defaultcharity {
  line-height: 33px;
  font-weight: 400;
  font-size: 18px;
  height: auto;
}

.charitydetail textarea {
  width: 100%;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  border-color: #e1e1e1;
  color: #3a3a3a;
}

.charitydetail .badge {
  color: #ffffff;
  padding: 5px 10px;
  background: #ec008c;
}

form.icon-search-thin {
  position: relative;
}

form.icon-search-thin .resLoading {
  position: absolute;
  right: 45px;
  top: 15px;
  display: none;
}

form.icon-search-thin .clearRes {
  display: none;
  position: absolute;
  background: #CECECE;
  padding: 6px 8px;
  border-radius: 20px;
  font-weight: 400;
  color: #fff;
  top: 9px;
  right: 10px;
}

form.icon-search-thin .clearRes:hover {
  background: #F7941D;
}

.boxsize, .adminmode, .deskRight, .orderDrop .btn.addit, .orderAlerts .alertBox, .checkfloat, .widthquarter, .widthfifth, .widthsixth, .preview .hangtaghole .drillsafe, .modal-dialog.charity-modal, .modal-dialog.charity-modal .modal-content, .modal-dialog.charity-modal .modal-body, .modal-dialog.charity-modal .modal-header, .modal-dialog.charity-modal .modal-footer, .featured-charity .charitylisting, form.charitysearch input, .charitydetail textarea, .boxsize li, .adminmode li, .deskRight li, .orderDrop .btn.addit li, .orderAlerts .alertBox li, .checkfloat li, .widthquarter li, .widthfifth li, .widthsixth li, .preview .hangtaghole .drillsafe li, .modal-dialog.charity-modal li, .modal-dialog.charity-modal .modal-content li, .modal-dialog.charity-modal .modal-body li, .modal-dialog.charity-modal .modal-header li, .modal-dialog.charity-modal .modal-footer li, .featured-charity .charitylisting li, form.charitysearch input li, .charitydetail textarea li, nav li, input, textarea {
  box-sizing: border-box;
}

label.file_options {
  display: inline-block;
  padding-right: 5px;
}

.imgUp {
  width: 100%;
  border: 1px solid #efefef;
  padding: 10px;
  margin-bottom: 6px;
  line-height: 10px;
  border-radius: 6px;
}

.addImage {
  margin: 5px 0;
  font-size: 12px;
}

.imgUpText {
  font-size: 14px;
}

.alert-error-date {
  display: flex;
  font-size: 12px;
  position: absolute;
  left: 15px;
  bottom: 70px;
  color: #ff0000;
}

.close-filter {
  display: inline;
  cursor: pointer;
  color: #8553BA;
  font-size: 0.8em;
  margin-left: 4px;
  position: relative;
  top: -1px;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: 1em;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  header, #menu {
    display: none;
  }
  #mainarea {
    padding-left: 0;
  }
}

#table_sub_crons {
  margin-bottom: 0.2rem !important;
  margin-top: 0.1rem !important;
}

#table_users .footable-row-detail-name {
  display: flex !important;
}

#table_users .footable-row-detail-value {
  display: unset !important;
}

.cron-parts {
  display: flex;
  justify-content: space-evenly;
  font-size: 11px;
  margin-top: 0.45rem;
}

.cron-parts div {
  display: ruby;
  width: 18%;
  text-align: center;
}

.table-info {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 400px;
  box-shadow: none !important;
  background-color: #9c6ccf !important;
  color: white;
  font-size: 11px;
  border-radius: 0.5rem;
  padding: 1.3rem;
  margin-top: 1.3rem;
}

.text-editor {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.text-editor input {
  font-family: "Courier New", Courier, monospace;
  font-size: 90% !important;
  text-align: center;
  border: 1px solid #cccccc;
  padding: 0.075rem;
  margin: 0px !important;
  letter-spacing: 3px;
  width: 18%;
}

.part-selected {
  background-color: #9c6ccf;
  border-radius: 10px;
  padding: 0.25rem;
  color: white;
}

.part-error {
  background-color: red;
  border-radius: 10px;
  padding: 0.25rem;
  color: white;
}

.part-info-error {
  color: red;
  font-weight: bold;
  font-style: italic;
}

.part-info-selected {
  color: #9c6ccf;
  font-weight: bold;
  font-style: italic;
}

.col {
  display: flex;
  flex-wrap: wrap;
}

.next-date {
  font-size: 12px;
}

.tablestyles-header {
  border-bottom: 1px solid #d1cdcd;
  margin-bottom: 1.6rem;
  display: flex;
  justify-content: space-between;
  padding: 2px;
}

.tablestyles-footer {
  border-top: 1px solid #d1cdcd;
  padding: 19px 0 20px;
  margin-top: 20px;
  text-align: right;
}

.tablestyles-header > h1, h2, h3, h4, h5, h6 {
  margin: 0 !important;
}

.breadcrumb-custom {
  padding: 15px 0px 14px 31px !important;
  box-shadow: 0px 0px 10px 0px #c9c8c6;
}

.tablestyles-body {
  padding: 0.3rem;
}

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  box-sizing: border-box;
}

.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
}

.label {
  border-radius: 3px;
}

.badge {
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 9px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #9c6ccf;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
  top: 0;
}

form {
  margin: 0 0 20px;
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999999;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: 'Roboto', sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  height: 35px;
  padding: 5px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  border-radius: 4px;
  vertical-align: middle;
}

input,
textarea,
.uneditable-input {
  width: 100%;
  box-sizing: border-box;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear .2s, box-shadow linear .2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select {
  border: 1px solid #cccccc;
  background-color: #ffffff;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 10px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:before,
.controls-row:after {
  display: table;
  content: "";
  line-height: 0;
}

.controls-row:after {
  clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

input.warning,
select.warning,
textarea.warning {
  color: #c09853;
  border-color: #c09853;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input.warning::-webkit-input-placeholder,
select.warning::-webkit-input-placeholder,
textarea.warning::-webkit-input-placeholder {
  color: #c09853;
}

input.warning:focus,
select.warning:focus,
textarea.warning:focus {
  border-color: #a47e3c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

input.error,
select.error,
textarea.error {
  color: #b94a48;
  border-color: #b94a48;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input.error::-webkit-input-placeholder,
select.error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder {
  color: #b94a48;
}

input.error:focus,
select.error:focus,
textarea.error:focus {
  border-color: #953b39;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.checkbox.success,
.radio.success,
input.success,
select.success,
textarea.success {
  color: #468847;
}

input.success::-webkit-input-placeholder,
select.success::-webkit-input-placeholder,
textarea.success::-webkit-input-placeholder {
  color: #468847;
}

input.success,
select.success,
textarea.success {
  border-color: #468847;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input.success:focus,
select.success:focus,
textarea.success:focus {
  border-color: #356635;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.checkbox.info,
.radio.info,
input.info,
select.info,
textarea.info {
  color: #9c6ccf;
}

input.info::-webkit-input-placeholder,
select.info::-webkit-input-placeholder,
textarea.info::-webkit-input-placeholder {
  color: #9c6ccf;
}

input.info,
select.info,
textarea.info {
  border-color: #9c6ccf;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input.info:focus,
select.info:focus,
textarea.info:focus {
  border-color: #2d6987;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 0 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  *zoom: 1;
  text-align: right;
}

.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}

.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}

.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px;
  padding: 8px 12px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  /*height: 38px;*/
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  border-radius: 0 4px 4px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

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

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

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

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

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

.input-append input,
.input-append select,
.input-append .uneditable-input {
  border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  border-radius: 0 4px 4px 0;
}

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

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

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  border-radius: 0 4px 4px 0;
}

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

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

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  border-radius: 15px;
}

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  border-radius: 0;
}

.form-search .input-append .search-query {
  border-radius: 14px 0 0 14px;
  padding: 8px 12px;
  /*height: 38px;*/
}

.form-search .input-append .btn {
  border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .hide, .form-search #search .closeBtn, #search .form-search .closeBtn,
.form-inline .hide,
.form-inline #search .closeBtn,
#search .form-inline .closeBtn,
.form-horizontal .hide,
.form-horizontal #search .closeBtn,
#search .form-horizontal .closeBtn {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  /*margin-bottom: 10px;*/
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}

.btn {
  display: inline-block;
  *zoom: 1;
  padding: 7px 10px;
  border: none;
  /*margin-bottom: 0;*/
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 1px;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #ffffff;
  border: 1px solid #8553BA;
  color: #8553BA;
  border-radius: 3px;
  background-clip: padding-box;
}

.btn .badge {
  border: 1px solid #9c6ccf;
  background: #ffffff;
}

.btn:hover {
  background-color: #8553BA;
  color: #ffffff;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled, .search-pagination a.btn.selected,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #8553BA;
}

.btn-primary:hover {
  background-color: #9c6ccf;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.search-pagination a.btn-warning.selected,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.search-pagination a.btn-danger.selected,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.search-pagination a.btn-success.selected,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #4287ab;
  background-image: linear-gradient(to bottom, #4287ab, #4287ab);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4287ab', endColorstr='#4287ab', GradientType=0);
  border-color: #4287ab #4287ab #4287ab;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #4287ab;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.search-pagination a.btn-info.selected,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.search-pagination a.btn-inverse.selected,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #9c6ccf;
  border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn {
  position: relative;
  border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}

.btn-group > .btn-mini {
  font-size: 10.5px;
}

.btn-group > .btn-small {
  font-size: 11.9px;
}

.btn-group > .btn-large {
  font-size: 17.5px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}

.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 2px;
  *padding-bottom: 2px;
}

.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  *padding-top: 7px;
  *padding-bottom: 7px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}

.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}

.dropup .btn-large .caret {
  border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}

.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  border-radius: 0;
}

.btn-group-vertical > .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}

.btn-group-vertical > .btn:first-child {
  border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child {
  border-radius: 0 0 4px 4px;
}

.btn-group-vertical > .btn-large:first-child {
  border-radius: 6px 6px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
  border-radius: 0 0 6px 6px;
}

.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav li + .nav-header {
  margin-top: 9px;
}

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list > li > a {
  padding: 3px 15px;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #ddccee;
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}

.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs > li,
.nav-pills > li {
  float: left;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 8px;
  padding-left: 8px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  font-size: 14px;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a span {
  font-size: 22px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #ddccee;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li > a {
  margin-right: 0;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
  border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
  border-radius: 6px;
}

.nav .dropdown-toggle .caret {
  border-top-color: #ddccee;
  border-bottom-color: #ddccee;
  margin-top: 6px;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}

/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}

.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.nav > .disabled > a, .search-pagination .nav > a.selected > a {
  color: #999999;
}

.nav > .disabled > a:hover, .search-pagination .nav > a.selected > a:hover,
.nav > .disabled > a:focus,
.search-pagination .nav > a.selected > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}

.navbar {
  overflow: visible;
  margin-bottom: 20px;
  *position: relative;
  *z-index: 2;
}

.navbar-inner {
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fafafa;
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  *zoom: 1;
}

.navbar-inner:before,
.navbar-inner:after {
  display: table;
  content: "";
  line-height: 0;
}

.navbar-inner:after {
  clear: both;
}

.navbar .container {
  width: auto;
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}

.navbar .brand {
  float: left;
  display: block;
  padding: 10px 20px 10px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  text-shadow: 0 1px 0 #ffffff;
}

.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}

.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777777;
}

.navbar-link {
  color: #777777;
}

.navbar-link:hover,
.navbar-link:focus {
  color: #333333;
}

.navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #ffffff;
}

.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}

.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {
  margin-top: 0;
}

.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}

.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
  line-height: 0;
}

.navbar-form:after {
  clear: both;
}

.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}

.navbar-form input,
.navbar-form select,
.navbar-form .btn {
  display: inline-block;
  margin-bottom: 0;
}

.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}

.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}

.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}

.navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0;
}

.navbar-search .search-query {
  margin-bottom: 0;
  padding: 4px 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  border-radius: 15px;
}

.navbar-static-top {
  position: static;
  margin-bottom: 0;
}

.navbar-static-top .navbar-inner {
  border-radius: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}

.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-bottom {
  bottom: 0;
}

.navbar-fixed-bottom .navbar-inner {
  box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
}

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.navbar .nav.pull-right {
  float: right;
  margin-right: 0;
}

.navbar .nav > li {
  float: left;
}

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}

.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: transparent;
  color: #333333;
  text-decoration: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e5e5e5;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .search-pagination a.btn-navbar.selected,
.search-pagination .navbar a.btn-navbar.selected,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #e5e5e5;
  *background-color: #d9d9d9;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #cccccc \9;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  border-radius: 1px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

.navbar .nav > li > .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}

.navbar .nav > li > .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #e5e5e5;
  color: #555555;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}

.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}

.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -1px;
  border-radius: 6px 0 6px 6px;
}

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525;
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus {
  color: #ffffff;
}

.navbar-inverse .brand {
  color: #999999;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  background-color: transparent;
  color: #ffffff;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
  color: #ffffff;
}

.navbar-inverse .divider-vertical {
  border-left-color: #111111;
  border-right-color: #222222;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #111111;
  color: #ffffff;
}

.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  transition: none;
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}

.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #040404;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .search-pagination a.btn-navbar.selected,
.search-pagination .navbar-inverse a.btn-navbar.selected,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}

.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  text-shadow: 0 1px 0 #ffffff;
}

.breadcrumb > li > .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #999999;
}

.pagination {
  margin: 20px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span, .pagination .search-pagination ul > a.selected > span, .search-pagination .pagination ul > a.selected > span,
.pagination ul > .disabled > a,
.pagination .search-pagination ul > a.selected > a,
.search-pagination .pagination ul > a.selected > a,
.pagination ul > .disabled > a:hover,
.pagination .search-pagination ul > a.selected > a:hover,
.search-pagination .pagination ul > a.selected > a:hover,
.pagination ul > .disabled > a:focus,
.pagination .search-pagination ul > a.selected > a:focus,
.search-pagination .pagination ul > a.selected > a:focus {
  color: #999999;
  background-color: transparent;
  cursor: default;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.pager {
  margin: 20px 0;
  list-style: none;
  text-align: center;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  content: "";
  line-height: 0;
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a, .pager .search-pagination a.selected > a, .search-pagination .pager a.selected > a,
.pager .disabled > a:hover,
.pager .search-pagination a.selected > a:hover,
.search-pagination .pager a.selected > a:hover,
.pager .disabled > a:focus,
.pager .search-pagination a.selected > a:focus,
.search-pagination .pager a.selected > a:focus,
.pager .disabled > span,
.pager .search-pagination a.selected > span,
.search-pagination .pager a.selected > span {
  color: #999999;
  background-color: #fff;
  cursor: default;
}

.thumbnails {
  margin-left: -20px;
  padding: 0;
  list-style: none;
  *zoom: 1;
}

.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
  line-height: 0;
}

.thumbnails:after {
  clear: both;
}

.row-fluid .thumbnails {
  margin-left: 0;
}

.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  transition: all 0.2s ease-in-out;
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #ddccee;
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #555555;
}

.alert {
  padding: 4px 20px 4px 1.5%;
  position: relative;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: absolute;
  top: 2px;
  right: 5px;
  line-height: 20px;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #9c6ccf;
}

.alert-info h4 {
  color: #9c6ccf;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.progress .bar {
  width: 0%;
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  transition: width 0.6s ease;
}

.progress .bar + .bar {
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.progress-striped .bar {
  background-color: #149bdf;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .bar {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #faa732;
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #fbb450;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media,
.media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media > .pull-left {
  margin-right: 10px;
}

.media > .pull-right {
  margin-left: 10px;
}

.media-list {
  margin-left: 0;
  list-style: none;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 13.2px;
  line-height: 1.5;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 500px !important;
  padding: 8px 12px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  min-width: 210px;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}

.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 1050;
  width: 90%;
  max-width: 560px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  outline: none;
}

.modal.fade {
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}

.modal.fade.in {
  top: 10%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}

.modal-header .close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 30px;
}

.modal-body {
  position: relative;
  overflow-y: auto;
  /*max-height: 400px;*/
  padding: 15px;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}

.modal-footer.textleft {
  text-align: left;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle {
  *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #a97fd5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #a97fd5;
}

.dropdown-menu > .disabled > a, .search-pagination .dropdown-menu > a.selected > a,
.dropdown-menu > .disabled > a:hover,
.search-pagination .dropdown-menu > a.selected > a:hover,
.dropdown-menu > .disabled > a:focus,
.search-pagination .dropdown-menu > a.selected > a:focus {
  color: #999999;
}


.dropdown-menu > .disabled > a:hover,
.search-pagination .dropdown-menu > a.selected > a:hover,
.dropdown-menu > .disabled > a:focus,
.search-pagination .dropdown-menu > a.selected > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default;
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}

.typeahead {
  z-index: 1051;
  margin-top: 2px;
  border-radius: 4px;
}

.accordion {
  margin-bottom: 20px;
}

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-large {
  padding: 24px;
  border-radius: 6px;
}

.well-small {
  padding: 9px;
  border-radius: 3px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.hide, #search .closeBtn {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.affix {
  position: fixed;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success > td {
  background-color: #dff0d8;
}

.table tbody tr.error > td {
  background-color: #f2dede;
}

.table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.table tbody tr.info > td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}

.footable {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: solid #ccc 1px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #444;
}

.footable tr:nth-child(even) {
  background-color: #e6e7e7;
}

.footable.breakpoint > tbody > tr > td.expand:before {
  content: "\23";
  font-family: 'primoadmin';
  opacity: .5;
  position: absolute;
  left: 5px;
}

.footable.breakpoint > tbody > tr.footable-detail-show > td.expand:before {
  content: "\22";
  font-family: 'primoadmin';
  opacity: .5;
  position: absolute;
  left: 5px;
}

.footable.breakpoint > tbody > tr.footable-row-detail {
  background: #eee;
}

.footable > tbody > tr:hover {
  background: #fbf8e9;
}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}

.footable > tbody > tr > td {
  border-top: 1px solid #ccc;
  padding: 5px 10px;
  text-align: center;
  position: relative;
}

.footable-row-detail-inner {
  text-align: left;
}

.footable-row-detail-name {
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
  min-width: 25%;
}

.footable-row-detail-value {
  display: inline-block;
}

.footable > thead > tr > th {
  padding: 10px 3px;
  color: #ea9b00;
}

.footable.subtle > thead, .footable.subtle > thead > tr, .footable.subtle > thead > tr > th {
  border: none !important;
}

.footable.subtle > thead > tr > th {
  background: #efefef;
  color: #444;
}

.footable > tbody > tr > td.footable-cell-detail {
  border-left: none;
  text-align: left;
}

.footable > thead > tr > th, .footable > thead > tr > td {
  background: url(/images/texture01.jpg);
  border-top: none;
  text-align: center;
}

.footable > thead > tr > th.footable-first-column, .footable > thead > tr > td.footable-first-column,
.footable > tbody > tr > td.footable-first-column {
  border-left: none;
}

.footable.breakpoint > thead > tr > th.footable-first-column, .footable.breakpoint > thead > tr > td.footable-first-column,
.footable.breakpoint > tbody > tr > td.footable-first-column {
  padding-left: 25px;
}

.footable.breakpoint > tbody > tr > td.footable-row-detail-cell.footable-first-column {
  padding: 5px 10px;
}

.footable > tbody img {
  vertical-align: middle;
}

.footable > tfoot > tr > th, .footable > tfoot > tr > td {
  border-top: 1px solid #ccc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  padding: 10px;
}

.footable > thead > tr > th > span.footable-sort-indicator {
  width: 16px;
  height: 16px;
  display: block;
  float: right;
  background: url("/images/sorting_sprite.png") no-repeat top left;
}

.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}

.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator {
  background-position: 0 -16px;
}

.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator {
  background-position: 0 -32px;
}

.footable-search-button {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0px 10px 0px 10px;
}

.footable-search-input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.footable_change_page_size {
  margin-bottom: 0px !important;
}

.footable_custom_filter {
  float: left;
  width: auto;
  min-width: 15rem;
  display: inline-flex;
}

.footable_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  z-index: 9999;
}

.footable_loading-container {
  text-align: center;
  color: #fff;
  margin-top: 7%;
}

.footable_loading {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #8452b9;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.footable_overlay > img {
  margin: 25% auto 0 auto;
  width: 50px;
  height: 50px;
  display: flex;
}

.paginations > li.footable-page > a, .paginations > li.footable-page > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\23";
}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}

.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  font-family: 'primoadmin';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888888;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "\e000";
}

.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}

.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e004";
}

.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}

.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e002";
}

.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}

.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
  content: "\e006";
}

.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}

.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e008";
}

.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}

.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
  content: "\e011";
}

.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e013";
}

.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
  content: "\e015";
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e01d";
}

.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}

.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e00d";
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
  content: "\e021";
}

.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}

.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
  content: "\e019";
}

.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  font-size: 18px;
}

.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  font-size: 24px;
}

.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tour-step-backdrop {
  position: relative;
  z-index: 1101;
  background: inherit;
}

.tour-step-backdrop > td {
  position: relative;
  z-index: 1101;
}

.tour-step-background {
  position: absolute !important;
  z-index: 1100;
  background: inherit;
  border-radius: 6px;
}

.popover {
  min-width: 400px;
}

.popover button {
  border-radius: 4px;
}

.popover .btn-group button:first-child {
  border-radius: 4px 0 0 4px !important;
}

.popover .btn-group button:last-child {
  border-radius: 0 4px 4px 0 !important;
}

.popover[class*="tour-"] {
  z-index: 1100;
}

.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
}

.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: right;
}

.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer;
}

.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled, .popover[class*="tour-"] .popover-navigation .search-pagination a.selected[data-role="prev"], .search-pagination .popover[class*="tour-"] .popover-navigation a.selected[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation .search-pagination a.selected[data-role="next"],
.search-pagination .popover[class*="tour-"] .popover-navigation a.selected[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled,
.popover[class*="tour-"] .popover-navigation .search-pagination a.selected[data-role="end"],
.search-pagination .popover[class*="tour-"] .popover-navigation a.selected[data-role="end"] {
  cursor: default;
}

.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}

.popover[class*="tour-"].orphan .arrow {
  display: none;
}

:root {
  --progress-color-normal: #0bd82c;
  --progress-color-paused: #e6df1b;
  --progress-color-error: #ef0000;
}

[role="progressbar"] {
  height: 15px;
  border: 1px solid var(--button-border-color);
  border-radius: var(--border-radius);
  box-shadow: inset 0 0 0 1px #f3f3f388, 0 0 0 1px #eaeaea88;
  margin: 2px 0;
  overflow: hidden;
  background: radial-gradient(circle at 0 50%, #0000001f 10px, transparent 30px), radial-gradient(circle at 100% 50%, #0000001f 10px, transparent 30px), linear-gradient(to bottom, #f3f3f3af, #fcfcfcaf 3px, #dbdbdbaf 6px, #cacacaaf 6px, #d5d5d5af), #ddd;
}

[role="progressbar"] > div {
  overflow: hidden;
  height: 100%;
  box-shadow: inset 0 0 0 1px #ffffff1f;
  background-color: var(--progress-color-normal);
  background-image: linear-gradient(to bottom, #f3f3f3af, #fcfcfcaf 3px, #dbdbdbaf 6px, transparent 6px), radial-gradient(circle at 0 50%, #0000002f 10px, transparent 30px), radial-gradient(circle at 100% 50%, #0000002f 10px, transparent 30px), linear-gradient(to bottom, transparent 65%, #ffffff55), linear-gradient(to bottom, transparent 6px, #cacaca33 6px, #d5d5d533);
}

[role="progressbar"].paused > div {
  background-color: var(--progress-color-paused);
}

[role="progressbar"].error > div {
  background-color: var(--progress-color-error);
}

[role="progressbar"].animate > div::before, [role="progressbar"].marquee::before {
  content: "";
  animation: progressbar 3s linear infinite;
  display: block;
  height: 100%;
  background: linear-gradient(to right, transparent, #ffffff80, transparent 40%);
}

[role="progressbar"].marquee::before {
  opacity: 0.5;
  background: linear-gradient(to right, transparent, var(--progress-color-normal), transparent 35%);
}

@keyframes progressbar {
  0% {
    transform: translateX(-40%);
  }
  60% {
    transform: translateX(100%);
  }
  100% {
    /* for faking delay */
    transform: translateX(100%);
  }
}

/* jQuery Growl
 * Copyright 2015 Kevin Sylvestre
 * 1.3.5
 */
.ontop, #growls-default, #growls-tl, #growls-tr, #growls-bl, #growls-br, #growls-tc, #growls-bc, #growls-cc, #growls-cl, #growls-cr {
  z-index: 50000;
  position: fixed;
}

#growls-default {
  top: 50px;
  right: 10px;
}

#growls-tl {
  top: 10px;
  left: 10px;
}

#growls-tr {
  top: 10px;
  right: 10px;
}

#growls-bl {
  bottom: 10px;
  left: 10px;
}

#growls-br {
  bottom: 10px;
  right: 10px;
}

#growls-tc {
  top: 10px;
  right: 10px;
  left: 10px;
}

#growls-bc {
  bottom: 10px;
  right: 10px;
  left: 10px;
}

#growls-cc {
  top: 50%;
  left: 50%;
  margin-left: -125px;
}

#growls-cl {
  top: 50%;
  left: 10px;
}

#growls-cr {
  top: 50%;
  right: 10px;
}

#growls-tc .growl, #growls-bc .growl {
  margin-left: auto;
  margin-right: auto;
}

.growl {
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: relative;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}

.growl.growl-incoming {
  opacity: 0;
  filter: alpha(opacity=0);
}

.growl.growl-outgoing {
  opacity: 0;
  filter: alpha(opacity=0);
}

.growl.growl-small {
  width: 200px;
  padding: 5px;
  margin: 5px;
}

.growl.growl-medium {
  width: 250px;
  padding: 10px;
  margin: 10px;
}

.growl.growl-large {
  width: 300px;
  padding: 15px;
  margin: 15px;
}

.growl.growl-default {
  color: #FFF;
  background: #7f8c8d;
}

.growl.growl-error {
  color: #FFF;
  background: #C0392B;
}

.growl.growl-notice {
  color: #FFF;
  background: #824eb8;
}

.growl.growl-warning {
  color: #FFF;
  background: #F39C12;
}

.growl .growl-close {
  cursor: pointer;
  float: right;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  font-family: helvetica, verdana, sans-serif;
}

.growl .growl-title {
  font-size: 18px;
  line-height: 24px;
}

.growl .growl-message {
  font-size: 14px;
  line-height: 18px;
}

.subnav .header1 {
  background: #824eb8;
  text-transform: capitalize;
  font-size: 14px;
}

.subnav .header1:hover {
  background-color: #6d37a4;
}

.subnav .header1.assigned:hover {
  background-color: #256d8d;
}

.subnav .header1 > a {
  color: #ffffff !important;
}

.subnav .header2 {
  background: #fffbf3;
  border-top: 1px solid #ffffff;
  color: #817272;
  border-bottom: 1px solid #efdbdb;
  text-transform: capitalize;
  font-size: 15px;
}

.submmenu-item {
  display: flex;
}

.submmenu-item > a {
  font-size: 13px !important;
  margin-left: 15px;
  color: #817272 !important;
}

.subnav .header2:hover {
  background-color: #dfd7d7;
  color: #817272;
}

.subnav .header2 > a {
  /*color: #ffffff !important;*/
}

.subnav .header3:hover {
  background-color: #535353;
  color: #ffffff;
}

.subnav .header3 > a {
  color: #ffffff !important;
}

.header1.assigned {
  background: #3a87ad;
}

.header1.assigned:hover .header1.assigned.active {
  background: #256d8d !important;
}

.header1 > a > span {
  float: right;
}

.subnav .header1.active {
  background: #6d37a4;
}

.subnav .header1.assigned.active {
  background: #256d8d !important;
}

.subnav .header1.assigned.active:after {
  border-left: 7px solid #256d8d !important;
}

.header.active:after {
  content: '';
  position: relative;
  top: -29px;
  float: right;
  right: -37px;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left: 7px solid #6d37a4;
  transition: border-left 0.2s;
}

.next_active {
  margin-right: -27px;
}

/*# sourceMappingURL=primoprint.css.map */