@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

em {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

strong {
  font-weight: bold; }

/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.4.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.2857142857em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.8571428571em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }
.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }
.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes ellipsis {
  to {
    width: 1.25em; } }
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em; } }
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.SumoSelect p {
  margin: 0; }

.SumoSelect {
  width: 250px; }

.SelectBox {
  padding: 5px 8px; }

.sumoStopScroll {
  overflow: hidden; }

/* Filtering style */
.SumoSelect .hidden {
  display: none; }

.SumoSelect .search-txt {
  display: none;
  outline: none; }

.SumoSelect .no-match {
  display: none;
  padding: 6px; }

.SumoSelect.open .search-txt {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 5px 8px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px; }

.SumoSelect.open > .search > span, .SumoSelect.open > .search > label {
  visibility: hidden; }

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass, .SumoUnder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

.SelectClass {
  z-index: 1; }

.SumoSelect > .optWrapper > .options li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label {
  -ms-user-select: none;
      user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

.SumoSelect {
  display: inline-block;
  position: relative;
  outline: none; }

.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {
  -webkit-box-shadow: 0 0 2px #7799D0;
          box-shadow: 0 0 2px #7799D0;
  border-color: #7799D0; }

.SumoSelect > .CaptionCont {
  position: relative;
  border: 1px solid #A4A4A4;
  min-height: 14px;
  background-color: #fff;
  border-radius: 2px;
  margin: 0; }

.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  line-height: 100%;
  top: 2px;
  position: relative; }

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
  color: #ccc;
  font-style: italic; }

.SumoSelect > .CaptionCont > label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px; }

.SumoSelect > .CaptionCont > label > i {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=");
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  opacity: 0.8; }

.SumoSelect > .optWrapper {
  display: none;
  z-index: 1000;
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
          box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
  border-radius: 3px;
  overflow: hidden; }

.SumoSelect.open > .optWrapper {
  top: 35px;
  display: block; }

.SumoSelect.open > .optWrapper.up {
  top: auto;
  bottom: 100%;
  margin-bottom: 5px; }

.SumoSelect > .optWrapper ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto; }

.SumoSelect > .optWrapper > .options {
  border-radius: 2px;
  position: relative;
  /*Set the height of pop up here (only for desktop mode)*/
  max-height: 250px;
  /*height*/ }

.SumoSelect > .optWrapper.okCancelInMulti > .options {
  border-radius: 2px 2px 0 0; }

.SumoSelect > .optWrapper.selall > .options {
  border-radius: 0 0 2px 2px; }

.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
  border-radius: 0; }

.SumoSelect > .optWrapper > .options li.group.disabled > label {
  opacity: 0.5; }

.SumoSelect > .optWrapper > .options li ul li.opt {
  padding-left: 22px; }

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
  padding-left: 50px; }

.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
  -webkit-box-shadow: 0 0 100px #595959;
          box-shadow: 0 0 100px #595959; }

.SumoSelect > .optWrapper > .options li.opt {
  padding: 6px 6px;
  position: relative;
  border-bottom: 1px solid #f5f5f5; }

.SumoSelect > .optWrapper > .options > li.opt:first-child {
  border-radius: 2px 2px 0 0; }

.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
  border-radius: 0; }

.SumoSelect > .optWrapper > .options > li.opt:last-child {
  border-radius: 0 0 2px 2px;
  border-bottom: none; }

.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
  border-radius: 0; }

.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: #E4E4E4; }

.SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel {
  background-color: #a1c0e4; }

.SumoSelect > .optWrapper > .options li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer; }

.SumoSelect > .optWrapper > .options li span {
  display: none; }

.SumoSelect > .optWrapper > .options li.group > label {
  cursor: default;
  padding: 8px 6px;
  font-weight: bold; }

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%; }

/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none; }

.SumoSelect > .optWrapper > .options li.opt.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5; }

/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options li.opt {
  padding-left: 35px;
  cursor: pointer; }

.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  bottom: 0;
  margin-left: -35px; }

.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #AEAEAE;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #fff; }

.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 3px 3px; }

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
  -webkit-box-shadow: 0 0 2px #a1c0e4;
          box-shadow: 0 0 2px #a1c0e4;
  border-color: #a1c0e4;
  outline: none;
  background-color: #a1c0e4; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #DBDBDB;
  border-radius: 0 0 0 3px; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 3px 0; }

/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options li.opt {
  padding: 12px 6px; }

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
  padding-left: 35px; }

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px; }

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
  background-color: #002663;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center center; }

/*disabled state*/
.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed; }

.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  -webkit-box-shadow: none;
          box-shadow: none; }

/**Select all button**/
.SumoSelect .select-all {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0 3px 35px;
  height: 20px;
  cursor: pointer; }

.SumoSelect .select-all > label, .SumoSelect .select-all > span i {
  cursor: pointer; }

.SumoSelect .select-all.partial > span i {
  background-color: #ccc; }

/*styling for optgroups*/
.SumoSelect > .optWrapper > .options li.optGroup {
  padding-left: 5px;
  text-decoration: underline; }

/** Jon's customizations **/
.column-preferences {
  margin-bottom: 2em;
  /* Placeholder should match regular text */
  /* Move the opt list up a bit */ }
  .column-preferences:after {
    content: "";
    display: table;
    clear: both; }
  .column-preferences div.right {
    float: right; }
  .column-preferences .SumoSelect > .CaptionCont > span.placeholder {
    color: #616265;
    font-style: normal; }
  .column-preferences .SumoSelect.open > .optWrapper {
    top: 30px;
    z-index: 100000; }

.sumo-multi-list {
  margin: 2em 0; }
  .sumo-multi-list h4 {
    margin: 0 0 0.5em 0;
    font-size: 16px; }
  .sumo-multi-list ul {
    margin-top: 1em; }
  .sumo-multi-list li {
    font-size: 12px;
    margin-top: 0.75em; }
  .sumo-multi-list:empty {
    display: none;
    margin: 0; }

/** SumoSelect styled as our typical select boxes */
.lmi-dropdown {
  /* Filtering style */
  /*placeholder style*/
  /*styling for multiple select*/
  /*disabled state*/
  /**Select all button**/ }
  .lmi-dropdown.SumoSelect p {
    margin: 0;
    color: #000; }
  .lmi-dropdown.SumoSelect {
    width: 350px; }
  .lmi-dropdown .SelectBox {
    padding: 5px 2px 5px 2px; }
  .lmi-dropdown.SumoSelect.full-width {
    width: 100%; }
  .lmi-dropdown.SumoSelect.open .search-txt {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 5px 8px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    height: 24px; }
  .lmi-dropdown.SumoSelect:focus > .CaptionCont, .lmi-dropdown.SumoSelect:hover > .CaptionCont, .lmi-dropdown.SumoSelect.open > .CaptionCont {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: #ccc; }
  .lmi-dropdown.SumoSelect > .CaptionCont {
    position: relative;
    border: 1px solid #ccc;
    min-height: 14px;
    background-color: #fff;
    border-radius: 0px;
    margin: 0;
    font-size: 1.2em; }
  .lmi-dropdown.SumoSelect > .CaptionCont > span {
    display: block;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    line-height: 100%;
    top: 2px;
    position: relative; }
  .lmi-dropdown.SumoSelect > .CaptionCont > span.placeholder {
    color: #616265;
    font-style: italic; }
  .lmi-dropdown.SumoSelect > .CaptionCont > label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px; }
  .lmi-dropdown.SumoSelect > .CaptionCont > label > i {
    background-image: url(/Content/images/dropdown-arrow.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left top;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 2px;
    left: auto;
    right: 2px;
    bottom: auto;
    margin: 0;
    padding: 0;
    opacity: 1; }
  .lmi-dropdown.SumoSelect > .optWrapper.okCancelInMulti > .options {
    border-radius: 0; }
  .lmi-dropdown.SumoSelect > .optWrapper.selall > .options {
    border-radius: 0; }
  .lmi-dropdown.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
    border-radius: 0; }
  .lmi-dropdown.SumoSelect > .optWrapper > .options li.group.disabled > label {
    opacity: 0.5; }
  .lmi-dropdown.SumoSelect > .optWrapper > .options li ul li.opt {
    padding-left: 22px; }
  .lmi-dropdown.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
    padding-left: 50px; }
  .lmi-dropdown.SumoSelect > .optWrapper.isFloating > .options {
    max-height: 100%;
    -webkit-box-shadow: 0 0 100px #595959;
            box-shadow: 0 0 100px #595959; }
  .lmi-dropdown.SumoSelect > .optWrapper > .options li.opt {
    padding: 6px 6px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    font-size: 1.2em; }
  .lmi-dropdown.SumoSelect > .optWrapper > .options > li.opt:first-child {
    border-radius: 0; }
  .lmi-dropdown.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
    border-radius: 0; }
  .lmi-dropdown.SumoSelect > .optWrapper > .options > li.opt:last-child {
    border-radius: 0 0;
    border-bottom: none; }
  .lmi-dropdown.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
    border-radius: 0; }
  .lmi-dropdown.SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: #E4E4E4; }
  .lmi-dropdown.SumoSelect > .optWrapper > .options li.opt.sel, .lmi-dropdown .SumoSelect .select-all.sel {
    background-color: #a1c0e4; }
  .lmi-dropdown.SumoSelect > .optWrapper > .options li.group > label {
    cursor: default;
    padding: 8px 6px;
    font-weight: bold; }
  .lmi-dropdown.SumoSelect > .optWrapper.multiple > .options li.opt {
    padding-left: 35px;
    cursor: pointer; }
  .lmi-dropdown.SumoSelect > .optWrapper.multiple > .options li.opt span, .lmi-dropdown.SumoSelect .select-all > span {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    bottom: 0;
    margin-left: -35px; }
  .lmi-dropdown.SumoSelect > .optWrapper.multiple > .options li.opt span i, .lmi-dropdown.SumoSelect .select-all > span i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #AEAEAE;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
    background-color: #fff; }
  .lmi-dropdown.SumoSelect > .optWrapper > .MultiControls {
    display: none;
    border-top: 1px solid #ddd;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
    border-radius: 0 0 3px 3px; }
  .lmi-dropdown.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
    display: block;
    margin-top: 5px;
    position: absolute;
    bottom: 0;
    width: 100%; }
  .lmi-dropdown.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
    border-right: 1px solid #DBDBDB;
    border-radius: 0 0 0 3px;
    background-color: #002663;
    color: #ffffff; }
  .lmi-dropdown.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
    border-radius: 0 0 0 0; }
  .lmi-dropdown.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .lmi-dropdown.SumoSelect .select-all.selected > span i, .lmi-dropdown.SumoSelect .select-all.partial > span i {
    background-color: #002663;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-color: transparent;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: center center; }
  .lmi-dropdown.SumoSelect.disabled {
    opacity: 0.7;
    cursor: not-allowed; }
  .lmi-dropdown.SumoSelect.disabled > .CaptionCont {
    border-color: #ccc;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .lmi-dropdown.SumoSelect .select-all {
    border-radius: 3px 3px 0 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 0 3px 35px;
    height: 20px;
    cursor: pointer; }
  .lmi-dropdown.SumoSelect .select-all > label, .lmi-dropdown.SumoSelect .select-all > span i {
    cursor: pointer;
    font-size: 1.2em; }
  .lmi-dropdown.SumoSelect .select-all.partial > span i {
    background-color: #ccc; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk,
.lmi-dropdown.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #DBDBDB;
  border-radius: 0 0 0 3px;
  background-color: #002663;
  color: #ffffff; }

p.instructions {
  font-size: 14px;
  line-height: 18px; }

label.campaigntype {
  vertical-align: super;
  font-size: 14px;
  line-height: 18px; }
  label.campaigntype.first {
    font-weight: bold; }

.manager-add-box li:last-child {
  padding-bottom: 15px; }

.campaign-type-multicheckbox div {
  margin-bottom: 10px; }

.filter-box.url-generation-filter {
  padding: 1.5em 2.5em 1.5em 2.5em !important;
  min-height: unset !important;
  width: 95% !important; }
  .filter-box.url-generation-filter.narrow {
    width: 25% !important; }
  .filter-box.url-generation-filter #tracking-auto-entry-div {
    display: block; }
  .filter-box.url-generation-filter #tracking-manual-entry-div {
    display: none; }
  .filter-box.url-generation-filter p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px; }

.submit-buttons.url-generation-filter {
  margin-top: 0px !important; }

