/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('../bundles/samsonframework/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../bundles/samsonframework/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../bundles/samsonframework/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../bundles/samsonframework/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../bundles/samsonframework/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../bundles/samsonframework/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

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

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

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

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

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

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em; }

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

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

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

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

.pull-right {
  float: right; }

.pull-left {
  float: left; }

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

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

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

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

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #fff; }

.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

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

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

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

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

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

.fa-th:before {
  content: "\f00a"; }

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

.fa-check:before {
  content: "\f00c"; }

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

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

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

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

.fa-signal:before {
  content: "\f012"; }

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

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

.fa-home:before {
  content: "\f015"; }

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

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

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

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

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

.fa-inbox:before {
  content: "\f01c"; }

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

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

.fa-refresh:before {
  content: "\f021"; }

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

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

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

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

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

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

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

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

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

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

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

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

.fa-list:before {
  content: "\f03a"; }

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

.fa-indent:before {
  content: "\f03c"; }

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

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

.fa-pencil:before {
  content: "\f040"; }

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

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

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

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

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

.fa-arrows:before {
  content: "\f047"; }

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

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

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

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

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

.fa-eject:before {
  content: "\f052"; }

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

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

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

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

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

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

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

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

.fa-crosshairs:before {
  content: "\f05b"; }

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

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

.fa-ban:before {
  content: "\f05e"; }

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

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

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

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

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

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

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

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

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

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

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

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

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

.fa-retweet:before {
  content: "\f079"; }

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

.fa-folder:before {
  content: "\f07b"; }

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

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

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

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

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

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

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

.fa-key:before {
  content: "\f084"; }

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

.fa-comments:before {
  content: "\f086"; }

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

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

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

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

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

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

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

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

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

.fa-trophy:before {
  content: "\f091"; }

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

.fa-upload:before {
  content: "\f093"; }

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

.fa-phone:before {
  content: "\f095"; }

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

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

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

.fa-twitter:before {
  content: "\f099"; }

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

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

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

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

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

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

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

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

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

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

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

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

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

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

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

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

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

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

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

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

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

.fa-paperclip:before {
  content: "\f0c6"; }

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

.fa-square:before {
  content: "\f0c8"; }

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

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

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

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

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

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

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

.fa-money:before {
  content: "\f0d6"; }

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

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

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

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

.fa-columns:before {
  content: "\f0db"; }

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

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

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

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

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

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

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

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

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

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

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

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

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

.fa-exchange:before {
  content: "\f0ec"; }

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

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

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

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

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

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

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

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

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

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

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

.fa-beer:before {
  content: "\f0fc"; }

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

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

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

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

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

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

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

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

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

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

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

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

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

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

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

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

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

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

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

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

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

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

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

.fa-gamepad:before {
  content: "\f11b"; }

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

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

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

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

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

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

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

.fa-crop:before {
  content: "\f125"; }

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

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

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

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

.fa-microphone:before {
  content: "\f130"; }

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

.fa-shield:before {
  content: "\f132"; }

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

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

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

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

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

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

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

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

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

.fa-bullseye:before {
  content: "\f140"; }

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

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

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

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

.fa-ticket:before {
  content: "\f145"; }

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

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

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

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

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

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

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

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

.fa-compass:before {
  content: "\f14e"; }

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

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

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

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

.fa-gbp:before {
  content: "\f154"; }

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

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

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

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

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

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

.fa-file:before {
  content: "\f15b"; }

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

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

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

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

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

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

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

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

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

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

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

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

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

.fa-dropbox:before {
  content: "\f16b"; }

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

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

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

.fa-tumblr:before {
  content: "\f173"; }

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

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

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

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

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

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

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

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

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

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

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

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

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

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

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

.fa-wheelchair:before {
  content: "\f193"; }

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

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

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

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

.fa-slack:before {
  content: "\f198"; }

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

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

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

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

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

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

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

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

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

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

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

.fa-steam:before {
  content: "\f1b6"; }

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

.fa-recycle:before {
  content: "\f1b8"; }

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

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

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

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

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

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

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

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

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

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

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

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

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

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

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

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0"; }

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

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

.fa-git:before {
  content: "\f1d3"; }

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

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

.fa-qq:before {
  content: "\f1d6"; }

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

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

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

.fa-history:before {
  content: "\f1da"; }

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

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

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

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

.fa-bomb:before {
  content: "\f1e2"; }

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

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

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

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

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

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

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

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

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

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

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

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

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

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

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

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

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

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

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

.fa-lastfm:before {
  content: "\f202"; }

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

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

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

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

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

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

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

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

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

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

.fa-motorcycle:before {
  content: "\f21c"; }

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

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

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

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

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

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

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

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

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

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

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

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

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

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

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

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

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

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

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

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

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-clone:before {
  content: "\f24d"; }

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

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

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

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

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

.fa-hourglass:before {
  content: "\f254"; }

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

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

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

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

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

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

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

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

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

.fa-gg:before {
  content: "\f260"; }

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

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

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

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

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

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

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

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

.fa-contao:before {
  content: "\f26d"; }

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

.fa-amazon:before {
  content: "\f270"; }

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

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

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

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

.fa-industry:before {
  content: "\f275"; }

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

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

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

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

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

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

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

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

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

