@charset "UTF-8";
/*
  *****************************************************************************
  *
  * SHYFT Product Suite: Base Framework
  *
  *****************************************************************************
*/
html,
body, h1, h2, h3, h4, h5, h6, pre, fieldset, table {
  margin: 0;
  padding: 0; }

fieldset, table, img {
  border: 0;
  outline: 0; }

.list-clean, nav ul, nav ol, .tab-menu, .list-actions {
  list-style: none;
  margin: 0;
  padding: 0; }

p, li, .btn-pill-area, .cr-pill, code, kbd, samp, address, figure {
  margin-bottom: 1em; }

.btn-pill-area:after, .clearfix:after, .section-block:after, .tab-panel-container:after, .__cmp-header__c28e4:after, .grid:after {
  clear: both;
  content: '';
  display: table; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #ccc;
  cursor: help; }

.txt-truncate, .section-block__header-sum {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*
  ============================
    BASE
  ============================
*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

html,
body {
  background: #fff;
  color: #595959;
  font: 400 14px "open sans";
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-shadow: none; }

[hidden],
template,
.display-none {
  display: none; }

.is-disabled,
[disabled] {
  cursor: default;
  pointer-events: none;
  opacity: .5; }

::-moz-selection {
  background: #525b6d;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #525b6d;
  color: #fff;
  text-shadow: none; }

a,
.link,
.btn--transparent.link {
  background-color: transparent;
  color: #5D677C; }
  a:hover, a:active,
  .link:hover,
  .link:active,
  .btn--transparent.link:hover,
  .btn--transparent.link:active {
    color: #525b6d;
    outline: 0; }
  a:focus,
  .link:focus,
  .btn--transparent.link:focus {
    outline: none; }

.link--alt {
  color: #5ac8e7; }
  .link--alt:hover, .link--alt:focus, .link--alt:active {
    color: #44c1e4; }

.link--dark {
  color: #1a1a1a;
  text-shadow: none; }
  .link--dark:hover, .link--dark:focus, .link--dark:active {
    color: #0a0a0a;
    text-decoration: none; }

input[type=text].invalid, input[type=search].invalid, input[type=number].invalid, .select-box.invalid {
  background-color: #FFF5FB !important;
  border: 1px solid #d73098 !important;
  box-shadow: inset 1px 2px 2px 0px rgba(204, 208, 217, 0.57) !important;
  color: #d73098 !important; }

label.error {
  font-style: italic;
  color: red;
  margin-bottom: 0px; }

.hidden {
  display: none; }

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

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-activities:before {
  content: "\e600"; }

.icon-admin:before {
  content: "\e601"; }

.icon-calendar:before {
  content: "\e602"; }

.icon-chevron-down:before {
  content: "\e603"; }

.icon-chevron-left:before {
  content: "\e604"; }

.icon-chevron-right:before {
  content: "\e605"; }

.icon-document:before {
  content: "\e606"; }

.icon-gear:before {
  content: "\e607"; }

.icon-hamburger:before {
  content: "\e608"; }

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

.icon-home:before {
  content: "\e60a"; }

.icon-log:before {
  content: "\e60b"; }

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

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

.icon-network:before {
  content: "\e60e"; }

.icon-pie:before {
  content: "\e60f"; }

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

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

.icon-reporting:before {
  content: "\e612"; }

.icon-resources:before {
  content: "\e613"; }

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

.icon-sharing:before {
  content: "\e615"; }

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

.icon-caution:before {
  content: "\e617"; }

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

.icon-x:before {
  content: "\e619"; }

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

.icon-working:before {
  content: "\e61a"; }

.icon-edit:before {
  content: "\e61b"; }

.icon-phone:before {
  content: "\e800"; }

.icon-edit2:before {
  content: "\e801"; }

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

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

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

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

.icon-newspaper:before {
  content: "\e904"; }

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

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

.icon-quill:before {
  content: "\e907"; }

.icon-pen:before {
  content: "\e908"; }

.icon-blog:before {
  content: "\e909"; }

.icon-eyedropper:before {
  content: "\e90a"; }

.icon-droplet:before {
  content: "\e90b"; }

.icon-paint-format:before {
  content: "\e90c"; }

.icon-image:before {
  content: "\e90d"; }

.icon-images:before {
  content: "\e90e"; }

.icon-camera:before {
  content: "\e90f"; }

.icon-headphones:before {
  content: "\e910"; }

.icon-music:before {
  content: "\e911"; }

.icon-play:before {
  content: "\e912"; }

.icon-film:before {
  content: "\e913"; }

.icon-video-camera:before {
  content: "\e914"; }

.icon-dice:before {
  content: "\e915"; }

.icon-pacman:before {
  content: "\e916"; }

.icon-spades:before {
  content: "\e917"; }

.icon-clubs:before {
  content: "\e918"; }

.icon-diamonds:before {
  content: "\e919"; }

.icon-bullhorn:before {
  content: "\e91a"; }

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

.icon-podcast:before {
  content: "\e91c"; }

.icon-feed:before {
  content: "\e91d"; }

.icon-mic:before {
  content: "\e91e"; }

.icon-book:before {
  content: "\e91f"; }

.icon-books:before {
  content: "\e920"; }

.icon-library:before {
  content: "\e921"; }

.icon-file-text:before {
  content: "\e922"; }

.icon-profile:before {
  content: "\e923"; }

.icon-file-empty:before {
  content: "\e924"; }

.icon-files-empty:before {
  content: "\e925"; }

.icon-file-text2:before {
  content: "\e926"; }

.icon-file-picture:before {
  content: "\e927"; }

.icon-file-music:before {
  content: "\e928"; }

.icon-file-play:before {
  content: "\e929"; }

.icon-file-video:before {
  content: "\e92a"; }

.icon-file-zip:before {
  content: "\e92b"; }

.icon-copy:before {
  content: "\e92c"; }

.icon-paste:before {
  content: "\e92d"; }

.icon-stack:before {
  content: "\e92e"; }

.icon-folder:before {
  content: "\e92f"; }

.icon-folder-open:before {
  content: "\e930"; }

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

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

.icon-folder-download:before {
  content: "\e933"; }

.icon-folder-upload:before {
  content: "\e934"; }

.icon-price-tag:before {
  content: "\e935"; }

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

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

.icon-qrcode:before {
  content: "\e938"; }

.icon-ticket:before {
  content: "\e939"; }

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

.icon-coin-dollar:before {
  content: "\e93b"; }

.icon-coin-euro:before {
  content: "\e93c"; }

.icon-coin-pound:before {
  content: "\e93d"; }

.icon-coin-yen:before {
  content: "\e93e"; }

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

.icon-calculator:before {
  content: "\e940"; }

.icon-lifebuoy:before {
  content: "\e941"; }

.icon-phone2:before {
  content: "\e942"; }

.icon-phone-hang-up:before {
  content: "\e943"; }

.icon-address-book:before {
  content: "\e944"; }

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

.icon-pushpin:before {
  content: "\e946"; }

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

.icon-location2:before {
  content: "\e948"; }

.icon-compass:before {
  content: "\e949"; }

.icon-compass2:before {
  content: "\e94a"; }

.icon-map:before {
  content: "\e94b"; }

.icon-map2:before {
  content: "\e94c"; }

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

.icon-clock:before {
  content: "\e94e"; }

.icon-clock2:before {
  content: "\e94f"; }

.icon-alarm:before {
  content: "\e950"; }

.icon-bell:before {
  content: "\e951"; }

.icon-stopwatch:before {
  content: "\e952"; }

.icon-calendar2:before {
  content: "\e953"; }

.icon-printer:before {
  content: "\e954"; }

.icon-keyboard:before {
  content: "\e955"; }

.icon-display:before {
  content: "\e956"; }

.icon-laptop:before {
  content: "\e957"; }

.icon-mobile:before {
  content: "\e958"; }

.icon-mobile2:before {
  content: "\e959"; }

.icon-tablet:before {
  content: "\e95a"; }

.icon-tv:before {
  content: "\e95b"; }

.icon-drawer:before {
  content: "\e95c"; }

.icon-drawer2:before {
  content: "\e95d"; }

.icon-box-add:before {
  content: "\e95e"; }

.icon-box-remove:before {
  content: "\e95f"; }

.icon-download:before {
  content: "\e960"; }

.icon-upload:before {
  content: "\e961"; }

.icon-floppy-disk:before {
  content: "\e962"; }

.icon-drive:before {
  content: "\e963"; }

.icon-database:before {
  content: "\e964"; }

.icon-undo:before {
  content: "\e965"; }

.icon-redo:before {
  content: "\e966"; }

.icon-undo2:before {
  content: "\e967"; }

.icon-redo2:before {
  content: "\e968"; }

.icon-forward:before {
  content: "\e969"; }

.icon-reply:before {
  content: "\e96a"; }

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

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

.icon-bubbles2:before {
  content: "\e96d"; }

.icon-bubble2:before {
  content: "\e96e"; }

.icon-bubbles3:before {
  content: "\e96f"; }

.icon-bubbles4:before {
  content: "\e970"; }

.icon-user2:before {
  content: "\e971"; }

.icon-users:before {
  content: "\e972"; }

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

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

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

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

.icon-quotes-left:before {
  content: "\e977"; }

.icon-quotes-right:before {
  content: "\e978"; }

.icon-hour-glass:before {
  content: "\e979"; }

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

.icon-spinner2:before {
  content: "\e97b"; }

.icon-spinner3:before {
  content: "\e97c"; }

.icon-spinner4:before {
  content: "\e97d"; }

.icon-spinner5:before {
  content: "\e97e"; }

.icon-spinner6:before {
  content: "\e97f"; }

.icon-spinner7:before {
  content: "\e980"; }

.icon-spinner8:before {
  content: "\e981"; }

.icon-spinner9:before {
  content: "\e982"; }

.icon-spinner10:before {
  content: "\e983"; }

.icon-spinner11:before {
  content: "\e984"; }

.icon-binoculars:before {
  content: "\e985"; }

.icon-search2:before {
  content: "\e986"; }

.icon-zoom-in:before {
  content: "\e987"; }

.icon-zoom-out:before {
  content: "\e988"; }

.icon-enlarge:before {
  content: "\e989"; }

.icon-shrink:before {
  content: "\e98a"; }

.icon-enlarge2:before {
  content: "\e98b"; }

.icon-shrink2:before {
  content: "\e98c"; }

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

.icon-key2:before {
  content: "\e98e"; }

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

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

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

.icon-equalizer:before {
  content: "\e992"; }

.icon-equalizer2:before {
  content: "\e993"; }

.icon-cog:before {
  content: "\e994"; }

.icon-cogs:before {
  content: "\e995"; }

.icon-hammer:before {
  content: "\e996"; }

.icon-magic-wand:before {
  content: "\e997"; }

.icon-aid-kit:before {
  content: "\e998"; }

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

.icon-pie-chart:before {
  content: "\e99a"; }

.icon-stats-dots:before {
  content: "\e99b"; }

.icon-stats-bars:before {
  content: "\e99c"; }

.icon-stats-bars2:before {
  content: "\e99d"; }

.icon-trophy:before {
  content: "\e99e"; }

.icon-gift:before {
  content: "\e99f"; }

.icon-glass:before {
  content: "\e9a0"; }

.icon-glass2:before {
  content: "\e9a1"; }

.icon-mug:before {
  content: "\e9a2"; }

.icon-spoon-knife:before {
  content: "\e9a3"; }

.icon-leaf:before {
  content: "\e9a4"; }

.icon-rocket:before {
  content: "\e9a5"; }

.icon-meter:before {
  content: "\e9a6"; }

.icon-meter2:before {
  content: "\e9a7"; }

.icon-hammer2:before {
  content: "\e9a8"; }

.icon-fire:before {
  content: "\e9a9"; }

.icon-lab:before {
  content: "\e9aa"; }

.icon-magnet:before {
  content: "\e9ab"; }

.icon-bin:before {
  content: "\e9ac"; }

.icon-bin2:before {
  content: "\e9ad"; }

.icon-briefcase:before {
  content: "\e9ae"; }

.icon-airplane:before {
  content: "\e9af"; }

.icon-truck:before {
  content: "\e9b0"; }

.icon-road:before {
  content: "\e9b1"; }

.icon-accessibility:before {
  content: "\e9b2"; }

.icon-target:before {
  content: "\e9b3"; }

.icon-shield:before {
  content: "\e9b4"; }

.icon-power:before {
  content: "\e9b5"; }

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

.icon-power-cord:before {
  content: "\e9b7"; }

.icon-clipboard:before {
  content: "\e9b8"; }

.icon-list-numbered:before {
  content: "\e9b9"; }

.icon-list:before {
  content: "\e9ba"; }

.icon-list2:before {
  content: "\e9bb"; }

.icon-tree:before {
  content: "\e9bc"; }

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

.icon-menu2:before {
  content: "\e9be"; }

.icon-menu3:before {
  content: "\e9bf"; }

.icon-menu4:before {
  content: "\e9c0"; }

.icon-cloud:before {
  content: "\e9c1"; }

.icon-cloud-download:before {
  content: "\e9c2"; }

.icon-cloud-upload:before {
  content: "\e9c3"; }

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

.icon-download2:before {
  content: "\e9c5"; }

.icon-upload2:before {
  content: "\e9c6"; }

.icon-download3:before {
  content: "\e9c7"; }

.icon-upload3:before {
  content: "\e9c8"; }

.icon-sphere:before {
  content: "\e9c9"; }

.icon-earth:before {
  content: "\e9ca"; }

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

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

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

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

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

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

.icon-eye-blocked:before {
  content: "\e9d1"; }

.icon-bookmark:before {
  content: "\e9d2"; }

.icon-bookmarks:before {
  content: "\e9d3"; }

.icon-sun:before {
  content: "\e9d4"; }

.icon-contrast:before {
  content: "\e9d5"; }

.icon-brightness-contrast:before {
  content: "\e9d6"; }

.icon-star-empty:before {
  content: "\e9d7"; }

.icon-star-half:before {
  content: "\e9d8"; }

.icon-star-full:before {
  content: "\e9d9"; }

.icon-point-up:before {
  content: "\e9da"; }

.icon-point-right:before {
  content: "\e9db"; }

.icon-point-down:before {
  content: "\e9dc"; }

.icon-point-left:before {
  content: "\e9dd"; }

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

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

.icon-question:before {
  content: "\e9e0"; }

.icon-plus2:before {
  content: "\e9e1"; }

.icon-minus2:before {
  content: "\e9e2"; }

.icon-info:before {
  content: "\e9e3"; }

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

.icon-blocked:before {
  content: "\e9e5"; }

.icon-cross:before {
  content: "\e9e6"; }

.icon-checkmark:before {
  content: "\e9e7"; }

.icon-checkmark2:before {
  content: "\e9e8"; }

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

.icon-enter:before {
  content: "\e9ea"; }

.icon-exit:before {
  content: "\e9eb"; }

.icon-play2:before {
  content: "\e9ec"; }

.icon-pause:before {
  content: "\e9ed"; }

.icon-stop:before {
  content: "\e9ee"; }

.icon-previous:before {
  content: "\e9ef"; }

.icon-next:before {
  content: "\e9f0"; }

.icon-backward:before {
  content: "\e9f1"; }

.icon-forward2:before {
  content: "\e9f2"; }

.icon-play3:before {
  content: "\e9f3"; }

.icon-pause2:before {
  content: "\e9f4"; }

.icon-stop2:before {
  content: "\e9f5"; }

.icon-backward2:before {
  content: "\e9f6"; }

.icon-forward3:before {
  content: "\e9f7"; }

.icon-first:before {
  content: "\e9f8"; }

.icon-last:before {
  content: "\e9f9"; }

.icon-previous2:before {
  content: "\e9fa"; }

.icon-next2:before {
  content: "\e9fb"; }

.icon-eject:before {
  content: "\e9fc"; }

.icon-volume-high:before {
  content: "\e9fd"; }

.icon-volume-medium:before {
  content: "\e9fe"; }

.icon-volume-low:before {
  content: "\e9ff"; }

.icon-volume-mute:before {
  content: "\ea00"; }

.icon-volume-mute2:before {
  content: "\ea01"; }

.icon-volume-increase:before {
  content: "\ea02"; }

.icon-volume-decrease:before {
  content: "\ea03"; }

.icon-loop:before {
  content: "\ea04"; }

.icon-loop2:before {
  content: "\ea05"; }

.icon-infinite:before {
  content: "\ea06"; }

.icon-shuffle:before {
  content: "\ea07"; }

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

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

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

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

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

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

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

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

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

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

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

.icon-arrow-right2:before {
  content: "\ea13"; }

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

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

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

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

.icon-circle-up:before {
  content: "\ea18"; }

.icon-circle-right:before {
  content: "\ea19"; }

.icon-circle-down:before {
  content: "\ea1a"; }

.icon-circle-left:before {
  content: "\ea1b"; }

.icon-tab:before {
  content: "\ea1c"; }

.icon-move-up:before {
  content: "\ea1d"; }

.icon-move-down:before {
  content: "\ea1e"; }

.icon-sort-alpha-asc:before {
  content: "\ea1f"; }

.icon-sort-alpha-desc:before {
  content: "\ea20"; }

.icon-sort-numeric-asc:before {
  content: "\ea21"; }

.icon-sort-numberic-desc:before {
  content: "\ea22"; }

.icon-sort-amount-asc:before {
  content: "\ea23"; }

.icon-sort-amount-desc:before {
  content: "\ea24"; }

.icon-command:before {
  content: "\ea25"; }

.icon-shift:before {
  content: "\ea26"; }

.icon-ctrl:before {
  content: "\ea27"; }

.icon-opt:before {
  content: "\ea28"; }

.icon-checkbox-checked:before {
  content: "\ea29"; }

.icon-checkbox-unchecked:before {
  content: "\ea2a"; }

.icon-radio-checked:before {
  content: "\ea2b"; }

.icon-radio-checked2:before {
  content: "\ea2c"; }

.icon-radio-unchecked:before {
  content: "\ea2d"; }

.icon-crop:before {
  content: "\ea2e"; }

.icon-make-group:before {
  content: "\ea2f"; }

.icon-ungroup:before {
  content: "\ea30"; }

.icon-scissors:before {
  content: "\ea31"; }

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

.icon-font:before {
  content: "\ea33"; }

.icon-ligature:before {
  content: "\ea34"; }

.icon-ligature2:before {
  content: "\ea35"; }

.icon-text-height:before {
  content: "\ea36"; }

.icon-text-width:before {
  content: "\ea37"; }

.icon-font-size:before {
  content: "\ea38"; }

.icon-bold:before {
  content: "\ea39"; }

.icon-underline:before {
  content: "\ea3a"; }

.icon-italic:before {
  content: "\ea3b"; }

.icon-strikethrough:before {
  content: "\ea3c"; }

.icon-omega:before {
  content: "\ea3d"; }

.icon-sigma:before {
  content: "\ea3e"; }

.icon-page-break:before {
  content: "\ea3f"; }

.icon-superscript:before {
  content: "\ea40"; }

.icon-subscript:before {
  content: "\ea41"; }

.icon-superscript2:before {
  content: "\ea42"; }

.icon-subscript2:before {
  content: "\ea43"; }

.icon-text-color:before {
  content: "\ea44"; }

.icon-pagebreak:before {
  content: "\ea45"; }

.icon-clear-formatting:before {
  content: "\ea46"; }

.icon-table:before {
  content: "\ea47"; }

.icon-table2:before {
  content: "\ea48"; }

.icon-insert-template:before {
  content: "\ea49"; }

.icon-pilcrow:before {
  content: "\ea4a"; }

.icon-ltr:before {
  content: "\ea4b"; }

.icon-rtl:before {
  content: "\ea4c"; }

.icon-section:before {
  content: "\ea4d"; }

.icon-paragraph-left:before {
  content: "\ea4e"; }

.icon-paragraph-center:before {
  content: "\ea4f"; }

.icon-paragraph-right:before {
  content: "\ea50"; }

.icon-paragraph-justify:before {
  content: "\ea51"; }

.icon-indent-increase:before {
  content: "\ea52"; }

.icon-indent-decrease:before {
  content: "\ea53"; }

.icon-share:before {
  content: "\ea54"; }

.icon-new-tab:before {
  content: "\ea55"; }

.icon-embed:before {
  content: "\ea56"; }

.icon-embed2:before {
  content: "\ea57"; }

.icon-terminal:before {
  content: "\ea58"; }

.icon-share2:before {
  content: "\ea59"; }

.icon-mail2:before {
  content: "\ea5a"; }

.icon-mail22:before {
  content: "\ea5b"; }

.icon-mail3:before {
  content: "\ea5c"; }

.icon-mail4:before {
  content: "\ea5d"; }

.icon-file-pdf:before {
  content: "\ea5e"; }

.icon-file-openoffice:before {
  content: "\ea5f"; }

.icon-file-word:before {
  content: "\ea60"; }

.icon-file-excel:before {
  content: "\ea61"; }

.icon-libreoffice:before {
  content: "\ea62"; }

h1, .txt-up-6 {
  font-size: 28px;
  font-weight: 300;
  line-height: 1; }

h2, .txt-up-5 {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.33333; }

h3, .txt-up-4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.33333; }

h4, .txt-up-3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1; }

h5, .txt-up-2, legend,
.legend {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2; }

h6, .txt-up-1, caption {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.33333; }

.txt-base, legend.txt-label,
.legend.txt-label, table {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.33333; }

.txt-down-1, small, sub,
sup {
  font-size: 12.25px;
  font-weight: 300;
  line-height: 1.33333; }

.txt-down-2 {
  font-size: 10.5px;
  font-weight: 300;
  line-height: 1.33333; }

.txt-down-3 {
  font-size: 8.75px;
  font-weight: 300;
  line-height: 1.33333; }

h1 {
  margin-bottom: 12px; }
  h1:last-child {
    margin-bottom: 0; }

h2 {
  margin-bottom: 12px; }
  h2:last-child {
    margin-bottom: 0; }

h3 {
  margin-bottom: 12px; }
  h3:last-child {
    margin-bottom: 0; }

h4 {
  margin-bottom: 12px; }
  h4:last-child {
    margin-bottom: 0; }

h5 {
  margin-bottom: 12px; }
  h5:last-child {
    margin-bottom: 0; }

h6 {
  margin-bottom: 12px; }
  h6:last-child {
    margin-bottom: 0; }

p {
  margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }

b,
strong,
.txt-bold,
cite,
dt,
optgroup,
th {
  font-weight: bold; }

.txt-normal {
  font-weight: normal; }

ins {
  color: #111; }

i,
em,
.txt-italic,
dfn,
img {
  font-style: italic; }

.txt-no-italic {
  font-style: normal; }

mark,
.txt-highlight {
  background: #f9c213;
  border-radius: .125em;
  color: #222;
  display: inline-block;
  padding: .25em .5em;
  vertical-align: text-bottom; }

pre {
  overflow: auto;
  white-space: pre-wrap; }
  pre code {
    line-height: 1.5; }

s,
.txt-strike {
  opacity: .7;
  text-decoration: line-through; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

.txt-center {
  text-align: center; }

.txt-left {
  text-align: left; }

.txt-right {
  text-align: right; }

.txt-success {
  color: #71b619; }

.txt-warning {
  color: #f9c213; }

.txt-info {
  color: #5ac8e7; }

.txt-error,
.txt-alert {
  color: #d73098; }

.state {
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  padding: 0px;
  width: 22px;
  height: 22px;
  margin-left: 45%; }

.state-success {
  background-color: #71b619;
  background-image: url("../img/icon-complete.svg"); }

.state-warning {
  background-color: #f9c213;
  background-size: 100% 70%;
  background-image: url("../img/icon-warning.svg"); }

.state-progress {
  background-color: #5ac8e7;
  background-size: contain;
  background-image: url("../img/icon-progress.svg"); }

.state-error,
.state-alert {
  background-color: #d73098;
  background-size: 100% 70%;
  background-image: url("../img/icon-warning.svg"); }

.txt-underline {
  text-decoration: underline; }

.txt-no-underline {
  text-decoration: none; }

.txt-uppercase {
  text-transform: uppercase; }

.txt-truncate {
  max-width: 100%; }

.txt-white {
  color: #fff !important; }

.txt-light {
  color: #929bad; }

ol, ul, dl, dd {
  margin: 0 0 1em; }

ol, ul {
  padding-left: 1.5em; }
  ol ol, ol ul, ul ol, ul ul {
    margin-top: .5em; }

ol ol {
  list-style-type: lower-alpha; }

ol ol ol {
  list-style-type: lower-roman; }

.list-clean li .txt-label, nav ul li .txt-label, nav ol li .txt-label, .tab-menu li .txt-label {
  margin-bottom: 0; }

.list-actions li {
  display: inline-block; }

.list-number {
  list-style-type: decimal; }

.li-mb-0 li {
  margin-bottom: 0; }

.list-blocks {
  border-top: 1px solid; }
  .list-blocks li {
    border: 1px solid;
    border-top: 0;
    padding: 8px; }

.list-style-none {
  list-style-type: none; }

div.footer-terms-of-use h6 {
  font-weight: 700; }

dt {
  margin-bottom: .5em; }

dd {
  margin-left: 1em; }

.dl-clean dd {
  margin-left: 0; }

dt.is-fixed {
  clear: left;
  float: left;
  margin-bottom: 8px;
  width: 90px; }

dt.is-fixed + dd {
  float: left;
  margin-bottom: 8px;
  margin-left: 0;
  width: calc(100% - 90px); }

.list-horizontal li {
  display: inline-block;
  margin-left: -4px;
  margin-right: 12px;
  padding-right: 12px;
  position: relative; }
  .list-horizontal li:first-child {
    margin-left: 0; }
  .list-horizontal li:last-child {
    margin-right: 0;
    padding-right: 0; }
  .list-horizontal li:after {
    background: #ccc;
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px; }
  .list-horizontal li:last-child:after {
    display: none; }

.multi-list {
  -moz-column-gap: 16px;
  -webkit-column-gap: 16px;
  column-gap: 16px; }
  .multi-list--2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-width: 50%;
    -webkit-column-width: 50%;
    column-width: 50%; }
  .multi-list--3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-width: 32%;
    -webkit-column-width: 32%;
    column-width: 32%; }
  .multi-list--4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-width: 25%;
    -webkit-column-width: 25%;
    column-width: 25%; }

nav li {
  margin: 0 0 .5em; }

.nav-crumbs {
  margin: 0;
  padding: 0;
  list-style: none; }
  .nav-crumbs a,
  .nav-crumbs li {
    display: inline-block; }
  .nav-crumbs li {
    margin-bottom: 12px; }
    .nav-crumbs li:after {
      content: "/";
      display: inline-block;
      opacity: .5; }
    .nav-crumbs li:last-child:after {
      content: ''; }

button {
  overflow: visible; }

button,
[type="reset"],
[type="submit"],
html [type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="submit"]::-moz-focus-inner,
button[type="submit"]::-moz-focus-inner {
  outline: 0; }

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

button object {
  pointer-events: none; }

.btn, .cr-pill label, .checkbox-filter__label {
  -webkit-appearance: none;
  border: 2px solid transparent;
  border-radius: 40px;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  line-height: normal;
  padding: 0.25em 0.75em;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  vertical-align: middle; }
  .btn:hover, .cr-pill label:hover, input:focus + .checkbox-filter__label, .checkbox-filter__label:hover, .btn:focus, .cr-pill label:focus, .checkbox-filter__label:focus {
    outline: 0; }

.btn, .cr-pill label, .checkbox-filter__label {
  background: #459ae3;
  box-shadow: none;
  color: #fff;
  text-shadow: none; }
  .btn:hover, .cr-pill label:hover, input:focus + .checkbox-filter__label, .checkbox-filter__label:hover, .btn:focus, .cr-pill label:focus, .checkbox-filter__label:focus {
    background-color: #2f8ee0;
    color: #fff; }
  .btn:active, .cr-pill label:active, .checkbox-filter__label:active {
    background-color: #2081d5;
    color: #fff; }

.btn--cta {
  background: #71b619;
  color: #fff;
  border: 1px solid #71b619; }
  .btn--cta:focus, .btn--cta:hover {
    background-color: #63a016;
    border-color: #63a016;
    color: #fff; }
  .btn--cta:active, .btn--cta.btn--active, .btn--cta.btn--active:hover, .btn--cta.btn--active:focus {
    background-color: #558913;
    border-color: #558913;
    color: #fff; }

.btn--cancel {
  background: #8f9294;
  border: 1px solid #8f9294;
  color: #fff; }
  .btn--cancel:hover, .btn--cancel:focus {
    background-color: #9c9fa0;
    border-color: #9c9fa0;
    color: #fff; }
  .btn--cancel:active {
    background: #75797b;
    border-color: #75797b;
    color: #fff; }

.btn--delete {
  background: #d9534f;
  border: 1px solid #d9534f;
  color: #fff; }
  .btn--delete:hover, .btn--delete:focus {
    background-color: #de6764;
    border-color: #de6764;
    color: #fff; }
  .btn--delete:active {
    background: #d9534f;
    border-color: #d9534f;
    color: #fff; }

.btn--transparent,
.btn--transparent:active {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #39404e;
  text-shadow: none; }
  .btn--transparent:hover, .btn--transparent:focus,
  .btn--transparent:active:hover,
  .btn--transparent:active:focus {
    background-color: transparent;
    color: #222;
    outline: 1px dotted rgba(69, 154, 227, 0.25); }
  .btn--transparent:active, .btn--transparent.btn--active,
  .btn--transparent:active:active,
  .btn--transparent:active.btn--active {
    color: #222; }

.btn--active,
.btn--active:hover,
.btn--active:focus {
  background: #2081d5;
  color: #fff; }

.btn--active:hover {
  cursor: default; }

.btn--help,
.btn--info,
.btn--close,
.btn--clear {
  background-color: #bdbdbd;
  border: inherit;
  border-radius: 100%;
  color: #676a6b;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  padding: 0 !important;
  text-indent: .025em;
  width: 24px; }
  .btn--help:hover, .btn--help:focus,
  .btn--info:hover,
  .btn--info:focus,
  .btn--close:hover,
  .btn--close:focus,
  .btn--clear:hover,
  .btn--clear:focus {
    background-color: #cacaca;
    color: #12171a; }
  .btn--help:active,
  .btn--info:active,
  .btn--close:active,
  .btn--clear:active {
    background-color: #b0b0b0; }

.btn--info {
  font-weight: 600; }

.btn--close,
.btn--clear {
  font-size: 12px;
  font-weight: 800;
  line-height: 23px; }

.btn--add {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #B4B5C3;
  text-shadow: none; }
  .btn--add:hover, .btn--add:focus {
    background: transparent;
    color: #5ac8e7;
    outline: 1px dotted rgba(69, 154, 227, 0.25); }
  .btn--add:active, .btn--add.btn--active {
    color: #ccc; }

.btn--menu {
  color: #fff;
  display: inline-block;
  margin: auto;
  padding: 16px;
  position: relative;
  text-decoration: none;
  transition: padding ease-in-out .2s .4s, text-indent ease-in-out .2s .4s, color ease-in-out .2s .4s, max-width ease-in-out .2s .4s, min-width ease-in-out .2s .4s, top ease-in-out .2s;
  vertical-align: middle;
  z-index: 5; }
  @media sreen and (max-width: 660px) {
    .btn--menu {
      position: absolute; } }
  .btn--menu:active, .btn--menu:focus {
    outline: none; }
  .btn--menu:active, .btn--menu:link, .btn--menu:visited {
    color: #fff; }
  .btn--menu[aria-expanded="false"]:hover .btn--menu__icon {
    width: 22px; }
  .btn--menu[aria-expanded="false"]:hover .btn--menu__icon:before {
    top: -8px; }
  .btn--menu[aria-expanded="false"]:hover .btn--menu__icon:after {
    bottom: -8px; }
  .btn--menu[aria-expanded="true"] {
    background: #212529;
    color: rgba(255, 255, 255, 0);
    min-width: 1px; }
    .btn--menu[aria-expanded="true"]:hover .btn--menu__icon:before,
    .btn--menu[aria-expanded="true"]:hover .btn--menu__icon:after, .btn--menu[aria-expanded="true"]:focus .btn--menu__icon:before,
    .btn--menu[aria-expanded="true"]:focus .btn--menu__icon:after {
      background: #fff; }
    .btn--menu[aria-expanded="true"] .btn--menu__icon {
      background: transparent;
      bottom: 0;
      top: 0;
      transition: -webkit-transform .2s .4s;
      transition: transform .2s .4s; }
      .btn--menu[aria-expanded="true"] .btn--menu__icon:before, .btn--menu[aria-expanded="true"] .btn--menu__icon:after {
        background: #ccc;
        bottom: 0;
        top: 0; }
      .btn--menu[aria-expanded="true"] .btn--menu__icon:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .btn--menu[aria-expanded="true"] .btn--menu__icon:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }

.btn--menu__icon {
  background: #ccc;
  bottom: 0;
  height: 2px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transition: .2s all ease-in-out;
  width: 20px; }
  .btn--menu__icon:before, .btn--menu__icon:after {
    background: #ccc;
    border-radius: 4px;
    content: '';
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    transition: -webkit-transform .2s 0s, top .2s, bottom .2s;
    transition: transform .2s 0s, top .2s, bottom .2s;
    width: 100%; }
  .btn--menu__icon:before {
    top: -6px; }
  .btn--menu__icon:after {
    bottom: -6px; }

.is-touch-device .btn--menu:hover, .is-touch-device .btn--menu:link:hover, .is-touch-device .btn--menu:focus {
  background: transparent;
  box-shadow: none; }

.is-touch-device .btn--menu[aria-expanded="false"]:hover .btn--menu__icon {
  right: 14px;
  width: 20px; }

.is-touch-device .btn--menu[aria-expanded="false"]:hover .btn--menu__icon:before {
  top: -6px; }

.is-touch-device .btn--menu[aria-expanded="false"]:hover .btn--menu__icon:after {
  bottom: -6px; }

.btn--large {
  padding: 0.5em 2.5em; }

.btn--small {
  font-size: 0.8em;
  padding-left: 8px;
  padding-right: 8px; }

.btn--wide {
  display: block;
  width: 100%; }

.btn--min-width {
  min-width: 180px; }

.btn--knockout {
  background: rgba(0, 0, 0, 0); }
  .btn--knockout:hover, .btn--knockout:focus {
    background: rgba(0, 0, 0, 0.25); }
  .btn--knockout:active {
    background: rgba(0, 0, 0, 0.75); }

.btn--enter {
  background: #313742;
  border-color: #313742;
  padding: 8px 40px; }
  .btn--enter:hover, .btn--enter:focus {
    background: #111;
    border-color: #111; }
  .btn--enter:active {
    background: #111;
    border-color: #000; }
  .btn--enter--locked {
    padding-left: 56px; }
    .btn--enter--locked:before {
      background: #5ac8e7 url(../img/icon-lock.svg) no-repeat 12px center;
      background-size: 43% auto;
      border: 1px solid #5ac8e7;
      border-radius: 40px 0 0 40px;
      content: '';
      height: calc(100% + 2px);
      left: -1px;
      pointer-events: none;
      position: absolute;
      speech: none;
      top: -1px;
      width: 40px; }
    .btn--enter--locked:hover:before {
      background-color: #5ac8e7;
      border: 1px solid #5ac8e7; }

.btn-pill-area > :not(:first-child) {
  border-left: none; }

.btn-pill-area .btn, .btn-pill-area .cr-pill label, .cr-pill .btn-pill-area label, .btn-pill-area .checkbox-filter__label {
  border-radius: 0;
  float: left;
  margin: 0;
  min-width: 100px; }
  .btn-pill-area .btn--small {
    min-width: 5em;
    padding-bottom: .375em;
    padding-top: .375em; }

.btn-pill-area > :first-child {
  border-radius: 40px 0 0 40px !important; }

.btn-pill-area > :last-child {
  border-radius: 0 40px 40px 0; }

button, input, textarea, select, form, fieldset {
  font-size: inherit;
  font-weight: inherit;
  line-height: normal;
  margin-top: 0;
  text-transform: none; }

textarea,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="url"],
input[type="email"],
input[type="number"],
.input-text, input[type="search"],
.input-search {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: transparent;
  border: 1px solid #D4D5D7;
  box-shadow: none;
  border-radius: 2px;
  color: #313742;
  font-family: inherit;
  min-height: 34px;
  outline: 0;
  padding: 4px 8px;
  width: 100%; }
  textarea:focus,
  input:focus[type="text"],
  input:focus[type="password"],
  input:focus[type="tel"],
  input:focus[type="date"],
  input:focus[type="url"],
  input:focus[type="email"],
  input:focus[type="number"],
  .input-text:focus, input:focus[type="search"],
  .input-search:focus {
    background-color: #fff;
    border-color: #459ae3;
    box-shadow: 0 0 0 1px #2db9e1; }

input[disabled] {
  background-color: #E7E9ED;
  cursor: not-allowed !important; }

input[readonly], input[readonly]:focus {
  border-color: transparent !important;
  color: #313742 !important;
  box-shadow: none !important;
  padding: 0 !important; }

textarea,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="url"],
input[type="email"],
input[type="number"],
.input-text,
input[type="search"],
.input-search {
  position: relative;
  z-index: 2; }

textarea {
  display: block;
  min-height: 56px;
  min-width: 3.75em;
  overflow: auto;
  resize: vertical;
  vertical-align: top; }

.input--dark {
  background: #4f5769 !important;
  border: 1px solid #929bad !important;
  color: #fff !important; }
  .input--dark:focus {
    border-color: #ccc !important; }
  .input--dark + .btn--clear {
    color: #E7E9ED; }
    .input--dark + .btn--clear:hover, .input--dark + .btn--clear:focus {
      color: #fff;
      opacity: .75; }

::-moz-placeholder {
  color: #929bad;
  font-style: italic; }

:-ms-input-placeholder {
  color: #929bad;
  font-style: italic; }

::webkit-input-placeholder {
  color: #929bad;
  font-style: italic; }

.input--dark::-moz-placeholder {
  color: #E7E9ED;
  font-style: italic; }

.input--dark:-ms-input-placeholder {
  color: #E7E9ED;
  font-style: italic; }

.input--dark::webkit-input-placeholder {
  color: #E7E9ED;
  font-style: italic; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

.clean-input-number::-webkit-inner-spin-button,
.clean-input-number::-webkit-outer-spin-button {
  -webkit-appearance: none; }

.clean-input-number {
  -moz-appearance: textfield; }

.number-input-area {
  position: relative; }
  .number-input-area input {
    padding-right: 66px; }

.no-js .number-input-area {
  padding-right: 0; }

.btn-pill-area--numbers {
  height: 100%;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2; }
  .btn-pill-area--numbers .btn, .btn-pill-area--numbers .cr-pill label, .cr-pill .btn-pill-area--numbers label, .btn-pill-area--numbers .checkbox-filter__label {
    border-radius: 0 !important;
    height: 100%;
    min-width: 32px !important;
    padding: 0 !important; }
    .btn-pill-area--numbers .btn:first-of-type, .btn-pill-area--numbers .cr-pill label:first-of-type, .cr-pill .btn-pill-area--numbers label:first-of-type, .btn-pill-area--numbers .checkbox-filter__label:first-of-type {
      border-right: 1px solid; }

.input--dark + .btn-pill-area--numbers .btn, .input--dark + .btn-pill-area--numbers .cr-pill label, .cr-pill .input--dark + .btn-pill-area--numbers label, .input--dark + .btn-pill-area--numbers .checkbox-filter__label {
  background-color: #459ae3;
  border-color: #2f8ee0; }
  .input--dark + .btn-pill-area--numbers .btn:first-of-type, .input--dark + .btn-pill-area--numbers .cr-pill label:first-of-type, .cr-pill .input--dark + .btn-pill-area--numbers label:first-of-type, .input--dark + .btn-pill-area--numbers .checkbox-filter__label:first-of-type {
    border-right: 1px solid #2f8ee0; }
  .input--dark + .btn-pill-area--numbers .btn:hover, .input--dark + .btn-pill-area--numbers .cr-pill label:hover, .cr-pill .input--dark + .btn-pill-area--numbers label:hover, .input--dark + .btn-pill-area--numbers input:focus + .checkbox-filter__label, .input--dark + .btn-pill-area--numbers .checkbox-filter__label:hover, .input--dark + .btn-pill-area--numbers .btn:focus, .input--dark + .btn-pill-area--numbers .cr-pill label:focus, .cr-pill .input--dark + .btn-pill-area--numbers label:focus, .input--dark + .btn-pill-area--numbers .checkbox-filter__label:focus {
    background-color: #2f8ee0;
    border-color: #1d74bf; }

.btn--num-down {
  background-image: url("../img/icon-minus.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.btn--num-up {
  background-image: url("../img/icon-plus.svg");
  background-repeat: no-repeat;
  background-position: center center; }

input[type="search"],
.input-search {
  -webkit-appearance: none;
  padding-left: 8px;
  background: #fff !important;
  border: 1px solid #D4D5D7 !important; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button,
  .input-search::-webkit-search-decoration,
  .input-search::-webkit-search-cancel-button {
    -webkit-appearance: none; }

[role="search"] {
  position: relative; }
  [role="search"]:before {
    content: '\e614';
    font-family: 'icomoon';
    color: #E7E9ED;
    height: 24px;
    left: 6px;
    margin: auto;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    speech: none;
    top: 10px;
    width: 24px;
    z-index: 6; }

.has-date-picker label, .has-date-picker div.error {
  display: inline-block; }

.has-date-picker span:after {
  bottom: 8px;
  color: #AFAFBD;
  content: "\e602";
  font-family: 'icomoon';
  font-size: 25px;
  position: absolute;
  right: 0; }

.has-date-picker input {
  width: calc(100% - 40px); }

.has-time-picker div.input-group span.input-group-addon {
  display: block; }
  .has-time-picker div.input-group span.input-group-addon:after {
    bottom: 8px;
    color: #AFAFBD;
    content: "\e94e";
    font-family: 'icomoon';
    font-size: 25px;
    position: absolute;
    right: 0; }

.has-time-picker div.input-group input {
  width: calc(100% - 40px); }

input[type="checkbox"],
input[type="radio"] {
  padding: 0; }
  input[type="checkbox"]:focus,
  input[type="radio"]:focus {
    outline: none; }
  input[type="checkbox"][disabled] + label,
  input[type="radio"][disabled] + label {
    opacity: 0.5;
    pointer-events: none; }

.custom-cr input, .cr-pill input[type="checkbox"],
.cr-pill input[type="radio"], .checkbox-filter input[type="checkbox"] {
  height: 1px;
  left: -10px;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 1px; }

.custom-cr {
  margin: 0;
  overflow: hidden;
  position: relative; }
  input[type="radio"] + .custom-cr__icon {
    border-radius: 100%; }
    input[type="radio"] + .custom-cr__icon:after {
      border-radius: 100%; }
  input[type="radio"]:checked + .custom-cr__icon:after {
    background: #5ac8e7; }
  input:focus + .custom-cr__icon {
    background-color: #E7E9ED;
    border: 1px solid #5ac8e7;
    color: #fff; }
  input:invalid + .custom-cr__icon {
    background-color: #FFF5FB;
    border-color: #d73098;
    box-shadow: inset 1px 2px 2px 0 rgba(204, 208, 217, 0.57); }
  .custom-cr__icon {
    background: rgba(255, 255, 255, 0.33);
    border: 1px solid #ccc;
    border-radius: 0px;
    display: inline-block;
    height: 26px;
    margin-right: 8px;
    pointer-events: none;
    position: relative;
    vertical-align: middle;
    width: 26px; }
    .custom-cr__icon:after {
      background: rgba(0, 0, 0, 0);
      bottom: 0;
      content: '';
      height: 8px;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 8px; }

.custom-cr input[type="checkbox"]:checked + .custom-cr__icon:after {
  background: url("../img/check.svg") 50% 50% transparent no-repeat;
  height: 26px;
  width: 26px; }

.custom-cr input:checked + .custom-cr__icon {
  background: #fff;
  color: #fff; }

.custom-cr[disabled] {
  opacity: 0.5;
  pointer-events: none; }
  .custom-cr[disabled] input {
    display: none; }

.cr-pill {
  overflow: hidden;
  position: relative; }
  .cr-pill label {
    border-radius: 0 !important;
    float: left; }
    .cr-pill label:first-of-type {
      border-radius: 4px 0 0 4px !important; }
    .cr-pill label:last-of-type {
      border-radius: 0 4px 4px 0 !important; }
    .cr-pill label:not(:first-of-type) {
      border-left: none; }
  .cr-pill input:checked + label {
    background: #2081d5;
    color: #fff; }
  .cr-pill input:focus + label {
    background-color: #2f8ee0;
    color: #fff; }

.checkbox-filter {
  cursor: pointer;
  position: relative; }
  .checkbox-filter[disabled] .checkbox-filter__label {
    background: #737b7e;
    border-color: #737b7e; }
    .checkbox-filter[disabled] .checkbox-filter__label:before {
      background: url(../img/locked.png) no-repeat left center/auto 20px; }
  input:focus + .checkbox-filter__label:before {
    opacity: .8; }
  input:checked + .checkbox-filter__label:before {
    background-position: -32px center; }
  .checkbox-filter__label {
    position: relative;
    padding-left: 32px !important;
    pointer-events: none; }
    .checkbox-filter__label:before {
      background: url(../img/check.png) no-repeat left center/52px auto;
      bottom: 0;
      content: '';
      height: 28px;
      left: 8px;
      margin: auto;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 28px; }

.cr-pill--state {
  margin-bottom: 0; }
  .cr-pill--state .icon {
    font-size: 20px;
    display: inline-block;
    padding-right: 12px;
    vertical-align: sub; }
  .cr-pill--state label.rbtn {
    background: #fdfdfd;
    border-color: #E0E2E7;
    box-shadow: none;
    color: #B9BFCA;
    padding: 0.5em 2em;
    text-transform: none; }
    .cr-pill--state label.rbtn--process:hover .icon {
      color: #f9c213; }
    .cr-pill--state label.rbtn--complete:hover .icon {
      color: #71b619; }
    .cr-pill--state label.rbtn--cancelled:hover .icon {
      color: #d73098; }
    .cr-pill--state label.rbtn:hover {
      background: #fff;
      border-color: #E0E2E7;
      color: #313742; }
  .cr-pill--state input:checked + label.rbtn {
    background: #fff;
    border-color: #E0E2E7;
    color: #313742; }
    .cr-pill--state input:checked + label.rbtn--process .icon {
      color: #f9c213; }
    .cr-pill--state input:checked + label.rbtn--complete .icon {
      color: #71b619; }
    .cr-pill--state input:checked + label.rbtn--cancelled .icon {
      color: #d73098; }
  .cr-pill--state input:focus + label.rbtn {
    background: #fff;
    border-color: #E0E2E7;
    color: #313742; }
    .cr-pill--state input:focus + label.rbtn--process .icon {
      color: #f9c213; }
    .cr-pill--state input:focus + label.rbtn--complete .icon {
      color: #71b619; }
    .cr-pill--state input:focus + label.rbtn--cancelled .icon {
      color: #d73098; }

.has-clear-btn {
  padding-right: 32px; }
  .has-clear-btn + .btn--clear {
    bottom: 0;
    margin: auto;
    opacity: .5;
    position: absolute;
    right: 4px;
    top: 0;
    visibility: hidden;
    z-index: 2; }

.contact-input-icon {
  height: 25px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  z-index: 1; }
  .contact-input-icon:before {
    display: block;
    font-family: 'icomoon';
    font-size: 22px; }
  .contact-input-icon[href="#"] {
    opacity: .25;
    pointer-events: none; }
  .contact-input-icon--phone:before {
    content: "\e800"; }
  .contact-input-icon--url:before {
    content: "\e900";
    padding-left: 1px; }
  .contact-input-icon--email:before {
    content: "\e60c"; }

/* Fix radio buttons in 4 column layout
----------------------------------------*/
.col-4-fix {
  width: 50%;
  padding: 0.5em 0.5em; }

select {
  margin-bottom: 0;
  width: 100%; }
  select:focus {
    background-color: #fff;
    border: 1px solid #459ae3;
    box-shadow: 0 0 0 1px #459ae3; }

.select-box {
  background: #fff;
  border: 1px solid #D4D5D7;
  border-radius: 2px;
  box-shadow: none;
  overflow: hidden \9;
  position: relative; }
  .select-box:after {
    content: "";
    font-family: 'icomoon';
    color: #929bad;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 32%; }
  .select-box select {
    -webkit-appearance: textarea;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: #313742;
    font-family: inherit;
    font-size: inherit;
    height: 32px;
    margin: 0;
    padding: 4px 40px 4px 8px;
    width: 115% \9;
    z-index: 2; }
    .select-box select:focus {
      outline: #3B414E; }
    .select-box select::-ms-expand {
      display: none; }
    .select-box select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #595959; }
  .select-box option {
    border: 0;
    padding: 2px 4px; }
    .select-box option:hover {
      box-shadow: inset 0 0 200px #459ae3; }

.select-box--multi:after {
  display: none; }

.select-box--multi select {
  height: auto;
  padding: 0.25em; }

.select-box--multi option {
  padding: 0.25em; }
  .select-box--multi option:hover {
    box-shadow: inset 0 0 200px #459ae3;
    color: inherit; }

.select-box--multi--resize select {
  min-height: 60px;
  resize: vertical; }

.select-box--dark {
  background: #39404e;
  border: 1px solid #929bad; }
  .select-box--dark:after {
    color: #E0E2E7; }
  .select-box--dark select {
    color: #fff; }
    .select-box--dark select:-moz-focusring {
      text-shadow: 0 0 0 #fff; }
  .select-box--dark option:hover {
    box-shadow: inset 0 0 200px #459ae3; }

.txt-label,
label {
  display: inline-block;
  margin-bottom: 5px; }
  .txt-label[for],
  label[for] {
    cursor: pointer; }

legend,
.legend {
  display: inline-block;
  margin-left: -.25em;
  padding: 0 .25em; }
  legend.txt-label,
  .legend.txt-label {
    margin: 0;
    padding: 0; }

.input-error {
  border-color: #ff4136 !important; }

.input-success {
  border-color: #71b619 !important; }

.input-warning {
  border-color: #ff8602 !important; }

.fieldset-callout {
  background: white;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 12px; }
  .fieldset-callout:last-child {
    margin-bottom: 0; }
  .fieldset-callout--transparent {
    background: transparent; }

.form-row {
  margin: 0 0 15px;
  padding: 0;
  position: relative; }
  .form-row .search-field .btn-search {
    background: #fff;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border: 1px solid #D4D5D7;
    outline: none; }
  .form-row .search-field .btn-search .icon {
    color: #484F5F; }

.input-container .items {
  height: 38px; }
  .input-container .items .item {
    padding: 2px !important; }
    .input-container .items .item .remove {
      padding-top: 2px !important; }

table {
  font-weight: 400;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

td,
th {
  padding: 12px;
  text-align: left;
  vertical-align: top;
  overflow: hidden; }

table.txt-center td,
table.txt-center th {
  text-align: center; }
  table.txt-center td.txt-left,
  table.txt-center th.txt-left {
    text-align: left; }

caption {
  caption-side: top;
  text-align: left; }

.table-container {
  border: 1px solid transparent;
  border-radius: 4px;
  overflow: auto;
  padding-top: 37px;
  -webkit-overflow-scrolling: touch; }
  .table-container table:not([class*='mw-']) {
    min-width: 600px; }
  @media screen and (max-width: 800px) {
    .table-container table, .table-container th, .table-container td, .table-container tr {
      white-space: nowrap; } }

.table {
  background: transparent; }

.table__header {
  background: #E7E9ED;
  text-transform: uppercase;
  color: #5D677C;
  font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif; }

.table__heading {
  background: #E7E9ED; }

.table--bordered tr {
  border-bottom: 1px solid #444; }
  .table--bordered tr:last-child {
    border-bottom: 0; }
  .table--bordered tr.cancel-table--bordered {
    border-bottom: 0; }

.table-container--full-border {
  border-top: 1px solid; }
  .table-container--full-border tr {
    border-bottom: 1px solid; }
  .table-container--full-border td,
  .table-container--full-border th {
    border-right: 1px solid; }
    .table-container--full-border td:last-child,
    .table-container--full-border th:last-child {
      border-right: none; }

.has-fixed-thead .table--full-border thead {
  border: 1px solid;
  margin-top: 0; }

.table--striped tr:nth-child(2n) {
  background: #222; }

.table--equal {
  table-layout: fixed; }

.table--vm td,
.table--vm th {
  vertical-align: middle; }

.has-fixed-thead table,
.has-fixed-thead thead {
  background: #E7E9ED; }
  .has-fixed-thead table:not([class*='mw-']) thead,
  .has-fixed-thead thead:not([class*='mw-']) thead {
    min-width: 600px; }

.has-fixed-thead thead {
  display: inherit;
  left: 0;
  margin-top: -1px;
  position: absolute;
  top: 0;
  width: 100%; }

.table-fixed-th .fixed-text-container {
  display: block;
  overflow: hidden; }

.table-fixed-th .fixed-text {
  position: relative; }

div.inner-table-wrapper {
  width: 100%;
  background-color: red; }

/*
Tables
---------------------------------------------------------------------------------------------------- */
table {
  max-width: 100%; }

th {
  text-align: left; }

.table {
  width: 100%;
  margin-bottom: 20px; }

table.table tbody {
  overflow: inherit;
  display: table-row-group;
  padding-top: inherit;
  padding-bottom: inherit; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd; }

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd; }

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0; }

.table > tbody + tbody {
  border-top: 2px solid #ddd; }

.table .table {
  background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #eaeaea; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5; }

.section-light-table {
  border-bottom: 1px solid #DADADA; }

.ember-light-table {
  width: 95% !important;
  margin: 0 auto;
  border-collapse: collapse; }

.ember-light-table .multi-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ember-light-table tfoot .lt-column {
  border-top: 1px solid #DADADA; }

.ember-light-table thead .lt-column {
  border-bottom: 1px solid #DADADA; }

.ember-light-table .lt-column {
  font-weight: 200;
  font-size: 12px;
  padding: 10px; }

.ember-light-table .lt-column .lt-sort-icon {
  width: 15px; }

.ember-light-table .lt-column.lt-group-column {
  border: none !important;
  padding-bottom: 10px; }

.ember-light-table .lt-row {
  height: 50px; }

.ember-light-table .lt-row.is-selected {
  background-color: #DEDEDE !important; }

.ember-light-table .lt-row:not(.is-selected):hover {
  background-color: #F5F4F4 !important; }

.ember-light-table .lt-row:last-of-type td {
  border-bottom-width: 0; }

.ember-light-table .lt-row.lt-expanded-row:hover,
.ember-light-table .lt-row.lt-no-data:hover {
  background-color: transparent !important; }

.ember-light-table .lt-row.lt-expanded-row td,
.ember-light-table .lt-row.lt-no-data td {
  padding: 15px; }

.ember-light-table .lt-row td {
  border-right: 1px solid #E8E9ED;
  overflow: hidden;
  padding: 2px 2px 2px 6px;
  text-align: left;
  vertical-align: middle; }

.ember-light-table tr {
  border-bottom: 1px solid #fdfdfd; }

.ember-light-table tbody tr:nth-child(even) {
  background-color: #f3f4f6; }

.ember-light-table thead.lt-head {
  background-color: #fff;
  border-bottom: 3px solid #f3f4f6;
  text-transform: uppercase;
  color: #5D677C;
  font-family: "Avenir Next W01",Helvetica,Roboto,Arial,sans-serif; }

.ember-light-table thead.lt-head th.lt-column {
  font-weight: 700;
  border-right: 1px solid #E8E9ED;
  overflow: hidden;
  cursor: pointer;
  min-width: 100px;
  padding: 12px 2px 5px 6px;
  vertical-align: middle; }

.ember-light-table.ember-light-table-search thead.lt-head th.lt-column {
  border-right: none;
  font-weight: normal; }

.modal-overlay {
  background: rgba(0, 0, 0, 0.666);
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: auto;
  padding: 1.5em;
  position: fixed;
  top: 0;
  transition: opacity .2s;
  visibility: hidden;
  width: 100%;
  z-index: -1; }
  .modal-overlay[aria-hidden="false"] {
    opacity: 1;
    visibility: visible;
    z-index: 10; }
    .modal-overlay[aria-hidden="false"] .modal-window {
      -webkit-transform: scale(1);
      transform: scale(1); }

.modal-window {
  background: #fff;
  border-radius: 4px;
  box-shadow: none;
  margin: auto;
  max-width: 800px;
  min-width: 300px;
  overflow: auto;
  overflow-x: hidden;
  padding: 1.5em;
  position: relative;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  width: 100%; }
  .modal-window.modal-window--small {
    max-width: 400px; }
  .modal-window.modal-window--content-width {
    max-width: 100%; }
  .modal-window--has-content-overflow {
    overflow: hidden; }
    .modal-window--has-content-overflow .modal-content {
      border: 1px solid #fdfdfd;
      height: 300px;
      overflow: auto; }
      @media screen and (min-height: 700px) {
        .modal-window--has-content-overflow .modal-content {
          height: 400px; } }
      @media screen and (min-height: 800px) {
        .modal-window--has-content-overflow .modal-content {
          height: 500px; } }
      @media screen and (min-height: 900px) {
        .modal-window--has-content-overflow .modal-content {
          height: 600px; } }
      @media screen and (min-height: 1000px) {
        .modal-window--has-content-overflow .modal-content {
          height: 700px; } }

.modal-close-content {
  display: inline-block;
  float: right; }
  .modal-close-content .icon-x {
    background: #d9534f;
    border: 1px solid #d9534f;
    color: #fff;
    border-radius: 50%;
    height: 28px;
    width: 28px; }

.modal-content {
  margin: 20px 0; }

.modal-outro .btn--close {
  position: absolute;
  right: 8px;
  top: 8px; }

.modal-overlay.visible {
  opacity: 1;
  visibility: visible;
  z-index: 10; }
  .modal-overlay.visible .modal-window {
    -webkit-transform: scale(1);
    transform: scale(1); }

.no-js .dd-area__content {
  display: none; }
  .no-js .dd-area__content:target {
    display: block; }

.dd-area {
  position: relative;
  white-space: nowrap; }
  .dd-area li {
    margin: 0; }
  .dd-area a {
    display: block;
    text-decoration: none; }
  .dd-area__trigger {
    padding: 8px 20px 8px 20px;
    position: relative;
    z-index: 2; }
    .dd-area__trigger[aria-expanded="true"], .dd-area__trigger:focus, .dd-area__trigger:active {
      background: #459ae3;
      color: #fff; }
    .dd-area__trigger[aria-expanded="true"]:hover, .dd-area__trigger[aria-expanded="true"]:focus {
      background: #2081d5; }
    .dd-area__trigger:after {
      content: "";
      font-family: 'icomoon';
      margin-left: 12px;
      vertical-align: middle; }
  .dd-area__content {
    background: #fff;
    border: 1px solid #E7E9ED;
    margin: 0;
    left: 0;
    min-width: 144px;
    position: absolute;
    right: 0;
    top: 100%;
    transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s;
    transition: opacity ease-in-out .2s, transform ease-in-out .2s;
    z-index: 12; }
    .dd-area__content[aria-expanded="true"] {
      opacity: 1;
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
      visibility: visible; }
    .dd-area__content[aria-expanded="false"] {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
      visibility: hidden; }
    .dd-area__content__title {
      padding: 12px 12px 4px; }
      .dd-area__content__title:last-child {
        margin-bottom: 0; }
    .dd-area__content a {
      border-bottom: 1px solid #E7E9ED;
      margin-bottom: 0;
      padding: 12px;
      position: relative; }
      .dd-area__content a:hover, .dd-area__content a:focus {
        background: #459ae3;
        color: #fff; }

.patient-grid-options h3 {
  cursor: pointer; }

.message-block {
  background: #FAD459;
  border: 1px solid #f9c213;
  bottom: 12px;
  left: 12px;
  margin: auto;
  max-width: 400px;
  opacity: 0.1;
  padding: 16px;
  position: fixed;
  right: 12px;
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  visibility: hidden;
  z-index: 0; }
  .message-block.is-active {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
    z-index: 20; }
  .message-block > p:last-of-type {
    margin-bottom: 0; }
  .message-block.alert-info {
    background: #5ac8e7;
    border: 1px solid #5ac8e7; }
  .message-block.alert-success {
    background: #71b619;
    border: 1px solid #71b619; }
  .message-block.alert-warning {
    background: #f9c213;
    border: 1px solid #f9c213; }
  .message-block.alert-error {
    color: #fff;
    background: #ff4136;
    border: 1px solid #ff4136; }
  .message-block__dismiss-btn {
    background: none;
    border: none;
    bottom: 0;
    position: absolute;
    right: 4px;
    top: 0; }
    .message-block__dismiss-btn:after {
      color: rgba(0, 0, 0, 0.45);
      content: "\e619";
      font-family: 'icomoon';
      speech: none; }
  .message-block--has-dismiss {
    padding-right: 40px; }

hr {
  background: #929bad;
  border: 0;
  border-bottom: 1px solid #39404e;
  height: 4px;
  margin: 0; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.clear {
  clear: both; }

.overflow-clear {
  overflow: hidden; }

.overflow-scroll {
  height: 100%;
  overflow: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.is-touch-device .overflow-scroll {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll; }

.overflow-no-scroll {
  height: 100%;
  overflow: hidden;
  -ms-overflow-style: none; }

.grid {
  margin-bottom: 1.25em;
  margin-left: -1.25em; }
  .grid--up-gutter {
    margin-left: -2.5em; }

.grid.grid--up-gutter > [class*="width-"] {
  padding-left: 2.5em; }

.grid > [class*="width-"] {
  float: left;
  margin-bottom: 0;
  min-height: 1px;
  padding-left: 1.25em;
  position: relative; }
  @media screen and (max-width: 64em) {
    .grid > [class*="width-"] {
      margin-bottom: 1.25em; }
      .grid > [class*="width-"].mb-0 {
        margin-bottom: 0; } }
  .grid > [class*="width-"].float-right {
    float: right; }

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

.flex-grid, .tab-menu {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .flex-grid + .flex-grid, .tab-menu + .flex-grid, .flex-grid + .tab-menu, .tab-menu + .tab-menu {
    margin-top: 1em; }

.flex-inline-grid {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex; }

[class*="flex-block-"] {
  margin-right: 1em; }
  [class*="flex-block-"]:last-child {
    margin-right: 0; }

.flex-block-1 {
  -ms-flex: 1 100%;
  -webkit-flex: 1 100%;
  flex: 1 100%; }

.flex-block-2 {
  -ms-flex: 2 50%;
  -webkit-flex: 2 50%;
  flex: 2 50%; }

.flex-block-3 {
  -ms-flex: 3 33.33333%;
  -webkit-flex: 3 33.33333%;
  flex: 3 33.33333%; }

.flex-block-4 {
  -ms-flex: 4 25%;
  -webkit-flex: 4 25%;
  flex: 4 25%; }

.flex-block-5 {
  -ms-flex: 5 20%;
  -webkit-flex: 5 20%;
  flex: 5 20%; }

.flex-block-6 {
  -ms-flex: 6 16.66667%;
  -webkit-flex: 6 16.66667%;
  flex: 6 16.66667%; }

.flex-block-7 {
  -ms-flex: 7 14.28571%;
  -webkit-flex: 7 14.28571%;
  flex: 7 14.28571%; }

.flex-block-8 {
  -ms-flex: 8 12.5%;
  -webkit-flex: 8 12.5%;
  flex: 8 12.5%; }

.flex-block-9 {
  -ms-flex: 9 11.11111%;
  -webkit-flex: 9 11.11111%;
  flex: 9 11.11111%; }

.flex-block-10 {
  -ms-flex: 10 10%;
  -webkit-flex: 10 10%;
  flex: 10 10%; }

.flex-block-auto {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto; }

[class*="flex-block"] > .content-block {
  height: 100%; }

.tab-container {
  position: relative; }
  .tab-container [tabindex="-1"] {
    box-shadow: none;
    outline: none; }

.tab-menu {
  border: 1px solid #6c7890;
  border-bottom: 0;
  margin: 0; }
  .tab-menu[aria-hidden="true"] {
    display: none; }
  .tab-menu li {
    -ms-flex: 1 1;
    -webkit-flex: 1 1;
    flex: 1 1;
    margin: 0;
    text-align: center;
    outline: none; }
  .tab-menu__item {
    background: #fff;
    border-right: 1px solid #6c7890;
    color: #459ae3;
    display: block;
    padding: 12px 16px;
    position: relative;
    text-decoration: none; }
    .tab-menu__item:hover, .tab-menu__item:focus {
      background: #459ae3;
      color: #fff;
      outline: none; }
    .tab-menu__item[aria-selected='true'], .tab-menu__item.is-selected {
      background: #fdfdfd;
      color: #39404e; }

.tab-panel-container {
  border: 1px solid #6c7890;
  border-bottom: 0; }

.tab-panel {
  background: #fff;
  border-bottom: 1px solid #6c7890;
  min-height: 200px;
  padding: 20px; }
  .tab-panel[aria-hidden='true'], .tab-panel.is-hidden {
    display: none; }

@media screen and (max-width: 700px) {
  .tab-menu {
    display: block; }
    .tab-menu li {
      border-bottom: 0;
      border-top: 1px solid #6c7890;
      display: block; }
      .tab-menu li:first-of-type {
        border-top: 0; }
    .tab-menu__item {
      border-right: 0; } }

.display-block, article, aside, canvas, footer, header, main, section, menu, nav, hr, address, figure,
figcaption, figure img {
  display: block; }

.display-inline {
  display: inline;
  margin: 0 !important;
  width: auto !important; }

.display-inline-block, progress,
.display-inline-all > * {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  width: auto !important; }

.mobile-show {
  display: none !important; }
  @media screen and (max-width: 48.125em) {
    .mobile-show {
      display: block !important; } }

@media screen and (max-width: 48.125em) {
  .mobile-hide {
    display: none !important; } }

.position-relative {
  position: relative; }

.has-error {
  border: 1px solid #d73098; }

.msg {
  display: none;
  margin-top: 4px;
  position: absolute; }

.has-error ~ .msg {
  display: block; }

.is-fully-hidden {
  display: none !important;
  height: 0;
  visibility: hidden; }

.is-visually-hidden {
  border: 0 !important;
  color: transparent;
  height: 1px !important;
  left: -999999px !important;
  position: absolute !important;
  width: 1px !important; }

.is-hidden {
  opacity: 0;
  visibility: hidden; }

.is-visible {
  opacity: 1;
  visibility: visible !important; }

.replace-text {
  overflow: hidden;
  text-indent: -9999px; }

.mute {
  opacity: .75; }
  .mute--half {
    opacity: .5; }
  .mute--quarter {
    opacity: .25; }

.m-0 {
  margin: 0; }

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

.mb-8 {
  margin-bottom: 8px; }

.mt-0 {
  margin-top: 0; }

.ml-0 {
  margin-left: 0; }

.mt-24 {
  margin-top: 24px; }

.mb-quarter {
  margin-bottom: .25em; }

.mb-half {
  margin-bottom: .5em; }

.mb-12 {
  margin-bottom: 12px; }

.mb-20 {
  margin-bottom: 20px; }

.mr-12 {
  margin-right: 12px; }

.ml-12 {
  margin-left: 12px; }

.mr-20 {
  margin-right: 20px; }

.ml-20 {
  margin-left: 20px; }

.mr-n-one-quarter {
  margin-right: -1.25em; }

.p-0 {
  padding: 0; }

.pb-0 {
  padding-bottom: 0; }

.pt-0 {
  padding-top: 0; }

.pr-0 {
  padding-right: 0; }

.pl-12 {
  padding-left: 12px; }

.pt-quarter {
  padding-top: .25em; }

.main-crm section > fieldset:nth-child(2) {
  padding-top: 151px !important; }

.width-10 {
  width: 10%; }

.width-20 {
  width: 20%; }

.width-25 {
  width: 25%; }

.width-30 {
  width: 30%; }

.width-40 {
  width: 40%; }

.width-50 {
  width: 50%; }

.width-60 {
  width: 60%; }

.width-70 {
  width: 70%; }

.width-75 {
  width: 75%; }

.width-80 {
  width: 80%; }

.width-90 {
  width: 90%; }

.width-100 {
  width: 100%; }

.width-33 {
  width: 33.33333%; }

.width-66 {
  width: 66.66667%; }

@media screen and (max-width: 48.125em) {
  [class*="width-"]:not(.width-force) {
    width: 100%; }
  .width-50-s {
    width: 50% !important; }
  .width-33-s {
    width: 33.3333% !important; } }

@media screen and (max-width: 64em) {
  .width-50-m {
    width: 50% !important; }
  .width-33-m {
    width: 33.3333% !important; } }

@media screen and (max-width: 37.5em) {
  .width-50-m,
  .width-33-m {
    width: 100% !important; } }

.mw-1024 {
  min-width: 1024px; }

.mw-1400 {
  min-width: 1400px; }

.mw-768 {
  min-width: 768px; }

.mw-600 {
  min-width: 600px; }

.mw-240, .btn--enter {
  min-width: 240px; }

.mw-140 {
  min-width: 140px; }

.mxw-50 {
  max-width: 50px; }

.mxw-400 {
  max-width: 400px; }

.mxw-600 {
  max-width: 600px; }

.mxw-full {
  max-width: 100%; }

.max-height-200 {
  max-height: 200px; }

.max-height-300 {
  max-height: 300px; }

.max-height-400 {
  max-height: 400px; }

.max-height-600 {
  max-height: 600px; }

.max-height-100vh {
  max-height: 100vh; }

.max-height-80vh {
  max-height: 80vh; }

.min-height-60 {
  min-height: 58px; }

.min-height-112 {
  min-height: 112px; }

.min-height-200 {
  min-height: 200px; }

.min-height-400 {
  min-height: 400px; }

.resize-vertical {
  resize: vertical; }

.min-height-127 {
  margin-top: -19px;
  min-height: 127px; }

.min-height-75 {
  min-height: 82px; }

.min-height-23 {
  min-height: 24px; }

code, kbd, samp {
  background: #39404e;
  color: #E7E9ED;
  border: 1px solid #111;
  border-left-width: 4px;
  display: block;
  font: 14px monospace, serif;
  padding: 0.5em; }

p code, li code, blockquote code, q code, p kbd, li kbd, blockquote kbd, q kbd, p samp, li samp, blockquote samp, q samp {
  display: inline-block;
  font-size: 10.5px;
  margin: 0;
  padding: 0.125em 0.25; }

figure,
figcaption {
  margin: auto; }

embed, object, audio, video {
  display: inline-block;
  max-width: 100%; }

img {
  color: #d73098;
  max-width: 100%; }

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

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

progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #45494c linear-gradient(to bottom, #45494c 0, #43484a 100%);
  border: none;
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35) inset;
  height: 20px;
  max-width: 25em;
  padding: 2px;
  width: 100%; }
  progress[value]::-webkit-progress-bar {
    background: #45494c linear-gradient(to bottom, #45494c 0, #43484a 100%); }
  progress::-moz-progress-bar {
    background: #558dc2 linear-gradient(to bottom, #558dc2 0, #4682bd 100%);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset; }
  progress::-webkit-progress-value {
    background: #558dc2 linear-gradient(to bottom, #558dc2 0, #4682bd 100%);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset; }
  progress:not([value])::-moz-progress-bar {
    background: none;
    box-shadow: none; }
  progress:not([value])::-webkit-progress-bar {
    background: none;
    box-shadow: none; }

.content-block {
  background: #313742;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  padding: 12px; }
  .content-block[tabindex]:focus {
    outline: 0; }

.content-block--light {
  background: #fff;
  color: #595959; }

.content-area {
  margin: auto;
  max-width: 1100px;
  padding: 20px; }

.vcard .adr > span {
  display: inline-block;
  margin-bottom: 8px;
  position: relative; }

.vcard-label:before {
  display: inline-block;
  font-weight: 500;
  margin-right: 8px;
  width: 82px; }

.vcard-label.locality:before {
  content: 'City/State:'; }

.vcard-label.street-address:before {
  content: 'Street:'; }

.vcard-label.postal-code:before {
  content: 'Zip:'; }

.chk-top-fix {
  margin-top: 47px; }

.table-list .table__header, .table-list .table .tbody {
  width: 100%;
  display: block; }
  .table-list .table__header tr, .table-list .table .tbody tr {
    width: 100%;
    display: inline-block; }

.table-list .table__header tr, .table-list tbody tr {
  width: 100%;
  display: inline-block; }

.table-list tbody {
  width: 100%;
  padding-top: 40px !important; }

.table-list thead th, .table-list tbody td {
  display: inline-block; }

.table-list.table-2 thead th, .table-list.table-2 tbody td {
  width: 48%; }

.table-list.table-3 thead th, .table-list.table-3 tbody td {
  width: 33%; }

.table-list.table-5 thead th, .table-list.table-5 tbody td {
  width: 20%; }

.table-list.table-4 thead th, .table-list.table-4 tbody td {
  width: 18%; }

.table-list.table-6 thead th, .table-list.table-6 tbody td {
  width: 16%; }

.table-list.table-events thead th, .table-list.table-events tbody td {
  width: 23%; }

.tbodyHeight {
  max-height: 450px; }

/*
  ============================
    GET IT DONE

    quick fix is meant to be an area to build out new components, or apply
    quick styling/fixes for patterns. It should always be a goal for this
    file to be empty, and to remove any quick fixes by implementing them back
    into the main product(s)s style sheets as soon as possible.
  ============================
*/
html,
body {
  height: 100%;
  background: #fff; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif; }

h1, .txt-up-6 {
  font-size: 26px; }

h3, .txt-h3, .txt-up-3 {
  color: #5D677C;
  text-transform: uppercase; }

p {
  line-height: 23px; }

.icon {
  font-size: 24px;
  vertical-align: middle; }

a {
  color: #2db9e1;
  text-decoration: none;
  cursor: pointer; }
  a:focus {
    box-shadow: none; }
  a.no-style {
    color: inherit; }

.btn, .cr-pill label, .checkbox-filter__label {
  padding: 0.5em 2.5em; }
  .btn:active, .cr-pill label:active, .checkbox-filter__label:active {
    top: 1px; }
  .btn--close {
    padding: 0; }
  .btn--edit {
    height: 22px;
    padding: 2px;
    width: 22px; }
    .btn--edit .icon {
      font-size: 12px !important;
      display: table-cell;
      width: 14px;
      float: left;
      color: #fff !important; }
  .btn--del {
    background: #d73098;
    height: 22px;
    padding: 0;
    width: 22px; }
    .btn--del:hover, .btn--del:focus {
      background: #b2227c; }
    .btn--del .icon {
      font-size: 12px !important;
      display: table-cell;
      width: 19px;
      float: left;
      color: #fff !important; }

hr.light {
  height: 1px;
  margin-bottom: 1em; }

.grid > [class*="width-"] {
  margin-bottom: 0; }

legend {
  color: #313742;
  font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 50px; }

.txt-label {
  display: block; }

.time-label .txt-label {
  font-weight: 300; }

.is-readonly {
  font-weight: 500;
  pointer-events: none; }

textarea,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="url"],
input[type="email"],
input[type="number"],
.input-text, input[type="search"],
.input-search {
  font-weight: 400; }

.icon-asterisk {
  background: url("../img/red_asteriks.png") no-repeat 98% 10px;
  display: inline-block;
  height: 20px;
  margin-top: -20px;
  width: 15px; }

input:focus:invalid, textarea:focus:invalid {
  background-color: #FFF5FB;
  border: 1px solid #d73098;
  box-shadow: inset 1px 2px 2px 0px rgba(204, 208, 217, 0.57);
  color: #d73098; }

input:disabled, textarea:disabled {
  background: #fdfdfd; }

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

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

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

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

.selectize-input {
  min-height: 34px; }

.control-group {
  margin-bottom: 2em; }

input:checked + .custom-cr__icon:after {
  background: #5ac8e7; }

.display-inline-block, progress,
.display-inline-all > * {
  vertical-align: baseline; }

.display-inline-all-middle > * {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  width: auto !important; }

.t-cell-border::before,
.t-cell-border::after {
  display: none; }

.contact-input-icon {
  top: -5px; }

.custom-cr__icon {
  border-radius: 4px;
  border: 1px solid transparent; }

.cr-pill label {
  border: 1px solid transparent; }

.custom-cr__icon,
.custom-cr input:checked + .custom-cr__icon,
.custom-cr input:focus + .custom-cr__icon {
  background: #fff;
  border-color: #d4d5d7;
  box-shadow: none;
  color: #313742;
  padding: 0.25em 0.5em; }

.custom-cr input:checked + .custom-cr__icon::after {
  background: #5ac8e7; }

.mxw-off {
  max-width: none; }

div.fileinputs {
  position: relative;
  display: block; }

div.fakefile {
  left: 0px;
  right: 0;
  top: 0px;
  z-index: 1; }
  div.fakefile input {
    width: 80%; }
  div.fakefile .btn.btn--upload, div.fakefile .cr-pill label.btn--upload, .cr-pill div.fakefile label.btn--upload, div.fakefile .btn--upload.checkbox-filter__label {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 0.8em; }

input.file {
  height: 38px;
  margin-bottom: 1em;
  opacity: 0;
  position: relative;
  text-align: right;
  width: 100%;
  z-index: 2; }

.download-link {
  cursor: pointer; }

.banner {
  background: #2A2F38;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: ease 0.15s all;
  width: 250px;
  z-index: 9; }
  @media screen and (max-width: 64em) {
    .banner {
      width: 70px; } }
  .banner.open {
    width: 250px; }
    .banner.open .user {
      text-align: left;
      width: 250px;
      height: auto; }
      .banner.open .user .icon-user {
        opacity: 1;
        visibility: visible; }

a.logo {
  margin-right: 10px; }
  a.logo img {
    width: 200px;
    height: 87px; }

.branding {
  background: #2A2F38;
  margin-bottom: 0;
  padding: 16px 0;
  text-align: center;
  transition: ease 0.15s all;
  z-index: 10;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  @media screen and (max-width: 64em) {
    .branding {
      left: -999px; } }
  .branding img {
    display: block;
    margin: 0 auto;
    width: 60%; }

.quick-find {
  margin-bottom: 8px;
  padding: 16px;
  margin-right: 20px; }
  .quick-find label {
    color: #6c7890;
    font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase; }

.quick-find .select-box, .fixed-header__table .select-box, .charting .select-box {
  background: #3B414E;
  border: 1px solid transparent;
  box-shadow: none;
  color: #A9A4B2; }
  .quick-find .select-box option, .fixed-header__table .select-box option, .charting .select-box option {
    padding: 6px 4px; }
    .quick-find .select-box option:hover, .fixed-header__table .select-box option:hover, .charting .select-box option:hover {
      box-shadow: none; }
  .quick-find .select-box select, .fixed-header__table .select-box select, .charting .select-box select {
    border: 1px solid transparent;
    box-shadow: none;
    color: #A9A4B2; }
    .quick-find .select-box select:hover, .fixed-header__table .select-box select:hover, .charting .select-box select:hover {
      background-color: #3B414E; }
  .quick-find .select-box::after, .fixed-header__table .select-box::after, .charting .select-box::after {
    color: #B9BFCA; }

.search-field {
  position: relative; }
  .search-field input[type='search'] {
    background: #3B414E;
    border: 1px solid transparent;
    color: #A9A4B2;
    padding-left: 8px;
    padding-right: 50px; }
  .search-field .btn-search {
    background: #484F5F;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border: 1px solid transparent;
    height: 34px;
    position: absolute;
    right: 1px;
    top: 0;
    width: 38px;
    z-index: 2; }
    .search-field .btn-search .icon {
      color: #fff; }

.nav-toggle {
  display: none; }
  @media screen and (max-width: 64em) {
    .nav-toggle {
      display: block;
      margin-bottom: 20px !important; }
      .nav-toggle a {
        color: #fff !important; }
      .nav-toggle .icon {
        color: #fff;
        margin-right: 16px; } }
  .nav-toggle--label {
    display: block; }
  .nav-toggle a {
    padding: 10px 0; }

.user {
  background: #313742;
  bottom: 0;
  color: #6c7890;
  font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 500;
  left: 0;
  padding: 10px 16px;
  position: fixed !important;
  text-transform: uppercase;
  transition: ease 0.15s all;
  width: 250px;
  z-index: 1; }
  @media screen and (max-width: 64em) {
    .user {
      text-align: center;
      width: 70px;
      height: 44px; }
      .user .icon-user {
        opacity: 0;
        visibility: hidden; } }
  .user .log-btn {
    padding: .25em .25em;
    position: absolute;
    right: 20px;
    top: 4px; }
    .user .log-btn:active {
      padding: .25em .25em; }
    .user .log-btn .icon {
      color: #fff;
      font-size: 22px; }

.page-sp-portal,
.main-sp-portal {
  height: 100%; }

.main-sp-portal {
  margin-left: 250px;
  transition: ease .2s width, ease .2s margin-left;
  width: calc(100% - 250px); }
  @media screen and (max-width: 64em) {
    .main-sp-portal {
      margin-left: 70px;
      width: calc(100% - 70px); } }

.main-header {
  display: block; }

.uk-notify-message-success {
  background: #17ae40;
  color: #fff;
  border: 1px solid; }

.uk-notify-message-danger {
  background: #fff1f0;
  color: #d85030;
  border: 1px solid; }

body.nav-is-active .banner {
  width: 250px; }

body.nav-is-active .user {
  width: 250px; }

body.nav-is-active .side-nav a {
  text-align: left; }

body.nav-is-active .nav-toggle a {
  padding: 10px 16px; }

body.nav-is-active .nav-toggle .icon {
  margin-right: 16px; }

body.nav-is-active .side-nav--label, body.nav-is-active .log-btn {
  color: inherit;
  height: auto;
  left: auto;
  position: static;
  width: auto;
  text-transform: none; }

body.nav-is-active .add-click {
  top: 0;
  right: 2px;
  left: auto; }

.banner {
  padding-bottom: 50px;
  padding-top: 74px; }
  @media screen and (max-width: 64em) {
    .banner {
      padding-top: 12px; } }
  .banner.open {
    padding-top: 12px; }
    .banner.open .side-nav {
      width: calc(100% + 40px); }
      .banner.open .side-nav > ul {
        overflow: auto;
        margin-right: 20px; }
      .banner.open .side-nav a {
        text-align: left; }
      .banner.open .side-nav .active .side-nav--label {
        color: #fff; }
      .banner.open .side-nav--label {
        color: #6c7890;
        text-transform: uppercase;
        left: auto;
        position: static; }

.side-nav {
  height: 100%;
  width: calc(100% + 40px); }
  .side-nav .active .icon {
    color: #2db9e1; }
  @media screen and (max-width: 64em) {
    .side-nav {
      width: auto; } }
  .side-nav > ul {
    height: 100%;
    overflow: auto;
    margin-right: 20px; }
    @media screen and (max-width: 64em) {
      .side-nav > ul {
        overflow-y: auto;
        margin-right: 0; } }
  .side-nav li {
    margin-bottom: 0;
    position: relative; }
    @media screen and (max-width: 64em) {
      .side-nav li {
        margin-right: auto; } }
    .side-nav li.current-active .icon {
      color: #5ac8e7; }
    .side-nav li.current-active .side-nav--label {
      color: #B9BFCA; }
    .side-nav li.has-children:before, .side-nav li.has-children:after {
      color: #4f5769;
      content: "\e605";
      font-family: 'icomoon';
      font-size: 20px;
      position: absolute;
      right: 28px;
      top: 6px; }
      @media screen and (max-width: 64em) {
        .side-nav li.has-children:before, .side-nav li.has-children:after {
          right: 0; } }
  .side-nav .toggle-search {
    display: none; }
    @media screen and (max-width: 64em) {
      .side-nav .toggle-search {
        display: block; } }
  .side-nav--label {
    transition: ease 0.15s all;
    vertical-align: middle; }
    @media screen and (max-width: 64em) {
      .side-nav--label {
        border: 0;
        color: transparent;
        height: 1px;
        left: -999999px;
        position: absolute;
        width: 1px; } }
  .side-nav a {
    display: block;
    padding: 5px 16px;
    text-decoration: none;
    color: #6c7890;
    font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif;
    text-transform: uppercase; }
    @media screen and (max-width: 64em) {
      .side-nav a {
        text-align: center; } }
    .side-nav a:hover, .side-nav a:focus {
      background: #3B414E;
      outline: none; }
      .side-nav a:hover .icon, .side-nav a:focus .icon {
        color: #5ac8e7; }
    .side-nav a.active {
      background: #3B414E;
      color: #fff;
      font-weight: 500;
      position: relative; }
  @media screen and (max-width: 64em) {
    .side-nav .icon {
      margin-right: 0; } }
  .side-nav > ul > li > a {
    color: #6c7890;
    font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase; }

.side-sub-nav {
  display: none;
  transition: ease 0.15s all; }
  .side-sub-nav.active {
    display: block; }
  .side-sub-nav li {
    display: block;
    float: none;
    margin: 0; }
    .side-sub-nav li.current-active > a {
      background: #3B414E;
      color: #fff;
      font-weight: 500;
      position: relative; }
      .side-sub-nav li.current-active > a:after {
        background: #2db9e1;
        content: ' ';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 4px; }
  .side-sub-nav > li > a {
    color: #B4B5C3;
    font-weight: 300;
    padding: 2px 8px 2px 65px; }

.dd-area {
  background-color: #fff;
  position: relative; }
  .dd-area li {
    margin-bottom: 0; }
  .dd-area > li {
    border-bottom: 1px solid #E9EBEF;
    position: relative; }
    .dd-area > li.no-link::after {
      content: none; }
    .dd-area > li::after {
      background-color: #fdfdfd;
      content: "\e605";
      cursor: pointer;
      font-family: 'icomoon';
      font-size: 18px;
      line-height: 42px;
      padding-left: 5px;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      width: 50px; }
    .dd-area > li > a {
      padding-right: 40px; }
    .dd-area > li:hover h3 > a, .dd-area > li:focus h3 > a {
      color: #2db9e1; }
    .dd-area > li:hover::after, .dd-area > li:focus::after {
      color: #2db9e1; }
    .dd-area > li .js-dropdown__reveal a {
      line-height: 30px; }
  .dd-area a:first-child {
    padding: 0px 8px 0px 20px; }
  .dd-area a {
    color: #6c7890;
    display: block;
    line-height: 42px;
    padding: 0px 8px;
    text-decoration: none;
    font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif; }
  .dd-area > li > ul {
    background-color: #fdfdfd;
    border: 1px solid #E9EBEF;
    left: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1; }
    .dd-area > li > ul[aria-expanded="true"] {
      display: block; }
    .dd-area > li > ul[aria-expanded="false"] {
      display: none; }
    .dd-area > li > ul a:hover, .dd-area > li > ul a:focus {
      background: #2db9e1;
      color: #fff; }
  .dd-area .no-link a:hover {
    color: inherit; }
  .dd-area--add {
    border: 1px solid #D4D5D7;
    border-radius: 2px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.15);
    height: 38px;
    line-height: 38px; }
    .dd-area--add h3 {
      height: 38px;
      line-height: 38px; }
      .dd-area--add h3 a {
        line-height: 38px; }
    .dd-area--add > li {
      border-bottom: none; }
      .dd-area--add > li::after {
        background-color: #fdfdfd;
        content: "\e605";
        cursor: pointer;
        font-family: 'icomoon';
        font-size: 18px;
        line-height: 36px;
        padding-left: 5px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 38px; }
      .dd-area--add > li > ul {
        border: 1px solid #D4D5D7;
        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.15); }

.flex-li > li {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.add-click {
  position: absolute;
  top: 0;
  right: 26px;
  height: 100%; }
  @media screen and (max-width: 64em) {
    .add-click {
      top: -999px;
      left: -999px; } }
  .add-click a {
    height: 100%;
    padding: 0px 5px;
    display: table; }
    .add-click a:hover, .add-click a:active {
      background: inherit;
      outline: none; }
      .add-click a:hover .icon, .add-click a:active .icon {
        color: #fff !important; }
  .add-click .icon {
    margin: 0;
    font-size: 15px;
    color: #6C7890 !important;
    display: table-cell;
    vertical-align: middle; }

.add-pop {
  position: fixed;
  left: 250px;
  z-index: 5;
  border: 1px solid #3B414E;
  background: #fff; }
  .add-pop a {
    margin: 0;
    display: block;
    padding: 0.25em 1em;
    color: inherit; }
    .add-pop a:hover, .add-pop a:focus {
      background: #f3f3f3;
      color: inherit; }
  .add-pop__header {
    padding: 0 1.5em 0 1em;
    background: #3B414E;
    color: #fff; }
  .add-pop__main li {
    width: 100%;
    margin: 0; }
  .add-pop[aria-hidden="true"] {
    display: none; }
  .add-pop[aria-hidden="false"] {
    display: block; }

.section-block {
  border-bottom: 1px solid #ccc;
  padding: 0 20px;
  background: #fff; }
  .section-block:last-child {
    border-bottom: none;
    margin-bottom: 0; }
  .section-block__header {
    position: relative;
    overflow: hidden;
    height: 50px;
    line-height: 50px; }
    .section-block__header-sum {
      position: absolute;
      top: 0;
      right: 50px;
      line-height: 50px;
      height: 100%;
      display: none;
      max-width: 60%;
      margin-left: 200px; }
    .section-block__header a {
      text-decoration: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      color: #313742; }
      .section-block__header a:hover, .section-block__header a:focus {
        box-shadow: none;
        outline: 0; }
        .section-block__header a:hover::after, .section-block__header a:focus::after {
          color: #2db9e1; }
      .section-block__header a::after {
        position: absolute;
        top: 0;
        right: 0;
        font-family: 'icomoon';
        font-size: 21px;
        cursor: pointer;
        color: #313742; }
      .section-block__header a[aria-expanded="true"]::after {
        content: "\e60d"; }
      .section-block__header a[aria-expanded="false"]::after {
        content: "\e611"; }
  .section-block__main {
    padding-top: 5px; }
  .section-block .search-field input[type='search'] {
    background: inherit;
    border: 1px solid #D4D5D7; }
  .section-block .search-field .btn-search {
    background: #fff;
    border: 1px solid #D4D5D7;
    outline: none; }
    .section-block .search-field .btn-search .icon {
      color: #D4D5D7; }
    .section-block .search-field .btn-search.invalid {
      background: #fff;
      outline: none;
      background-color: #FFF5FB !important;
      border: 1px solid #d73098 !important;
      border-right: none !important; }

.tab-container {
  background-color: #fff;
  border-bottom: none;
  border-top: 4px solid #929bad;
  margin-top: 1em; }
  .tab-container .table-container {
    max-height: 300px; }
  .tab-container__sideways {
    background-color: #fff;
    border-bottom: none;
    border-top: none; }
    .tab-container__sideways .tab-menu {
      display: block;
      width: 20%;
      float: left;
      border-bottom: none; }
      .tab-container__sideways .tab-menu li {
        text-align: left; }
      .tab-container__sideways .tab-menu__item[aria-selected="true"] {
        border-bottom: none;
        border-right: 5px solid #2db9e1;
        color: #2db9e1; }
        .tab-container__sideways .tab-menu__item[aria-selected="true"]:hover, .tab-container__sideways .tab-menu__item[aria-selected="true"]:focus {
          border-bottom: none;
          border-right: 5px solid #2db9e1; }
    .tab-container__sideways .tab-panel-container {
      border-left: 1px solid #CCD0D9;
      float: left;
      width: 80%; }

.tab-panel-container {
  border: none; }
  .tab-panel-container .tab-panel {
    border: none; }
    .tab-panel-container .tab-panel header {
      margin-left: -18px; }

.tab-menu {
  border: none;
  border-bottom: 1px solid #CCD0D9; }
  .tab-menu__item {
    font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif;
    text-transform: uppercase;
    color: #5D677C;
    background-color: #fff;
    border: none;
    border-bottom: 5px solid transparent; }
    .tab-menu__item[aria-selected="true"] {
      border-bottom: 5px solid #2db9e1;
      color: #2db9e1; }
      .tab-menu__item[aria-selected="true"]:hover, .tab-menu__item[aria-selected="true"]:focus {
        border-bottom: 5px solid #2db9e1; }
    .tab-menu__item:hover, .tab-menu__item:focus {
      background-color: #fff;
      color: #2db9e1;
      border: none;
      border-bottom: 5px solid transparent;
      box-shadow: none; }

.case-history-table {
  padding-top: 56px; }

.attending {
  display: block;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 1%;
  height: 200px;
  overflow: auto;
  max-height: 400px; }
  .attending__list li {
    padding: 0;
    margin: 0; }
  .attending__list a {
    display: block;
    color: inherit; }
    .attending__list a:hover, .attending__list a:active {
      background: #DDD; }
  .attending__action {
    padding-top: 30px; }

.btn--attending {
  background: #DDD;
  color: #fff;
  min-width: 150px; }

.charting {
  background: #3B414E;
  height: 100%; }
  .charting .select-box {
    border: 1px solid #D4D5D7; }
  .charting label, .charting .txt-label {
    color: #B9BFCA; }
  .charting .section-block {
    background: #3B414E;
    border: none;
    color: #fff; }

.reporting {
  float: left;
  margin-bottom: 1em;
  width: 100%; }
  .reporting li {
    background: #566074;
    color: #B9BFCA;
    float: left;
    margin-bottom: 0.2em;
    margin-right: .2em;
    padding: 1em 2em 1em 1em;
    width: 22%; }
    @media screen and (max-width: 64em) {
      .reporting li {
        width: 49%; } }
    .reporting li:first-child {
      background: transparent;
      color: #929bad;
      min-width: 100px;
      width: 10%; }
      @media screen and (max-width: 64em) {
        .reporting li:first-child {
          width: 100%; } }
  .reporting p {
    margin-bottom: 0; }
  .reporting-cta {
    color: #fff;
    font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2.57em; }

.graph-label {
  font-size: 1.14em;
  font-weight: 400;
  margin-bottom: 0; }

.graph {
  border-radius: 3px;
  border: 1px solid #656D7D;
  height: 350px;
  width: 100; }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr;
  margin: 0.5em 0; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */ }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10; }

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 7px; }

.noUi-horizontal .noUi-handle {
  width: 15px;
  height: 15px;
  top: -5px;
  border-radius: 100%; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

/* Styling;
 */
.noUi-background {
  background: #000;
  box-shadow: none; }

.noUi-connect {
  background: #5AC8E7;
  -webkit-transition: background 450ms;
  transition: background 450ms; }

.noUi-origin {
  border-radius: 2px; }

.noUi-target {
  border-radius: 4px;
  border: 1px solid transparent; }

.noUi-target.noUi-connect {
  border: 1px solid #5AC8E7; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize; }

.noUi-vertical .noUi-draggable {
  cursor: n-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.selectize-control {
  position: relative;
  height: 34px; }

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

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

.selectize-input {
  border-radius: 3px;
  border: none;
  display: inline-block;
  overflow: hidden;
  padding: 5px 8px;
  position: relative;
  width: 100%;
  z-index: 1; }

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px; }

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

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

.selectize-input.focus {
  border: 1px solid #d7309; }

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

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

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #ffffff;
  border: 1px solid #0073bb; }

.selectize-control.multi .selectize-input > div.active {
  background: #92c836;
  color: #ffffff;
  border: 1px solid #00578d; }

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa; }

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

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

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

.selectize-input > input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  padding-top: 10px;
  width: 50px; }

.selectize-input > input::-moz-placeholder {
  /* Firefox 19+ */
  padding-top: 15px;
  width: 50px; }

.selectize-input > input:-ms-input-placeholder {
  /* IE 10+ */
  padding-top: 10px;
  width: 50px; }

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

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

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

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
  color: #4F5769;
  font-weight: 400;
  font-size: 16px; }

.selectize-dropdown [data-selectable] .highlight {
  border-radius: 1px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px; }

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6; }

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none; }

.selectize-control.multi .selectize-input [data-value] {
  background: #FFFFFF;
  border: 1px solid #E0E2E7;
  box-shadow: 0px 2px 4px 0px rgba(204, 208, 217, 0.35);
  border-radius: 2px;
  color: #595959;
  padding: 10px;
  vertical-align: middle;
  color: #4F5769;
  font-weight: 400;
  font-size: 16px;
  height: 24px; }

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #E9EBEF;
  color: #595959;
  border: 1px solid #E0E2E7; }
  .selectize-control.multi .selectize-input [data-value].active .remove {
    border: 1px solid #E0E2E7; }

.selectize-control.single .selectize-input {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: #f9f9f9; }

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8; }

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em; }

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0; }

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

.selectize-control.invalid {
  background-color: #FFF5FB !important;
  border: 1px solid #d73098 !important;
  box-shadow: inset 1px 2px 2px 0px rgba(204, 208, 217, 0.57) !important;
  color: #d73098 !important;
  height: 36px; }

/*!
 * FullCalendar v2.4.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
  margin-bottom: 2em; }

.fc-rtl {
  text-align: right; }

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666; }

.fc-unthemed .fc-today {
  background: #fcfcfc;
  color: #5AC8E7;
  font-weight: bold; }

.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */ }

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */ }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
  margin: 0 -1em;
  /* ensures character will be centered, regardless of width */ }

.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: 3%; }

.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: -3%; }

.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
  left: -2%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
  left: 2%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer; }

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0; }

.fc-state-default {
  /* non-theme */
  border: 1px solid; }

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle; }

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right; }

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px; }

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */ }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }

.fc-clear {
  clear: both; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }

.fc th {
  text-align: center; }

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
  font-weight: normal; }

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */ }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0; }

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

.fc-row .fc-helper-skeleton {
  z-index: 5; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden; }

.fc-scroller > * {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */ }

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */ }

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */ }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

.fc-event .fc-resizer {
  position: absolute;
  z-index: 3; }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* resizer */
.fc-h-event .fc-resizer {
  /* positioned it to overcome the event's borders */
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  width: 5px; }

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize; }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize; }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
  cursor: pointer; }

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: bold; }

.fc-day-grid-event .fc-resizer {
  /* enlarge the default hit area */
  left: -3px;
  right: -3px;
  width: 7px; }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em; }

.fc-toolbar .fc-left {
  float: left; }

.fc-toolbar .fc-right {
  float: right; }

.fc-toolbar .fc-center {
  display: inline-block; }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em; }

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0; }

/* title text */
.fc-toolbar h2 {
  margin: 0; }

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative; }

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2; }

.fc-toolbar .fc-state-down {
  z-index: 3; }

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4; }

.fc-toolbar button:focus {
  z-index: 5; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px; }

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px; }

.fc-basic-view .fc-week-number {
  text-align: center; }

.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right; }

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left; }

.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */ }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */ }

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */ }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-rtl .fc-axis {
  text-align: left; }

.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */ }

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-time-grid .fc-bgevent-skeleton {
  z-index: 3; }

.fc-time-grid .fc-highlight-skeleton {
  z-index: 4; }

.fc-time-grid .fc-content-skeleton {
  z-index: 5; }

.fc-time-grid .fc-helper-skeleton {
  z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */ }

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted; }

.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */ }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container,
.fc-time-grid .fc-bgevent-container {
  /* a div within a cell within the fc-bgevent-skeleton */
  position: relative; }

.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px; }

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }

/* resizer */
.fc-time-grid-event .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event .fc-resizer:after {
  content: "="; }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table; }

.pika-single:after {
  clear: both; }

.pika-single {
  *zoom: 1; }

.pika-single.is-hidden {
  display: none; }

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

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

.pika-title {
  position: relative;
  text-align: center; }

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

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

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0; }

.pika-prev:hover,
.pika-next:hover {
  opacity: 1; }

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

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

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2; }

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

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0; }

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center; }

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5; }

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

.is-today .pika-button {
  color: #33aaff;
  font-weight: bold; }

.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px; }

.is-inrange .pika-button {
  background: #D5E9F7; }

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px; }

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px; }

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3; }

.pika-button:hover {
  color: #fff;
  background: #5AC8E7;
  box-shadow: none;
  border-radius: none; }

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help; }

/* 
This is to style it without using boostrap
*/
.bootstrap-datetimepicker-widget table td {
  height: 14px;
  line-height: 14px;
  width: 14px; }

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: inherit;
  height: inherit;
  line-height: inherit; }

.bootstrap-datetimepicker-widget table td span:hover {
  background: none; }

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 6px; }

.input-group-addon {
  padding: 6px 6px;
  background-color: transparent;
  border: none; }

/*
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="incrementSeconds"]::after{
    content: "\ea09";
    content: "\ea18";
    font-family: 'icomoon';
    overflow: inherit; 
    border: inherit;
    position: inherit;
} 

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementSeconds"]::after{
    content: "\ea0d";
    content: "\ea1a";
    font-family: 'icomoon';
    overflow: inherit; 
    border: inherit;
    position: inherit;
}
*/
.timepicker-picker table.table-condensed td {
  border: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%; }

.input-group[class*="col-"] {
  float: none; }

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }

.input-group .form-control:focus {
  z-index: 3; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.table-condensed {
  border-spacing: 0;
  border-collapse: collapse;
  box-sizing: border-box; }

.input-group {
  border-collapse: separate; }

.timepicker .btn, .timepicker .cr-pill label, .cr-pill .timepicker label, .timepicker .checkbox-filter__label {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget a.btn, .bootstrap-datetimepicker-widget a.checkbox-filter__label {
  background: none; }

.bootstrap-datetimepicker-widget a.btn:hover, .bootstrap-datetimepicker-widget input:focus + a.checkbox-filter__label, .bootstrap-datetimepicker-widget a.checkbox-filter__label:hover {
  background: #eeeeee; }

.glyphicon-chevron-up:before {
  content: "\ea09";
  font-family: 'icomoon';
  color: #459ae3; }

.glyphicon-chevron-down:before {
  content: "\ea0d";
  font-family: 'icomoon';
  color: #459ae3; }

.tooltip {
  position: absolute;
  padding: .8em 1em;
  top: 15px;
  /* Defines the spacing between tooltip and target position */
  color: #fff;
  background: #616B7F;
  max-height: 90vh;
  z-index: 999; }

.tooltip.tooltip-notes {
  color: #595959;
  background: #FFFED6; }

@media screen and (max-width: 48.125em) {
  .tooltip {
    max-width: 200px; } }

@media screen and (min-width: 48.125em) {
  .tooltip {
    max-width: 800px; } }

.uk-notify-message-success {
  background: #f2fae3;
  color: #659f13;
  border: 1px solid; }

.uk-notify-message-danger {
  background: #fff1f0;
  color: #d85030;
  border: 1px solid; }

.assessment-container {
  padding: 1%; }

.question__list {
  padding: 10px 20px; }
  .question__list li {
    float: left;
    display: inline;
    margin-top: 10px;
    padding-right: 10px; }
    .question__list li div.error,
    .question__list li div.success,
    .question__list li div.error ul.list-options label,
    .question__list li div.success ul.list-options label {
      opacity: 0.9; }
    .question__list li div.error .txt-label,
    .question__list li div.error .question-index {
      color: #ff4136; }
    .question__list li div.success .txt-label,
    .question__list li div.success .question-index {
      color: #71b619; }
  .question__list li:nth-child(2n+2) {
    clear: right; }
  .question__list li:nth-child(2n+1) {
    clear: left; }
  .question__list ul.list-options {
    padding-left: 5%;
    padding-top: 2%; }
    .question__list ul.list-options li {
      width: 100%; }
  .question__list a {
    display: block;
    color: inherit; }
    .question__list a:hover, .question__list a:active {
      background: #DDD; }

.question__action {
  padding-top: 30px; }

.question-disabled,
.question-disabled label {
  cursor: not-allowed !important;
  opacity: 0.7; }

.loader-container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2; }

.loader,
.loader:before,
.loader:after {
  background: #5ac8e7;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em; }

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: ''; }

.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader {
  text-indent: -9999em;
  top: 50%;
  bottom: 0;
  left: 57.8%;
  position: absolute;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.loader:after {
  left: 1.5em; }

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #3b414e;
    height: 4em; }
  40% {
    box-shadow: 0 -2em #3b414e;
    height: 5em; } }

@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #3b414e;
    height: 4em; }
  40% {
    box-shadow: 0 -2em #3b414e;
    height: 5em; } }

.__cmp-footer__e98ba {
  /* IE 6 */ }
  .__cmp-footer__e98ba ul.footer-list {
    margin-top: 10px;
    margin-right: 10px;
    padding: 0px 10px; }
  .__cmp-footer__e98ba ul.footer-list li {
    list-style-type: none;
    display: inline;
    padding: 8px 0px; }
  .__cmp-footer__e98ba ul.footer-list li:not(:first-child):before {
    content: " | "; }
  .__cmp-footer__e98ba #footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 5vh;
    width: 100%; }
  .__cmp-footer__e98ba * html #footer {
    position: absolute;
    top: expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); }

.__cmp-header__c28e4 {
  background: #3B414E;
  color: #fff;
  min-height: 75px;
  padding: 10px 20px 10px 20px;
  transition: ease 0.25s all;
  z-index: 5;
  position: relative;
  display: block; }
  .__cmp-header__c28e4 a {
    color: #B9BFCA;
    font-family: "Avenir Next W01", Helvetica, Roboto, Arial, sans-serif; }
  .__cmp-header__c28e4 a.btn, .__cmp-header__c28e4 a.checkbox-filter__label {
    color: #fff; }
  .__cmp-header__c28e4 .title {
    display: inline-block;
    text-transform: capitalize; }
    .__cmp-header__c28e4 .title h1 {
      line-height: 75px; }
    .__cmp-header__c28e4 .title .actions {
      text-align: right; }
  .__cmp-header__c28e4 ul li {
    display: inline-block; }

/*# sourceMappingURL=sp-portal-frontend.css.map */