.image-upload-lockup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .image-upload-lockup #crop-image.disabled {
    background: #ffffff;
    color: #888888;
    border: 1px solid #888888;
    cursor: not-allowed; }
  .image-upload-lockup .upload-preview-area {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .image-upload-lockup #canvas-container {
    margin-top: 4em; }
  .image-upload-lockup .upload-area-footer {
    margin-top: 4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .image-upload-lockup .progress-spinner {
    position: relative;
    display: none; }
  .image-upload-lockup #crop-image {
    margin-right: 15px; }
  .image-upload-lockup .progress-done {
    display: none; }
  .image-upload-lockup #dimensions {
    display: inline-block;
    margin-top: 1em; }
  .image-upload-lockup #mockup {
    margin-bottom: 4em; }
  .image-upload-lockup .hidden {
    display: none; }
  .image-upload-lockup #errors {
    margin-top: 1em;
    color: red;
    font-size: 12px; }
  .image-upload-lockup #errors:empty {
    margin-top: 0; }

.approval-buttons {
  margin-top: 2.5em; }

.headshot-preview-area {
  width: 600px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px; }
  .headshot-preview-area:after {
    content: "";
    display: table;
    clear: both; }
  .headshot-preview-area .img {
    float: left;
    width: 125px; }
  .headshot-preview-area .data {
    float: left;
    width: calc(100% - 125px - 60px);
    font-size: 14px;
    line-height: 1.3;
    color: #1A1446; }
    .headshot-preview-area .data a {
      line-height: 1.3;
      display: inline-block;
      margin-top: 0.15em;
      color: #037b86; }
    .headshot-preview-area .data .name {
      color: #1A1446;
      font-weight: bold; }

.rep-photo-uploads .upload, .rep-photo-uploads .view-pending {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center center; }
.rep-photo-uploads .upload {
  background-image: url(/Content/images/additional-item.png); }
.rep-photo-uploads .view-pending {
  background-image: url(/Content/images/asterisk.png); }

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
  background-color: #ffffff;
  font-size: 62.5%;
  font-family: Arial, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  color: #616265; }

a:link {
  color: #002663;
  text-decoration: underline; }
a:visited {
  color: #002663; }
a:hover {
  color: #002663;
  text-decoration: none; }
a:active {
  color: #002663; }
a.btn {
  color: #ffffff;
  font-size: 1.4em;
  line-height: 38px;
  font-weight: bold;
  background-color: #002663;
  border: none;
  text-transform: uppercase;
  height: 38px;
  cursor: pointer;
  padding: 0px 25px;
  display: inline-block;
  text-align: center;
  text-decoration: none; }
  a.btn.outlined {
    border: 1px solid #002663;
    color: #002663;
    background: #ffffff; }
    a.btn.outlined:hover {
      background-color: #ffffff;
      border-color: red; }
  a.btn:hover {
    background-color: #0343a9; }
  a.btn + .btn {
    margin-left: 2em; }

/* HEADINGS
----------------------------------------------------------*/
h1 {
  font-size: 2.8em;
  color: #002663;
  margin-bottom: 1.5em;
  margin-top: 1.5em; }

h2 {
  font-size: 2rem;
  color: #002663;
  margin-bottom: 0.5em; }

h4 {
  font-size: 1.8em;
  font-weight: bold; }

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */
/*.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}*/
.group,
.form-group {
  clear: both; }
  .group:after,
  .form-group:after {
    content: "";
    display: table;
    clear: both; }

.hide {
  display: none; }

.body-text {
  font-size: 1.4em;
  margin: 1.1em 0; }

#header {
  position: relative;
  color: #000;
  padding: 2em 0;
  margin: 0 5em;
  overflow: hidden; }
  #header h1 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 78px;
    width: 252px;
    background: url("/Content/images/lmi-logo.jpg") no-repeat 0 0;
    background-size: 100%;
    margin: 0; }

.top-controls {
  float: right; }
  .top-controls li {
    float: left;
    list-style: none;
    padding: 0 0 0 20px; }
    .top-controls li:first-child {
      line-height: 78px;
      font-size: 1.4em; }
  .top-controls a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 5.57142857em; }

#main {
  padding: 20px 50px 15px;
  background-color: #efefef;
  margin: 0 auto; }

footer,
#footer {
  background-color: #fff;
  text-align: right;
  line-height: normal;
  margin: 25px 50px 30px;
  font-size: 1.2em;
  font-weight: bold; }

#header,
#nav,
#main,
#footer {
  min-width: 1000px; }

/* TAB MENU
----------------------------------------------------------*/
#nav {
  background-color: #efefef;
  padding: 0 50px; }

/*.main-menu {
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #b5b5b5;


    li {
        float: left;
        list-style: none;
        padding: 1.5em 1em;
        display: inline-block;
        text-align: center;

        &:hover,
        &.hovered {
            font-weight: bold;
            background: #a8a8aa;
        }
    }
    a {
        font-size: 1.8em;
        line-height: 1.66666667;
        text-decoration: none;
        display: inline-block;
        text-align: center;
        // padding: 0.83333333em 0.66666667em;

        &:after {
            display:block;
            content:attr(title);
            font-weight:bold;
            height:1px;
            color:transparent;
            overflow:hidden;
            visibility:hidden;
        }
    }
    .active {
        font-weight: bold;
        background: #a8a8aa;
        position: relative;

        &:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #efefef;
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

    }

}*/
/*.sub-menu {
    font-size: 1.8em;
    line-height: 1.66666667;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #b5b5b5;
    display: none;

    &.sub-cycles {
        display: block;
    }

    li {
        float: left;
        padding: 10px;
    }

    a {
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }

}*/
/* SEARCH AND FILTER BOXES
----------------------------------------------------------*/
.is-not-broker-user .search-box,
.is-not-broker-user .filter-box {
  min-height: 355px; }

.search-box,
.filter-box,
.legend-box {
  float: left;
  border: 1px solid #ababac;
  background: #ffffff;
  margin-bottom: 2.5em;
  padding: 1.5em 2.5em 7.5em 2.5em;
  position: relative;
  min-height: 355px; }
  .search-box h3,
  .filter-box h3,
  .legend-box h3 {
    color: #002663;
    font-size: 1.8em;
    line-height: 1;
    margin: 0 0 0.7em; }
  .search-box input[type="submit"],
  .search-box button.submit,
  .filter-box input[type="submit"],
  .filter-box button.submit,
  .legend-box input[type="submit"],
  .legend-box button.submit {
    color: #ffffff;
    font-size: 1.4em;
    line-height: 2.14285714;
    font-weight: bold;
    background-color: #002663;
    border: none;
    text-transform: uppercase;
    width: 14.2857143em;
    height: 2.71428571em;
    cursor: pointer;
    position: absolute;
    bottom: 1.071428575em;
    right: 1.78571429em; }
    .search-box input[type="submit"]:hover,
    .search-box button.submit:hover,
    .filter-box input[type="submit"]:hover,
    .filter-box button.submit:hover,
    .legend-box input[type="submit"]:hover,
    .legend-box button.submit:hover {
      background-color: #0343a9; }
  .search-box .editor-label, .search-box h4,
  .filter-box .editor-label,
  .filter-box h4,
  .legend-box .editor-label,
  .legend-box h4 {
    color: #002663;
    font-size: 1.4em;
    line-height: 1;
    margin: 0 0 .7em;
    padding: 0; }
  .search-box .editor-field,
  .filter-box .editor-field,
  .legend-box .editor-field {
    margin: 0 0 20px 0;
    padding: 0; }
    .search-box .editor-field input, .search-box .editor-field select,
    .filter-box .editor-field input,
    .filter-box .editor-field select,
    .legend-box .editor-field input,
    .legend-box .editor-field select {
      margin-bottom: 0; }
  .search-box select,
  .filter-box select,
  .legend-box select {
    width: 100%;
    margin-bottom: 1em; }
  .search-box .clear-filter,
  .filter-box .clear-filter,
  .legend-box .clear-filter {
    position: absolute;
    bottom: 1.071428575em;
    left: 2.685714em;
    line-height: 3.8em; }

.legend-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-height: 0;
  padding: 1.5em 2.5em 1.5em 2.5em; }

.search-box {
  width: calc(39% - ((2 *2.5em) + 2px));
  margin-right: 3%; }
  .search-box input[type="text"] {
    width: calc(100% - 9px);
    margin-bottom: 1.2em;
    padding-left: 5px; }
  .client-filters .search-box, .cycle-filters .search-box {
    width: calc(48.5% - ((2 *2.5em) + 2px)); }
  .contact-filters .search-box {
    min-height: 150px; }
  .search-box.notification-box {
    width: calc(100% - ((2 *2.5em) + 2px)); }
    .search-box.notification-box select {
      width: calc(100% - 30px); }
    .search-box.notification-box input[type="text"] {
      width: calc(100% - 30px); }
    .search-box.notification-box .search-column {
      float: left;
      width: 50%; }