.fa-first-order:before {
  content: "\f2b0"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3"; }

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4"; }

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

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

/* Base styles *************************************** */
/* SCSS Variables ************************************ */
/* Global text color */
/* Global link color */
/* Global link color hover state */
/* Text color for various info elements */
/* Global font size */
/* Font size for headings */
/* Font size for component headers */
/* Font size for page title only */
/* Smaller text, used for tooltips, table notes, datepicker; also global font size for small displays (responsive) */
/* Base line-height, use a range between 1.0em (compact) and 1.7em (wide) */
/* Base font-family (make sure to change the paths and names in the fonts section!) */
/* Border for page components (such as drop-down lists, blocks, jQuery widgets, tabs and logo) */
/* Background for page components */
/* Used as a spacer between elements with highlighted or base component background) */
/* Customer logo */
/* Customer logo size fine-tuning */
/* Text in elements with a theme-colored background */
/* Links in elements with a theme-colored background */
/* Hover state for links in elements with a theme-colored background */
/* Custom style to emphasize current (menu) item */
/* Theme color, used for small text items (such as spans in tabs and drop-down list); make sure it matches well with $themeComponentBackground */
/* Theme color hover */
/* Background theme color (for header/footer, tooltips, sticky notes and other elements with a theme-colored background) */
/* Border for theme-colored elements */
/* Theme style background color for various components */
/* Body background (best use a solid color, gradient or pattern here) */
/* Login background (use a full-screen image here for visual impact) */
/* Additional graphics or a watermark, set to none if you don't want this feature */
/* Used as a spacer between elements in footer and other elements with a theme-colored background) */
/* Default background for component headers, items in drop-down lists, buttons, square icons and other small elements */
/* Default border for component headers, items in drop-down lists, buttons, square icons, table rows and input fields */
/* Background color for various components, such as table headers */
/* Opaque background color for various components, such as table headers */
/* Background for notifications/notes, focused input fields, highlight state for buttons, other highlighted components */
/* Border for row hovers (tables/drop-down lists), notifications/notes, focused input fields, hover and highlight state for buttons, highlighted components */
/* Background for row hovers (tables/drop-down lists) */
/* Background for elements with state 'Success' */
/* Border for elements with state 'Success' */
/* Text for elements with state 'Success' */
/* Background for elements with state 'Error' */
/* Border for elements with state 'Error' */
/* Text for elements with state 'Error', required input mark */
/* Background of action buttons */
/* Background of action buttons (hover state) */
/* Border of action buttons */
/* Background of cancel buttons */
/* Background of cancel buttons (hover state) */
/* Border of cancel buttons */
/* Background of disabled submit buttons */
/* Page background for active dialogs, make sure it is partly transparent for user-experience */
/* Border-radius, used to round one or more corners of various elements */
/* Shadow settings for elements that float on top of the page; don't overdo this one! */
/* Stronger shadow settings for floating elements that need to stand out */
/* Shadow settings for elements lighted from above (header, blocks, some jQuery widgets, drop-down lists); caution: too pronounced shadows will cause artifacts for drop-down lists! */
/* Shadow settings for elements that are lighted from below (only used for footer, use with caution to prevent unrealistic effects */
/* Icon font, note that changing this font forces some HTML changes, so better not change unless absolutely necessary */
/* Entypo Icon font, note that changing this font forces some HTML changes, so better not change unless absolutely necessary */
/* Default icon size, typically 2px larger than $baseTextSize */
/* Entypo needs a larger font-size to match up with the default font icons */
/* Size for title image icon, typically 2px smaller than $baseTextSizeTitle */
/* Size for functional icons in widgets (such as sorting and drop-down trigger icons) */
/* Specifies opacity for elements that are currently either inactive or disabled */
/* Background color to distinguish between odd and even rows (set color opacity to 0 if you don't want this feature) */
/* Text color for default values, like properties of activity that are used in slot */
/* Fonts ************************************************ */
@font-face {
  font-family: 'SourceSansProRegular';
  src: url('../bundles/samsonframework/fonts/SourceSansPro-Regular-webfont.eot');
  src: url('../bundles/samsonframework/fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../bundles/samsonframework/fonts/SourceSansPro-Regular-webfont.woff') format('woff'), url('../bundles/samsonframework/fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('../bundles/samsonframework/fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FontAwesome';
  src: url('../bundles/samsonframework/fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../bundles/samsonframework/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../bundles/samsonframework/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../bundles/samsonframework/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../bundles/samsonframework/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal; }
/* Reset and main structure ************************************************* */
html, body, div, header, footer, article, aside, nav, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, table, tbody, thead, tr, th, td, input, form, fieldset, legend, label, select, option, button, textarea {
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: 0px;
  vertical-align: baseline; }

body, table, input, select, option, button, textarea {
  font-family: 'Arial', 'Liberation Sans', 'SourceSansProRegular', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal; }

@media screen and (max-width: 1380px) {
  body, table, input, select, option, button, textarea {
    font-size: 12px; } }

html {
  overflow-y: scroll; }

html, body {
  height: 100%; }

body {
  background: #fff;
  line-height: 1.3em;
  color: #445;
  min-width: 980px; }

#contents {
  padding: 65px 25px 65px 25px; }
/* Globally used elements *************************************************** */
a, a:active, a:focus, button, inline {
  color: #528eca;
  text-decoration: none;
  transition: color 0.25s ease-out;
  cursor: pointer; }

a:hover, p a, inline:hover {
  color: #72aeea; }

p a:hover {
  text-decoration: underline; }

p, h3, ol {
  margin: 8px 0px 8px 0px; }

h1 {
  font-size: 19px; }

#full-page-container h1 {
  margin: 15px 0px 25px 0px; }

h2, h3, legend {
  font-size: 15px; }

h4, h5, h6, th {
  font-size: 14px; }

ul, ol {
  padding-left: 25px; }

.feedback {
  text-align: center;
  border-radius: 2px;
  padding: 5px;
  margin: 0px auto; }

.separator-base {
  position: relative;
  top: -1px;
  margin: 0px 5px 0px 5px;
  color: rgba(30, 30, 30, 0.7); }

.separator {
  position: relative;
  top: -1px;
  margin: 0px 5px 0px 5px;
  color: rgba(249, 251, 253, 0.3); }

.instance-psa {
  font-weight: bold;
  font-variant: small-caps;
  background-color: red;
  color: white;
  padding-left: 1ex;
  padding-right: 1ex; }

BODY.development .instance-psa {
  background-color: blue;
  color: white; }

#page-footer .instance-url .separator, #page-footer .instance-url {
  color: transparent; }

.clear {
  clear: both; }

.sideinfo {
  color: #c0c0c0; }

.redblob {
  background-color: pink; }

.nopadding {
  padding: 0px !important; }

.error {
  color: red; }

.severe-warning {
  color: red;
  font-weight: bold;
  font-size: 1.2em; }

.warning {
  color: red; }
/* Base styles *************************************** */
/* SCSS Variables ************************************ */
/* Global text color */
/* Global link color */
/* Global link color hover state */
/* Text color for various info elements */
/* Global font size */
/* Font size for headings */
/* Font size for component headers */
/* Font size for page title only */
/* Smaller text, used for tooltips, table notes, datepicker; also global font size for small displays (responsive) */
/* Base line-height, use a range between 1.0em (compact) and 1.7em (wide) */
/* Base font-family (make sure to change the paths and names in the fonts section!) */
/* Border for page components (such as drop-down lists, blocks, jQuery widgets, tabs and logo) */
/* Background for page components */
/* Used as a spacer between elements with highlighted or base component background) */
/* Customer logo */
/* Customer logo size fine-tuning */
/* Text in elements with a theme-colored background */
/* Links in elements with a theme-colored background */
/* Hover state for links in elements with a theme-colored background */
/* Custom style to emphasize current (menu) item */
/* Theme color, used for small text items (such as spans in tabs and drop-down list); make sure it matches well with $themeComponentBackground */
/* Theme color hover */
/* Background theme color (for header/footer, tooltips, sticky notes and other elements with a theme-colored background) */
/* Border for theme-colored elements */
/* Theme style background color for various components */
/* Body background (best use a solid color, gradient or pattern here) */
/* Login background (use a full-screen image here for visual impact) */
/* Additional graphics or a watermark, set to none if you don't want this feature */
/* Used as a spacer between elements in footer and other elements with a theme-colored background) */
/* Default background for component headers, items in drop-down lists, buttons, square icons and other small elements */
/* Default border for component headers, items in drop-down lists, buttons, square icons, table rows and input fields */
/* Background color for various components, such as table headers */
/* Opaque background color for various components, such as table headers */
/* Background for notifications/notes, focused input fields, highlight state for buttons, other highlighted components */
/* Border for row hovers (tables/drop-down lists), notifications/notes, focused input fields, hover and highlight state for buttons, highlighted components */
/* Background for row hovers (tables/drop-down lists) */
/* Background for elements with state 'Success' */
/* Border for elements with state 'Success' */
/* Text for elements with state 'Success' */
/* Background for elements with state 'Error' */
/* Border for elements with state 'Error' */
/* Text for elements with state 'Error', required input mark */
/* Background of action buttons */
/* Background of action buttons (hover state) */
/* Border of action buttons */
/* Background of cancel buttons */
/* Background of cancel buttons (hover state) */
/* Border of cancel buttons */
/* Background of disabled submit buttons */
/* Page background for active dialogs, make sure it is partly transparent for user-experience */
/* Border-radius, used to round one or more corners of various elements */
/* Shadow settings for elements that float on top of the page; don't overdo this one! */
/* Stronger shadow settings for floating elements that need to stand out */
/* Shadow settings for elements lighted from above (header, blocks, some jQuery widgets, drop-down lists); caution: too pronounced shadows will cause artifacts for drop-down lists! */
/* Shadow settings for elements that are lighted from below (only used for footer, use with caution to prevent unrealistic effects */
/* Icon font, note that changing this font forces some HTML changes, so better not change unless absolutely necessary */
/* Entypo Icon font, note that changing this font forces some HTML changes, so better not change unless absolutely necessary */
/* Default icon size, typically 2px larger than $baseTextSize */
/* Entypo needs a larger font-size to match up with the default font icons */
/* Size for title image icon, typically 2px smaller than $baseTextSizeTitle */
/* Size for functional icons in widgets (such as sorting and drop-down trigger icons) */
/* Specifies opacity for elements that are currently either inactive or disabled */
/* Background color to distinguish between odd and even rows (set color opacity to 0 if you don't want this feature) */
/* Text color for default values, like properties of activity that are used in slot */
@font-face {
  font-family: 'ModernPictogramsNormal';
  src: url('../bundles/samsonframework/fonts/modernpics-webfont.eot');
  src: url('../bundles/samsonframework/fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('../bundles/samsonframework/fonts/modernpics-webfont.woff') format('woff'), url('../bundles/samsonframework/fonts/modernpics-webfont.ttf') format('truetype'), url('../bundles/samsonframework/fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'EntypoRegular';
  src: url('../bundles/samsonframework/fonts/Entypo-webfont.eot');
  src: url('../bundles/samsonframework/fonts/Entypo-webfont.eot?#iefix') format('embedded-opentype'), url('../bundles/samsonframework/fonts/Entypo-webfont.woff') format('woff'), url('../bundles/samsonframework/fonts/Entypo-webfont.ttf') format('truetype'), url('../bundles/samsonframework/fonts/Entypo-webfont.svg#entyporegular') format('svg');
  font-weight: normal;
  font-style: normal; }
/* Icons ******************************************************************** */
.square-icon-mp, .square-icon-et {
  display: block;
  text-align: center;
  width: 18px;
  height: 18px;
  padding: 1px;
  background: #fefefe;
  border: 1px solid #dddedf;
  border-radius: 2px; }

.square-icon-mp {
  font-family: 'ModernPictogramsNormal';
  font-size: 16px;
  font-weight: normal;
  line-height: 0.5em; }
  .square-icon-mp:hover {
    background: #fcf3ca;
    border: 1px solid #ffe360;
    cursor: pointer; }

.square-icon-et {
  font-family: 'EntypoRegular';
  font-size: 22px;
  font-weight: normal; }
  .square-icon-et:hover {
    background: #fcf3ca;
    border: 1px solid #ffe360;
    cursor: pointer; }
  .square-icon-et.inactive {
    color: grey; }

.inline-icon-mp {
  font-family: 'ModernPictogramsNormal';
  line-height: 0px;
  font-weight: normal; }
  .inline-icon-mp.error {
    color: red; }
  .inline-icon-mp.inactive {
    color: grey; }

.inline-icon-et {
  font-family: 'EntypoRegular';
  font-size: 22px;
  line-height: 0px;
  font-weight: normal; }

@media screen and (max-width: 1380px) {
  .inline-icon-et {
    font-size: 18px; } }

.icon-task {
  background: url('../bundles/samsonframework/images/icon-w-task.png') no-repeat 0px 0px; }

.icon-address {
  background: url('../bundles/samsonframework/images/icon-w-address.png') no-repeat 0px 0px; }

.icon-project, .icon-projects {
  background: url('../bundles/samsonframework/images/icon-w-project.png') no-repeat 0px 0px; }

.icon-planning {
  background: url('../bundles/samsonframework/images/icon-w-planning.png') no-repeat 0px 0px; }

.icon-financial {
  background: url('../bundles/samsonframework/images/icon-w-financial.png') no-repeat 0px 0px; }

.icon-security {
  background: url('../bundles/samsonframework/images/icon-w-security.png') no-repeat 0px 0px; }

.icon-configuration {
  background: url('../bundles/samsonframework/images/icon-w-configuration.png') no-repeat 0px 0px; }

.icon-people {
  background: url('../bundles/samsonframework/images/icon-w-people.png') no-repeat 0px 0px; }

.icon-contract {
  background: url('../bundles/samsonframework/images/icon-w-contract.png') no-repeat 0px 0px; }

.icon-companies {
  background: url('../bundles/samsonframework/images/icon-w-companies.png') no-repeat 0px 0px; }

.icon-logout {
  background: url('../bundles/samsonframework/images/icon-w-logout.png') no-repeat 0px 0px; }

.icon-dashboard-g {
  background: url('../bundles/samsonframework/images/icon-g-dashboard.png') no-repeat 0px -1px; }

.icon-task-g {
  background: url('../bundles/samsonframework/images/icon-g-task.png') no-repeat 0px 0px; }

.icon-address-g {
  background: url('../bundles/samsonframework/images/icon-g-address.png') no-repeat -3px 0px; }

.icon-project-g {
  background: url('../bundles/samsonframework/images/icon-g-project.png') no-repeat 0px 0px; }

.icon-planning-g {
  background: url('../bundles/samsonframework/images/icon-g-planning.png') no-repeat 0px 0px; }

.icon-people-g {
  background: url('../bundles/samsonframework/images/icon-g-people.png') no-repeat 0px 0px; }

.icon-contract-g {
  background: url('../bundles/samsonframework/images/icon-g-contract.png') no-repeat 0px 0px; }

.icon-companies-g {
  background: url('../bundles/samsonframework/images/icon-g-companies.png') no-repeat 0px 0px; }

.icon-financial-g {
  background: url('../bundles/samsonframework/images/icon-g-financial.png') no-repeat 0px 0px; }

.icon-security-g {
  background: url('../bundles/samsonframework/images/icon-g-security.png') no-repeat 0px 0px; }

.icon-configuration-g {
  background: url('../bundles/samsonframework/images/icon-g-configuration.png') no-repeat 0px 0px; }

.icon-vehicle-g {
  background: url('../bundles/samsonframework/images/icon-g-vehicle.png') no-repeat 0px 0px; }

.icon-university-hat-g {
  background: url('../bundles/samsonframework/images/icon-g-university-hat.png') no-repeat 0px 0px; }

.icon-img {
  display: inline-block;
  position: relative;
  top: 3px;
  margin: 0px 5px 0px 0px;
  height: 16px;
  width: 16px;
  background-size: 16px; }

.icon-img-small {
  display: inline-block;
  position: relative;
  top: 2px;
  margin: 0px 5px 0px 0px;
  height: 12px;
  width: 12px;
  background-size: 12px; }

.icon-title {
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 10px;
  height: 28px;
  width: 28px;
  background-size: 28px; }

.icon-title.standalone-icon, .icon-title.fa {
  margin-right: 0;
  top: 0; }

.icon-nav {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 5px;
  height: 16px;
  width: 16px;
  background-size: 16px; }

.icon-menu {
  background-size: 16px;
  padding: 1px 0px 3px 21px; }
/* Font-awesome icons need some shrinking when used in page titles */
.fa-pageicon {
  font-size: 80%;
  padding-right: 5px; }
/* Drop-down menus ********************************************************** */
#tabs .drop-down-list {
  display: table;
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 200;
  list-style: none;
  padding: 0px;
  color: #445;
  box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.1); }

#tabs .drop-down-list > li {
  float: left;
  width: 100%;
  min-width: 175px; }

#tabs .drop-down-list a {
  width: 101%;
  background: #fefcf1;
  display: block;
  position: relative;
  padding: 5px 15px 5px 15px;
  border-left: 1px solid #d5d7d9;
  border-right: 1px solid #d5d7d9;
  border-bottom: 1px solid #d5d7d9;
  text-decoration: none;
  color: #445 !important;
  transition: background 0.25s ease-out;
  overflow: visible; }

