/** 
 * Automatically Generated - DO NOT EDIT 
 * pi.cloudbadging.admin / v1.0.0 / 2025-04-01 
 */ 


@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

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

/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** 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; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

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

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

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

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

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

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

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

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** 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; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

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

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

/* ========================================================================== Forms ========================================================================== */
/** 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 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ 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 8+. 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. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** 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/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 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 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 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 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 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; }

meta.foundation-mq-small { font-family: "only screen and (min-width: 768px)"; width: 768px; }

meta.foundation-mq-medium { font-family: "only screen and (min-width:1280px)"; width: 1280px; }

meta.foundation-mq-large { font-family: "only screen and (min-width:0)"; width: 0; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { font-size: 16px; }

body { background: #fff; color: #222; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; }

a:hover { cursor: pointer; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-justify { text-align: justify !important; }

.hide { display: none; }

.antialiased { -webkit-font-smoothing: antialiased; }

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

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

/* Grid HTML Classes */
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1150px; *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse > .column, .row.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }
.row.collapse .row { margin-left: 0; margin-right: 0; }
.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; }
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }

.column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; }

@media only screen { .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
  .small-1 { position: relative; width: 8.33333%; }
  .small-2 { position: relative; width: 16.66667%; }
  .small-3 { position: relative; width: 25%; }
  .small-4 { position: relative; width: 33.33333%; }
  .small-5 { position: relative; width: 41.66667%; }
  .small-6 { position: relative; width: 50%; }
  .small-7 { position: relative; width: 58.33333%; }
  .small-8 { position: relative; width: 66.66667%; }
  .small-9 { position: relative; width: 75%; }
  .small-10 { position: relative; width: 83.33333%; }
  .small-11 { position: relative; width: 91.66667%; }
  .small-12 { position: relative; width: 100%; }
  .small-offset-0 { position: relative; margin-left: 0%; }
  .small-offset-1 { position: relative; margin-left: 8.33333%; }
  .small-offset-2 { position: relative; margin-left: 16.66667%; }
  .small-offset-3 { position: relative; margin-left: 25%; }
  .small-offset-4 { position: relative; margin-left: 33.33333%; }
  .small-offset-5 { position: relative; margin-left: 41.66667%; }
  .small-offset-6 { position: relative; margin-left: 50%; }
  .small-offset-7 { position: relative; margin-left: 58.33333%; }
  .small-offset-8 { position: relative; margin-left: 66.66667%; }
  .small-offset-9 { position: relative; margin-left: 75%; }
  .small-offset-10 { position: relative; margin-left: 83.33333%; }
  [class*="column"] + [class*="column"]:last-child { float: right; }
  [class*="column"] + [class*="column"].end { float: left; }
  .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; }
  .large-2 { position: relative; width: 16.66667%; }
  .large-3 { position: relative; width: 25%; }
  .large-4 { position: relative; width: 33.33333%; }
  .large-5 { position: relative; width: 41.66667%; }
  .large-6 { position: relative; width: 50%; }
  .large-7 { position: relative; width: 58.33333%; }
  .large-8 { position: relative; width: 66.66667%; }
  .large-9 { position: relative; width: 75%; }
  .large-10 { position: relative; width: 83.33333%; }
  .large-11 { position: relative; width: 91.66667%; }
  .large-12 { position: relative; width: 100%; }
  .row .large-offset-0 { position: relative; margin-left: 0%; }
  .row .large-offset-1 { position: relative; margin-left: 8.33333%; }
  .row .large-offset-2 { position: relative; margin-left: 16.66667%; }
  .row .large-offset-3 { position: relative; margin-left: 25%; }
  .row .large-offset-4 { position: relative; margin-left: 33.33333%; }
  .row .large-offset-5 { position: relative; margin-left: 41.66667%; }
  .row .large-offset-6 { position: relative; margin-left: 50%; }
  .row .large-offset-7 { position: relative; margin-left: 58.33333%; }
  .row .large-offset-8 { position: relative; margin-left: 66.66667%; }
  .row .large-offset-9 { position: relative; margin-left: 75%; }
  .row .large-offset-10 { position: relative; margin-left: 83.33333%; }
  .row .large-offset-11 { position: relative; margin-left: 91.66667%; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
  .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } }
.button { border: none; outline: 0; border-radius: 4px; cursor: pointer; line-height: normal; position: relative; text-decoration: none; text-align: center; display: inline-block; padding: .85em 2.25em; margin: 0; font-size: 12px; font-weight: 400; text-transform: uppercase; background-color: #11D6E6; color: #fff; letter-spacing: 1px; box-shadow: none; }

.button--text { background-color: transparent !important; color: #333437; }
.button--text:hover { background-color: transparent; }

.button--outline { border: 1px solid #333437; }

.button--rounded { border-radius: 100px; }

.button--large { padding: 1.15em 3.25em; }

.button--larger { padding: 1.5em 3.5em; }

.button--small { font-size: 11px; padding: .85em 2em; }

.button--full { display: block; width: 100%; }

.button--grey { background: #333437; }

.button--lightGrey { background: #999999; }

.button--red { background: #E64444; }
.button--red.button--text { color: #D0021B; background: transparent; }

.button--reversed { background: none; }
.button--reversed.button--outline { border-color: #ffffff; }
.button--reversed:hover { background: #ffffff; color: #000000; }

.button--formInline { margin-top: 25px; padding: 1.5em 3.25em; }

.button[disabled=disabled], .button:disabled { border: none; color: #ffffff; background: #DBDBDB; box-shadow: 0 0 1px #999999; }

.button--white { background-color: #ffffff !important; border: 1px solid #DBDBDB; color: #999999; }
.button--white.button[disabled=disabled], .button--white .button:disabled { background-color: #ffffff !important; border: 1px solid #DBDBDB; color: #999999; opacity: .5; box-shadow: none; }

.button--withIcon i { font-size: 20px; position: relative; top: 4px; margin-right: 10px; display: inline-block; padding-bottom: 8px; }

.button--group { padding: 18px 35px 22px; margin: 0; }

.button--noSpacing { padding-left: 0; padding-right: 0; }

.button-group { margin: 0; padding: 0; }

.button-group li { display: inline-block; margin-right: 15px; }
.button-group li:last-child { margin-right: 0; }

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], .input-clone, textarea { background-color: #FFFFFF; display: block; font-size: 14px; padding: 15px; outline: 0; border: 1px solid #DBDBDB; margin: 10px 0 0; moz-appearance: none; webkit-appearance: none; width: 100%; border-radius: 4px; line-height: 18px; position: relative; }

input[type="file"] { font-size: 12px; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: 'Always Show Up/Down Arrows'; }

input[type="range"] { width: 100%; }

label { font-size: 11px; font-weight: 400; text-transform: uppercase; color: #999999; margin: 0; padding: 0 0 10px; letter-spacing: 1px; }

select { margin-top: 10px; }

.input { margin: 5px 0 20px; position: relative; }

.input--checkbox { margin: 10px 0; }
.input--checkbox input { margin-right: 5px; }
.input--checkbox label { font-size: 14px; text-transform: none; letter-spacing: initial; color: #333437; }
.input--checkbox:last-child { margin-bottom: 30px; }

.input--search input { padding-left: 40px; color: #333437; }

.input--search .icon { position: absolute; left: 15px; top: 17px; z-index: 1; color: #999999; }

.row.input { /* Override foundation row margins */ margin-top: 5px; margin-bottom: 20px; }

.postfix, .prefix { background: #999999; color: #ffffff; padding: 15px 5px; text-align: center; margin-top: 10px; font-size: 12px; position: relative; /* sits on top of input[] */ z-index: 1; }

.postfix { margin-left: -4px; line-height: 20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.prefix { margin-right: -4px; line-height: 20px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.input--image { position: relative; }
.input--image .button-group { position: absolute; z-index: 150; top: 34px; }
.input--image .button-group--right { right: 10px; }

.input-progress { position: absolute; bottom: 0; height: 3px; background: #11D6E6; width: 0%; left: 0; -moz-transition: width 1s ease; -o-transition: width 1s ease; -webkit-transition: width 1s ease; transition: width 1s ease; z-index: 1; }

.input-image-preview { position: relative; top: -4px; padding: 0px; background: #e8e8e8; border: 1px solid #e1e1e1; }
.input-image-preview .button { margin-top: 15px; }

.input-image-preview.is-active { padding: 25px; }

.input-image-preview img { display: block; margin: 0 auto; }

.input-image-webcam { position: absolute; right: 0; top: 0; bottom: 0; width: 140px; outline: 0; border-left: 1px solid #DBDBDB; border-right: none; border-top: none; border-bottom: none; background: #e8e8e8; font-size: 10px; color: #999999; letter-spacing: 1px; text-transform: uppercase; line-height: 47px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.input-image-webcam i { font-size: 18px; margin-right: 8px; position: relative; top: 3px; }

.input--align ul { margin-top: 10px; }

.align-item { border: 0; font-size: 28px; background: none; margin: 5px 10px 0 -3px; color: #999999; outline: 0; }
.align-item:focus { outline: 0; }
.align-item:disabled, .align-item:hover { color: #333437; }

::-webkit-input-placeholder { color: #999999; }

:-moz-placeholder { /* Firefox 18- */ color: #333437; }

::-moz-placeholder { /* Firefox 19+ */ color: #333437; }

:-ms-input-placeholder { color: #333437; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

.form-error { position: relative; top: 4px; font-size: 11px; color: #D0021B; }

table.dataTable { clear: both; margin: 0.5em 0 !important; max-width: none !important; width: 100%; }

table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; }

table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; }

div.dataTables_wrapper div.dataTables_length label { float: left; text-align: left; margin-bottom: 0; }

div.dataTables_wrapper div.dataTables_length select { width: 75px; margin-bottom: 0; }

div.dataTables_wrapper div.dataTables_filter label { float: right; margin-bottom: 0; }

div.dataTables_wrapper div.dataTables_filter input { display: inline-block !important; width: auto !important; margin-bottom: 0; margin-left: 0.5em; }

div.dataTables_wrapper div.dataTables_info { padding-top: 2px; }

div.dataTables_wrapper div.dataTables_paginate { float: right; margin: 0; }

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 1.5rem; }

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { outline: none; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; }

table.dataTable thead .sorting { background-image: url("../img/sort_both.png"); }

table.dataTable thead .sorting_asc { background-image: url("../img/sort_asc.png"); }

table.dataTable thead .sorting_desc { background-image: url("../img/sort_desc.png"); }

table.dataTable thead .sorting_asc_disabled { background-image: url("../img/sort_asc_disabled.png"); }

table.dataTable thead .sorting_desc_disabled { background-image: url("../img/sort_desc_disabled.png"); }

div.dataTables_scrollHead table { margin-bottom: 0 !important; }

div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; }

div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; }

div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; }

.password-strength { position: relative; width: 100%; height: 6px; background: #DBDBDB; top: -5px; z-index: 1; }

.password-strength-bar { width: 0%; background: #DBDBDB; height: 6px; position: absolute; left: 0; top: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.password-strength-weak { width: 25%; background: #E64444; }

.password-strength-soso { width: 50%; background: #E7B741; }

.password-strength-good { width: 75%; background: #11D6E6; }

.password-strength-strong { width: 100%; background: #7ED321; }

.password-strength-divider { height: 6px; position: absolute; width: 2px; background: #F5F5F5; top: 0; left: 0; }

.password-strength-divider-1 { left: 25%; }

.password-strength-divider-2 { left: 50%; }

.password-strength-divider-3 { left: 75%; }

.password-strength-label { position: absolute; top: 45px; right: 15px; text-align: right; font-size: 11px; text-transform: uppercase; color: #999999; z-index: 1; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.password-strength-label--noInputLabel { top: 40px; }

.password-strength-label-weak { color: #D0021B; }

.password-strength-label-soso { color: #E7B741; }

.password-strength-label-good { color: #11D6E6; }

.password-strength-label-strong { color: #7ED321; }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.pika-single.is-hidden { display: none; }
.pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-single { *zoom: 1; }
.pika-single:before, .pika-single:after { content: " "; display: table; }
.pika-single:after { clear: both; }

.pika-lendar { float: left; width: 240px; margin: 8px; }

.pika-title { position: relative; text-align: center; }
.pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; }

.pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; }

.pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; }
.pika-prev:hover, .pika-next:hover { opacity: 1; }
.pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; }

.pika-prev, .is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); *left: 0; }

.pika-next, .is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); *right: 0; }

.pika-select { display: inline-block; *display: inline; }

.pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; }
.pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; }
.pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; }
.pika-table abbr { border-bottom: none; cursor: help; }

.pika-button { cursor: pointer; display: block; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; }
.is-today .pika-button { color: #33aaff; font-weight: bold; }
.is-selected .pika-button { color: #fff; font-weight: bold; background: #33aaff; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; }
.is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; }
.pika-button:hover { color: #fff !important; background: #ff8000 !important; box-shadow: none !important; border-radius: 3px !important; }

.pika-week { font-size: 11px; color: #999; }

.pika-button { text-align: center; }
.pika-button:hover { background: #333437; }

/***
Spectrum Colorpicker v1.7.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; }

.sp-container.sp-flat { position: relative; }

/* Fix for * { box-sizing: border-box; } */
.sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top { position: relative; width: 100%; display: inline-block; }

.sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; }

.sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; }

.sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; }

.sp-fill { padding-top: 80%; }

.sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.sp-alpha-enabled .sp-top { margin-bottom: 18px; }

.sp-alpha-enabled .sp-alpha { display: block; }

.sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; }

.sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; }

.sp-alpha-inner { border: solid 1px #333; }

.sp-clear { display: none; }

.sp-clear.sp-clear-display { background-position: center; }

.sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; }

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; }

.sp-container.sp-input-disabled .sp-input-container { display: none; }

.sp-container.sp-buttons-disabled .sp-button-container { display: none; }

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; }

.sp-palette-only .sp-picker-container { display: none; }

.sp-palette-disabled .sp-palette-container { display: none; }

.sp-initial-disabled .sp-initial { display: none; }

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }

.sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }

.sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }

/* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */
.sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }

.sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }

.sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }

.sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }

.sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }

.sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }

.sp-hidden { display: none !important; }

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }

.sp-cf:after { clear: both; }

.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) { .sp-color { right: 40%; }
  .sp-hue { left: 63%; }
  .sp-fill { padding-top: 60%; } }
.sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; }

.sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; }

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; }

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.sp-top { margin-bottom: 3px; }

.sp-color, .sp-hue, .sp-clear { border: solid 1px #666; }

/* Input */
.sp-input-container { float: right; width: 100px; margin-bottom: 4px; }

.sp-initial-disabled .sp-input-container { width: 100%; }

.sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; }

.sp-input:focus { border: 1px solid orange; }

.sp-input.sp-validation-error { border: 1px solid red; background: #fdd; }

.sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; }

.sp-picker-container { width: 172px; border-left: solid 1px #fff; }

/* Palettes */
.sp-palette-container { border-right: solid 1px #ccc; }

.sp-palette-only .sp-palette-container { border: 0; }

.sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; }

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; }

.sp-thumb-el { position: relative; }

/* Initial */
.sp-initial { float: left; border: solid 1px #333; }

.sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; }

.sp-initial .sp-clear-display { background-position: center; }

/* Buttons */
.sp-palette-button-container, .sp-button-container { float: right; }

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 4px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; }

.sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; }

.sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; }

.sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float: left; font-size: 10px; }

.sp-preview { position: relative; width: 25px; height: 20px; border: solid 1px #222; margin-right: 5px; float: left; z-index: 0; }

.sp-palette { *width: 220px; max-width: 220px; }

.sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; }

.sp-container { padding-bottom: 0; }

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; }

.sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; }

.sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

.sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; }

.sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; }

.sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; }

.sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; }

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }

.sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); }

.sp-replacer { padding: 5px; top: 10px; position: relative; height: 50px; width: 56px; background: none; border: 1px solid #DBDBDB; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.sp-preview { height: 34px; width: 34px; margin: 0; float: none; left: 5px; top: 2px; border: 1px solid #DBDBDB; }

.sp-dd { -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); position: relative; top: -8px; left: 4px; text-indent: -9999px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; }

input.sp-value { position: relative; left: -15px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.sp-colorWrapper { width: 70px; }

.table { font-size: 15px; width: 100%; }
.table thead th { padding: 10px; font-weight: 700; text-transform: uppercase; font-size: 11px; }
.table thead th { border-bottom: 1px solid #DBDBDB; }
.table tbody td { padding: 10px; border-bottom: 1px solid #DBDBDB; }

.table--striped tbody tr:nth-child(odd) td { background: rgba(0, 0, 0, 0.02); }

.table .table-search { padding: 0; border: none; }

.table-pagination { list-style: none; margin: 30px 0 0; padding: 0; display: inline-block; }
.table-pagination li { display: inline-block; margin: 0 -2px; padding: 8px 9px 8px 10px; }
.table-pagination li:last-child a { border-right: none; }
.table-pagination a { color: #252525; }
.table-pagination span { color: #999999; }
.table-pagination input { padding: 2px; margin: -5px 0; width: 50px; text-align: center; display: inline-block; border-radius: 0; }

.table tr:hover .table-actions a { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }

.table-actions a { color: #333437; font-size: 16px; margin-left: 10px; opacity: 0; position: relative; -moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }

.dataTables_info { font-size: 12px; font-style: italic; margin-top: 10px; }

.pagination { margin: 10px 0 0 0; display: block; padding: 0; list-style-type: none; }
.pagination li { display: inline-block; margin: 0 7px; }
.pagination a { color: #0a7e87; font-size: 12px; }

.tableFilters { background: #ffffff; border: 1px solid #DBDBDB; margin-bottom: 25px; min-height: 62px; overflow: hidden; }

.tableFilters-header { border-bottom: 1px solid #DBDBDB; padding-bottom: 18px; margin-bottom: 18px; cursor: pointer; }

.tableFilters-body { padding: 0 22px; }

.tableFilters-headline { font-size: 16px; font-weight: 400; margin: 0; color: #333437; display: inline-block; padding: 22px 22px 0; }

.tableFilters-collapse { float: right; background: none; outline: none; border: none; text-transform: uppercase; color: #999999; font-size: 12px; letter-spacing: 1px; margin: 22px 22px 0; }
.tableFilters-collapse .icon { font-size: 9px; margin-right: 10px; }

.tableFilters.is-active { min-height: 240px; overflow: visible; }

.tableFilters--reports.is-active { min-height: 200px; }

.tableFilters-export { font-size: 12px; text-transform: uppercase; color: #999999; margin: 0 0 35px; display: inline-block; border: 1px solid #DBDBDB; border-radius: 20px; padding: 5px 15px 6px; line-height: 20px; }
.tableFilters-export i { font-size: 16px; margin-right: 10px; position: relative; top: 2px; left: 2px; }

/** selectize.css (v0.12.4) Copyright (c) 2013–2015 Brian Reavis & contributors  Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at: http://www.apache.org/licenses/LICENSE-2.0  Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.  @author Brian Reavis <brian@thirdroute.com> */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #ffffff; box-shadow: inset 0 0 12px 4px #ffffff; }

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; }

.selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

.selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; }

.selectize-dropdown-header-close:hover { color: #000000; }

.selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; }

.selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; }

.selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); }

.selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #ffffff; }

.selectize-control.plugin-remove_button .remove-single { position: absolute; right: 28px; top: 6px; font-size: 23px; }

.selectize-control { position: relative; }

.selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; }

.selectize-input, .selectize-control.single .selectize-input.input-active { background: #ffffff; cursor: text; display: inline-block; }

.selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.selectize-control.multi .selectize-input.has-items { padding: 6px 8px 3px; }

.selectize-input.full { background-color: #ffffff; }

.selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; }

.selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }

.selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

.selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }

.selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; }

.selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; }

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; }

.selectize-input > input { display: inline-block; padding: 0; min-height: 0; max-height: none; max-width: 100%; margin: 0 2px 0 0; text-indent: 0; border: 0 none; background: none; line-height: inherit; -webkit-user-select: auto; -webkit-box-shadow: none; box-shadow: none; }

.selectize-input > input::-ms-clear { display: none; }

.selectize-input > input:focus { outline: none !important; }

.selectize-input::after { content: ' '; display: block; clear: left; }

.selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; }

.selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #ffffff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }

.selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; }

.selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 5px 8px; }

.selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; }

.selectize-dropdown .optgroup-header { color: #303030; background: #ffffff; cursor: default; }

.selectize-dropdown .active { background-color: #f5fafd; color: #495c68; }

.selectize-dropdown .active.create { color: #495c68; }

.selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); }

.selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; }

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; }

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; }

.selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; }

.selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; }

.selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; }

.selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; }

.selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; }

html, body { font-size: 16px; height: 100%; min-height: 100%; font-family: "Gotham A", "Gotham B"; }

.bodyWrapper { min-width: 1100px; }

h2 { font-size: 40px; margin: 25px 0; color: #333437; font-weight: 200; }

a { text-decoration: none; }

p { font-size: 15px; color: #999999; line-height: 22px; }
p a { color: #11D6E6; }

.wrapper { background: #333437; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.inner { padding: 50px; }

.row--fullWidth { max-width: 100%; width: 100%; }

.primaryContent { background: #F5F5F5; height: 100%; min-height: 100%; padding-bottom: 50px; }

.column.collapse, .columns.collapse { padding-left: 0; padding-right: 0; }

.l-height { height: 100%; min-height: 100%; }

.l-relative { position: relative; }

.u-textCenter { text-align: center; }

.u-textRight { text-align: right; }

.u-textLeft { text-align: left; }

[class="column"] + [class="column"]:last-child { float: none !important; }

.sweet-alert input { display: none !important; }

input, textarea, keygen, select, button { font-family: "Gotham A", "Gotham B"; }

.clearfix { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.pagination .current { text-decoration: underline; font-weight: bold; }

.auth-card { background: #ffffff; background-size: 100% 100%; margin-top: 170px; margin-bottom: 15px; padding: 30px 35px 35px 35px; width: 350px; min-height: 385px; }

.auth-card-logo { display: inline-block; margin: 0 auto 5px auto; }

.auth-card-desc { color: #999999; text-align: center; font-size: 11px; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 35px; }

.auth-card-link { color: #ffffff; font-size: 14px; text-decoration: none; }

.user { position: relative; }

.user-topBar { height: 67px; background: #ffffff; }

.user-topBar-logo { display: inline-block; float: left; padding: 7px; }

.user-topBar-logo img { height: 45px; width: auto; max-width: none; }

.userNav { float: right; }

.userNav-item { display: inline-block; position: relative; margin: 0 5px; }
.userNav-item a { color: #999999; padding: 8px 12px; display: inline-block; text-decoration: none; line-height: 16px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.userNav-item a i { margin-right: 7px; position: relative; top: 1px; }

.userNav-account { padding-right: 0px; margin-right: 0; }
.userNav-account .userNav-menu { right: 15px; }

.userNav-menu { position: absolute; width: 220px; right: -17px; background: #ffffff; list-style: none; margin: 0; padding: 0; z-index: 2000; overflow: hidden; max-height: 0; opacity: 0; top: 20px; -moz-transition: max-height 0s ease 0.2s, opacity 0.2s ease, top 0.2s ease; -o-transition: max-height 0s ease 0.2s, opacity 0.2s ease, top 0.2s ease; -webkit-transition: max-height 0s ease, opacity 0.2s ease, top 0.2s ease; -webkit-transition-delay: 0.2s, 0s, 0s; transition: max-height 0s ease 0.2s, opacity 0.2s ease, top 0.2s ease; }

.userNav-toggle:hover > a { color: inherit; }
.userNav-toggle:hover .userNav-menu { max-height: 300px; opacity: 1; top: 25px; -moz-transition: max-height 0s ease, opacity 0.2s ease, top 0.2s ease; -o-transition: max-height 0s ease, opacity 0.2s ease, top 0.2s ease; -webkit-transition: max-height 0s ease, opacity 0.2s ease, top 0.2s ease; transition: max-height 0s ease, opacity 0.2s ease, top 0.2s ease; }

.userNav-menu-item { border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; }
.userNav-menu-item a { font-size: 12px; padding: 18px 18px 20px 18px; font-weight: 400; display: block; text-transform: inherit; letter-spacing: 0; color: #AAAAAA; }
.userNav-menu-item a:hover { background: whitesmoke; }
.userNav-menu-item .icon { font-size: 18px; margin-right: 15px; position: relative; top: 3px; }
.userNav-menu-item:first-child { border-top: 1px solid #DBDBDB; margin-top: 12px; }
.userNav-menu-item:first-child a:after { content: ''; display: block; width: 12px; height: 12px; position: absolute; top: 6px; right: 31px; border-top: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB; background: #ffffff; transform: rotate(45deg); }
.userNav-menu-item:first-child a:hover:after { background: whitesmoke; }

.user-navigation { background: #333437; min-height: 110px; }
.user-navigation h1 { color: #ffffff; font-weight: 100; font-size: 45px; letter-spacing: 1px; text-decoration: none; opacity: 1; }

.user-navigation-menu { list-style-type: none; margin: 50px 0 0 0; padding: 0; }
.user-navigation-menu li { display: inline-block; padding: 0; margin: 0 40px 0 0; }
.user-navigation-menu a { color: #ffffff; text-decoration: none; font-size: 15px; }

#dealerSelect { float: right; width: 180px; margin-top: 22px; }

#userTable { table-layout: fixed; width: 100% !important; }
#userTable td, #userTable th { text-overflow: ellipsis; width: auto !important; overflow: hidden; }

.selectize-control .selectize-input { -webkit-box-shadow: none; box-shadow: none; background-color: #FFFFFF; display: block; font-size: 14px; padding: 15px; outline: 0; border: 1px solid #DBDBDB; margin: 10px 0 0; moz-appearance: none; webkit-appearance: none; width: 100%; border-radius: 4px; line-height: 18px; position: relative; }
.selectize-control .selectize-input input { min-width: 110px; }

.tableFilters { margin-bottom: 0; }
.tableFilters .button { margin-bottom: 25px; }

.selectize-control .selectize-input { -webkit-box-shadow: none; box-shadow: none; background-color: #FFFFFF; display: block; font-size: 14px; padding: 15px; outline: 0; border: 1px solid #DBDBDB; margin: 10px 0 0; moz-appearance: none; webkit-appearance: none; width: 100%; border-radius: 4px; line-height: 18px; position: relative; }
.selectize-control .selectize-input input { min-width: 110px; }

.tableFilters { margin-bottom: 0; }
.tableFilters .button { margin-bottom: 25px; }

.selectize-control .selectize-input { -webkit-box-shadow: none; box-shadow: none; background-color: #FFFFFF; display: block; font-size: 14px; padding: 15px; outline: 0; border: 1px solid #DBDBDB; margin: 10px 0 0; moz-appearance: none; webkit-appearance: none; width: 100%; border-radius: 4px; line-height: 18px; position: relative; }
.selectize-control .selectize-input input { min-width: 110px; }

.tableFilters { margin-bottom: 0; }
.tableFilters .button { margin-bottom: 25px; }

#restoreRecords #recordTable, #restoreRecords #schemaTable, #restoreRecords #userTable { display: none; }

#restoreTemplates #templateTable, #restoreTemplates #userTable { display: none; }

.expiration_times-add { margin-top: 5px; margin-bottom: 15px; }