.filter-box {
  width: calc(58% - ((2 *2.5em) + 2px)); }
  .client-filters .filter-box, .cycle-filters .filter-box {
    width: calc(48.5% - ((2 *2.5em) + 2px)); }
  .filter-box h3 {
    color: #616265; }
  .filter-box .filter-left {
    float: left;
    width: 45%;
    margin-right: 10%;
    padding-bottom: 1.5em; }
    .cycle-filters .filter-box .filter-left {
      margin-right: 2em; }
  .filter-box .filter-right {
    float: left;
    width: 45%; }
    .cycle-filters .filter-box .filter-right {
      width: auto; }
  .filter-box .filter-bottom {
    clear: both;
    width: 100%;
    padding-bottom: 4em; }
    .filter-box .filter-bottom:after {
      content: "";
      display: table;
      clear: both; }
  .filter-box .filter-checkbox {
    margin-bottom: 1em;
    float: left;
    width: 25%; }
    .dashboard-filters .filter-checkbox {
      width: auto;
      padding-right: 5px; }
    .filter-box .filter-checkbox label {
      font-size: 1.4em;
      line-height: 17px;
      display: inline-block;
      padding: 0;
      margin: 0 0.4em;
      vertical-align: top; }
  .filter-box .text-box {
    width: 100%; }

/* JOBS BAR & LEGEND
----------------------------------------------------------*/
.jobs-bar {
  background-color: #e5e9ef;
  border: 1px solid #858688;
  border-bottom: none;
  position: relative; }
  .jobs-bar > ul {
    float: left; }
    .jobs-bar > ul li {
      float: left; }
      .jobs-bar > ul li a {
        font-size: 1.4em;
        line-height: 2.14285714;
        color: #002663;
        padding: 1.3em 2em;
        display: block;
        text-decoration: none; }
        .jobs-bar > ul li a:hover {
          background-color: rgba(168, 168, 170, 0.5); }
        .jobs-bar > ul li a.active {
          background-color: rgba(168, 168, 170, 0.5); }
  .jobs-bar .column-preferences {
    float: right;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -15px; }

.legend {
  background-color: #efefef;
  max-width: calc(100vw - 120px); }
  .legend img {
    max-width: 100%; }

.export-btn {
  display: inline-block;
  float: right; }
  .export-btn a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 2.5;
    background-color: #002663;
    padding: 0.5em 1em;
    border-radius: 5px;
    display: block; }
    .export-btn a:hover {
      background-color: #0343a9; }

/* TABLE
----------------------------------------------------------*/
table {
  background-color: #ffffff;
  width: 100%;
  border: 1px solid #b0b0b2; }
  table th {
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #b0b0b2;
    border-bottom: 1px solid #616265;
    background-color: #ffffff;
    padding: 10px 5px;
    vertical-align: middle; }
    table th span {
      white-space: nowrap; }
  table tr:nth-child(odd) {
    background-color: #f7f7f7; }
  table td {
    border: 1px solid #b0b0b2;
    font-size: 1.1em;
    text-align: center;
    padding: 5px;
    vertical-align: middle; }
    table td span.primarycontact {
      font-weight: bold; }
  table .check {
    font-size: 0.9em;
    line-height: 1.2;
    font-weight: bold;
    display: inline-block;
    cursor: pointer; }
  table .date-box {
    display: inline-block;
    padding: 10px;
    color: #616265;
    border-radius: 5px; }
  table.sortable tr th.column-sorted {
    color: #002663; }
  table.sortable th[data-sortable-field] {
    cursor: pointer;
    padding-right: 22px; }
  table.sortable tr th {
    color: #616265; }
  table.sortable th.column-sorted-asc {
    background: #fff url(/Content/images/careticon_asc_gray.png) no-repeat center right; }
  table.sortable th.column-sorted-desc {
    background: #fff url(/Content/images/careticon_desc_gray.png) no-repeat center right; }
  table.sortable th.column-sorted.column-sorted-asc {
    background: #fff url(/Content/images/careticon_asc_blue.png) no-repeat center right; }
  table.sortable th.column-sorted.column-sorted-desc {
    background: #fff url(/Content/images/careticon_desc_blue.png) no-repeat center right; }

table#dashboard-table input[type="checkbox"], table#pending-one-offs input[type="checkbox"], table.cycle-table input[type="checkbox"], table.dashboard-table input[type="checkbox"] {
  display: none; }
table#dashboard-table .faux-checkbox, table#pending-one-offs .faux-checkbox, table.cycle-table .faux-checkbox, table.dashboard-table .faux-checkbox {
  display: inline-block;
  margin-right: 0.5em; }

table.cycle-table .faux-checkbox {
  margin-right: 0; }

.overlay {
  position: absolute;
  background-color: #808080;
  opacity: 0.2; }

.file-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: middle; }
  .Pending .file-icon {
    background: none; }
  .CleanDownloaded .file-icon {
    background: url("/Content/images/file-downloaded-icon.png") no-repeat top right; }
  .CleanAvailable .file-icon {
    background: url("/Content/images/clean-file-icon.png") no-repeat top right; }
  .ListUploaded .file-icon {
    background: url("/Content/images/list-uploaded-icon.png") no-repeat top right; }
  .OptOutRequested .file-icon.Client, .OptOutDelivered .file-icon.Client {
    background: url("/Content/images/opt-out-icon.png") no-repeat top right; }

.date-box {
  color: #616265;
  /*.Overdue & {
      background-color: #b51010;
      &.client-creative {
  background-color: transparent;
  color: #616265;
  }
  }
  .FileUploaded & {
      background-color: #616265;
  }
  .NotUploaded & {
      background-color: #b51010;
  &.client-creative {
  background-color: transparent;
  color: #616265;
  }
  }*/ }
  .Overdue .date-box {
    background-color: #b51010;
    color: #ffffff; }
  .FileUploaded .date-box {
    background-color: #616265;
    color: #ffffff; }
  .NotUploaded .date-box {
    background-color: transparent;
    color: #616265; }
  .Pending .date-box {
    background-color: #b51010;
    color: #ffffff; }
  .CleanDownloaded .date-box {
    background-color: #616265;
    color: #ffffff; }
  .CleanAvailable .date-box {
    background-color: #616265;
    color: #ffffff; }
  .ListUploaded .date-box {
    background-color: #616265;
    color: #ffffff; }
  .OptOutRequested .date-box.Liberty {
    background-color: #b51010;
    color: #ffffff; }
  .OptOutDelivered .date-box.Liberty {
    background-color: #616265;
    color: #ffffff; }
  .date-box.file-upload-btn {
    cursor: pointer; }

.deployment-status {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  text-indent: -100%;
  margin: 0 auto;
  overflow: hidden; }
  .ReadyForDeployment .deployment-status {
    background: #6fb353;
    color: #6fb353; }
  .Incomplete .deployment-status {
    background: #b51010;
    color: #b51010; }
  .NeedsReporting .deployment-status {
    background: #35b4e3;
    color: #35b4e3; }
  .Done .deployment-status {
    background: #000000;
    color: #000000; }

.ClientDeploys {
  background: url("/Content/images/client-send-bg.png") repeat-y top right;
  position: relative; }
  .ClientDeploys:after {
    content: '';
    background: url("/Content/images/client-send-arrow.png") no-repeat right 5px center;
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    left: 0px;
    width: 100%;
    height: 8px; }
  .ClientDeploys span {
    display: block;
    padding: 0 10px; }

.edit-button, .edit-button:link, .edit-link, .edit-link:link {
  background: url("/Content/images/edit-button.png") no-repeat 0 0;
  height: 25px;
  line-height: 25px;
  text-decoration: none; }

.download-button, .download-button:link, .download-link, .download-link:link {
  background: url("/Content/images/dropdown-arrow.png") no-repeat 0 0;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  background-size: 25px 25px; }

.download-link.inline-block {
  display: inline-block;
  padding-left: 35px;
  font-size: 1.4em;
  color: #616263; }

.download-link.icon-on-right {
  padding-left: 0;
  padding-right: 35px;
  background-position: right; }

.edit-button {
  text-indent: 100%;
  overflow: hidden;
  width: 25px;
  display: block;
  margin: 0 auto; }

.download-button {
  text-indent: 100%;
  overflow: hidden;
  width: 25px;
  display: block;
  margin: 0 auto;
  background-size: 25px 25px; }

.edit-link {
  display: inline-block;
  padding-left: 30px; }

.download-creative {
  margin: 2em 0; }
  .download-creative:empty {
    display: none; }

/* TABLE COLUMN SIZING
----------------------------------------------------------*/
#dashboard-table, .dashboard-table {
  table-layout: fixed; }
  #dashboard-table th, #dashboard-table td, .dashboard-table th, .dashboard-table td {
    line-height: 1.5; }

.th-edit {
  width: 60px !important;
  max-width: 60px !important;
  min-width: 60px !important; }

.th-reporting-due {
  width: 70px !important;
  max-width: 70px !important;
  min-width: 70px !important; }

.th-creative-client,
.th-creative-built,
.th-client-approval {
  width: 90px !important;
  max-width: 90px !important;
  min-width: 90px !important; }

.th-creative-due {
  width: 120px !important;
  max-width: 120px !important;
  min-width: 120px !important; }

.th-creative-approval-due {
  width: 75px !important;
  max-width: 75px !important;
  min-width: 75px !important; }

.th-list-due {
  width: 108px !important;
  max-width: 108px !important;
  min-width: 108px !important; }

.th-slotted-cycle {
  max-width: 175px;
  min-width: 175px !important; }

.th-deployment-date {
  min-width: 75px !important; }

.th-account-manager {
  min-width: 130px; }

.th-campaign-name {
  min-width: 115px; }

.th-client-number, .th-campaign-number {
  width: 60px;
  max-width: 60px;
  min-width: 60px; }

.th-status {
  width: 45px !important;
  max-width: 45px !important;
  min-width: 45px !important; }

td h2 {
  margin: 1em; }

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/
legend {
  font-size: 1.6em;
  font-weight: bold; }

textarea {
  min-height: 75px; }

input[type="text"],
input[type="datetime"],
input[type="number"],
input[type="password"] {
  border: 1px solid #ccc;
  padding: 2px;
  font-size: 1.2em;
  height: 20px; }

input[type="checkbox"],
.faux-checkbox {
  width: 17px;
  height: 17px;
  border: 1px solid #616265;
  margin: 0;
  -webkit-box-shadow: -1px -1px 2px 0px rgba(0, 0, 0, 0.4);
          box-shadow: -1px -1px 2px 0px rgba(0, 0, 0, 0.4);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: FontAwesome;
  color: #616265;
  cursor: pointer;
  background: #ffffff; }
  input[type="checkbox"]:checked:before, input[type="checkbox"].checked:before,
  .faux-checkbox:checked:before,
  .faux-checkbox.checked:before {
    content: "\f00c";
    font-size: 16px;
    line-height: 20px;
    top: -3px;
    left: -1px;
    position: relative; }
  input[type="checkbox"].checked:before,
  .faux-checkbox.checked:before {
    line-height: 24px;
    left: 0; }
  input[type="checkbox"].disabled,
  .faux-checkbox.disabled {
    background-color: #ebebe4; }

.checkbox .editor-label {
  float: left;
  width: 87%; }
  .column-full .checkbox .editor-label {
    width: 45%; }

.checkbox .editor-field {
  float: left;
  width: 10%;
  margin: 2.2em 0 0 3%; }
  .column-full .checkbox .editor-field {
    width: 10%; }

input[type="submit"],
button.submit {
  cursor: pointer; }

a.addSearchQuery,
a.addItem,
a.removeItem,
a.editItem {
  height: 20px;
  background: url("/Content/images/additional-item.png") no-repeat 0 0;
  display: inline-block;
  padding: 0 0 0 25px;
  font-size: 1.4em;
  line-height: 20px;
  text-decoration: none;
  color: #616265; }

a.removeItem,
a.editItem {
  margin: 0em 0em 3px 0em; }

a.addItem {
  margin: 1em 0 1em; }

a.editItem {
  background: url("/Content/images/edit-button.png") no-repeat 0 0;
  background-size: 20px 20px;
  margin-right: 1em; }

a.removeItem {
  background: url("/Content/images/remove-item.png") no-repeat 0 0; }

select {
  border: 1px solid #ccc;
  padding: 2px;
  font-size: 1.2em;
  height: 26px;
  background-color: #ffffff;
  background-image: url("/Content/images/dropdown-arrow.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 2px) 50%;
  background-position-x: calc(100% - 2px);
  background-position-y: 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 30px !important; }

a.btn-small {
  height: 25px;
  line-height: 25px;
  padding: 0.25em 2em;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  background-color: #002663;
  border: 1px solid transparent; }
  a.btn-small:hover, a.btn-small:active {
    background-color: #004dc9; }
  a.btn-small.disabled {
    background: #ffffff;
    color: #888888;
    border: 1px solid #888888; }
    a.btn-small.disabled:hover {
      cursor: not-allowed; }

.btn-link {
  display: inline-block;
  padding: 0 0 1.5em; }
  .btn-link.new {
    float: right; }
    .btn-link.new + .btn-link.new {
      margin-right: 1em; }
  .submit-buttons .btn-link {
    padding: 0; }
  .btn-link a {
    background: #002663;
    color: #ffffff;
    border: none;
    padding: 0 4em;
    font-size: 1.4em;
    line-height: 2.71428571;
    font-weight: bold;
    text-transform: uppercase;
    height: 2.71428571em;
    text-decoration: none;
    display: block; }
    .btn-link a:hover {
      background: #0343a9; }
  .btn-link + .btn-link {
    margin-left: 1em; }

.page-form input[type="submit"],
.page-form button.submit {
  background: #002663;
  color: #ffffff;
  border: none;
  padding: 0 4em;
  font-size: 1.4em;
  line-height: 2.14285714;
  font-weight: bold;
  margin-right: 2em;
  text-transform: uppercase;
  height: 2.71428571em; }
  .page-form input[type="submit"].approve,
  .page-form button.submit.approve {
    background-color: #368018; }
    .page-form input[type="submit"].approve:hover,
    .page-form button.submit.approve:hover {
      background-color: #48ab20; }
  .page-form input[type="submit"]:hover,
  .page-form button.submit:hover {
    background-color: #0343a9;
    color: #ffffff; }
  .page-form input[type="submit"].deactivateBtn, .page-form input[type="submit"][disabled=disabled], .page-form input[type="submit"].disabled,
  .page-form button.submit.deactivateBtn,
  .page-form button.submit[disabled=disabled],
  .page-form button.submit.disabled {
    background: #ffffff;
    color: #888888;
    border: 1px solid #888888; }
  .page-form input[type="submit"].destructive,
  .page-form button.submit.destructive {
    border: 1px solid #b22222;
    color: #b22222;
    background: #ffffff;
    padding: 0 4em;
    font-size: 1.4em;
    line-height: 2.14285714;
    font-weight: bold;
    margin-right: 2em;
    text-transform: uppercase;
    height: 2.71428571em;
    cursor: pointer;
    border-radius: 0; }
    .page-form input[type="submit"].destructive:hover,
    .page-form button.submit.destructive:hover {
      background: #b22222;
      color: #ffffff; }
  .page-form input[type="submit"].deactivateBtn:hover,
  .page-form button.submit.deactivateBtn:hover {
    background: #b51010;
    color: #ffffff; }
.page-form input[type="submit"].cancel,
.page-form button.cancel,
.page-form input[type="submit"].outlined,
.page-form button.outlined {
  border: 1px solid #002663;
  color: #002663;
  background: #ffffff;
  padding: 0 4em;
  font-size: 1.4em;
  line-height: 2.14285714;
  font-weight: bold;
  margin-right: 2em;
  text-transform: uppercase;
  height: 2.71428571em;
  cursor: pointer;
  border-radius: 0; }
  .page-form input[type="submit"].cancel.red,
  .page-form button.cancel.red,
  .page-form input[type="submit"].outlined.red,
  .page-form button.outlined.red {
    color: #b22222;
    border-color: #b22222; }
  .page-form input[type="submit"].cancel:hover,
  .page-form button.cancel:hover,
  .page-form input[type="submit"].outlined:hover,
  .page-form button.outlined:hover {
    border-color: red; }
.page-form input[type="submit"].outlined:hover,
.page-form button.outlined:hover {
  border-color: transparent;
  background-color: #002663;
  color: #ffffff; }
.page-form .submit-buttons p {
  margin: 2em 0; }
.page-form input[type="submit"].button-to-link-delete {
  border: none;
  color: red;
  background: none;
  padding: 0;
  font-weight: normal;
  margin: 0;
  display: inline;
  text-transform: none;
  text-align: left;
  line-height: 1.25;
  height: auto;
  width: auto; }

.form-group {
  max-width: 1000px; }
  .form-group h3 {
    font-size: 1.8em;
    color: #002663;
    margin: 2em 0 0; }
  .form-group h4 {
    font-size: 1.8em;
    color: #002663;
    margin: 2em 0 0;
    font-weight: normal; }

.am-box h3 {
  color: #002663;
  font-size: 1.8em;
  line-height: 1.66666667;
  margin: 1em 0 0; }
.am-box p {
  background: #ffffff;
  margin: 2.5em 0 15px 0;
  padding: 2em;
  font-size: 1.4em;
  line-height: 2.14285714;
  color: #002663; }

.request-date .label {
  font-size: 1.8em !important;
  color: #002663; }
.request-date label,
.request-date .editor-field {
  color: #002663;
  font-size: 1.4em !important;
  line-height: 1.66666667; }
.request-date div {
  display: inline-block; }

.container:after, .row:after {
  content: "";
  display: block;
  clear: both; }

.form-column {
  width: 47%;
  float: left; }
  .form-column select {
    width: 100%; }
    .form-column select[disabled="disabled"], .form-column select.disabled {
      background-color: #ebebe4; }
  .form-column input[disabled="disabled"], .form-column.disabled {
    background-color: #ebebe4; }
  .form-column input[type="text"],
  .form-column input[type="datetime"],
  .form-column input[type="number"],
  .form-column input[type="tel"],
  .form-column input[type="date"],
  .form-column input[type="email"],
  .form-column input[type="password"],
  .form-column textarea {
    width: calc(100% - 10px);
    padding: 2px;
    padding-left: 5px; }
  .form-column textarea {
    min-height: 10em; }
  .form-column p#clientInfo {
    font-size: 1.4em;
    line-height: 1.5;
    margin: 1.42857143em 0 0;
    color: #002663; }
  .form-column p.contact-info {
    color: #002663;
    font-size: 1.4em;
    line-height: 1.5;
    margin: 0em 0 0em; }
  .form-column p.delete-contact {
    font-size: 1.4em; }
    .form-column p.delete-contact a {
      color: red;
      text-decoration: none; }
  .form-column.column-right {
    float: right; }
  .form-column.column-full {
    width: 100%; }
    .form-column.column-full input[type="text"],
    .form-column.column-full input[type="datetime"],
    .form-column.column-full input[type="number"],
    .form-column.column-full input[type="tel"] {
      width: calc(47% - 7px);
      padding: 2px; }
    .form-column.column-full.bulk-reporting table input {
      width: calc(100% - 4px) !important;
      padding: 0 !important; }
    .form-column.column-full select {
      width: 47%; }
  .form-column label {
    font-size: 14px;
    line-height: 1.5;
    color: #002663; }
  .form-column.with-clear:after {
    content: "";
    display: block;
    clear: both; }

.upload-thank-you {
  color: #002663;
  font-size: 1.4em;
  line-height: 1.5;
  margin: 5em 0 0em 0; }

.with-clear:after {
  content: "";
  display: block;
  clear: both; }

.row.bottom-padding {
  margin-bottom: 10px; }

.no-bottom-margin {
  margin-bottom: 0; }

.block {
  display: block !important; }
  .block.hide {
    display: none !important; }

hr {
  clear: both;
  padding: 2em 0 0;
  margin: 0 0 2em;
  border: none;
  border-bottom: 1px solid #b5b5b5; }

.submit-buttons {
  clear: both;
  margin-top: 5em; }
  .submit-buttons a.btn {
    margin-right: 2em; }
  .submit-buttons.stacked {
    display: inline-block; }
    .submit-buttons.stacked p:first-child {
      margin-top: 0 !important; }
    .submit-buttons.stacked input,
    .submit-buttons.stacked button {
      width: 100%;
      margin-right: 0; }
  .editor-field .submit-buttons {
    margin-top: 2em; }

.bulk-reporting table {
  margin: 2em 0 0; }

.client-upload .editor-label {
  font-size: 1.4em;
  color: #002663;
  position: relative; }
.client-upload .request-date .editor-label {
  font-size: 1.8em !important; }
.client-upload .request-date label,
.client-upload label {
  font-size: 1em !important; }
.client-upload select {
  background: transparent !important;
  width: auto !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1em !important;
  color: inherit !important;
  position: relative;
  left: -4px; }

/* MISC
----------------------------------------------------------*/
.clear {
  clear: both; }

.error {
  color: Red;
  font-size: 12px; }

.client-data-error, .campaign-type-error {
  color: red;
  padding: 0.25em 0;
  font-size: 1.1em;
  display: block; }
  .client-data-error:empty, .campaign-type-error:empty {
    display: none; }

div#title {
  display: block;
  float: left;
  text-align: left; }

#logindisplay {
  font-size: 1.1em;
  display: block;
  text-align: right;
  margin: 10px;
  color: White;
  display: none; }
  #logindisplay a:link {
    color: white;
    text-decoration: underline; }
  #logindisplay a:visited {
    color: white;
    text-decoration: underline; }
  #logindisplay a:hover {
    color: white;
    text-decoration: none; }

ul.deployment-client-list {
  margin: 1em 1em 2.5em; }
  ul.deployment-client-list li {
    font-size: 1.6em;
    line-height: 1.2;
    list-style-type: disc;
    list-style-position: inside; }

ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0; }

ul.client-history {
  font-size: 14px; }
  ul.client-history > li {
    margin-bottom: 2em; }
  ul.client-history [data-active="inactive"] {
    color: #a5a5a5;
    display: none; }

.is-admin .client-history [data-active="inactive"] {
  display: list-item; }

/* Anchor Jump Lists
----------------------------------------------------------*/
div.anchor-jump-list table th {
  text-align: right !important; }
div.anchor-jump-list ul {
  list-style-type: disc;
  list-style-position: inside; }
div.anchor-jump-list li {
  font-size: 12px; }

a.JumpLink {
  font-family: helvetica;
  text-decoration: none; }

/* Flash Messages
----------------------------------------------------------*/
.flash-message {
  min-width: 1000px;
  padding: 2em 50px 0;
  background-color: #efefef; }
  .flash-message p {
    font-size: 2em;
    color: #002663; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #ff0000;
  font-weight: bold; }

.field-validation-valid {
  display: none; }

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee; }

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
  font-size: 1.6em; }

.validation-summary-valid {
  display: none; }

.validation-summary-success {
  font-weight: bold;
  font-size: 1.6em; }

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
  margin: 2em 0 0 0; }
  .display-label.no-top-margin,
  .editor-label.no-top-margin {
    margin: 0; }
  .display-label .req:after,
  .editor-label .req:after {
    content: " *";
    color: red; }

.display-field,
.editor-field {
  margin: 0.5em 0 0 0; }

.text-box {
  width: 30em; }

.text-box.multi-line {
  height: 6.5em; }

.tri-state {
  width: 6em; }

tr.inactive {
  color: #dddddd; }

th.BulkInteger,
input.BulkInteger {
  width: 5em; }

.test {
  display: none; }

/* Custom Popup
----------------------------------------------------------*/
.custom-popup {
  display: none;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #002663;
  position: fixed;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px; }

/* Reporting/Details Tab
----------------------------------------------------------*/
.page-tabs {
  border-bottom: 1px solid #616265;
  margin-bottom: 2.5em; }
  .page-tabs li {
    float: left;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
    margin-left: 3px; }
    .page-tabs li:first-child {
      margin-left: 0; }
  .page-tabs a {
    padding: 1em 0.8em;
    min-width: 5em;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    color: #002663;
    border-radius: 10px 10px 0 0;
    border: 1px solid #002663;
    border-bottom: 0;
    background-color: #e5e9ef;
    position: relative;
    top: 1px; }
    .page-tabs a.active {
      background-color: #efefef;
      cursor: default;
      border-bottom: 2px solid #efefef;
      position: relative; }
    .page-tabs a:hover {
      background-color: rgba(168, 168, 170, 0.5); }

/* Reporting data
-------------------------------------------------------------*/
.reporting-data .report-row {
  margin-bottom: 2em; }
  .reporting-data .report-row .column {
    width: 40%;
    float: left; }
  .reporting-data .report-row .column:first-child {
    margin-right: 5%; }
  .reporting-data .report-row:after {
    content: "";
    display: block;
    clear: both; }
.reporting-data .editor-label {
  font-weight: bold;
  font-size: 1.2em; }
.reporting-data .editor-field {
  font-size: 1.2em; }

.report-row .column {
  margin-bottom: 2em; }

/* Audit/Approvals
----------------------------------------------------------*/
.audit span {
  display: inline-block;
  padding: 0 0.5em; }
.audit .fa-check {
  color: #6fb353; }
.audit .fa-times {
  color: #b51010; }
.audit .fa-exchange {
  color: #616265; }

/* Ajax Loader
----------------------------------------------------------*/
.cssload-thecube {
  display: none;
  width: 73px;
  height: 73px;
  margin: 50px auto;
  position: relative;
  transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg); }

.cssload-thecube .cssload-cube {
  position: relative;
  transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg); }

.cssload-thecube .cssload-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1); }

.cssload-thecube .cssload-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2ba0c7;
  animation: cssload-fold-thecube 2.76s infinite linear both;
  -o-animation: cssload-fold-thecube 2.76s infinite linear both;
  -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
  -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
  -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
  transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%; }

.cssload-thecube .cssload-c2 {
  transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg); }

.cssload-thecube .cssload-c3 {
  transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg); }

.cssload-thecube .cssload-c4 {
  transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg); }

.cssload-thecube .cssload-c2:before {
  animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
  -ms-animation-delay: 0.35s;
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s; }

.cssload-thecube .cssload-c3:before {
  animation-delay: 0.69s;
  -o-animation-delay: 0.69s;
  -ms-animation-delay: 0.69s;
  -webkit-animation-delay: 0.69s;
  -moz-animation-delay: 0.69s; }

.cssload-thecube .cssload-c4:before {
  animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -moz-animation-delay: 1.04s; }

@keyframes cssload-fold-thecube {
  0%, 10% {
    -webkit-transform: perspective(136px) rotateX(-180deg);
            transform: perspective(136px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(136px) rotateX(0deg);
            transform: perspective(136px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(136px) rotateY(180deg);
            transform: perspective(136px) rotateY(180deg);
    opacity: 0; } }
@-webkit-keyframes cssload-fold-thecube {
  0%, 10% {
    -webkit-transform: perspective(136px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(136px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(136px) rotateY(180deg);
    opacity: 0; } }
.sp-replacer.sp-disabled {
  border-color: transparent !important;
  color: transparent !important;
  border: none;
  background: transparent; }

.segmented-box {
  margin: 0.5em 0;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #000; }
  .segmented-box span.label {
    font-weight: bold;
    font-size: 1.4em;
    display: block;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif; }

.implicit-approval-warning {
  color: red;
  display: block;
  margin: 0.5em 0;
  font-size: 1.6em;
  font-weight: bold;
  max-width: 500px;
  line-height: 1.4; }
  .implicit-approval-warning:empty {
    display: none; }

.ajax-result {
  font-size: 12px; }
  .ajax-result span {
    display: inline-block;
    margin-right: 1.5em;
    margin-bottom: 0.75em; }
  .ajax-result .label, .ajax-result .label-inline {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 0.5em; }
  .ajax-result .label-inline {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1.5em;
    font-size: 14px; }
  .ajax-result .subtext {
    color: #444; }

.select2-results__group {
  font-size: 14px;
  font-weight: bold; }

.select2-results__option--highlighted {
  color: #ffffff !important; }
  .select2-results__option--highlighted .ajax-result .subtext {
    color: #fff; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #616265;
  font-style: italic; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #616265;
  font-style: italic; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #616265;
  font-style: italic; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #616265;
  font-style: italic; }

.flatpickr-calendar {
  background: transparent;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 640px; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.hasWeeks {
  width: auto; }

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px; }

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px; }

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px; }

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px; }

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden; }

.flatpickr-prev-month,
.flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px calc(3.57% - 1.5px);
  z-index: 3; }

.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative; }

.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
  /*
          /*rtl:begin:ignore*/
  /*
          */
  left: 0;
  /*
          /*rtl:end:ignore*/
  /*
          */ }

/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
  /*
          /*rtl:begin:ignore*/
  /*
          */
  right: 0;
  /*
          /*rtl:end:ignore*/
  /*
          */ }

/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #959ea9; }

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #f64747; }

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 14px; }

.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); }

.flatpickr-current-month.slideLeft {
  -webkit-transform: translate3d(-100%, 0px, 0px);
  transform: translate3d(-100%, 0px, 0px);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideLeftNew {
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideRight {
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideRightNew {
  -webkit-transform: translate3d(0, 0, 0px);
  transform: translate3d(0, 0, 0px);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0; }

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder; }

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 307.875px; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1; }

.flatpickr-calendar.animate .dayContainer.slideLeft {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-transform: translate3d(-100%, 0px, 0px);
  transform: translate3d(-100%, 0px, 0px); }

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.animate .dayContainer.slideRight {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px); }

.flatpickr-calendar.animate .dayContainer.slideRightNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6; }

.flatpickr-day.today {
  border-color: #959ea9; }

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff; }

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7; }

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7; }

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  pointer-events: none; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  display: inline-block;
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none; }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939; }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939; }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time input.flatpickr-hour {
  font-weight: bold; }

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400; }

.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0; }

.flatpickr-input[readonly] {
  cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  to {
    -webkit-transform: translate3d(-100%, 0px, 0px);
    transform: translate3d(-100%, 0px, 0px); } }
@keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  to {
    -webkit-transform: translate3d(-100%, 0px, 0px);
    transform: translate3d(-100%, 0px, 0px); } }
@-webkit-keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px); }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); } }
@keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px); }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); } }
@-webkit-keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px); }
  to {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px); } }
@keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px); }
  to {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px); } }
@-webkit-keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0px);
    transform: translate3d(-100%, 0, 0px); }
  to {
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px); } }
@keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0px);
    transform: translate3d(-100%, 0, 0px); }
  to {
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px); } }
@-webkit-keyframes fpFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fpFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes fpFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fpFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
td.highlight {
  border: none !important;
  padding: 1px 0 1px 1px !important;
  background: none !important;
  overflow: hidden; }

td.highlight a {
  background: #99dd73 50% 50% repeat-x !important;
  border: 1px #88a276 solid !important; }

h2.calendar-head {
  display: inline-block;
  margin: 0; }

p.calendar-head {
  display: inline-block;
  float: right;
  font-size: 1.8em;
  margin: 0;
  color: #002663;
  line-height: 1.66666667; }

.calendar-details-box {
  border: 1px solid #eeeeee;
  border-left-width: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
  font-size: 0.8em;
  position: absolute;
  top: 20%;
  left: 20%;
  width: 110px;
  min-height: 70px;
  line-height: 1.25; }
  .calendar-details-box span {
    display: block;
    position: relative;
    top: -10px; }
  .calendar-details-box:before {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 5px;
    border-left-width: 0px;
    border-bottom: 6px solid black;
    content: '';
    position: relative;
    left: -9px;
    top: -20px; }
  .calendar-details-box.Liberty {
    border-color: #002663;
    background-color: #eaf2ff; }
    .calendar-details-box.Liberty:before {
      border-color: transparent transparent #002663 transparent; }
  .calendar-details-box.Client {
    border-color: #ffad00;
    background-color: #fffaee; }
    .calendar-details-box.Client:before {
      border-color: transparent transparent #ffad00 transparent; }

.calendar-wrapper {
  width: 1120px;
  margin: 0 auto; }
  .calendar-wrapper.no-legend {
    width: 980px; }

.calendar-legend {
  float: right;
  width: 120px;
  padding-top: 10em; }
  .calendar-legend p {
    color: #002663;
    font-size: 1.4em;
    margin-bottom: 1em; }
  .calendar-legend ul.calendar-data li {
    margin-bottom: 1em; }

ul.calendar-data {
  width: 100%;
  height: 90px;
  overflow-y: auto; }
  ul.calendar-data li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #eeeeee;
    border-left-width: 4px;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #616265;
    border-collapse: separate;
    margin-bottom: 1px; }
    ul.calendar-data li:hover {
      cursor: default; }
    ul.calendar-data li.Liberty {
      border-color: #002663;
      background-color: #eaf2ff; }
    ul.calendar-data li.Client {
      border-color: #ffad00;
      background-color: #fffaee; }

.calendar-container {
  width: 980px;
  margin: 0 auto;
  border: 2px solid #cdcdcd;
  border-radius: 5px;
  margin-bottom: 3em;
  float: left; }
  .calendar-container .calendar-header {
    margin: 0 auto;
    background-color: #eff1f5;
    text-align: center;
    height: 65px;
    width: 100%;
    display: table; }
    .calendar-container .calendar-header .inner {
      display: table-cell;
      vertical-align: middle; }
  .calendar-container h3 {
    font-size: 2.7em;
    margin: 0 1em;
    display: inline-block;
    color: #182a61;
    font-weight: bold; }
  .calendar-container .calendar-arrow {
    text-decoration: none;
    width: 8px;
    height: 13px;
    position: relative;
    top: -3px; }
    .calendar-container .calendar-arrow:hover {
      color: #616265; }
  .calendar-container .calendar-bottom-nav {
    background: #8b8c8e; }
    .calendar-container .calendar-bottom-nav .next-month {
      display: inline-block;
      float: right; }
    .calendar-container .calendar-bottom-nav .previous-month {
      display: inline-block; }
    .calendar-container .calendar-bottom-nav a {
      color: #ffffff;
      font-size: 1.1em;
      margin: 1em;
      font-weight: bold;
      text-decoration: none; }
      .calendar-container .calendar-bottom-nav a:hover {
        text-decoration: underline; }
  .calendar-container .calendar .calendar-inner {
    background: #333; }
  .calendar-container .calendar .dayOfWeek, .calendar-container .calendar .blank, .calendar-container .calendar .day {
    float: left;
    width: 140px;
    height: 120px;
    border: 1px solid #e7e7e7;
    border-left-width: 0;
    border-bottom-width: 0;
    border-top-width: 0;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .calendar-container .calendar .dayOfWeek:nth-child(7n), .calendar-container .calendar .blank:nth-child(7n), .calendar-container .calendar .day:nth-child(7n) {
      border-right: 0; }
    .calendar-container .calendar .dayOfWeek:nth-child(n+8), .calendar-container .calendar .blank:nth-child(n+8), .calendar-container .calendar .day:nth-child(n+8) {
      border-top-width: 1px; }
  .calendar-container .calendar .day {
    background: #ffffff;
    position: relative;
    overflow: hidden; }
  .calendar-container .calendar .dayNumber {
    font-size: 1.4em;
    color: #000000;
    height: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 0 10px 10px;
    font-weight: bold; }
  .calendar-container .calendar .dayOfWeek {
    font-size: 1.35em;
    text-transform: uppercase;
    height: 27px;
    line-height: 27px;
    font-weight: bold;
    text-align: center;
    min-height: 0;
    border-bottom: 1px solid #bfc0c3;
    background-color: #d0d2da;
    color: #8991a2; }
  .calendar-container .calendar .blank {
    background: #f7f7f7; }
    .calendar-container .calendar .blank .dayNumber {
      color: #9d9d9d; }
  .calendar-container .calendar .day.sunday {
    clear: left; }

.agenda .day {
  background: #ffffff;
  margin-bottom: 0.5em;
  padding: 2em; }
.agenda ul {
  margin: 0 0 0 2em; }
.agenda li {
  list-style-type: disc;
  list-style-position: inside;
  font-size: 1.4em;
  margin-bottom: 0.5em; }
.agenda .calendar-header {
  margin: 0 auto;
  display: table; }
.agenda h3 {
  font-size: 3em;
  margin: 0 1em 0.3em;
  display: inline-block;
  color: #002663; }
.agenda .calendar-arrow {
  font-size: 3em;
  display: inline-block;
  text-decoration: none; }
  .agenda .calendar-arrow:hover {
    color: #616265; }

/** Flatpickr style overrides **/
.flatpickr-day {
  margin-bottom: 3px; }

.flatpickr-current-month {
  color: #002663; }

.flatpickr-day.highlight {
  background-color: #F9F4B4; }

.flatpickr-day.selected, .flatpickr-day.selected.highlight {
  background-color: #002663;
  border-color: #002663; }

.flatpickr-day.disabled.highlight {
  border: none !important; }

.list-upload-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: none;
  z-index: 2000; }
  .list-upload-modal div:first-child {
    height: 100%;
    width: 100%; }
  .list-upload-modal fieldset {
    width: 60em;
    height: 60em;
    margin: -30em auto 0;
    background: #eeeeee;
    position: relative;
    top: 50%; }
    .list-upload-modal fieldset .close {
      position: absolute;
      top: 0.5em;
      right: 0.5em;
      font-size: 2em;
      z-index: 15;
      cursor: pointer; }
    .list-upload-modal fieldset .inner-upload {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: 9;
      width: 75%;
      text-align: center; }
    .list-upload-modal fieldset legend {
      font-size: 3em;
      line-height: 1.2;
      width: 100%;
      text-align: center; }
    .list-upload-modal fieldset p {
      font-size: 2em;
      line-height: 1.2; }
    .list-upload-modal fieldset > div:first-child {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 10; }
    .list-upload-modal fieldset form,
    .list-upload-modal fieldset input[type="file"] {
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: cell; }

.list-replaceordownload-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: none;
  z-index: 1002; }
  .list-replaceordownload-modal fieldset {
    width: 40em;
    height: 20em;
    margin: -10em auto 0;
    background: #eeeeee;
    position: relative;
    top: 50%; }
    .list-replaceordownload-modal fieldset .inner-upload {
      text-align: center;
      font-size: 1.4em;
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .list-replaceordownload-modal fieldset span {
      display: block;
      margin: 1em 0; }
    .list-replaceordownload-modal fieldset .close {
      position: absolute;
      top: 0.5em;
      right: 0.5em;
      font-size: 3em;
      z-index: 15;
      cursor: pointer; }
    .list-replaceordownload-modal fieldset .replace-text, .list-replaceordownload-modal fieldset .delete-text {
      color: #002663;
      text-decoration: underline;
      cursor: pointer; }
      .list-replaceordownload-modal fieldset .replace-text:hover, .list-replaceordownload-modal fieldset .delete-text:hover {
        text-decoration: none; }

.field-validation-error {
  display: block;
  margin-top: 5px;
  font-size: 1.25em; }

.multi-slot-deployment, .broker-user-add {
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 25px; }
  .multi-slot-deployment:last-child, .broker-user-add:last-child {
    border-bottom: 0; }
  .multi-slot-deployment .cycle-display, .multi-slot-deployment .hero-image-display, .broker-user-add .cycle-display, .broker-user-add .hero-image-display {
    display: block;
    font-size: 1.3em;
    padding: 0.25em; }
    .multi-slot-deployment .cycle-display:empty, .multi-slot-deployment .hero-image-display:empty, .broker-user-add .cycle-display:empty, .broker-user-add .hero-image-display:empty {
      display: none; }
  .multi-slot-deployment .removeItem, .broker-user-add .removeItem {
    margin: 1em 0; }

.with-bottom-margin {
  margin-bottom: 1.5em; }

label + input[type="checkbox"] {
  position: relative;
  top: 4px;
  margin-left: 3em; }

.bottom-link-section {
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  padding: 1.5em 0; }

.hero-preview {
  margin: 1em 0 0 0; }
  .hero-preview:empty {
    margin: 0;
    display: none; }
  .hero-preview img {
    max-width: 100%;
    height: auto; }
  .hero-preview iframe {
    width: 640px;
    height: auto; }

.multi-slot-deployment .remove-this-deployment, .multi-slot-deployment .remove-this-manager, .multi-slot-deployment .duplicate-campaign, .deployment-summary .remove-this-deployment, .deployment-summary .remove-this-manager, .deployment-summary .duplicate-campaign, .broker-user-add .remove-this-deployment, .broker-user-add .remove-this-manager, .broker-user-add .duplicate-campaign {
  color: #fe1616;
  display: inline-block;
  margin-top: 2em;
  font-size: 14px;
  text-decoration: none; }
  .multi-slot-deployment .remove-this-deployment.visible + a.addItem, .multi-slot-deployment .remove-this-manager.visible + a.addItem, .multi-slot-deployment .duplicate-campaign.visible + a.addItem, .deployment-summary .remove-this-deployment.visible + a.addItem, .deployment-summary .remove-this-manager.visible + a.addItem, .deployment-summary .duplicate-campaign.visible + a.addItem, .broker-user-add .remove-this-deployment.visible + a.addItem, .broker-user-add .remove-this-manager.visible + a.addItem, .broker-user-add .duplicate-campaign.visible + a.addItem {
    margin-top: 2em; }
.multi-slot-deployment .duplicate-campaign, .deployment-summary .duplicate-campaign, .broker-user-add .duplicate-campaign {
  color: #616265;
  height: 20px;
  padding: 0 0 0 25px;
  line-height: 20px;
  background: url(../images/asterisk.png) no-repeat 0 0; }

.deployment-summary.select-for-edit {
  background: rgba(0, 33, 99, 0.14) !important; }

.info-box, #client-deployment-history-box {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 15px 15px 30px;
  margin-bottom: 1em; }
  .info-box.no-spacing, #client-deployment-history-box.no-spacing {
    padding-top: 0;
    padding-bottom: 0; }
  .info-box .request-date, #client-deployment-history-box .request-date {
    font-size: 10px; }
    .info-box .request-date .smaller, #client-deployment-history-box .request-date .smaller {
      font-size: 14px; }
  .info-box h3, #client-deployment-history-box h3 {
    font-size: 18px;
    color: #002663;
    margin-bottom: 20px; }
  .info-box .label, #client-deployment-history-box .label {
    display: block;
    margin-bottom: 5px; }
  .info-box li, #client-deployment-history-box li {
    padding-bottom: 5px;
    display: none; }
    .info-box li.visible, #client-deployment-history-box li.visible {
      display: block; }
  .info-box .show-all-less, #client-deployment-history-box .show-all-less {
    text-align: right;
    margin: 0.5em 0; }
  .info-box .data, #client-deployment-history-box .data {
    font-weight: bold;
    display: block; }
  .info-box .data + .label, #client-deployment-history-box .data + .label {
    margin-top: 10px; }
  .info-box a, #client-deployment-history-box a {
    color: #6c6c70; }

.deployment-summary {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 1em;
  background-color: transparent;
  min-height: 525px; }
  .deployment-summary.no-bg {
    background-color: transparent !important; }
  .deployment-summary .request-date {
    margin-bottom: 20px; }
  .deployment-summary:nth-child(even) {
    background-color: #ffffff; }
  .deployment-summary .data {
    margin-bottom: 1em; }
  .deployment-summary .buttons {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 10px;
    padding: 30px 0; }
  .deployment-summary .edit-campaign-text {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 15px;
    color: #002663;
    padding: 30px 0;
    font-weight: bolder; }
  .deployment-summary:last-child {
    padding-bottom: 0; }
  .deployment-summary .form-column {
    width: 35%; }
  .deployment-summary h1 {
    margin-top: auto;
    margin-bottom: 1em; }

.previews {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5; }
  .previews h3 {
    font-size: 18px;
    color: #002663;
    margin-bottom: 20px; }
  .previews p {
    color: #002663;
    font-style: italic;
    margin-bottom: 1.5em; }
  .previews.no-divider {
    border-top: 0;
    border-bottom: 0; }

.preview {
  display: inline-block; }
  .preview .desktop, .preview .mobile {
    display: inline-block;
    height: 500px; }
    .preview .desktop iframe, .preview .mobile iframe {
      height: 500px; }
    .preview .desktop .download-link, .preview .mobile .download-link {
      background: none;
      text-align: center;
      display: none; }
      .preview .desktop .download-link a, .preview .mobile .download-link a {
        font-size: 14px;
        color: #6c6c70; }
  .preview .desktop {
    width: 700px; }
    .preview .desktop iframe {
      width: 700px; }
  .preview .mobile {
    width: 360px;
    margin-left: 2em; }
    .preview .mobile iframe {
      width: 360px; }
  .preview .error {
    height: 100px !important; }
    .preview .error iframe {
      height: 100px !important; }

.deployment-summary-buttons {
  border-top: 1px solid #b5b5b5;
  padding: 3.3em 0;
  margin-left: 1.5em; }

.preview-jpg {
  float: right;
  font-size: 14px;
  width: 326px;
  height: 386px;
  background-color: #DCDCDC; }

.preview-jpg div.header-box {
  height: 35px !important;
  overflow: hidden !important; }

.preview-jpg div div.header-text {
  padding-top: 8px !important;
  padding-left: 18px !important; }

div.loading {
  width: 290px !important;
  height: 315px !important;
  color: white !important;
  position: relative !important;
  top: 0px !important;
  left: 18px !important;
  overflow: hidden !important;
  background-image: url("/Content/images/generating-preview.png"); }

div.switch-box {
  text-align: center !important;
  padding-top: 6px !important; }

div.switch-box span.preview-jpg-mobile-link {
  font-size: 14px !important;
  text-align: center !important;
  text-decoration: underline !important;
  color: #616265 !important;
  display: normal; }

div.switch-box span.preview-jpg-desktop-link {
  font-size: 14px !important;
  text-align: center !important;
  text-decoration: underline !important;
  color: #616265 !important;
  display: none; }

div.switch-box span.preview-jpg-mobile-title {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #002663 !important;
  display: none; }

div.switch-box span.preview-jpg-desktop-title {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #002663 !important;
  display: normal; }

div.progress-bar {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.progress-bar-modal {
  width: 785px !important;
  text-align: center; }
  .progress-bar-modal div.vex-dialog-buttons {
    display: none; }
  .progress-bar-modal h1 {
    margin: 10px;
    font-size: 28px !important;
    font-weight: normal !important;
    color: #002663 !important; }
  .progress-bar-modal .submit-buttons {
    margin-top: 30px; }
  .progress-bar-modal .submit-buttons a.btn {
    margin-right: 0px !important; }
  .progress-bar-modal a.arrow-link {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    margin-top: 30px;
    display: inline-block;
    padding-right: 11px;
    background: url("/Content/images/right-facing-triangle.png") no-repeat center right; }
  .progress-bar-modal div.progress-bar {
    margin-top: 30px; }

a.preview-modal-trigger {
  display: contents; }

.preview-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: none;
  z-index: 5;
  overflow-y: scroll;
  /* LMIACMT-2501 */ }
  .preview-modal div.close {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    font-size: 2em;
    z-index: 15;
    cursor: pointer; }
  .preview-modal div.internal {
    position: relative;
    height: 100%;
    /* height value */
    /*overflow-y: scroll;*/
    /* this needs to be set on the outermost parent */
    width: 860px;
    /* width value */
    display: block;
    margin: 0 auto;
    z-index: 15;
    text-align: center;
    background-color: #f2f2f2; }
    .preview-modal div.internal img {
      display: inline-block; }
  .preview-modal div.internal-wrapper {
    /*overflow-y: scroll;*/
    /* this needs to be set on the outermost parent */ }

div.preview-notice {
  text-align: center;
  font-size: 16px;
  color: #002663;
  font-weight: bold;
  font-style: italic;
  margin-top: 0px !important; }

.toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 15px;
  margin-right: 5px;
  float: left;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  cursor: hand;
  color: #002663; }

.sales-rep-not-listed-warning {
  margin-top: 5px;
  display: none; }

.field-explanation {
  margin-top: 0.5em;
  max-width: 85%;
  line-height: 1.35;
  font-size: 11px; }

.client-approval button, .client-approval input[type="submit"] {
  width: 190px;
  padding: 0 !important; }
.client-approval .form-column {
  width: calc(100% - 1120px); }
  .client-approval .form-column.column-right {
    min-width: 1120px; }
    .client-approval .form-column.column-right .preview {
      float: right; }
.client-approval .notice, .client-approval p.contact-rm {
  font-size: 1.6em;
  margin: 1em 0;
  line-height: 1.5; }
.client-approval .notice {
  color: #ff1f1f; }
.client-approval .approval-summary li {
  font-size: 1.4em;
  color: #002663;
  margin-bottom: 0.5em; }
  .client-approval .approval-summary li.important {
    font-weight: bold; }
  .client-approval .approval-summary li label {
    font-size: inherit; }

.collapsible-form-section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 17px 17px 40px 17px;
  font-size: 14px;
  line-height: 1.25;
  margin-bottom: 3em; }
  .collapsible-form-section.no-margin {
    margin-bottom: 0; }
  .collapsible-form-section.closed {
    padding-bottom: 17px; }
    .collapsible-form-section.closed header {
      margin-bottom: 0; }
    .collapsible-form-section.closed .toggle {
      position: relative;
      top: 2px; }
  .collapsible-form-section.white {
    background-color: #ffffff;
    color: #616265; }
  .collapsible-form-section header {
    margin-bottom: 30px; }
    .collapsible-form-section header:after {
      content: "";
      display: table;
      clear: both; }
    .collapsible-form-section header .toggle {
      -webkit-user-select: none;
      /* Safari */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* IE10+/Edge */
      user-select: none;
      /* Standard */
      width: 15px;
      margin-right: 5px;
      float: left;
      height: 18px;
      line-height: 18px;
      font-size: 18px;
      font-weight: bold;
      cursor: pointer;
      cursor: hand;
      color: #002663; }
    .collapsible-form-section header h2 {
      float: left;
      font-size: 18px;
      margin-bottom: 0; }
    .collapsible-form-section header nav {
      float: right;
      height: 18px;
      padding-right: 10px; }
    .collapsible-form-section header a {
      color: #616265; }
      .collapsible-form-section header a:hover {
        color: #616265; }
  .collapsible-form-section .body {
    padding-left: 20px; }
    .collapsible-form-section .body.no-padding {
      padding-left: 0; }
    .collapsible-form-section .body.gray {
      background-color: #eeeeee;
      padding-top: 1.5em;
      padding-bottom: 1.5em;
      padding-left: 10px; }
      .collapsible-form-section .body.gray .column:first-of-type {
        padding-left: 10px; }
      .collapsible-form-section .body.gray h3 {
        margin-left: 10px; }
    .collapsible-form-section .body .editor-label {
      color: #002663; }
  .collapsible-form-section .body + .body {
    margin-top: 3em; }
  .collapsible-form-section .row .column {
    width: 200px;
    margin-left: 75px; }
    .collapsible-form-section .row .column:after {
      content: "";
      display: table;
      clear: both; }
    .collapsible-form-section .row .column:first-child {
      margin-left: 0; }
    .collapsible-form-section .row .column.gray {
      margin-left: 65px;
      padding: 1em 10px 2em;
      background-color: #eeeeee; }
  .collapsible-form-section .row .column .column-divider.half {
    width: calc(50% - 2em);
    float: left; }
  .collapsible-form-section .row .column .column-divider.half + .collapsible-form-section .row .column .column-divider.half {
    width: 50%;
    margin-left: 2em;
    float: left; }
  .collapsible-form-section h3 {
    font-size: 16px;
    line-height: 1.25;
    color: #002663; }
  .collapsible-form-section h4 {
    font-size: 16px;
    color: #002663;
    line-height: 1.25;
    font-weight: bold;
    margin: 0 0 1em 0; }
  .collapsible-form-section .indented {
    padding-left: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .collapsible-form-section input[type="submit"] {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px !important;
    font-size: 14px !important; }
  .collapsible-form-section .editor-field input, .collapsible-form-section .editor-field select, .collapsible-form-section .editor-field textarea {
    width: 100%;
    font-size: 14px;
    padding: 3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 26px;
    border-radius: 0; }
  .collapsible-form-section .editor-field textarea {
    height: auto; }
  .collapsible-form-section .form-column:after, .collapsible-form-section .form-group:after {
    content: "";
    display: table;
    clear: both; }
  .collapsible-form-section .form-column label, .collapsible-form-section .form-group label {
    font-size: 14px; }
    .collapsible-form-section .form-column label.for-checkbox, .collapsible-form-section .form-group label.for-checkbox {
      width: calc(90% - 20px);
      float: left; }
    .collapsible-form-section .form-column label + input[type="checkbox"], .collapsible-form-section .form-group label + input[type="checkbox"] {
      margin-left: 20px;
      float: right; }

.flatpickr-input, .datepicker {
  background-image: url(images/calendar-icon.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 2px) 50%; }

.form-group .editor-label {
  font-size: 14px;
  line-height: 1.25;
  color: #002663; }
  .form-group .editor-label.no-margin {
    margin-top: 0; }

.cycle-display {
  margin-top: 0.35em;
  display: block; }
  .cycle-display:empty {
    display: none; }

#creative-builder .editor-label {
  color: #002663; }

.editor-label.no-margin {
  margin-top: 0; }

#creative-builder .addItem, #creative-builder .removeItem {
  margin: 1em 0;
  font-size: 14px; }
#creative-builder h3 {
  margin-top: 2em;
  margin-bottom: 1em;
  font-weight: bold;
  border-top: 1px solid #626365;
  padding-top: 1em; }

.bottom-margin {
  margin-bottom: 2em; }

.row {
  margin-top: 35px; }
  .row:after {
    content: "";
    display: table;
    clear: both; }
  .row:first-child, .row.no-top-pad {
    margin-top: 0; }
  .row .column {
    float: left; }
    .row .column.half {
      width: 49%;
      margin-left: 2%; }
      .row .column.half:first-child {
        margin-left: 0; }
    .row .column.admin, .row .column.two-col {
      width: 400px;
      margin-left: 75px; }
      .row .column.admin:first-child, .row .column.two-col:first-child {
        margin-left: 0; }
    .row .column.four-col {
      width: 875px;
      margin-left: 0; }
    .row .column.two-col-lg {
      width: 420px; }
    .row .column.sidebar {
      width: 550px;
      margin-left: 75px; }
    .row .column.preview {
      width: 700px;
      min-width: 700px; }
  .row .label, .row .data {
    display: block; }
  .row .label {
    margin-bottom: 1em; }
  .row .data {
    font-weight: bold; }

ul.inline li {
  display: inline-block;
  margin-right: 2em;
  margin-bottom: 1em; }

.client-contacts-list-horizontal {
  max-width: 780px; }

.uneditable-value {
  color: #002663;
  font-weight: bold;
  line-height: 1.3; }
  .uneditable-value a {
    text-decoration: none;
    color: #002663;
    word-break: break-all; }

.with-button {
  float: left;
  width: calc(100% - 25px); }
  .with-button.adjacent-text {
    width: calc(100% - 100px); }

.edit-toggle-button {
  float: left;
  width: 16px;
  height: 16px;
  background: url(../images/edit-button.png) no-repeat;
  text-indent: -10000px;
  background-size: 16px 16px;
  cursor: pointer; }
  .edit-toggle-button.just-text {
    background: none;
    text-indent: 0;
    width: 100px;
    font-size: 11px;
    text-decoration: underline;
    text-align: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    top: 2px; }
    .edit-toggle-button.just-text:hover {
      color: red; }
  .edit-toggle-button.text-and-icon {
    padding-right: 23px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-position: right top;
    text-indent: 0;
    width: 100px;
    font-size: 11px;
    line-height: 16px;
    text-decoration: underline;
    text-align: right;
    position: relative;
    top: 2px;
    text-decoration: none;
    color: #636465; }

.pad-field {
  margin-top: 15px; }

.campaign-header {
  font-size: 18px;
  color: #616265;
  line-height: 1.25;
  margin-bottom: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .campaign-header.fullscreen-sticky {
    background-color: #efefef;
    z-index: 1000;
    -webkit-box-shadow: 0 5px 10px -3px #aaa;
            box-shadow: 0 5px 10px -3px #aaa;
    margin-left: -50px;
    margin-right: -50px;
    padding: 10px 50px 10px; }
  .campaign-header h2 {
    font-size: 18px;
    color: #616265; }
  .campaign-header .info:after, .campaign-header ul.admin-links:after {
    content: "";
    display: table;
    clear: both; }
  .campaign-header .info {
    margin-bottom: 0.5em; }
    .campaign-header .info h2 {
      float: left; }
    .campaign-header .info nav {
      float: right; }
  .campaign-header ul.admin-links li {
    display: inline;
    float: left; }
    .campaign-header ul.admin-links li.label {
      margin-right: 2em; }
    .campaign-header ul.admin-links li.divider {
      margin: 0 1.5em; }

.is-not-admin .fullscreen-sticky-filler {
  height: 51px; }
.is-not-admin .campaign-header .info {
  margin-bottom: 0; }
  .is-not-admin .campaign-header .info h2 {
    margin-bottom: 0; }

.fullscreen-sticky {
  position: fixed;
  top: 0;
  width: 100%; }

.is-admin .fullscreen-sticky-filler {
  height: 82px; }

body.is-admin .campaign-sidebar [data-active="inactive"], body.is-admin #client-deployment-history-box.campaign-sidebar [data-active="inactive"] {
  color: #a5a5a5; }

.campaign-sidebar, #client-deployment-history-box.campaign-sidebar {
  padding: 25px 15px 15px 30px;
  background-color: #efefef;
  color: #616265; }
  .campaign-sidebar header, #client-deployment-history-box.campaign-sidebar header {
    margin-bottom: 20px;
    font-size: 12px;
    color: #616265; }
    .campaign-sidebar header h3, #client-deployment-history-box.campaign-sidebar header h3 {
      margin-bottom: 5px; }
  .campaign-sidebar li, #client-deployment-history-box.campaign-sidebar li {
    margin-bottom: 15px;
    line-height: 1.5; }
  .campaign-sidebar + .campaign-sidebar, #client-deployment-history-box.campaign-sidebar + .campaign-sidebar {
    margin-top: 30px; }
  .campaign-sidebar .filter, #client-deployment-history-box.campaign-sidebar .filter {
    text-decoration: underline; }
    .campaign-sidebar .filter.selected, #client-deployment-history-box.campaign-sidebar .filter.selected {
      text-decoration: none;
      color: #002663;
      font-weight: bold; }
  .campaign-sidebar li, #client-deployment-history-box.campaign-sidebar li {
    display: none; }
  .campaign-sidebar li.visible, #client-deployment-history-box.campaign-sidebar li.visible {
    display: list-item; }
  .campaign-sidebar .show-all-less, #client-deployment-history-box.campaign-sidebar .show-all-less {
    text-align: right; }
  .campaign-sidebar ul.changelog li, #client-deployment-history-box.campaign-sidebar ul.changelog li {
    display: list-item; }
  .campaign-sidebar.constrain-height, #client-deployment-history-box.campaign-sidebar.constrain-height {
    max-height: 350px;
    overflow: auto; }

.section-toggles {
  border: 2px solid #a0a0a0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f0f0f0; }
  .section-toggles .section {
    padding: 10px 15px 20px 20px;
    border-top: 2px solid #a0a0a0; }
    .section-toggles .section.hide:first-of-type + .section {
      border-top: 0; }
    .section-toggles .section.hide {
      border-top: none;
      display: none; }
    .section-toggles .section.closed {
      padding-bottom: 10px; }
      .section-toggles .section.closed .body {
        display: none; }
      .section-toggles .section.closed header {
        border-bottom: 0;
        margin-bottom: 0; }
        .section-toggles .section.closed header h4 {
          padding-bottom: 0; }
    .section-toggles .section.open .body {
      display: block; }
    .section-toggles .section.open header {
      margin-bottom: 10px;
      border-bottom: 1px solid #a0a0a0; }
      .section-toggles .section.open header h4 {
        padding-bottom: 10px; }
    .section-toggles .section:first-of-type {
      border-top: 0; }
    .section-toggles .section header {
      cursor: pointer; }
      .section-toggles .section header:after {
        content: "";
        display: table;
        clear: both; }
      .section-toggles .section header h4, .section-toggles .section header .toggle-section {
        font-size: 16px;
        font-weight: bold;
        color: #002663;
        float: left;
        text-decoration: none; }
      .section-toggles .section header h4 {
        margin: 0;
        padding-bottom: 10px;
        width: calc(100% - 25px); }
      .section-toggles .section header .toggle-section {
        width: 25px;
        text-align: right;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-right: 5px; }
    .section-toggles .section .body > .editor-label:first-child {
      margin-top: 0; }

.toggled-by-checkbox {
  clear: both; }
  .toggled-by-checkbox .editor-label:first-child {
    margin-top: 1em; }

span.block {
  display: block; }

[data-section="creative-builder"] .column.preview {
  position: relative; }

.space-holder {
  height: 612px;
  max-height: 612px; }

.preview-area {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #dcdcdc;
  width: 700px;
  position: absolute;
  top: 0;
  left: 0px; }
  .preview-area header {
    margin-bottom: 20px;
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 5px;
    position: relative; }
    .preview-area header:after {
      content: "";
      display: table;
      clear: both; }
    .preview-area header h4 {
      font-size: 16px;
      color: #616265;
      margin-bottom: 0px;
      font-weight: normal;
      float: left;
      width: 200px;
      padding-top: 15px; }
    .preview-area header .links {
      float: right;
      width: calc(100%-200px);
      text-align: right;
      display: table-cell;
      vertical-align: baseline;
      position: absolute;
      bottom: 5px;
      right: 0;
      font-size: 14px;
      line-height: 1.25; }
      .preview-area header .links .creative-was {
        color: darkred; }
  .preview-area .previews {
    padding: 0 0 7px 0;
    border: 0;
    position: relative;
    min-height: 24px; }
    .preview-area .previews.dirty .dirty-message {
      display: block; }
    .preview-area .previews .dirty-message {
      display: none;
      position: absolute;
      width: 100%;
      color: #fff;
      background-color: rgba(139, 0, 0, 0.6);
      height: 24px;
      line-height: 24px;
      top: -20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 5px;
      text-align: center; }
  .preview-area .desktop, .preview-area .mobile {
    display: block;
    height: auto;
    margin: 0 auto; }
    .preview-area .desktop.closed, .preview-area .mobile.closed {
      display: none; }
    .preview-area .desktop iframe, .preview-area .desktop .faux-iframe, .preview-area .desktop .space-holder, .preview-area .mobile iframe, .preview-area .mobile .faux-iframe, .preview-area .mobile .space-holder {
      height: 500px;
      max-height: 500px;
      display: block; }
    .preview-area .desktop .faux-iframe, .preview-area .mobile .faux-iframe {
      overflow: auto; }
    .preview-area .desktop .download-link, .preview-area .mobile .download-link {
      background: none;
      text-align: center;
      display: none; }
      .preview-area .desktop .download-link a, .preview-area .mobile .download-link a {
        font-size: 14px;
        color: #6c6c70; }
  .preview-area .desktop {
    width: 673px; }
    .preview-area .desktop iframe, .preview-area .desktop .faux-iframe, .preview-area .desktop .space-holder {
      width: 673px; }
  .preview-area .mobile {
    width: 673px; }
    .preview-area .mobile iframe, .preview-area .mobile .faux-iframe, .preview-area .mobile .space-holder {
      width: 445px;
      margin: 0 auto; }
  .preview-area .error {
    height: 100px !important; }
    .preview-area .error iframe {
      height: 100px !important; }
  .preview-area .preview-toggles {
    text-align: center;
    height: 30px;
    padding-top: 15px; }
    .preview-area .preview-toggles a {
      font-size: 12px;
      line-height: 1.3;
      color: #616265; }
      .preview-area .preview-toggles a.active {
        text-decoration: none;
        color: #002663;
        font-weight: bold; }

header.campaign-header .campaign-spinner {
  float: left;
  position: relative;
  top: 1px;
  margin-right: 5px;
  display: none; }
  header.campaign-header .campaign-spinner.show {
    display: inline; }

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }

.checkmark {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  -webkit-box-shadow: inset 0px 0px 0px #7ac142;
          box-shadow: inset 0px 0px 0px #7ac142;
  -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
          animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  position: relative;
  top: 3px; }

.checkmark__check {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0; } }

@keyframes stroke {
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none; }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1); } }
@keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none; }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1); } }
@-webkit-keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #7ac142;
            box-shadow: inset 0px 0px 0px 30px #7ac142; } }
@keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #7ac142;
            box-shadow: inset 0px 0px 0px 30px #7ac142; } }
.campaign-saved {
  float: left;
  margin-right: 5px;
  display: none; }
  .campaign-saved.show {
    display: block !important; }

.yes-no-btn {
  display: inline-block;
  width: 95px;
  height: 30px;
  position: relative;
  border: 1px solid #002663;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Arial, Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #ffffff; }

.yes-no-btn input[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  border: 0;
  z-index: 3;
  cursor: pointer;
  top: 0;
  left: 0; }
  .yes-no-btn input[type="checkbox"][disabled] {
    cursor: not-allowed; }
    .yes-no-btn input[type="checkbox"][disabled] ~ span {
      opacity: 0.65;
      cursor: not-allowed; }

.yes-no-btn:after {
  display: table-cell;
  content: ''; }

.yes-no-btn span {
  float: left;
  width: 50%;
  height: 100%;
  line-height: 30px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
  position: relative;
  color: #002663; }

.yes-no-btn span.slider {
  float: none;
  position: absolute;
  z-index: 1;
  width: 50%;
  background-color: #002663;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: left 0.25s;
  transition: left 0.25s; }

.yes-no-btn input[type="checkbox"]:checked ~ span.slider {
  left: 50%;
  -webkit-transition: left 0.25s;
  transition: left 0.25s; }

.yes-no-btn input[type="checkbox"] ~ span:nth-of-type(2) {
  color: #fff; }

.yes-no-btn input[type="checkbox"]:checked ~ span:nth-of-type(2) {
  color: #002663; }

.yes-no-btn input[type="checkbox"]:checked ~ span:nth-of-type(3) {
  color: #fff; }

.yes-no-btn span:nth-of-type(2) {
  border-right: 1px solid #002663; }

h1 ~ .validation-summary-errors {
  padding: 0 0 1.5em 0; }

.validation-summary-errors + .validation-summary-errors {
  padding: 0 0 1.5em 0; }

.elevated-button {
  padding-bottom: 2.5em; }

.button-stacks p {
  margin-top: 1em; }
  .button-stacks p:first-child {
    margin-top: 0; }

.rep-static-area {
  margin-top: 2em;
  font-size: 14px; }
  .rep-static-area div.header {
    color: #002663;
    padding-bottom: 5px;
    border-bottom: 1px solid #a0a0a0;
    margin-bottom: 10px; }
    .rep-static-area div.header:after {
      content: "";
      display: table;
      clear: both; }
  .rep-static-area .body {
    padding-left: 0; }

.static-area-header:after {
  content: "";
  display: table;
  clear: both; }

ul.changelog li {
  list-style-type: square;
  margin: 0.5em 0.5em 0.5em 2em; }

ul.changelog .changelog-who, ul.client-history .changelog-who {
  font-weight: bold; }
ul.changelog .changelog-value, ul.client-history .changelog-value {
  font-style: italic;
  word-break: break-word; }

/* this technique from: https://webdesignerhut.com/css-dropdown-menu/*/
nav.main-navigation {
  min-width: 1000px;
  padding: 0px 50px;
  background-color: #efefef;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* extra styles added by Jon here */ }
  nav.main-navigation a {
    text-decoration: none;
    font-size: 1.8em;
    color: #002663;
    display: block;
    padding: 1.25rem 1.1rem; }
    nav.main-navigation a:hover {
      background-color: #a8a8aa; }
  nav.main-navigation ul {
    /* always-visible nav */
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    nav.main-navigation ul li {
      margin: 0px -7px 0 0;
      display: inline-block;
      background-color: #efefef; }
    nav.main-navigation ul li:hover > ul {
      display: inherit; }
    nav.main-navigation ul ul {
      /* first tier of dropdowns */
      display: none;
      position: absolute;
      top: 100%; }
      nav.main-navigation ul ul li {
        min-width: 170px;
        display: list-item;
        position: relative; }
      nav.main-navigation ul ul ul {
        /* second tier dropdowns */
        position: absolute;
        top: 0;
        left: 100%; }
  nav.main-navigation > ul {
    border-bottom: 1px solid #b5b5b5; }
    nav.main-navigation > ul > li.active {
      font-weight: bold;
      background-color: #a8a8aa; }
      nav.main-navigation > ul > li.active ul {
        font-weight: normal; }
  nav.main-navigation ul li ul li {
    font-size: 0.9em;
    border: 1px solid #a8a8aa;
    border-top: 0;
    border-bottom: 0; }
    nav.main-navigation ul li ul li:last-child {
      border-bottom: 1px solid #a8a8aa; }
    nav.main-navigation ul li ul li ul li {
      /* tier 3, horizontal */ }
      nav.main-navigation ul li ul li ul li:first-child {
        border-top: 1px solid #a8a8aa; }

.sub-menu {
  font-size: 1.8em;
  line-height: 1.66666667;
  font-weight: bold;
  width: 100%;
  border-bottom: 1px solid #b5b5b5;
  display: none;
  background-color: #efefef; }
  .sub-menu li {
    float: left;
    padding: 10px 15px; }
  .sub-menu a {
    text-decoration: none; }

.sub-menu.sub-cycles {
  display: block; }

table.contacts-table {
  width: 100%;
  border: 0;
  font-size: 0.9em; }
  table.contacts-table th {
    border: 0;
    background-color: #002663;
    color: #fff;
    text-align: left; }
  table.contacts-table td {
    border: 0;
    border-bottom: 1px solid #ccc;
    text-align: left; }
  table.contacts-table th.actions, table.contacts-table td.actions {
    text-align: center; }
  table.contacts-table td.actions {
    width: 75px; }

.contactContainer ~ .contactContainer {
  margin-top: 2em; }

.broker-edit-link {
  margin-top: 1em; }
  .broker-edit-link:empty {
    display: none; }

div.linkbox {
  width: 100%;
  border: 0;
  font-size: 0.9em; }
  div.linkbox h2 {
    color: #002663;
    font-size: 1.8em;
    line-height: 2;
    margin: 0.7em 0 0.7em 0; }
  div.linkbox h3 {
    color: #002663;
    font-size: 1.8em;
    line-height: 2;
    margin: 0.7em 0 0.7em 0; }
  div.linkbox ul li {
    list-style: disc outside none;
    margin-left: 5em; }
    div.linkbox ul li a {
      color: #002663;
      font-size: 1.4em;
      line-height: 1.4em;
      margin: 0 0 .7em;
      padding: 0; }

.ui-widget-overlay {
  position: fixed !important; }

.list-upload-requirements {
  margin-top: 1.5em;
  font-size: 14px;
  padding: 15px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .list-upload-requirements h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.75em; }
  .list-upload-requirements ul {
    list-style-type: disc;
    margin: 0 0 0 1.15em; }
    .list-upload-requirements ul li {
      font-size: 14px;
      margin-bottom: 0.25em; }
      .list-upload-requirements ul li:last-child {
        margin-bottom: 0; }

.vex-dialog-message ul li {
  font-size: 14px; }
.vex-dialog-message p + p {
  margin-top: 1em; }

ul.bulleted {
  margin: 0 2em;
  list-style-type: disc; }

ul.vex-bulleted {
  margin: 1em;
  list-style-type: disc; }

.has-preferred-deployment-day {
  border-bottom: 2px dotted red; }

.emphasized-lightly {
  color: #b22222;
  font-style: italic; }

table.striped tr:nth-child(odd) td {
  background-color: #ffffff; }
table.striped tr:nth-child(even) td {
  background-color: #f3f3f3; }

table.clean-table {
  background-color: transparent;
  border: 0; }
  table.clean-table td {
    border: 0;
    border-bottom: 1px solid #b0b0b2; }
  table.clean-table tr:nth-child(odd), table.clean-table tr:nth-child(even), table.clean-table td {
    background-color: transparent; }
  table.clean-table td {
    text-align: left;
    padding: 1em 0em; }
    table.clean-table td.centered {
      text-align: center; }
  table.clean-table th {
    text-align: left; }
    table.clean-table th.centered {
      text-align: center; }

.truthy {
  display: inline-block;
  width: 40px;
  font-size: 11px;
  height: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.25em 0.5em;
  text-align: center;
  color: #616265;
  border-radius: 3px; }
  .truthy.null {
    background-color: lightgray;
    display: none; }
  .truthy.true {
    background-color: lightgreen; }
  .truthy.false {
    background-color: #FF4D4D;
    color: white; }

.cycle-table {
  margin-bottom: 2em; }
  .cycle-table tfoot td {
    padding: 0.75em 0;
    font-weight: bold;
    font-size: 1.3em;
    border-top-color: #616263; }

table.cycle-table tr.test-campaign td {
  color: red; }

.left-right:after {
  content: "";
  display: table;
  clear: both; }
.left-right .left {
  float: left; }
.left-right .right {
  float: right; }

.tabbed-area .tab {
  display: none; }
  .tabbed-area .tab.active {
    display: block; }

.list-validation-errors {
  border: 3px solid #ff0000;
  padding: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  max-width: 65%;
  font-weight: bold;
  margin: 0 0 1.5em 0; }
  .list-validation-errors h3 {
    font-size: 18px; }
  .list-validation-errors ul {
    list-style: disc;
    margin: 1em 1.5em 0 1.5em; }
    .list-validation-errors ul li {
      font-size: 14px;
      margin: 0.5em 0 0 0; }

table.delegations.acs tr th:nth-child(2) {
  width: 18%; }
table.delegations.acs tr th:nth-child(3) {
  width: 18%; }
table.delegations.clients tr th:nth-child(1) {
  width: 25%; }
table.delegations.clients tr th:nth-child(2) {
  width: 20%; }
table.delegations.clients tr th:nth-child(3) {
  width: 10%; }
table.delegations.clients tr th:nth-child(4) {
  width: 15%; }
table.delegations.clients tr th:nth-child(5) {
  width: 14%; }
table.delegations.clients tr th:nth-child(6) {
  width: 8%; }
table.delegations.clients tr th:nth-child(7) {
  width: 8%; }

h4 + table {
  margin-top: 2em; }

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

.multiedit-notification {
  border: 1px solid goldenrod;
  background-color: #f8ecce;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px;
  max-width: 60%;
  margin: 0 auto 3em auto;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  line-height: 1.3; }

a.added-manager {
  text-decoration: none;
  font-size: 14px;
  line-height: 1.3; }
  a.added-manager span.remove-mark {
    color: #f6d147;
    font-weight: bolder; }

table.logo-preview {
  width: 640px;
  border: 0; }
  table.logo-preview tr, table.logo-preview td, table.logo-preview table {
    border: 0;
    padding: 0; }

.instructions {
  border: 1px solid #ccc;
  font-size: 16px;
  margin: 2em 0;
  padding: 2em; }
  .instructions ol {
    list-style: decimal;
    padding-left: 1em; }
  .instructions strong {
    font-size: 18px; }
  .instructions li {
    margin-top: 0.5em; }
  .instructions.bounded {
    max-width: 65%; }

.override-form-field {
  width: 200px !important; }
  .override-form-field.showing-buttons input {
    width: calc(140px - 1em - 16px - 16px);
    -webkit-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out; }
  .override-form-field input {
    width: 140px;
    -webkit-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out; }

.save-or-discard {
  height: 16px;
  display: block;
  margin-left: 0.5em;
  overflow: hidden;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-top: 3px;
  text-align: left;
  text-decoration: none !important;
  margin-top: 1em;
  margin: 1em 0 0 1em; }
  .save-or-discard.save {
    background-image: url(/Content/images/green-checkmark-large.png); }
  .save-or-discard.discard {
    background-image: url(/Content/images/red-x-small.png); }

input.has-new-value {
  border-color: green !important; }

td.has-new-value {
  background-color: lightgreen !important; }

.loading-ellipsis:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 1300ms infinite;
  animation: ellipsis steps(4, end) 1300ms infinite;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0px; }

.list-volume-page p {
  font-size: 12px;
  margin: 1em 0; }

.radio-button-lockup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em; }
  .radio-button-lockup input[type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 15px;
    height: 15px;
    margin: 4px 1em 0 0; }
  .radio-button-lockup div {
    line-height: 1.3;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.field-explanatory-popup {
  font-size: 14px;
  padding: 20px; }
  .field-explanatory-popup p + p {
    margin-top: 1.5em; }

.informational-question-mark {
  border-radius: 50%;
  font-family: Verdana, Arial Arial, Helvetica, sans-serif;
  background-color: #002663;
  color: #fff !important;
  font-size: 11px;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  text-decoration: none !important;
  margin-left: 0.5em; }