#tabs .drop-down-list li.sfHover, #tabs .drop-down-list li.hover a, #tabs .drop-down-list a:hover {
  background: #fcf3ca;
  cursor: pointer;
  transition: background 0.25s ease-out; }

#page-header nav > ul .menu_level_1 {
  display: table;
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 200;
  list-style: none;
  padding: 0px;
  color: #445;
  box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.1); }
  #page-header nav > ul .menu_level_1 a {
    width: 101%;
    background: #fefcf1;
    display: block;
    position: relative;
    padding: 5px 15px 5px 15px;
    border-left: 1px solid #d5d7d9;
    border-right: 1px solid #d5d7d9;
    border-bottom: 1px solid #d5d7d9;
    text-decoration: none;
    color: #445 !important;
    transition: background 0.25s ease-out;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  #page-header nav > ul .menu_level_1 li.sfHover, #page-header nav > ul .menu_level_1 li.hover a, #page-header nav > ul .menu_level_1 a:hover {
    background: #fcf3ca;
    cursor: pointer;
    transition: background 0.25s ease-out; }

#page-header nav#menu > ul {
  /* Bit of a nasty fix for when the 'My' menu item is the last on the menu:
   Since it is small, the underlying menu is not readable/runs off page.
   Possible solution is either make the menu item wider, or this fix.
   */
  position: absolute;
  top: 15px;
  right: 18px;
  list-style: none;
  margin: 0px; }
  #page-header nav#menu > ul a {
    font-family: 'Arial', 'Liberation Sans', 'SourceSansProRegular', sans-serif; }
  #page-header nav#menu > ul .menu_level_1 {
    min-width: 125px;
    width: auto;
    left: -5px;
    margin-top: 35px;
    color: #fff;
    line-height: 1.3em;
    display: none; }
  #page-header nav#menu > ul .menu_level_1 a {
    background: rgba(50, 110, 170, 0.9);
    padding: 10px 25px 10px 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 0px;
    color: #fff !important;
    white-space: nowrap; }
  #page-header nav#menu > ul .menu_level_1 li.sfHover, #page-header nav#menu > ul .menu_level_1 li.hover a, #page-header nav#menu > ul .menu_level_1 a:hover {
    background: #65a0d5; }
  #page-header nav#menu > ul > li {
    display: inline-block;
    margin: 0px 45px 0px 0px;
    line-height: 16px;
    position: relative; }
  #page-header nav#menu > ul > li > a {
    color: #e5e5e5; }
    #page-header nav#menu > ul > li > a:hover {
      color: #fff; }
    #page-header nav#menu > ul > li > a .active {
      color: #fff; }
  #page-header nav#menu > ul > li.fa {
    padding-left: 0; }
  #page-header nav#menu > ul > li.last.icon-people > .menu_level_1 {
    left: -65px; }

nav#quicklaunch > ul {
  position: absolute;
  top: 9px;
  left: 80px;
  margin: 0px 0px 0px 25px; }
  nav#quicklaunch > ul > li {
    position: relative;
    display: inline-block;
    padding: 3px 0px 3px 0px;
    margin: 0px 15px 0px 10px; }
  nav#quicklaunch > ul > li > a {
    color: #e5e5e5; }
    nav#quicklaunch > ul > li > a:hover {
      color: #fff; }
    nav#quicklaunch > ul > li > a img {
      width: 16px; }
  nav#quicklaunch > ul .inline-icon-mp {
    font-size: 150%; }
  nav#quicklaunch > ul .menu_level_1 {
    margin-top: 41px;
    left: -10px; }
  nav#quicklaunch > ul .menu_level_1 li:first-child, nav#quicklaunch > ul .menu_level_1 li:first-child:hover {
    background: #fefefe;
    cursor: pointer; }

.dashboard-menu {
  margin-top: 35px; }
  .dashboard-menu a[href^="javascript:void(0)"] {
    cursor: default; }
  .dashboard-menu .icon-menu {
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 0px 0px; }
  .dashboard-menu .icon-projects {
    background-image: url('../bundles/samsonframework/images/icon-g-project.png'); }
  .dashboard-menu .icon-planning {
    background-image: url('../bundles/samsonframework/images/icon-g-planning.png'); }
  .dashboard-menu .icon-address {
    background-image: url('../bundles/samsonframework/images/icon-g-address.png'); }
  .dashboard-menu .icon-financial {
    background-image: url('../bundles/samsonframework/images/icon-g-financial.png'); }
  .dashboard-menu .icon-security {
    background-image: url('../bundles/samsonframework/images/icon-g-security.png'); }
  .dashboard-menu .icon-configuration {
    background-image: url('../bundles/samsonframework/images/icon-g-configuration.png'); }
  .dashboard-menu .icon-clock {
    background-image: url('../bundles/samsonframework/images/icon-g-planning.png'); }
  .dashboard-menu .icon-people {
    background-image: url('../bundles/samsonframework/images/icon-g-people.png'); }
  .dashboard-menu .fa-clock-o:before {
    margin-left: -20px;
    font-size: 120%; }
  .dashboard-menu > ul {
    list-style-type: none; }
  .dashboard-menu > ul > li {
    display: block;
    float: left;
    min-width: 220px;
    padding-left: 52px;
    position: relative;
    margin-bottom: 25px; }
  .dashboard-menu > ul > li > a {
    font-size: 19px;
    font-weight: bold;
    line-height: 24px; }
  .dashboard-menu .icon-menu {
    background-size: 22px;
    background-position: 21px 0px; }
  .dashboard-menu li.icon-menu > a {
    color: black;
    font-family: 'Arial', 'Liberation Sans', 'SourceSansProRegular'; }
  .dashboard-menu > ul li ul {
    list-style-type: none;
    padding: 8px 0px 0px 0px;
    font-family: 'Arial', 'Liberation Sans', 'SourceSansProRegular'; }
  .dashboard-menu > ul li ul li {
    height: 24px; }
  .dashboard-menu .menu_level_2 {
    margin-left: 19px;
    list-style: square; }
/* Header and footer ******************************************************** */
#page-header, #page-footer {
  background: rgba(50, 110, 170, 0.9);
  width: 100%;
  position: fixed;
  left: 0px;
  display: table;
  color: #fff; }

#page-header {
  top: 0px;
  height: 50px;
  z-index: 5000; }

#page-footer {
  bottom: 0px;
  height: 40px;
  z-index: 4000; }
  #page-footer a {
    color: #e5e5e5; }
  #page-footer a:hover {
    color: #fff; }
  #page-footer input:focus {
    background: rgba(255, 255, 255, 0.25); }
  #page-footer ::-webkit-input-placeholder {
    color: #fff;
    position: relative;
    top: 1px; }
  #page-footer .userSelect {
    border: 1px solid black;
    border-bottom-width: 0;
    background-color: white;
    border-radius: 5px 5px 0 0;
    padding: 1em; }
  #page-footer .userSelect ul {
    padding: 0;
    margin: 0;
    list-style-type: none; }
    #page-footer .userSelect ul li {
      padding: 0;
      margin: 0; }
  #page-footer .userSelect a {
    color: #528eca; }
    #page-footer .userSelect a:hover {
      color: #72aeea; }

#logocontainer {
  top: 0px;
  left: 25px;
  width: 80px;
  height: 50px;
  position: absolute;
  text-align: left; }
  #logocontainer a {
    background: url("/bundles/samsonnitro/images/logo-nitro.png") no-repeat center center;
    width: 80px;
    height: 50px;
    background-size: 80px;
    display: inline-block; }

#page-title {
  margin: 5px 0px 10px 0px;
  font-size: 31px;
  letter-spacing: -1px;
  line-height: 1em; }

.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -11px;
  margin-top: -2px;
  height: 0px;
  width: 0px;
  border: 3px solid transparent;
  border-top-color: #999;
  /* No rgba in IE8 */
  border-top-color: rgba(255, 255, 255, 0.25); }

.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dfeeff;
  /* no rgba in IE8 */
  border-left-color: rgba(255, 255, 255, 0.5); }
/* styling for right-facing arrows */
#logininfo {
  position: absolute;
  top: 8px;
  right: 15px; }
  #logininfo input {
    background: none;
    margin: 0px 15px 0px 10px;
    padding: 1px;
    border: 0px;
    color: #fff;
    position: relative;
    top: -1px; }

#softwareinfo {
  position: absolute;
  top: 8px;
  left: 25px;
  line-height: 23px; }

@media screen and (max-width: 1380px) {
  #menu {
    top: 13px;
    min-width: 400px; }

  #menu .drop-down-list {
    padding-top: 38px; }

  #menu .icon-nav {
    display: none; } }

@media screen and (max-width: 1050px) {
  #menu li {
    padding-left: 0px;
    background: none; }

  #quicklaunch {
    display: none; } }

#righttop {
  float: right;
  position: relative;
  z-index: 999;
  background-color: white;
  border: 10px solid white; }
/* Tabs ********************************************************************* */
#tabs {
  position: relative;
  width: 76%; }

#tabs ul.tablist {
  position: absolute;
  top: -29px;
  z-index: 200;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
  width: 100%; }

#tabs ul.tablist > li {
  position: relative;
  min-width: 5%;
  max-width: 25%;
  padding-right: 10px;
  margin: 0px 5px 0px 0px;
  background: #fff;
  border-top: 1px solid #d5d7d9;
  border-left: 1px solid #d5d7d9;
  border-right: 1px solid #d5d7d9;
  list-style: none;
  color: #445;
  z-index: 300;
  height: 29px;
  border-radius: 2px 2px 0px 0px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

#tabs ul.tablist > li.item-has-children {
  padding-right: 30px; }

#tabs ul.tablist > li:hover {
  background: #fefcf1;
  cursor: pointer;
  transition: background 0.25s ease-out; }

#tabs ul.tablist > li {
  float: left; }

#tabs ul.tablist > li a {
  display: block;
  color: #445;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#tabs ul.tablist > li > a {
  width: 80%;
  text-decoration: none;
  white-space: nowrap;
  overflow: visible;
  margin-right: 5px; }

#tabs ul.tablist > li a.tabselect {
  padding: 5px 0px 5px 10px;
  text-decoration: none; }

#tabs ul.tablist > li.current {
  height: 30px; }

#tabs ul.tablist > li.current, #tabs ul.tablist > li.current:hover {
  position: relative;
  background: #fff;
  border-top: 1px solid #d5d7d9;
  border-left: 1px solid #d5d7d9;
  border-right: 1px solid #d5d7d9; }

#tabs ul.tablist > li.current:hover {
  background: #fefcf1; }

#tabs ul.tablist > li#tab-more, #tabs ul.tablist > li#tab-more:hover {
  background: none;
  border: none; }

#tabs ul.tablist > li#tab-more a, #tabs ul.tablist > li#tab-more a:hover {
  cursor: default;
  color: #445; }

#tabs ul.tablist > li.disabled {
  display: none; }

#tabs div.tabcontents {
  background: #fff;
  border: 1px solid #d5d7d9;
  padding: 25px 25px 15px 15px;
  min-height: 200px;
  position: relative;
  z-index: 100;
  min-width: 615px;
  text-align: left;
  box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.1); }

#tabs div.tabcontents .form-button-container {
  display: inline-block;
  text-align: right;
  width: 200px;
  height: 40px; }

#tabs div.tabcontents .form-button-container-block {
  display: block;
  text-align: right;
  width: 100%;
  height: 40px; }

.form-button-container-block {
  text-align: right;
  width: 100%;
  position: relative;
  right: 0px;
  margin-top: 10px;
  margin-bottom: 10px; }
  .form-button-container-block button {
    right: 0px; }

.tabcontents > HR {
  border-color: rgba(0, 0, 0, 0.1); }

.tabcontents input[type=text], .tabcontents input[type=email], .tabcontents .select2-container, .tabcontents .form-contents textarea, .tabcontents .formarea textarea, .tabcontents fieldset table {
  width: 100%;
  position: relative;
  max-width: 100%;
  min-width: 190px;
  display: block; }

#tabs div.contains-datatable {
  padding: 25px 25px 0px 15px; }

#tabs .drop-down-list {
  top: 28px;
  left: -1px;
  border-top: 1px solid #d5d7d9;
  display: none; }

#tab-more .drop-down-list {
  top: 29px; }

#actions-more {
  cursor: default; }

.tabselect span {
  color: #326eaa; }

.tab-actions {
  display: block;
  position: absolute;
  top: -15px;
  right: 0px;
  line-height: 30px;
  padding: 7px 15px 8px 10px; }

.cleartabs {
  height: 40px; }
/* Side-blocks ************************************************************** */
#blocks {
  float: right;
  width: 23%;
  min-width: 125px;
  padding-bottom: 45px; }
  #blocks th {
    text-align: left;
    padding-right: 15px; }
  #blocks section {
    background: #fff;
    border: 1px solid #d5d7d9;
    margin: 0px 0px 25px 0px;
    padding-bottom: 5px;
    box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.1);
    border-radius: 2px; }
  #blocks section header {
    background: rgba(150, 150, 150, 0.05);
    padding: 8px 0px 6px 15px;
    position: relative; }
    #blocks section header h1 {
      font-size: 15px; }
      #blocks section header h1 span {
        color: #326eaa; }
    #blocks section header a {
      position: absolute;
      top: 16px;
      right: 10px;
      line-height: 0px; }
  #blocks section article {
    padding: 10px 15px 10px 15px;
    position: relative;
    overflow-y: auto;
    min-height: 40px;
    max-height: 210px;
    border-top: 1px solid #d5d7d9; }
    #blocks section article a.button {
      display: block; }
  #blocks section article.large {
    max-height: unset; }

@media screen and (max-width: 1650px) {
  #blocks {
    width: 17%; } }

@media screen and (max-width: 1300px) {
  #blocks section {
    margin: 0px 0px 15px 0px; }
    #blocks section article {
      padding: 5px 10px 0px 10px; } }
/* Notes ******************************************************************** */
.notification {
  position: relative;
  padding: 10px 10px 25px 10px;
  margin: 10px 0px 10px 0px;
  background: #fcf3ca;
  border: 1px solid #ffe360;
  border-radius: 2px; }

p.notification {
  max-width: 98%; }

.notification textarea {
  width: 93%;
  padding: 4px; }

.notification textarea:focus {
  background: #fff; }

.notification-info {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 3px;
  font-size: 12px;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.notification-actions {
  display: block;
  position: absolute;
  right: 5px;
  bottom: 1px; }

.notification-actions span {
  opacity: 0.4;
  margin-left: 10px; }

.notification-actions a:hover, .notification-actions a:hover span {
  opacity: 1;
  cursor: pointer;
  text-decoration: none; }

.toggle-sticky {
  position: absolute;
  top: 11px;
  right: 5px;
  opacity: 0.5;
  transition: all 0.25s ease-out; }
  .toggle-sticky:hover {
    opacity: 1;
    cursor: pointer; }

.sticky-note {
  background: rgba(50, 110, 170, 0.9) !important;
  border: 1px solid #1a538d !important;
  color: #fff; }

.sticky-note a {
  color: #fff; }

.noteslist {
  margin: 0px 0px 0px 0px;
  max-height: 300px;
  overflow: auto;
  border-bottom: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5;
  width: 98%;
  padding: 15px 0px 15px 0px; }
  .noteslist h2 {
    width: 475px; }
  .noteslist h2 a {
    float: right; }

@media screen and (max-width: 1300px) {
  .notification-info {
    width: 60%; } }
/* Forms ******************************************************************** */
fieldset {
  margin: 10px 0px 15px 0px;
  width: 660px; }

.tabcontents > form > .form-contents {
  max-width: 660px; }

legend, form h2 {
  margin: 0px 0px 10px 0px;
  font-weight: bold; }

.formfield {
  display: block;
  margin: 0px 0px 5px 0px; }
  .formfield label {
    margin-top: 2px; }
  .formfield label:first-letter {
    text-transform: capitalize; }

.formarea {
  display: block;
  margin: 0px 0px 5px 0px;
  height: auto;
  vertical-align: middle; }

.input-container {
  display: inline-block;
  width: 205px;
  vertical-align: top;
  white-space: nowrap label;
  white-space-display: inline;
  white-space-margin: 0px 10px 0px 0px; }
  .input-container.overflow {
    width: auto; }

.login-disabled {
  text-decoration: line-through; }

.form-in-sidebar LABEL {
  width: 150px; }

.form-in-sidebar .input-container {
  width: calc(100% - 150px);
  white-space: nowrap; }

.tabcontents .form-narrow .input-container {
  width: calc(100% - 250px - 250px); }

.fit-two-dates {
  display: inline-block;
  width: 35px;
  overflow: visible;
  white-space: nowrap; }
  .fit-two-dates label {
    width: auto; }
/* Helper class to align dates in a form */
.validation-container {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px; }
  .validation-container ul, .validation-container li {
    list-style: none;
    margin: 0px;
    padding: 0px; }
  .validation-container li:before {
    font-family: 'ModernPictogramsNormal';
    content: '!';
    margin-right: 10px; }

.validation-success {
  color: rgba(0, 225, 25, 1); }

.validation-error {
  color: rgba(225, 55, 0, 1); }

.form-button-container {
  position: absolute;
  right: 15px;
  bottom: 15px; }
  .form-button-container.not-sticky {
    bottom: auto; }
  .form-button-container button {
    float: left;
    margin-left: 15px; }

.position-relative {
  position: relative; }
/* Labels ******************************************************************* */
label, .fake-label {
  display: inline-block;
  width: 225px; }

.mainContentPopup label {
  width: 185px; }

.label-auto-width label {
  width: auto; }

.label-small {
  display: inline-block;
  width: 150px; }

.radio-label {
  width: auto;
  margin: 0px 10px 0px 0px; }
  .radio-label.required:after {
    content: ''; }

.required:after {
  font-family: 'ModernPictogramsNormal';
  color: rgba(225, 55, 0, 1);
  content: ' \002A';
  position: relative;
  top: -5px;
  font-size: 13px;
  line-height: 0px; }
/* Input fields ************************************************************* */
input, select {
  width: 190px;
  height: 22px;
  margin-right: 10px;
  padding: 2px;
  color: #445;
  border: 1px solid #dddedf;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

select {
  background-color: white; }

input:focus, select:focus, textarea:focus {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
  transition: all 0.25s ease-out; }

input:focus, textarea:focus {
  background: #fcf3ca;
  border: 1px solid #ffe360; }

.ui-state-highlight input:focus {
  background: #fff;
  border: 1px solid #d5d7d9; }

input.percentage {
  width: 3em;
  text-align: right;
  padding-right: 15px; }
  input.percentage + span {
    position: relative;
    left: -25px;
    color: #c0c0c0; }

input[disabled="disabled"] {
  opacity: 0.4;
  background: none;
  -webkit-appearance: none; }

textarea {
  color: #445;
  border: 1px solid #dddedf;
  border-radius: 2px;
  margin-bottom: -5px;
  padding: 5px; }

.formarea textarea {
  width: 190px;
  min-height: 100px; }

.formarea.regular-text-area-margins textarea {
  margin-bottom: 0px; }

fieldset textarea {
  width: 190px;
  max-width: 190px;
  height: 75px;
  max-height: 100px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.expandable-textarea {
  width: 190px;
  height: 25px; }

.expanded-textarea {
  width: 25em;
  height: 250px;
  z-index: 1001; }

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  width: auto;
  height: auto;
  margin: 0px 5px 0px 0px;
  position: relative;
  top: 2px;
  border: none; }
  input[type="checkbox"]:focus {
    background: none; }

input[type="radio"] {
  -webkit-appearance: radio;
  width: auto;
  height: auto;
  margin: 0px 5px 0px 0px;
  position: relative;
  top: 2px;
  border: none; }
  input[type="radio"]:focus {
    background: none; }

input[type="color"] {
  width: 30px;
  height: 34px;
  border: 0px;
  outline: 0px;
  padding: 0px;
  cursor: pointer; }

input.long-input {
  width: 250px; }

input.short-input {
  width: 100px; }

input.narrow-input {
  width: 75px; }

input.time-field {
  width: 40px;
  margin-right: 7px; }

input.date-field {
  width: 80px; }

.overlay {
  background: rgba(125, 125, 135, 0.55);
  z-index: 1000; }

.jquery-date {
  margin-right: 5px; }

.tabcontents INPUT[type="text"].euro-prefix {
  display: inline-block; }

.tabcontents INPUT[type="text"].euro-prefix.narrow-input {
  width: 75px;
  min-width: 75px; }
/* Login elements *********************************************************** */
.login-page {
  background-color: #bad6ec; }

@media (max-width: 850px) {
  #login-wrapper fieldset {
    margin: 10px 0px 15px 0px;
    width: auto; }

  #login-wrapper section {
    width: 95%; } }

@-webkit-keyframes showtitle {
  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@-moz-keyframes showtitle {
  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@keyframes showtitle {
  50% {
    opacity: 0.5; }

  100% {
    opacity: 1; } }

@-webkit-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    opacity: 0.5;
    -webkit-animation-timing-function: ease-out; }

  100% {
    -webkit-transform: translateY(1200px) translateZ(0) rotateY(0deg);
    opacity: 1; } }

@-moz-keyframes slit {
  50% {
    -moz-transform: translateZ(-250px) rotateY(89deg);
    opacity: 0.5;
    -moz-animation-timing-function: ease-out; }

  100% {
    -moz-transform: translateY(1200px) translateZ(0) rotateY(0deg);
    opacity: 1; } }

@keyframes slit {
  50% {
    transform: translateY(0) translateZ(-250px) rotateY(89deg);
    opacity: 1;
    animation-timing-function: ease-in; }

  100% {
    transform: translateY(0) translateZ(0) rotateY(0deg);
    opacity: 1; } }

.login-page {
  min-width: 400px;
  background: #bad6ec url('../bundles/samsonframework/images/loginbg-default.jpg') no-repeat center center;
  background-size: cover;
  background-color: #bad6ec;
  max-height: 100%; }

.login-page #contents {
  padding: 0px; }

#login-page-graphic {
  width: 300px;
  height: 300px;
  position: absolute;
  left: 25px;
  bottom: 65px;
  background: url('../bundles/samsonframework/images/watermark.png') no-repeat 0px 0px;
  background-size: contain; }

#login-wrapper {
  width: 430px;
  height: 300px;
  position: relative;
  top: 50%;
  margin: -180px auto 0px auto;
  overflow: visible; }

#login-wrapper h1 {
  margin-bottom: 18px;
  display: inline-block; }

#login-wrapper section {
  background: #fff;
  border: 1px solid #d5d7d9;
  width: 100%;
  display: inline-block;
  border-radius: 2px;
  box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.1); }

#login-wrapper section header {
  background: rgba(150, 150, 150, 0.05);
  padding: 6px 0px 0px 15px;
  position: relative;
  height: 25px; }

#login-wrapper section header.height-auto {
  background: rgba(150, 150, 150, 0.05);
  padding: 6px 0px 0px 15px;
  position: relative;
  height: auto; }

#login-wrapper section header h1 {
  margin: 1px 0px 4px 0px;
  font-size: 15px; }

#login-wrapper section article {
  padding: 25px 15px 20px 15px;
  position: relative;
  overflow-y: visible;
  min-height: 80px;
  max-height: 410px;
  border-top: 1px solid #d5d7d9; }

#login-wrapper section article .ui-state-error {
  margin-bottom: 25px; }

#login-wrapper fieldset {
  margin: 5px 0px 25px 0px; }

#login-wrapper label {
  width: 29%;
  text-align: right;
  margin-right: 15px; }

#login-wrapper .input-container {
  position: relative; }

#login-wrapper input {
  margin-right: 0px; }

#login-wrapper .required:after {
  display: none; }

#login-button {
  float: right;
  position: relative;
  top: -15px;
  padding: 10px 20px 10px 15px; }

#togglePasswordField {
  display: none;
  float: right;
  cursor: pointer;
  position: relative;
  top: 5px;
  left: -7px; }

.forgotten-password-form {
  display: none; }

.forgotten-password-form fieldset {
  white-space: nowrap; }

.forgotten-password-form input:focus {
  background: #fff;
  border: 1px solid #d5d7d9; }

.forgotten-password-form .inline-icon-mp {
  float: right;
  cursor: pointer;
  position: relative;
  top: -5px;
  left: 7px; }

.forgotten-password-form .square-icon-mp, .forgotten-password-form .square-icon-et {
  display: inline-block;
  position: relative;
  top: 6px;
  left: -25px; }

.forgotten-password-form .square-icon-mp:hover, .forgotten-password-form .square-icon-et:hover {
  display: inline-block;
  position: relative;
  top: 6px;
  left: -25px; }

#forgotten-password-button {
  float: right;
  position: relative;
  top: -15px;
  padding: 10px 20px 10px 15px; }

@media screen and (max-height: 460px) {
  #login-page #page-header, #login-page #page-footer, #login-page-graphic {
    display: none; }

  #login-wrapper {
    top: 0px;
    margin: 10px auto 0px auto; } }
/* jQuery reset stuff and helpers ******************************************* */
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }
/* Containers **************************************************************** */
.ui-widget-content {
  border: 1px solid #ccc;
  background: #fff; }

.ui-widget-header {
  border: 1px solid #d5d7d9;
  background: rgba(150, 150, 150, 0.05);
  background-position: 0px -30px; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(125, 125, 135, 0.55);
  z-index: 3999; }

#full-page-container {
  padding: 10px 0px 0px 0px;
  margin: 16px 0px 0px 0px;
  position: relative;
  clear: both; }
/* States ******************************************************************* */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #dddedf;
  background: #fefefe;
  background-position: 0px -30px; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #fcf3ca;
  border: 1px solid #ffe360;
  color: #72aeea;
  cursor: pointer; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #326eaa;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #d5d7d9;
  background: #fefefe; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #fcf3ca;
  border: 1px solid #ffe360; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid rgba(255, 100, 25, 0.9);
  background: rgba(255, 100, 25, 0.25); }

input.ng-invalid, textarea.ng-invalid, select.ng-invalid {
  border: 1px solid rgba(255, 100, 25, 0.9);
  background: rgba(255, 100, 25, 0.25); }

.ui-state-success, .ui-widget-content .ui-state-success, .ui-widget-header .ui-state-success {
  border: 1px solid rgba(0, 225, 25, 0.9);
  background: rgba(0, 225, 25, 0.25); }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.4;
  background-image: none;
  cursor: default !important; }

.ui-state-highlight p, .ui-state-error p, .ui-state-success p {
  padding: 0px 10px 0px 10px; }
/* Buttons ****************************************************************** */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */ }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none; }

.ui-button-icon-only {
  width: 2.2em; }
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em; }
/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

input.ui-button {
  padding: 0.4em 1em; }
/* no icon support for input elements, provide padding by default */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em; }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }
/* reset extra padding in Firefox, see h5bp.com/l */
button, a.button {
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  padding: 0.4em 1em;
  text-decoration: none;
  border: 1px solid #dddedf;
  background: #fefefe;
  background-position: 0px -30px;
  border-radius: 2px;
  transition: background 0.25s ease-out; }

button:hover, button:focus, a.button:hover {
  background: #fcf3ca;
  border: 1px solid #ffe360;
  transition: background 0.25s ease-out;
  text-decoration: none !important; }

button[type="submit"], .action-apply, .action-apply.ui-state-default, a.action-apply {
  padding: 10px 25px 10px 25px;
  border: 1px solid #00ac13;
  background: #0c3;
  color: #fff;
  transition: background 0.25s ease-out; }

button[type="submit"]:hover, button[type="submit"]:focus, .action-apply:hover, .action-apply:focus, a.action-apply:hover {
  border: 1px solid #00ac13;
  background: #00f050;
  transition: background 0.25s ease-out; }

button[type="submit"]:disabled {
  background-color: rgba(255, 0, 0, 0.4);
  cursor: not-allowed; }

BUTTON.action-cancel, .action-cancel, .action-cancel.ui-state-default, a.action-cancel {
  padding: 10px 25px 10px 25px;
  border: 1px solid #999;
  background: #aaa;
  color: #fff;
  transition: background 0.25s ease-out; }

.action-cancel:hover, .action-cancel:focus, a.action-cancel:hover {
  border: 1px solid #999;
  background: #ccc;
  transition: background 0.25s ease-out; }

button.icon-only, button.icon-only:focus, button.icon-only:hover {
  text-decoration: none;
  border: 0px !important;
  background: 0px !important;
  outline: 0px !important;
  padding: 0px;
  color: inherit;
  white-space: nowrap; }
/* Important required to fix outline bug in Firefox */
.file-input-container {
  position: relative;
  width: 190px; }

.fake-file-input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 190px;
  height: 22px;
  z-index: 1px;
  padding: 2px 0px 0px 5px;
  border: 1px solid #dddedf;
  background: #fefefe;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px; }

input[type="file"] {
  width: 188px;
  height: 22px;
  position: relative;
  opacity: 0;
  z-index: 2;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.upload-file-list {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.upload-file-list li {
  white-space: nowrap;
  overflow: visible; }

.upload-file-list li > span {
  margin-left: 8px; }

h1 button {
  margin-left: 25px;
  position: relative;
  top: -1px; }

LABEL.label-is-a-comment {
  color: #d0d0d0;
  text-align: right;
  font-size: smaller; }
/* Progress bars ************************************************************ */
progress {
  width: 75px;
  height: 10px;
  -webkit-appearance: none;
  border: 1px solid #dddedf;
  position: relative;
  top: -3px; }

progress::-webkit-progress-bar {
  background: #fefefe;
  border-radius: 2px; }

progress::-webkit-progress-value {
  border-radius: 2px;
  background: -webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.05) 33%, rgba(0, 0, 0, 0.05) 66%, transparent 66%), -webkit-linear-gradient(left, rgba(0, 225, 25, 0.85), rgba(0, 225, 25, 1));
  background-size: 25px 14px, 100% 100%;
  -webkit-animation: move 8s linear 0 infinite; }

@-webkit-keyframes move {
  0% {
    background-position: 0px 0px, 0 0, 0 0; }

  100% {
    background-position: -100px 0px, 0 0, 0 0; } }
/* Accordion **************************************************************** */
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  /* support: IE7 */ }
  .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -8px; }
  .ui-accordion .ui-accordion-header:before {
    font-family: 'ModernPictogramsNormal';
    font-size: 18px;
    position: absolute;
    top: -3px;
    left: 10px;
    content: "\003E"; }
  .ui-accordion .ui-accordion-header-active:before {
    font-family: 'ModernPictogramsNormal';
    font-size: 18px;
    position: absolute;
    top: -3px;
    left: 10px;
    content: "\002F"; }
  .ui-accordion .ui-accordion-icons {
    padding-left: 2.2em; }
  .ui-accordion .ui-accordion-noicons {
    padding-left: 0.7em; }
  .ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto; }
/* Datepicker *************************************************************** */
.ui-datepicker {
  width: 17em;
  padding: 5px;
  display: none;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #eee;
  z-index: 25000 !important; }
/* Important required to override jQuery inline styling */
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  margin: 0px 3px 0px 3px;
  width: 1.8em;
  height: 1.8em;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-indent: -100px; }

.ui-datepicker .ui-datepicker-next {
  right: 0px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-icon-circle-triangle-e:before {
  font-family: 'ModernPictogramsNormal';
  font-size: 18px;
  position: absolute;
  top: -8px;
  left: 103px;
  content: "\003E"; }

.ui-icon-circle-triangle-w:before {
  font-family: 'ModernPictogramsNormal';
  font-size: 18px;
  position: absolute;
  top: -8px;
  left: 103px;
  content: "\003C"; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em; }

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  border: 0px; }

.ui-datepicker td {
  border: 0px;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker-current-day a {
  border: 1px solid #1a538d !important;
  background: rgba(50, 110, 170, 0.9) !important;
  color: #fff !important; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

.ui-datepicker * {
  font-size: 12px; }
/* Dialog ******************************************************************* */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px;
  outline: 0;
  z-index: 10000;
  border: 1px solid #555;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
  /* Important required to override jQuery inline styling, this may also be a setting in the popup config */ }
  .ui-dialog .ui-dialog-titlebar {
    background: rgba(50, 110, 170, 0.9);
    padding: 15px 0px 8px 15px;
    position: relative;
    height: 25px;
    border: 0px;
    color: #fff;
    font-size: 15px; }
  .ui-dialog .ui-dialog-title {
    float: left;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 5px;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px; }
  .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 15px;
    background: none;
    overflow: auto;
    border-top: 1px solid #dddedf;
    height: auto;
    min-height: 80px;
    max-height: 500px; }
  .ui-dialog .ui-dialog-buttonset {
    float: right; }
  .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border: 0px;
    background-image: none; }
  .ui-dialog .ui-dialog-buttonpane button {
    margin: 15px 15px 15px 0px;
    cursor: pointer; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-icon-closethick:after {
  font-family: 'ModernPictogramsNormal';
  font-size: 16px;
  position: relative;
  top: -12px;
  left: 3px;
  color: #445;
  content: "X"; }
/* Datatables *************************************************************** */
.table-wrapper {
  width: auto;
  position: relative;
  float: left; }

.table-medium-flexible table {
  min-width: 415px; }

.table-container-wrapper {
  vertical-align: top;
  width: 100%; }

.table-container {
  max-width: 57%;
  float: left; }
  .table-container:last-child {
    margin-top: 12px; }
  .table-container:first-child {
    margin-right: 6%;
    margin-top: 0px;
    max-width: 37%; }

table.list {
  clear: left;
  border-collapse: collapse;
  margin: 10px 0px 10px 0px; }
  table.list .selected td {
    background-color: #fcf3ca; }
  table.list textarea {
    width: auto;
    max-width: 465px; }
  table.list .nowrap {
    white-space: nowrap; }
  table.list thead tr {
    background: rgba(150, 150, 150, 0.05); }
  table.list tfoot tr {
    background: rgba(150, 150, 150, 0.05); }
  table.list tbody tr:hover {
    background: rgba(252, 243, 202, 0.25); }
  table.list tbody tr:hover:nth-child(even) {
    background: rgba(250, 250, 255, 0.1); }
  table.list tr {
    border: 1px solid #dddedf;
    height: 30px;
    position: relative; }
  table.list th, table.list td {
    text-align: left;
    padding: 0px 10px 0px 10px;
    vertical-align: middle;
    border-right: 1px solid #dddedf;
    font-weight: normal; }
  table.list th.centered, table.list td.centered {
    text-align: center; }
  table.list th.numeric, table.list td.numeric {
    text-align: right;
    white-space: nowrap; }
  table.list th.negative, table.list td.negative {
    color: #f00; }
  table.list th .square-icon-mp, table.list td .square-icon-mp, table.list th .square-icon-et, table.list td .square-icon-et {
    float: left;
    margin: 5px; }
  table.list th.join-right, table.list td.join-right {
    border-right-width: 0px;
    padding-right: 2px; }
  table.list th.pluscol, table.list td.pluscol {
    border-left-width: 0px;
    padding-left: 2px;
    padding-right: 2px; }
  table.list th.bold, table.list td.bold {
    font-weight: bold; }
  table.list tr.bold th {
    font-weight: unset; }

table.list TR.valign-top TH, table.list TR.valign-top TD {
  vertical-align: top; }

#feedback table.list TH, #feedback table.list TD {
  border-right: 1px solid black; }

#feedback table.list TR {
  border: 1px solid black; }

.table-info {
  font-size: 12px;
  margin-left: 2px; }

.pagination {
  margin-bottom: 25px;
  position: relative;
  top: 10px;
  right: 0px; }

.pagination span {
  color: #528eca; }

.pagination span:hover {
  cursor: pointer; }

.sorting {
  position: relative; }

.sorting, .sorting-asc, .sorting-desc {
  white-space: nowrap; }

.sorting-asc:after, .sorting-desc:after, .sorting:after, .sorting-asc-disabled:after, .sorting-desc-disabled:after {
  font-family: 'ModernPictogramsNormal';
  display: inline-block;
  margin-top: -17px;
  margin-left: 4px;
  font-size: 18px; }

.sorting-asc:after {
  color: #326eaa;
  content: ' \002D'; }

.sorting-desc:after {
  color: #326eaa;
  content: ' \002F'; }

.sorting:after {
  opacity: 0.4;
  content: '\002D\002F';
  white-space: pre; }

.sorting:hover, .sorting-asc:hover, .sorting-desc:hover {
  cursor: pointer;
  color: #326eaa; }

.sorting:hover:after {
  color: #326eaa; }

#search .inline-icon-mp {
  font-size: 19px;
  position: relative;
  top: 1px;
  left: 2px; }

.accessgrid {
  border-collapse: collapse; }

.accessgrid th {
  text-align: left;
  font-weight: normal;
  padding-right: 15px; }

.accessgrid tbody tr:hover {
  background: #fcf3ca; }

.accessgrid .access a {
  display: block;
  width: 100%;
  display: inline-block;
  height: 20px;
  border: 1px solid #dddedf;
  transition: background-color 0.5s ease; }

.accessgrid .access-true a {
  background-color: rgba(0, 225, 25, 0.25); }

.accessgrid .access-false a {
  background-color: rgba(255, 100, 25, 0.25); }

.accessgrid .access-null a {
  background-color: #fff; }

.accessgrid .access {
  text-align: center;
  padding: 2px 2px;
  width: 100px;
  display: inline-block;
  box-sizing: border-box; }

.accessgrid .access-loading a {
  background: url(/bundles/samsonframework/images/loading-horz.gif) no-repeat center center;
  background-size: 60%; }

.accessgrid .access a:hover {
  background-color: #ccc; }

.accessgrid .usergroupheader {
  width: 100px;
  box-sizing: border-box;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis; }

.illness-report-status-icon .illness-report-deleted, .illness-report-status-icon .illness-report-past {
  color: #d3d3d3; }
  .illness-report-status-icon .illness-report-overdue, .illness-report-status-icon .illness-report-current {
    color: #cc5bcd; }
  .illness-report-status-icon .illness-report-near-future {
    color: black; }
  .illness-report-status-icon .illness-report-future {
    color: #a0a0a0; }
/* Filters and Select2 ****************************************************** */
.toggle-filter, .toggle-config {
  cursor: pointer; }

.toggle-filter {
  display: block; }

.toggle-filter .inline-icon-mp {
  margin-right: 7px; }

.toggle-filter-form, .toggle-config-form {
  float: left;
  margin: 10px 0px 25px 0px;
  padding: 15px 0px 15px 0px;
  position: relative;
  top: 15px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #dddedf;
  min-width: 850px;
  max-width: 1430px; }

.toggle-filter-form > .formfield {
  float: left;
  width: 460px; }

.toggle-filter-form .select-container, .table-filter {
  margin: 0px 15px 10px 15px; }

.toggle-filter-form .buttons, .toggle-config-form .buttons {
  float: right;
  clear: both;
  margin-right: 43px; }

.tabcontents .quick-filter INPUT[type="text"] {
  display: inline-block; }

.quick-filter {
  margin-top: 5px; }

.table-wrapper {
  padding-top: 35px; }

.table-wrapper .quick-filter {
  position: absolute;
  top: 5px;
  white-space: nowrap; }

.filter-column {
  float: left;
  position: relative;
  display: flow-root;
  width: 335px;
  margin: 0px 15px 0px 0px;
  white-space: nowrap; }

.filter-column > DIV {
  position: relative;
  display: block; }

.filter-labels {
  position: relative;
  display: inline-block;
  text-align: right;
  margin: 0px 7px 5px 0px; }

.filter-labels span {
  display: block;
  line-height: 27px; }

.filter-selects {
  float: right;
  position: relative; }

.filter-selects > div > SELECT, .filter-column INPUT, .filter-column TABLE {
  width: 205px;
  display: block;
  margin-right: 0px;
  margin-bottom: 5px; }

.filter-column INPUT.date-field {
  width: 80px; }

.filter-selects > div.select2-container {
  display: block;
  width: 205px;
  min-width: 150px;
  margin-bottom: 5px; }

.filter-column span {
  width: 110px;
  text-align: left;
  font-weight: normal;
  text-transform: capitalize; }

.filter-selects .filter-datetimerange:first-child > SPAN, .filter-selects .filter-daterange:first-child > SPAN {
  display: none; }

FORM.filter DIV.input-container {
  width: 205px;
  padding-right: 3px; }

FORM.filter DIV.input-container INPUT.date-field {
  width: 80px; }

FORM.filter DIV.input-container INPUT, FORM.filter DIV.input-container SELECT, FORM.filter DIV.input-container .select2-container {
  width: 100%; }
/** Use flex-box for some filters */
.filter-flex-container {
  display: flex;
  flex-direction: column; }

.filter-flex-row {
  margin: 5px 15px 5px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.filter-flex-labels {
  width: 20%; }

.filter-flex-selects {
  width: 80%; }

.filter-flex-selects > .select2-container {
  width: 100%; }

.filter-permalink {
  margin-right: 10px; }
/*
 Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015
 */
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 190px; }

.select2-container, .select2-drop, .select2-search, .select2-search input {
  /*
   Force border-box so that % widths fit the parent
   container without overlap because of margin/padding.
   More Info : http://www.quirksmode.org/css/box.html
   */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */ }

.select2-container .select2-choice {
  display: block;
  height: 22px;
  padding: 0 0 0 5px;
  overflow: hidden;
  position: relative;
  border: 1px solid #dddedf;
  white-space: nowrap;
  line-height: 22px;
  color: #444;
  text-decoration: none;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0; }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px; }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px; }

.select2-container .select2-choice > .select2-chosen {
  margin-right: 15px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto; }

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0; }

.select2-container .select2-choice abbr {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 2px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url('../bundles/samsonframework/images/select2.png') right top no-repeat;
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block; }

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
  z-index: 10000; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb; }

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #fff; }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px; }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../bundles/samsonframework/images/select2.png') no-repeat 0 -3px; }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px; }

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding: 4px 4px 0 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url('../bundles/samsonframework/images/select2.png') no-repeat 100% -22px; }

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff url('../bundles/samsonframework/images/select2.png') no-repeat -37px -22px; }

.select2-search input.select2-active {
  background: #fff url('../bundles/samsonframework/images/select2-spinner.gif') no-repeat 100%; }

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #fff; }

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent; }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px; }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px; }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold; }

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px; }

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px; }

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px; }

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px; }

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px; }

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px; }

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px; }

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000; }

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px; }
/*
 disabled look for disabled choices in the results dropdown
 */
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url('../bundles/samsonframework/images/select2-spinner.gif') no-repeat 100%; }

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2); }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #fff;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #dddedf;
  cursor: text;
  overflow: hidden;
  background-color: #fff; }

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px; }

.select2-locked {
  padding: 3px 5px 3px 5px !important; }

.select2-container-multi .select2-choices {
  min-height: 26px; }

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none; }

html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right; }

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important; }

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('../bundles/samsonframework/images/select2-spinner.gif') no-repeat 100% !important; }

.select2-default {
  color: #999 !important; }

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #0a0a0a;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white; }

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #fff; }

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 2px;
  font-size: 1px;
  outline: none;
  background: url('../bundles/samsonframework/images/select2.png') right top no-repeat; }

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px; }

.select2-container-multi .select2-search-choice-close {
  left: 3px; }

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px; }

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px; }
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none; }
/* end multiselect */
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
    background-image: url('../bundles/samsonframework/images/select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important; }

  .select2-search input {
    background-position: 100% -21px !important; } }
/* Important required to override inline style set via JavaScript */
@media screen and (max-width: 1200px) {
  .filter-selects .select2-container {
    width: 150px; } }
/* Tooltip ****************************************************************** */
.powerTip {
  cursor: default;
  background: #fff;
  border: 1px solid #d5d7d9;
  border-radius: 2px;
  display: none;
  padding: 5px 15px 5px 15px;
  position: absolute;
  z-index: 30001;
  box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.1); }

.powerTip.n:before, .powerTip.e:before, .powerTip.s:before, .powerTip.w:before, .powerTip.ne:before, .powerTip.nw:before, .powerTip.se:before, .powerTip.sw:before {
  content: "";
  position: absolute; }

.powerTip.n:before, .powerTip.s:before {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: 50%;
  margin-left: -5px; }

.powerTip.e:before, .powerTip.w:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-top: -5px;
  top: 50%; }

.powerTip.n:before {
  border-top: 1px solid #d5d7d9;
  border-top-width: 10px;
  bottom: -10px; }

.powerTip.e:before {
  border-right: 1px solid #d5d7d9;
  border-right-width: 10px;
  left: -10px; }

.powerTip.s:before {
  border-bottom: 1px solid #d5d7d9;
  border-bottom-width: 10px;
  top: -10px; }

.powerTip.w:before {
  border-left: 1px solid #d5d7d9;
  border-left-width: 10px;
  right: -10px; }

.powerTip.ne:before, .powerTip.se:before {
  border-right: 10px solid transparent;
  border-left: 0px;
  left: 10px; }

.powerTip.nw:before, .powerTip.sw:before {
  border-left: 10px solid transparent;
  border-right: 0px;
  right: 10px; }

.powerTip.ne:before, .powerTip.nw:before {
  border-top: 1px solid #d5d7d9;
  border-top-width: 10px;
  bottom: -10px; }

.powerTip.se:before, .powerTip.sw:before {
  border-bottom: 1px solid #d5d7d9;
  border-bottom-width: 10px;
  top: -10px; }
/* Browser-specific stuff *************************************************** */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05), inset 0 0 0px 1000px #fcf3ca; }

::-webkit-validation-bubble-message {
  font-family: 'Arial', 'Liberation Sans', 'SourceSansProRegular', sans-serif;
  font-size: 14px;
  color: rgba(225, 55, 0, 1);
  font-weight: normal;
  font-style: normal;
  border-radius: 2px;
  border: 1px solid #d5d7d9;
  background: #fff;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3); }

::-webkit-validation-bubble-message:before {
  background: none;
  content: "!";
  font-family: 'ModernPictogramsNormal';
  color: rgba(225, 55, 0, 1);
  line-height: 0px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 3px; }

input::-webkit-validation-bubble-icon {
  display: none; }

#loading {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  margin: 80px 0px 0px 25px;
  background: url('../bundles/samsonframework/images/ajax-loader-round.gif') no-repeat 3px 0px;
  padding: 5px 0px 0px 35px;
  position: absolute; }

.loading {
  vertical-align: middle;
  height: 30px;
  background: url('../bundles/samsonframework/images/ajax-loader-round.gif') no-repeat 3px 0px;
  padding: 5px 0px 0px 35px; }

.loading-status {
  margin: 5px; }

.status {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  border: 1px solid #888;
  display: inline-block; }

.list td .status {
  margin: 0 auto;
  display: block; }

.list td SPAN.status {
  margin: 0 auto;
  display: inline-block; }

.filter-daterange {
  padding-left: 5px; }

.filter-daterange input {
  display: inline-block;
  margin-left: 5px; }

.filter-daterange span {
  font-size: 70%;
  color: #c0c0c0;
  position: relative;
  top: 1px; }

.address {
  width: 600px; }

.address > div {
  display: inline-block;
  height: 40px; }

.address > div .label {
  display: block;
  color: #888;
  font-size: 0.8em; }

.address > div .value {
  display: block; }
/* Debug ******************************************************************** */
.development #page-footer {
  height: 65px; }
  .development #contents {
    padding-bottom: 85px; }

.login-page #contents {
  height: 100%;
  padding-bottom: 0px; }

#requests {
  position: absolute;
  top: 10px;
  left: 400px;
  width: 650px;
  height: 55px;
  overflow-y: auto;
  overflow-x: hidden; }

#requests .request {
  width: 100%;
  height: 18px;
  font-size: 12px;
  padding: 0px 0px 0px 18px;
  position: relative; }

#requests .request.status-loading {
  background: url('../bundles/samsonframework/images/ajax-loader-round.gif') no-repeat 0px 3px;
  background-size: 12px; }

#requests .request.status-done:before {
  font-family: 'ModernPictogramsNormal';
  content: '\0025';
  position: absolute;
  left: -1px;
  top: -2px;
  font-size: 16px;
  line-height: 12px; }

#requests .request.status-error:before {
  font-family: 'EntypoRegular';
  content: 'c';
  position: absolute;
  left: 0px;
  top: 3px;
  font-size: 22px;
  line-height: 12px; }

.profiler {
  width: 18px;
  display: inline-block;
  overflow: hidden; }

.profiler:before {
  font-family: 'ModernPictogramsNormal';
  content: '(';
  font-size: 16px;
  line-height: 9px;
  margin-right: 50px; }
/* IPHONE 4g+ and or mobile devices */
@media screen and (min-width: 320px) and (max-width: 1000px) {
  body {
    min-width: auto !important;
    width: auto !important; }

  section {
    margin: auto;
    width: auto;
    height: auto; }

  #login-wrapper {
    width: auto;
    height: auto; }

  .login-page #contents {
    margin: 20px; }

  h1 {
    font-size: 19px !important; }

  h2 {
    font-size: 15px !important; }

  h3 {
    font-size: 12px !important; }

  #page-header, #page-footer {
    position: relative !important; }

  .sf-toolbar {
    display: none !important; }

  #login-wrapper {
    top: 0px;
    margin: 10px auto 0px auto; }

  aside#blocks {
    display: block;
    float: none;
    width: auto; }

  #tabs div.tabcontents {
    min-width: auto; } }

@media screen and (min-width: 320px) and (max-width: 640px) {
  #page-footer {
    display: none !important; } }

.hoverqualifications {
  position: fixed;
  min-height: 25px;
  line-height: 15px;
  background-color: white;
  padding: 2px;
  border: 1px solid #555;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  margin-right: 20%;
  margin-left: 10%;
  margin-top: -20px;
  padding-left: 10px; }

.hoverqualifications h5 {
  color: black;
  font-size: 12px; }

.hoverqualifications h5::before {
  position: absolute;
  border: 1px solid black;
  width: 7px;
  height: 7px;
  content: '';
  left: -5px;
  top: 6px;
  -webkit-transform: rotate(45deg);
  border-top: 0px;
  border-right: 0px;
  z-index: 100;
  background-color: white; }

.hoverqualifications > span {
  margin-right: 3px;
  display: inline-block;
  padding: 3px;
  border: 1px solid #ccc;
  color: black; }

.leftarrow, .rightarrow, .ctrlkey, .shiftkey {
  display: inline-block;
  background-color: #f0f0f0;
  border: 1px solid #545454;
  font-size: 10px;
  border-radius: 2px;
  padding: 0px 3px;
  text-transform: none; }

.shiftkey::before {
  content: 'Shift'; }

.ctrlkey::before {
  content: 'Ctrl'; }

.leftarrow::before {
  content: '←'; }

.rightarrow::before {
  content: '→'; }

.hotkeys {
  cursor: help;
  position: absolute;
  right: 50px;
  top: -50px;
  text-align: right;
  background-color: white;
  z-index: 1000;
  height: 20px; }

.hotkeys:hover {
  height: 50px; }

.hotkeys ul {
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in;
  background-color: white;
  opacity: 0; }

.hotkeys ul li {
  list-style-type: none; }

.hotkeys:hover ul {
  opacity: 1;
  visibility: visible;
  width: 350px;
  right: 0px;
  z-index: 1000;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 0;
  padding: 0; }

.hotkeys:hover ul li {
  padding: 5px; }

.hasNoHours {
  color: lightgrey; }

.hasHours {
  color: black; }

.hoursOver {
  color: rgba(225, 55, 0, 1); }

.hoursUnder {
  color: darkgreen; }

.bold {
  font-weight: bold; }

.smaller {
  font-size: 0.8em; }

TD.euro-sign:after {
  content: ' \20AC';
  /* Euro sign */ }

TD.qualification-list-medium {
  width: 200px; }

TD.qualification-list-small {
  max-width: 100px; }

TD.qualification-list-small DIV, TD.qualification-list-medium DIV {
  font-size: 0.7em;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis; }

.data-grid-delete-error-message {
  color: red;
  font-size: 15px; }

table.list td.qualification-primary, .qualification-primary {
  /* This selector is needed to overrule the specificity of other data-grid selectors */
  font-weight: bold; }

a.document-download {
  font-size: 10px; }

.company-deleted {
  text-decoration: line-through; }
/*
 Usage:
 <div class="one-line-only"><div>some very long text</div></div>
 This is used in the products table to display the invoiceText underneath the product name.
 The length of the invoiceText should not influence the width of the TD, and the text should
 nicely overflow and print an ellipsis.
 */
.one-line-only {
  position: relative;
  height: 1.2em; }

.one-line-only DIV {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.slot-has-no-value {
  color: #c0c0c0; }

body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }

@media (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px; } }

.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block; }

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal; }

.sweet-alert fieldset {
  border: none;
  position: relative; }

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s; }

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  transition: padding 0.25s, max-height 0.25s; }

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px; }

.sweet-alert .sa-error-container p {
  display: inline-block; }

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s; }

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px; }

.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.sweet-alert input:focus {
  outline: none;
  box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed; }

.sweet-alert input:focus::-moz-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5; }

.sweet-alert input:focus:-ms-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5; }

.sweet-alert input:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5; }

.sweet-alert input::-moz-placeholder {
  color: #bdbdbd; }

.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd; }

.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd; }

.sweet-alert.show-input input {
  display: block; }

.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative; }

.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden; }

.sweet-alert button {
  background-color: #8cd4f5;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer; }

.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }

.sweet-alert button:hover {
  background-color: #7ecff4; }

.sweet-alert button:active {
  background-color: #5dc2f1; }

.sweet-alert button.cancel {
  background-color: #c1c1c1; }

.sweet-alert button.cancel:hover {
  background-color: #b9b9b9; }

.sweet-alert button.cancel:active {
  background-color: #a8a8a8; }

.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }

.sweet-alert button[disabled] {
  opacity: 0.6;
  cursor: default; }

.sweet-alert button.confirm[disabled] {
  color: transparent; }

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s; }

.sweet-alert button::-moz-focus-inner {
  border: 0; }

.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important; }

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px; }

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box; }

.sweet-alert .sa-icon.sa-error {
  border-color: #f27474; }

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block; }

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px; }

.sweet-alert .sa-icon.sa-warning {
  border-color: #f8bb86; }

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f8bb86; }

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f8bb86; }

.sweet-alert .sa-icon.sa-info {
  border-color: #c9dae1; }

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #c9dae1; }

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #c9dae1; }

.sweet-alert .sa-icon.sa-success {
  border-color: #a5dc86; }

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: '';
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px; }

.sweet-alert .sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px; }

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat; }
/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }

  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }

  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }

  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }

  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }

  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }

  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }

  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }

  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }

  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }

  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }

  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }

  54% {
    width: 0;
    left: 1px;
    top: 19px; }

  70% {
    width: 50px;
    left: -8px;
    top: 37px; }

  84% {
    width: 17px;
    left: 21px;
    top: 48px; }

  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }

  54% {
    width: 0;
    left: 1px;
    top: 19px; }

  70% {
    width: 50px;
    left: -8px;
    top: 37px; }

  84% {
    width: 17px;
    left: 21px;
    top: 48px; }

  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }

  65% {
    width: 0;
    right: 46px;
    top: 54px; }

  84% {
    width: 55px;
    right: 0px;
    top: 35px; }

  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }

  65% {
    width: 0;
    right: 46px;
    top: 54px; }

  84% {
    width: 55px;
    right: 0px;
    top: 35px; }

  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }

  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }

  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }

  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }

  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }

  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #f8d486; }

  100% {
    border-color: #f8bb86; } }

@keyframes pulseWarning {
  0% {
    border-color: #f8d486; }

  100% {
    border-color: #f8bb86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #f8d486; }

  100% {
    background-color: #f8bb86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #f8d486; }

  100% {
    background-color: #f8bb86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }
/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall, .la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }
/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }

  10% {
    opacity: 0.5; }

  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  90% {
    opacity: 0.5; }

  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }

  10% {
    opacity: 0.5; }

  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }

  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }

  90% {
    opacity: 0.5; }

  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }

  10% {
    opacity: 0.5; }

  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }

  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }

  90% {
    opacity: 0.5; }

  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }

  10% {
    opacity: 0.5; }

  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  90% {
    opacity: 0.5; }

  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

.toast-title {
  font-weight: 700; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.toast-message a, .toast-message label {
  color: #fff; }

.toast-message a:hover {
  color: #ccc;
  text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  -ms-filter: alpha(Opacity=80);
  filter: alpha(opacity=80); }

.toast-close-button:focus, .toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: alpha(Opacity=40);
  filter: alpha(opacity=40); }

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none; }

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-right {
  top: 12px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 999999; }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999;
  -webkit-box-shadow: 0 0 12px #999;
  box-shadow: 0 0 12px #999;
  color: #fff;
  opacity: 0.8;
  -ms-filter: alpha(Opacity=80);
  filter: alpha(opacity=80); }

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000;
  -webkit-box-shadow: 0 0 12px #000;
  box-shadow: 0 0 12px #000;
  opacity: 1;
  -ms-filter: alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)  !important; }

#toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)  !important; }

#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)  !important; }

#toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)  !important; }

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
  width: 300px;
  margin: auto; }

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
  width: 96%;
  margin: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #51a351; }

.toast-error {
  background-color: #bd362f; }

.toast-info {
  background-color: #2f96b4; }

.toast-warning {
  background-color: #f89406; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
  -ms-filter: alpha(Opacity=40);
  filter: alpha(opacity=40); }

@media (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em; }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em; }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }