/*!
 *  The Black Tie Font is commercial software. Please do not distribute.
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'Black Tie';
  src: url('../font/solid/BlackTie-Solid-webfont.eot?v=1.0.0');
  src: url('../font/solid/BlackTie-Solid-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('../font/solid/BlackTie-Solid-webfont.woff2?v=1.0.0') format('woff2'), url('../font/solid/BlackTie-Solid-webfont.woff?v=1.0.0') format('woff'), url('../font/solid/BlackTie-Solid-webfont.ttf?v=1.0.0') format('truetype'), url('../font/solid/BlackTie-Solid-webfont.svg?v=1.0.0#black_tiesolid') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Black Tie';
  src: url('../font/bold/BlackTie-Bold-webfont.eot?v=1.0.0');
  src: url('../font/bold/BlackTie-Bold-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('../font/bold/BlackTie-Bold-webfont.woff2?v=1.0.0') format('woff2'), url('../font/bold/BlackTie-Bold-webfont.woff?v=1.0.0') format('woff'), url('../font/bold/BlackTie-Bold-webfont.ttf?v=1.0.0') format('truetype'), url('../font/bold/BlackTie-Bold-webfont.svg?v=1.0.0#black_tiebold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Black Tie';
  src: url('../font/medium/BlackTie-Medium-webfont.eot?v=1.0.0');
  src: url('../font/medium/BlackTie-Medium-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('../font/medium/BlackTie-Medium-webfont.woff2?v=1.0.0') format('woff2'), url('../font/medium/BlackTie-Medium-webfont.woff?v=1.0.0') format('woff'), url('../font/medium/BlackTie-Medium-webfont.ttf?v=1.0.0') format('truetype'), url('../font/medium/BlackTie-Medium-webfont.svg?v=1.0.0#black_tiemedium') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Black Tie';
  src: url('../font/light/BlackTie-Light-webfont.eot?v=1.0.0');
  src: url('../font/light/BlackTie-Light-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('../font/light/BlackTie-Light-webfont.woff2?v=1.0.0') format('woff2'), url('../font/light/BlackTie-Light-webfont.woff?v=1.0.0') format('woff'), url('../font/light/BlackTie-Light-webfont.ttf?v=1.0.0') format('truetype'), url('../font/light/BlackTie-Light-webfont.svg?v=1.0.0#black_tielight') format('svg');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Font Awesome Brands';
  src: url('../font/brands/FontAwesomeBrands-Regular-webfont.eot?v=1.0.0');
  src: url('../font/brands/FontAwesomeBrands-Regular-webfont.eot?#iefix&v=1.0.0') format('embedded-opentype'), url('../font/brands/FontAwesomeBrands-Regular-webfont.woff2?v=1.0.0') format('woff2'), url('../font/brands/FontAwesomeBrands-Regular-webfont.woff?v=1.0.0') format('woff'), url('../font/brands/FontAwesomeBrands-Regular-webfont.ttf?v=1.0.0') format('truetype'), url('../font/brands/FontAwesomeBrands-Regular-webfont.svg?v=1.0.0#font_awesome_brandsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.bts,
.btb,
.btm,
.btl,
.fab {
  display: inline-block;
  font: normal normal normal 14px/1 "Black Tie";
  font-size: inherit;
  vertical-align: -14.28571429%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.bts {
  font-weight: 900;
}
.btb {
  font-weight: 700;
}
.btl {
  font-weight: 200;
}
.fab {
  font-family: "Font Awesome Brands";
}
/* makes the font 25% smaller relative to the icon container */
.bt-sm {
  font-size: .7em;
  vertical-align: baseline;
}
/* makes the font 33% larger relative to the icon container */
.bt-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
}
.bt-2x {
  font-size: 2em;
}
.bt-3x {
  font-size: 3em;
}
.bt-4x {
  font-size: 4em;
}
.bt-5x {
  font-size: 5em;
}
.bt-lg,
.bt-2x,
.bt-3x,
.bt-4x,
.bt-5x {
  vertical-align: -30%;
}
.bt-fw {
  width: 1.28571429em;
  text-align: center;
}
.bt-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.bt-ul > li {
  position: relative;
}
.bt-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.bt-li.bt-lg {
  left: -2em;
}
.bt-border {
  padding: .2em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.bts.pull-left,
.btb.pull-left,
.btm.pull-left,
.btl.pull-left,
.fab.pull-left {
  margin-right: .3em;
}
.bts.pull-right,
.btb.pull-right,
.btm.pull-right,
.btl.pull-right,
.fab.pull-right {
  margin-left: .3em;
}
.bt-spin {
  -webkit-animation: bt-spin 2s infinite linear;
  animation: bt-spin 2s infinite linear;
}
.bt-pulse {
  -webkit-animation: bt-spin 1s infinite steps(8);
  animation: bt-spin 1s infinite steps(8);
}
@-webkit-keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes bt-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.bt-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bt-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bt-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.bt-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.bt-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .bt-rotate-90,
:root .bt-rotate-180,
:root .bt-rotate-270,
:root .bt-flip-horizontal,
:root .bt-flip-vertical {
  filter: none;
}
.bt-stack {
  position: relative;
  display: inline-block;
  width: 1.28571429em;
  height: 1em;
  line-height: 1em;
  vertical-align: baseline;
}
.bt-stack-sm {
  position: absolute;
  top: 0;
  left: 0;
  line-height: inherit;
  font-size: .5em;
}
.bt-stack-1x,
.bt-stack-sm {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.bt-inverse {
  color: #ffffff;
}
/* Black Tie uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.bt-bars:before {
  content: "\f000";
}
.bt-envelope:before {
  content: "\f001";
}
.bt-search:before {
  content: "\f002";
}
.bt-search-plus:before {
  content: "\f003";
}
.bt-search-minus:before {
  content: "\f004";
}
.bt-phone:before {
  content: "\f005";
}
.bt-comment:before {
  content: "\f007";
}
.bt-commenting:before {
  content: "\f008";
}
.bt-comments:before {
  content: "\f009";
}
.bt-rss:before {
  content: "\f00a";
}
.bt-times:before {
  content: "\f00c";
}
.bt-times-circle:before {
  content: "\f00d";
}
.bt-clock:before {
  content: "\f00e";
}
.bt-star:before {
  content: "\f010";
}
.bt-star-half:before {
  content: "\f011";
}
.bt-check:before {
  content: "\f012";
}
.bt-check-circle:before {
  content: "\f013";
}
.bt-check-square:before {
  content: "\f014";
}
.bt-th:before {
  content: "\f015";
}
.bt-th-large:before {
  content: "\f016";
}
.bt-heart:before {
  content: "\f017";
}
.bt-heart-half:before {
  content: "\f018";
}
.bt-calendar:before {
  content: "\f019";
}
.bt-shopping-cart:before {
  content: "\f01a";
}
.bt-plus:before {
  content: "\f01b";
}
.bt-plus-circle:before {
  content: "\f01c";
}
.bt-plus-square:before {
  content: "\f01d";
}
.bt-pen:before {
  content: "\f01e";
}
.bt-minus:before {
  content: "\f021";
}
.bt-minus-circle:before {
  content: "\f022";
}
.bt-minus-square:before {
  content: "\f023";
}
.bt-pencil:before {
  content: "\f024";
}
.bt-edit:before {
  content: "\f025";
}
.bt-thumbs-up:before {
  content: "\f026";
}
.bt-thumbs-down:before {
  content: "\f027";
}
.bt-gear:before {
  content: "\f028";
}
.bt-trash:before {
  content: "\f029";
}
.bt-file:before {
  content: "\f02a";
}
.bt-info-circle:before {
  content: "\f02b";
}
.bt-label:before {
  content: "\f02c";
}
.bt-rocket:before {
  content: "\f02d";
}
.bt-book:before {
  content: "\f02e";
}
.bt-book-open:before {
  content: "\f02f";
}
.bt-notebook:before {
  content: "\f030";
}
.bt-camera:before {
  content: "\f031";
}
.bt-folder:before {
  content: "\f032";
}
.bt-quote-left:before {
  content: "\f036";
}
.bt-quote-right:before {
  content: "\f037";
}
.bt-eye:before {
  content: "\f038";
}
.bt-lock:before {
  content: "\f039";
}
.bt-lock-open:before {
  content: "\f03a";
}
.bt-gift:before {
  content: "\f03b";
}
.bt-spinner-clock:before {
  content: "\f03c";
}
.bt-spinner:before {
  content: "\f03d";
}
.bt-wrench:before {
  content: "\f03e";
}
.bt-cloud:before {
  content: "\f040";
}
.bt-cloud-upload:before {
  content: "\f041";
}
.bt-cloud-download:before {
  content: "\f042";
}
.bt-sync:before {
  content: "\f043";
}
.bt-question-circle:before {
  content: "\f044";
}
.bt-share:before {
  content: "\f045";
}
.bt-briefcase:before {
  content: "\f046";
}
.bt-money:before {
  content: "\f047";
}
.bt-megaphone:before {
  content: "\f048";
}
.bt-sign-in:before {
  content: "\f049";
}
.bt-sign-out:before {
  content: "\f04a";
}
.bt-film:before {
  content: "\f04b";
}
.bt-trophy:before {
  content: "\f04c";
}
.bt-code:before {
  content: "\f04d";
}
.bt-light-bulb:before {
  content: "\f04e";
}
.bt-print:before {
  content: "\f050";
}
.bt-fax:before {
  content: "\f051";
}
.bt-video:before {
  content: "\f052";
}
.bt-signal:before {
  content: "\f053";
}
.bt-sitemap:before {
  content: "\f054";
}
.bt-upload:before {
  content: "\f055";
}
.bt-download:before {
  content: "\f056";
}
.bt-key:before {
  content: "\f057";
}
.bt-mug:before {
  content: "\f058";
}
.bt-bookmark:before {
  content: "\f059";
}
.bt-flag:before {
  content: "\f05a";
}
.bt-external-link:before {
  content: "\f05b";
}
.bt-smile:before {
  content: "\f05c";
}
.bt-frown:before {
  content: "\f05d";
}
.bt-meh:before {
  content: "\f05e";
}
.bt-magic:before {
  content: "\f060";
}
.bt-bolt:before {
  content: "\f061";
}
.bt-exclamation-triangle:before {
  content: "\f062";
}
.bt-exclamation-circle:before {
  content: "\f063";
}
.bt-flask:before {
  content: "\f064";
}
.bt-music:before {
  content: "\f065";
}
.bt-push-pin:before {
  content: "\f066";
}
.bt-shield:before {
  content: "\f067";
}
.bt-sort:before {
  content: "\f068";
}
.bt-reply:before {
  content: "\f069";
}
.bt-forward:before {
  content: "\f06a";
}
.bt-reply-all:before {
  content: "\f06b";
}
.bt-forward-all:before {
  content: "\f06c";
}
.bt-bell:before {
  content: "\f06d";
}
.bt-bell-off:before {
  content: "\f06e";
}
.bt-ban:before {
  content: "\f070";
}
.bt-database:before {
  content: "\f071";
}
.bt-hard-drive:before {
  content: "\f072";
}
.bt-merge:before {
  content: "\f073";
}
.bt-fork:before {
  content: "\f074";
}
.bt-wifi:before {
  content: "\f075";
}
.bt-paper-plane:before {
  content: "\f076";
}
.bt-inbox:before {
  content: "\f077";
}
.bt-fire:before {
  content: "\f078";
}
.bt-play:before {
  content: "\f079";
}
.bt-pause:before {
  content: "\f07a";
}
.bt-stop:before {
  content: "\f08b";
}
.bt-play-circle:before {
  content: "\f07b";
}
.bt-next:before {
  content: "\f07c";
}
.bt-previous:before {
  content: "\f07d";
}
.bt-repeat:before {
  content: "\f07e";
}
.bt-fast-forward:before {
  content: "\f080";
}
.bt-fast-reverse:before {
  content: "\f081";
}
.bt-volume:before {
  content: "\f082";
}
.bt-volume-off:before {
  content: "\f083";
}
.bt-volume-up:before {
  content: "\f084";
}
.bt-volume-down:before {
  content: "\f085";
}
.bt-maximize:before {
  content: "\f086";
}
.bt-minimize:before {
  content: "\f087";
}
.bt-closed-captions:before {
  content: "\f088";
}
.bt-shuffle:before {
  content: "\f089";
}
.bt-triangle:before {
  content: "\f08a";
}
.bt-square:before {
  content: "\f08b";
}
.bt-circle:before {
  content: "\f08c";
}
.bt-hexagon:before {
  content: "\f08d";
}
.bt-octagon:before {
  content: "\f08e";
}
.bt-angle-up:before {
  content: "\f090";
}
.bt-angle-down:before {
  content: "\f091";
}
.bt-angle-left:before {
  content: "\f092";
}
.bt-angle-right:before {
  content: "\f093";
}
.bt-angles-up:before {
  content: "\f094";
}
.bt-angles-down:before {
  content: "\f095";
}
.bt-angles-left:before {
  content: "\f096";
}
.bt-angles-right:before {
  content: "\f097";
}
.bt-arrow-up:before {
  content: "\f098";
}
.bt-arrow-down:before {
  content: "\f099";
}
.bt-arrow-left:before {
  content: "\f09a";
}
.bt-arrow-right:before {
  content: "\f09b";
}
.bt-bar-chart:before {
  content: "\f09c";
}
.bt-pie-chart:before {
  content: "\f09d";
}
.bt-circle-arrow-up:before {
  content: "\f0a0";
}
.bt-circle-arrow-down:before {
  content: "\f0a1";
}
.bt-circle-arrow-left:before {
  content: "\f0a2";
}
.bt-circle-arrow-right:before {
  content: "\f0a3";
}
.bt-caret-up:before {
  content: "\f0a4";
}
.bt-caret-down:before {
  content: "\f0a5";
}
.bt-caret-left:before {
  content: "\f0a6";
}
.bt-caret-right:before {
  content: "\f0a7";
}
.bt-long-arrow-up:before {
  content: "\f0a8";
}
.bt-long-arrow-down:before {
  content: "\f0a9";
}
.bt-long-arrow-left:before {
  content: "\f0aa";
}
.bt-long-arrow-right:before {
  content: "\f0ab";
}
.bt-Bold:before {
  content: "\f0ac";
}
.bt-italic:before {
  content: "\f0ad";
}
.bt-underline:before {
  content: "\f0ae";
}
.bt-link:before {
  content: "\f0b0";
}
.bt-paper-clip:before {
  content: "\f0b1";
}
.bt-align-left:before {
  content: "\f0b2";
}
.bt-align-center:before {
  content: "\f0b3";
}
.bt-align-right:before {
  content: "\f0b4";
}
.bt-align-justify:before {
  content: "\f0b5";
}
.bt-cut:before {
  content: "\f0b6";
}
.bt-copy:before {
  content: "\f0b7";
}
.bt-paste:before {
  content: "\f0b8";
}
.bt-photo:before {
  content: "\f0b9";
}
.bt-table:before {
  content: "\f0ba";
}
.bt-ulist:before {
  content: "\f0bb";
}
.bt-olist:before {
  content: "\f0bc";
}
.bt-indent:before {
  content: "\f0bd";
}
.bt-outdent:before {
  content: "\f0be";
}
.bt-undo:before {
  content: "\f0c0";
}
.bt-redo:before {
  content: "\f0c1";
}
.bt-sup:before {
  content: "\f0c2";
}
.bt-sub:before {
  content: "\f0c3";
}
.bt-text-size:before {
  content: "\f0c4";
}
.bt-text-color:before {
  content: "\f0c5";
}
.bt-remove-formatting:before {
  content: "\f0c6";
}
.bt-blockquote:before {
  content: "\f036";
}
.bt-globe:before {
  content: "\f0c7";
}
.bt-map:before {
  content: "\f0c8";
}
.bt-map-arrow:before {
  content: "\f0c9";
}
.bt-map-marker:before {
  content: "\f0ca";
}
.bt-map-pin:before {
  content: "\f0cb";
}
.bt-home:before {
  content: "\f0cc";
}
.bt-building:before {
  content: "\f0cd";
}
.bt-industry:before {
  content: "\f0ce";
}
.bt-desktop:before {
  content: "\f0d0";
}
.bt-laptop:before {
  content: "\f0d1";
}
.bt-tablet:before {
  content: "\f0d2";
}
.bt-mobile:before {
  content: "\f0d3";
}
.bt-tv:before {
  content: "\f0d4";
}
.bt-radio-checked:before {
  content: "\f0d5";
}
.bt-radio-unchecked:before {
  content: "\f08c";
}
.bt-checkbox-checked:before {
  content: "\f014";
}
.bt-checkbox-unchecked:before {
  content: "\f08b";
}
.bt-checkbox-intermediate:before {
  content: "\f023";
}
.bt-user:before {
  content: "\f0d6";
}
.bt-user-male:before {
  content: "\f0d6";
}
.bt-user-female:before {
  content: "\f0d7";
}
.bt-crown:before {
  content: "\f0d8";
}
.bt-credit-card:before {
  content: "\f0d9";
}
.bt-strikethrough:before {
  content: "\f0da";
}
.bt-eject:before {
  content: "\f0db";
}
.bt-ellipsis-h:before {
  content: "\f0dc";
}
.bt-ellipsis-v:before {
  content: "\f0dd";
}
.fab-facebook:before {
  content: "\f000";
}
.fab-facebook-alt:before {
  content: "\f001";
}
.fab-twitter:before {
  content: "\f002";
}
.fab-linkedin:before {
  content: "\f003";
}
.fab-linkedin-alt:before {
  content: "\f004";
}
.fab-instagram:before {
  content: "\f005";
}
.fab-github:before {
  content: "\f006";
}
.fab-github-alt:before {
  content: "\f007";
}
.fab-googleplus:before {
  content: "\f008";
}
.fab-googleplus-alt:before {
  content: "\f009";
}
.fab-pinterest:before {
  content: "\f00a";
}
.fab-pinterest-alt:before {
  content: "\f00b";
}
.fab-tumblr:before {
  content: "\f00c";
}
.fab-tumblr-alt:before {
  content: "\f00d";
}
.fab-bitcoin:before {
  content: "\f010";
}
.fab-bitcoin-alt:before {
  content: "\f011";
}
.fab-dropbox:before {
  content: "\f012";
}
.fab-stackexchange:before {
  content: "\f013";
}
.fab-stackoverflow:before {
  content: "\f014";
}
.fab-flickr:before {
  content: "\f015";
}
.fab-flickr-alt:before {
  content: "\f016";
}
.fab-bitbucket:before {
  content: "\f017";
}
.fab-html5:before {
  content: "\f018";
}
.fab-css3:before {
  content: "\f019";
}
.fab-apple:before {
  content: "\f01a";
}
.fab-windows:before {
  content: "\f01b";
}
.fab-android:before {
  content: "\f01c";
}
.fab-linux:before {
  content: "\f01d";
}
.fab-dribbble:before {
  content: "\f01e";
}
.fab-youtube:before {
  content: "\f021";
}
.fab-skype:before {
  content: "\f022";
}
.fab-foursquare:before {
  content: "\f023";
}
.fab-trello:before {
  content: "\f024";
}
.fab-maxcdn:before {
  content: "\f025";
}
.fab-gittip:before,
.fab-gratipay:before {
  content: "\f026";
}
.fab-vimeo:before {
  content: "\f027";
}
.fab-vimeo-alt:before {
  content: "\f028";
}
.fab-slack:before {
  content: "\f029";
}
.fab-wordpress:before {
  content: "\f02a";
}
.fab-wordpress-alt:before {
  content: "\f02b";
}
.fab-openid:before {
  content: "\f02c";
}
.fab-yahoo:before {
  content: "\f02d";
}
.fab-yahoo-alt:before {
  content: "\f02e";
}
.fab-reddit:before {
  content: "\f02f";
}
.fab-google:before {
  content: "\f030";
}
.fab-google-alt:before {
  content: "\f031";
}
.fab-stumbleupon:before {
  content: "\f032";
}
.fab-stumbleupon-alt:before {
  content: "\f033";
}
.fab-delicious:before {
  content: "\f034";
}
.fab-digg:before {
  content: "\f035";
}
.fab-piedpiper:before {
  content: "\f036";
}
.fab-piedpiper-alt:before {
  content: "\f037";
}
.fab-drupal:before {
  content: "\f038";
}
.fab-joomla:before {
  content: "\f039";
}
.fab-behance:before {
  content: "\f03a";
}
.fab-steam:before {
  content: "\f03b";
}
.fab-steam-alt:before {
  content: "\f03c";
}
.fab-spotify:before {
  content: "\f03d";
}
.fab-deviantart:before {
  content: "\f03e";
}
.fab-soundcloud:before {
  content: "\f040";
}
.fab-vine:before {
  content: "\f041";
}
.fab-codepen:before {
  content: "\f042";
}
.fab-jsfiddle:before {
  content: "\f043";
}
.fab-rebel:before {
  content: "\f044";
}
.fab-empire:before {
  content: "\f045";
}
.fab-git:before {
  content: "\f046";
}
.fab-hackernews:before {
  content: "\f047";
}
.fab-hackernews-alt:before {
  content: "\f048";
}
.fab-slideshare:before {
  content: "\f049";
}
.fab-twitch:before {
  content: "\f04a";
}
.fab-yelp:before {
  content: "\f04b";
}
.fab-paypal:before {
  content: "\f04c";
}
.fab-google-wallet:before {
  content: "\f04d";
}
.fab-angellist:before {
  content: "\f04e";
}
.fab-cc-visa:before {
  content: "\f050";
}
.fab-cc-mastercard:before {
  content: "\f051";
}
.fab-cc-discover:before {
  content: "\f052";
}
.fab-cc-amex:before {
  content: "\f053";
}
.fab-cc-paypal:before {
  content: "\f054";
}
.fab-cc-stripe:before {
  content: "\f055";
}
.fab-lastfm:before {
  content: "\f056";
}
.fab-whatsapp:before {
  content: "\f057";
}
.fab-medium:before {
  content: "\f058";
}
.fab-meanpath:before {
  content: "\f059";
}
.fab-meanpath-alt:before {
  content: "\f05a";
}
.fab-pagelines:before {
  content: "\f05b";
}
.fab-ioxhost:before {
  content: "\f060";
}
.fab-buysellads:before {
  content: "\f061";
}
.fab-buysellads-alt:before {
  content: "\f062";
}
.fab-connectdevelop:before {
  content: "\f063";
}
.fab-dashcube:before {
  content: "\f064";
}
.fab-forumbee:before {
  content: "\f065";
}
.fab-leanpub:before {
  content: "\f066";
}
.fab-sellsy:before {
  content: "\f067";
}
.fab-shirtsinbulk:before {
  content: "\f068";
}
.fab-simplybuilt:before {
  content: "\f069";
}
.fab-skyatlas:before {
  content: "\f06a";
}
.fab-viacoin:before {
  content: "\f06b";
}
.fab-codiepie:before {
  content: "\f06c";
}
.fab-queue:before {
  content: "\f06d";
}
.fab-queue-alt:before {
  content: "\f06e";
}
.fab-fonticons:before {
  content: "\f070";
}
.fab-fonticons-alt:before {
  content: "\f071";
}
.fab-blacktie:before {
  content: "\f072";
}
.fab-blacktie-alt:before {
  content: "\f073";
}
.fab-xing:before {
  content: "\f090";
}
.fab-vk:before {
  content: "\f091";
}
.fab-weibo:before {
  content: "\f092";
}
.fab-renren:before {
  content: "\f093";
}
.fab-tencent-weibo:before {
  content: "\f094";
}
.fab-qq:before {
  content: "\f095";
}
.fab-wechat:before,
.fab-weixin:before {
  content: "\f096";
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

*, html, body, button, input, textarea, select {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.CodeMirror * {
  -moz-osx-font-smoothing: auto; }

a {
  color: #39464E;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

input, textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

select {
  cursor: pointer; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

abbr, acronym {
  border: 0; }

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

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

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

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

.errorlist {
  font-size: .85em; }
  .errorlist li {
    margin-bottom: 5px;
    color: #f36e65; }

html {
  height: 100vh; }

a {
  outline: none; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: #f3f5f6;
  overflow: hidden;
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 14px;
  color: #39464E; }

body .CodeMirror * {
  -webkit-font-smoothing: subpixel-antialiased; }

#show-result #content {
  -moz-transition: opacity 0.1s;
  /* FF3.6+ */
  -webkit-transition: opacity 0.1s;
  /* Chrome, Safari */
  -o-transition: opacity 0.1s;
  /* Opera */
  -ms-transition: opacity 0.1s;
  /* IE 9 */
  transition: opacity 0.1s;
  opacity: 0; }

h1, h2 {
  position: absolute;
  top: -900em;
  left: -900em; }

#progressbar {
  height: 3px;
  position: absolute;
  top: 55px;
  left: 0;
  right: 0; }

/* content
 ================================================================ */
#content {
  position: relative;
  margin-left: 190px; }
  #content.visible {
    opacity: 1 !important; }

.abuseDetected {
  position: relative;
  text-align: center;
  padding: 100px; }
  .abuseDetected p {
    margin: 5px 0; }
    .abuseDetected p.sub {
      color: #7f94a1; }
      .abuseDetected p.sub a {
        color: #7f94a1;
        text-decoration: underline; }
  .abuseDetected .carbon {
    width: 200px;
    border: solid 1px #cfd6d9;
    padding: 20px;
    border-radius: 4px;
    margin: 50px auto 0; }
    .abuseDetected .carbon .carbon-text {
      display: block;
      padding: 20px;
      font-size: 13px; }

/* header
 ================================================================ */
#header {
  height: 55px;
  background: #fff;
  box-shadow: 0 0 5px rgba(57, 70, 78, 0.2);
  position: relative;
  z-index: 100; }

#branding {
  float: left;
  width: 50px;
  padding: 0;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  z-index: 800; }
  #branding .changelog-badge {
    position: relative; }
    #branding .changelog-badge #HW_badge_cont {
      position: absolute !important;
      top: 2px;
      right: -4px; }
      #branding .changelog-badge #HW_badge_cont #HW_badge {
        box-shadow: 0 0 0 2px #fff;
        font-weight: bold; }
      #branding .changelog-badge #HW_badge_cont:hover {
        -moz-transition: all 0.2s;
        /* FF3.6+ */
        -webkit-transition: all 0.2s;
        /* Chrome, Safari */
        -o-transition: all 0.2s;
        /* Opera */
        -ms-transition: all 0.2s;
        /* IE 9 */
        transition: all 0.2s;
        -moz-transform: scale(1.1);
        /* FF3.6+ */
        -webkit-transform: scale(1.1);
        /* Chrome, Safari */
        -o-transform: scale(1.1);
        /* Opera */
        -ms-transform: scale(1.1);
        /* IE 9 */
        transform: scale(1.1); }

#home {
  display: block;
  width: 55px;
  height: 55px;
  line-height: 55px;
  background: transparent url(../img/logo.png) no-repeat 0 50%;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 17px;
  text-indent: -900em;
  background-size: 42px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #home {
      background: transparent url(../img/logo@2x.png) no-repeat 0 50%;
      background-size: 42px; } }

.selectCont {
  margin: 0 0 6px;
  position: relative; }
  .selectCont label {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    line-height: 34px;
    pointer-events: none; }
    .selectCont label i {
      font-weight: 400;
      color: #abb9c2; }

input[type='text'],
input[type='password'],
textarea,
select {
  width: 100%;
  padding: 0 5px;
  height: 34px;
  color: #39464E;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 13px;
  background: transparent;
  border: solid 1px #cfd6d9;
  border-radius: 2px;
  outline: none;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none; }
  input[type='text']:hover,
  input[type='password']:hover,
  textarea:hover,
  select:hover {
    border: solid 1px #abb9c2; }
  input[type='text']:disabled,
  input[type='password']:disabled,
  textarea:disabled,
  select:disabled {
    background: #f4f6f6;
    color: #cfd6d9; }

label.checkboxCont {
  cursor: pointer;
  font-size: 13px; }
  label.checkboxCont input {
    display: none; }
    label.checkboxCont input:checked + .checkbox {
      background: #1C90F3;
      border: solid 1px #1C90F3; }
    label.checkboxCont input:checked + .radio {
      border: solid 5px #1C90F3;
      height: 6px;
      width: 6px; }
  label.checkboxCont .checkbox,
  label.checkboxCont .radio {
    height: 14px;
    width: 14px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    color: #fff;
    font-size: 9px;
    text-indent: 0.07em;
    line-height: 13px;
    font-weight: 600;
    border-radius: 3px;
    border: solid 1px #cfd6d9;
    margin-right: 3px; }
  label.checkboxCont .radio {
    border-radius: 14px; }

/* sidebar
 ================================================================ */
#sidebar {
  padding: 0;
  margin: 0;
  font-size: 11px;
  width: 190px;
  position: absolute;
  top: 55px;
  left: 0;
  border-right: solid 1px #e9eced;
  height: calc(100vh - 55px);
  background: #fff;
  display: flex;
  flex-direction: column; }
  #sidebar #s-cont {
    flex-grow: 1;
    overflow: auto; }
  #sidebar #roadmap {
    font-size: 13px;
    margin: 10px;
    text-align: center; }
    #sidebar #roadmap a {
      border: solid 1px #e6e9eb;
      padding: 7px 5px;
      border-radius: 2px; }
      #sidebar #roadmap a:hover {
        text-decoration: none;
        border: solid 1px #cfd6d9; }
    #sidebar #roadmap a, #sidebar #roadmap span {
      display: block; }
    #sidebar #roadmap span {
      font-size: 11px;
      padding-top: 4px;
      color: #abb9c2; }
  #sidebar input[type='text'],
  #sidebar input[type='password'],
  #sidebar textarea,
  #sidebar select {
    width: 100%;
    padding: 0;
    padding-bottom: 2px;
    height: 34px;
    color: #39464E;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 13px;
    background: transparent;
    border: none;
    border-bottom: solid 1px #e6e9eb;
    border-radius: 0;
    outline: none;
    box-sizing: border-box;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none; }
    #sidebar input[type='text']:focus,
    #sidebar input[type='password']:focus,
    #sidebar textarea:focus,
    #sidebar select:focus {
      border-bottom: solid 2px #1C90F3;
      padding-bottom: 1px; }
  #sidebar h3 {
    clear: both;
    padding: 0;
    font-size: 12px;
    font-weight: bold; }
  #sidebar input[type='text'].warning {
    border: solid 1px #e58b85;
    background: #f6e4e3; }
  #sidebar textarea {
    height: 50px;
    max-width: 100%;
    padding: 5px 0;
    color: #39464E;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 13px;
    resize: none; }
  #sidebar a {
    color: #1C90F3; }
  #sidebar p {
    margin: 0 0 7px;
    line-height: 160%; }
  #sidebar pre,
  #sidebar code {
    padding: 0 2px;
    font-family: "Inconsolata", "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    color: #39464E;
    font-size: .9em;
    background: #fafafb;
    border: solid 1px #ebeef0;
    border-radius: 2px;
    padding: 1px 3px; }
  #sidebar .element,
  #sidebar .text {
    margin: 0; }
  #sidebar .metaInfo {
    color: #7f94a1; }
  #sidebar label {
    font-size: 11px; }
  #sidebar .element strong {
    font-weight: bold; }
  #sidebar .elementBody {
    padding-top: 0;
    border-top-style: none;
    padding-bottom: 0;
    border-bottom-style: none;
    overflow: hidden;
    opacity: 0;
    height: 0; }
  #sidebar .ebCont {
    padding: 0 10px 15px; }
    #sidebar .ebCont h3 {
      font-size: 1em;
      padding: 4px 0 2px;
      border-top: 1px solid #cfd6d9; }
    #sidebar .ebCont .avatar {
      font-size: 13px;
      font-weight: bold; }
      #sidebar .ebCont .avatar a {
        color: #39464E; }
      #sidebar .ebCont .avatar img {
        float: left;
        margin-right: 10px;
        overflow: hidden;
        border-radius: 100px; }
      #sidebar .ebCont .avatar .company {
        font-size: 11px;
        font-weight: normal;
        margin-top: 5px;
        color: #7f94a1; }
    #sidebar .ebCont .userDetails {
      clear: both;
      padding-top: 6px;
      color: #7f94a1; }
      #sidebar .ebCont .userDetails a {
        color: #7f94a1; }
      #sidebar .ebCont .userDetails li {
        margin-top: 3px;
        font-size: 12px; }
        #sidebar .ebCont .userDetails li i {
          width: 20px;
          color: #d7dee2; }
  #sidebar .toggler {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: normal;
    position: relative;
    cursor: pointer;
    text-decoration: none; }
    #sidebar .toggler:hover {
      border-right: solid 3px #1C90F3;
      padding-right: 7px; }
    #sidebar .toggler em {
      color: #AEAEAE;
      font-style: normal;
      font-size: .8em;
      position: absolute;
      top: 10px;
      right: 10px;
      background: #f1f1f1;
      height: 16px;
      padding: 0 4px;
      line-height: 16px;
      border-radius: 2px; }
    #sidebar .toggler.active {
      font-weight: 700; }
    #sidebar .toggler .bts {
      font-weight: 400;
      width: 20px; }
  #sidebar .element a:hover {
    text-decoration: underline; }

#shell_settings li {
  margin: 5px 0; }

#shell_settings li input {
  margin-right: 3px; }

#sidebar-bottom {
  margin: 10px 0 10px 3px; }

#sidebar #share_links label,
#share_links_dropdown label {
  display: block;
  padding: 0 0 2px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 11px; }

#sidebar #share_links p,
#share_links_dropdown p {
  margin: 0 0 7px; }

#share_links_dropdown input {
  box-sizing: border-box;
  width: 100%;
  padding: 7px 5px;
  color: #39464E;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1em;
  border: solid 1px #cfd6d9;
  background: #fff;
  border-radius: 2px;
  outline: none; }

/* actions */
#actions {
  height: 55px;
  font-size: 13px;
  position: relative;
  z-index: 300; }
  #actions i {
    font-weight: 400;
    margin-right: 6px; }
    #actions i.rightIcon {
      margin-right: 0;
      margin-left: 6px; }
  #actions .actionCont {
    float: left; }
  #actions .right {
    float: right;
    margin-right: 10px; }
  #actions .actionItem {
    float: left;
    position: relative;
    margin-right: 1px; }
    #actions .actionItem.hidden {
      display: none; }
    #actions .actionItem.visible {
      display: block; }
  #actions .actionItem .aiButton,
  #actions .actionItem .aiButton span,
  #actions .dropdown .actionItem a.aiButton {
    height: 52px; }
  #actions .actionItem a.aiButton {
    display: block;
    outline: none;
    text-decoration: none;
    padding: 0 10px;
    line-height: 55px; }
    #actions .actionItem a.aiButton:hover {
      border-bottom: solid 3px #1C90F3; }
    #actions .actionItem a.aiButton.applyDraft {
      color: #f36e65; }
  #actions #usermenu {
    position: relative;
    padding-left: 52px; }
    #actions #usermenu img {
      position: absolute;
      top: 12px;
      left: 10px;
      overflow: hidden;
      border-radius: 100%; }
  #actions .actionItem a.aiButton span {
    line-height: 55px;
    margin-right: 6px !important;
    font-size: .9em; }
  #actions .noIcon a.aiButton span {
    padding: 0 0 0 6px;
    margin-right: 0; }
  #actions .actionItem #mobile.aiButton span {
    margin-right: 0; }
  #actions .actionItem a.aiButton span.selected {
    color: #555;
    background: #fff; }
  #actions .dropdown .dropdownCont li {
    line-height: 26px; }
  #actions #showjscode {
    display: none; }

/* universal dropdown container
 ================================================================ */
div.dropdownCont {
  position: absolute;
  top: 56px;
  right: 0;
  z-index: 500;
  display: none; }
  div.dropdownCont.center {
    left: 50%;
    right: auto; }
  div.dropdownCont .dcWrapper {
    background-color: #fff;
    width: 300px;
    padding: 15px;
    margin: 0;
    font-size: 13px;
    box-shadow: 0 0 1px rgba(57, 70, 78, 0.15), 0 20px 55px -8px rgba(57, 70, 78, 0.25);
    border-radius: 2px; }
    div.dropdownCont .dcWrapper.diffCont {
      width: 60vw; }
      div.dropdownCont .dcWrapper.diffCont .diffPanels {
        display: flex; }
      div.dropdownCont .dcWrapper.diffCont h4 {
        margin-bottom: 15px; }
      div.dropdownCont .dcWrapper.diffCont strong {
        font-weight: 700; }
      div.dropdownCont .dcWrapper.diffCont p {
        margin-top: 15px; }
      div.dropdownCont .dcWrapper.diffCont a {
        color: #1C90F3; }
      div.dropdownCont .dcWrapper.diffCont a.apply {
        border: solid 1px #1C90F3;
        display: inline-block;
        border-radius: 20px;
        padding: 0 10px;
        line-height: 27px;
        margin-right: 5px; }
        div.dropdownCont .dcWrapper.diffCont a.apply:hover {
          text-decoration: none; }
    div.dropdownCont .dcWrapper.menu {
      width: 200px;
      padding: 12px 0; }
      div.dropdownCont .dcWrapper.menu li {
        line-height: 22px;
        padding: 0 15px 6px; }
        div.dropdownCont .dcWrapper.menu li a {
          color: #39464E; }
        div.dropdownCont .dcWrapper.menu li.other {
          border-top: solid 1px #ebeef0;
          padding: 6px 15px 0; }
        div.dropdownCont .dcWrapper.menu li.other + .other {
          border-top: none; }
        div.dropdownCont .dcWrapper.menu li.other a {
          color: #abb9c2; }
    div.dropdownCont .dcWrapper.embed {
      width: 850px;
      float: left; }
      div.dropdownCont .dcWrapper.embed #creator,
      div.dropdownCont .dcWrapper.embed #preview {
        float: left; }
      div.dropdownCont .dcWrapper.embed #creator {
        width: 38%; }
        div.dropdownCont .dcWrapper.embed #creator section {
          border-bottom: solid 1px #ebeef0;
          padding: 0 0 15px;
          margin: 0 0 20px; }
          div.dropdownCont .dcWrapper.embed #creator section:after {
            content: "";
            display: block;
            clear: both;
            height: 0;
            width: 100%; }
          div.dropdownCont .dcWrapper.embed #creator section.noborder {
            border-bottom: none;
            padding: 0; }
          div.dropdownCont .dcWrapper.embed #creator section:last-child {
            margin: 0; }
        div.dropdownCont .dcWrapper.embed #creator h3 {
          margin-bottom: 10px;
          font-size: 11px;
          letter-spacing: 1px;
          text-transform: uppercase;
          color: #abb9c2;
          position: relative; }
          div.dropdownCont .dcWrapper.embed #creator h3 .codeTypeToggle {
            color: #abb9c2;
            letter-spacing: 0;
            text-transform: none;
            position: absolute;
            top: 0;
            right: 0; }
        div.dropdownCont .dcWrapper.embed #creator .inputCont_text {
          display: block;
          float: left;
          width: 48%;
          margin-top: 10px; }
          div.dropdownCont .dcWrapper.embed #creator .inputCont_text:nth-child(2n+1) {
            float: right; }
        div.dropdownCont .dcWrapper.embed #creator input[type='text'],
        div.dropdownCont .dcWrapper.embed #creator textarea {
          padding: 0;
          padding: 4px 6px;
          color: #39464E;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          font-size: 13px;
          background: transparent;
          border: none;
          border: solid 1px #e6e9eb;
          border-radius: 2px;
          outline: none;
          box-sizing: border-box; }
        div.dropdownCont .dcWrapper.embed #creator textarea {
          height: 60px;
          font-size: 12px;
          color: #7f94a1; }
        div.dropdownCont .dcWrapper.embed #creator .embedCodeWrap p {
          margin-top: 5px; }
        div.dropdownCont .dcWrapper.embed #creator .embedCodeWrap strong {
          color: #f36e65; }
        div.dropdownCont .dcWrapper.embed #creator .embedCodeWrap.hidden {
          display: none; }
        div.dropdownCont .dcWrapper.embed #creator .inputCont_checkbox {
          margin-right: 12px; }
          div.dropdownCont .dcWrapper.embed #creator .inputCont_checkbox i {
            font-weight: 600; }
        div.dropdownCont .dcWrapper.embed #creator .inlineFields:after {
          content: "";
          display: block;
          clear: both;
          height: 0;
          width: 100%; }
      div.dropdownCont .dcWrapper.embed #preview {
        width: 60%;
        float: right;
        overflow: hidden; }
        div.dropdownCont .dcWrapper.embed #preview iframe {
          display: block; }
    div.dropdownCont .dcWrapper:before {
      content: "";
      display: block;
      position: absolute;
      top: -11px;
      right: 10px;
      vertical-align: middle;
      content: "";
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 10px solid rgba(57, 70, 78, 0.15);
      border-style: none double solid;
      width: 0;
      height: 0; }
    div.dropdownCont .dcWrapper:after {
      content: "";
      display: block;
      position: absolute;
      top: -10px;
      right: 10px;
      vertical-align: middle;
      content: "";
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 10px solid #fff;
      border-style: none double solid;
      width: 0;
      height: 0; }
  div.dropdownCont.center .dcWrapper:before {
    left: 50%;
    margin-left: -4px; }
  div.dropdownCont.center .dcWrapper:after {
    left: 50%;
    margin-left: -4px; }

#editor-options p {
  margin-bottom: 8px; }
  #editor-options p i {
    font-weight: 600; }

#editor-options .selectPair {
  margin-top: 8px;
  width: 100%; }
  #editor-options .selectPair .label {
    display: inline-block;
    width: 70px; }

#editor-options .selectCont {
  display: inline-block;
  width: 150px; }

/* editor
 ================================================================ */
#content fieldset.column {
  display: block;
  height: 100%;
  width: 50%; }

#content .window {
  width: 100%; }

#content .top {
  height: 25%;
  position: absolute;
  top: 0;
  border-bottom: solid 1px #cfd6d9;
  border-right: solid 1px #cfd6d9; }

#content .bottom {
  height: 75%;
  position: absolute;
  bottom: 0;
  border-right: solid 1px #cfd6d9; }

#content .right {
  position: absolute;
  right: 0; }

#content .left {
  position: absolute;
  left: 0; }

#handler_vertical {
  z-index: 200;
  width: 8px;
  height: 100%;
  padding: 5px 0;
  cursor: col-resize;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -4px; }

.handler_horizontal {
  z-index: 90;
  width: 100%;
  height: 8px;
  padding: 0 1px;
  cursor: row-resize;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -4px; }

#content textarea,
#result iframe,
body.editbox {
  min-width: 100px;
  width: 100%;
  height: 100%; }

/* editors */
#content textarea,
#content iframe {
  border: 0 !important; }

/* resizing sets display to inline, this overrides */
#content textarea {
  display: block; }

/* editor labels */
.windowLabel {
  border: solid 1px rgba(255, 255, 255, 0);
  background: rgba(243, 245, 246, 0.8);
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 5px;
  text-align: center;
  font-size: 11px;
  border-radius: 20px;
  z-index: 30;
  color: #7f94a1;
  line-height: 23px;
  padding: 0 7px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-backdrop-filter: blur(10px);
  -moz-transition: all 0.1s;
  /* FF3.6+ */
  -webkit-transition: all 0.1s;
  /* Chrome, Safari */
  -o-transition: all 0.1s;
  /* Opera */
  -ms-transition: all 0.1s;
  /* IE 9 */
  transition: all 0.1s; }
  .windowLabel.active, .windowLabel:hover {
    border: solid 1px #1C90F3;
    color: #1C90F3;
    text-decoration: none; }
  .windowLabel i {
    margin-left: 5px; }

span.windowLabel {
  pointer-events: none; }

/* we want editors to fill up all the space available */
.CodeMirror-wrapping {
  width: 100%;
  height: 100%; }

/* shim to cover iframes when dragging */
.shim {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0; }

/* external resources
 ================================================================ */
#sidebar #external-resources-form {
  position: relative; }

/* place resource button next to input */
#sidebar #external-resources-form #external_resource {
  padding-right: 22px !important; }

/* custom style inputs/buttons */
#sidebar #external-resources-form .submit,
#sidebar .submit {
  border: none;
  height: 33px;
  width: 28px;
  text-align: right;
  padding: 0;
  line-height: 33px;
  text-align: center;
  outline: none;
  position: absolute;
  top: 0;
  right: 0; }

#sidebar #external-resources-form .submit:hover,
#sidebar .submit:hover {
  text-decoration: none; }

#sidebar .commonButton {
  width: 70%;
  float: none;
  display: block;
  line-height: 28px;
  text-align: center;
  color: #555;
  font-size: 12px;
  margin-top: 5px; }

/* license text
 ================================================================ */
#documentation-info {
  margin: 20px 8px 0;
  color: #9A9A9A; }

#documentation-info p {
  font-size: 1em; }

#documentation-info a {
  text-decoration: none; }

#documentation-info a:hover {
  text-decoration: underline; }

/* style the external resources list
 ================================================================ */
#sidebar #external_resources_list li {
  padding: 7px 0;
  position: relative;
  cursor: move; }

#sidebar #external_resources_list li .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  cursor: pointer;
  text-decoration: none;
  line-height: 200%; }

/* info box
 ================================================================ */
#info {
  background: #FEFFE5;
  padding: 7px;
  border: 1px solid #EBBA95;
  font-size: 11px;
  color: #C98657;
  margin: 7px 8px 10px;
  line-height: 130%;
  text-shadow: 0 1px 0 #FFF7F4;
  position: relative;
  display: none;
  border-radius: 2px; }

#info #info-close {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  right: 4px;
  text-indent: -900em;
  display: block;
  background: url(../img/info-close.png);
  overflow: hidden; }

#info a {
  font-weight: bold;
  color: #C98657; }

legend {
  display: none; }

.twitterCont {
  padding: 10px;
  display: block;
  border-top: 1px solid #ebeef0; }

#keep-us-running {
  background: #1C90F3;
  color: #fff;
  padding: 15px 10px;
  position: absolute;
  bottom: -100px;
  left: 0;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s; }
  #keep-us-running p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 8px; }
  #keep-us-running.show {
    pointer-events: auto;
    opacity: 1;
    bottom: 0; }

.warningTooltip {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 234, 147, 0.9);
  font-size: .85em;
  line-height: 1.5em;
  color: #6c5517;
  width: 100%;
  z-index: 100; }

.warningTooltip code,
.warningTooltip strong {
  font-weight: bold; }

.warningTooltip li {
  border-top: solid 1px #eddf97;
  padding: 5px 8px; }

.windowSettings {
  z-index: 100;
  position: absolute;
  display: none;
  background-color: #fff;
  width: 300px;
  padding: 15px;
  margin: 0;
  box-shadow: 0 0 1px rgba(57, 70, 78, 0.15), 0 20px 55px -8px rgba(57, 70, 78, 0.25);
  border-radius: 3px; }
  .windowSettings:before {
    content: "";
    display: block;
    position: absolute;
    top: -11px;
    right: 9px;
    vertical-align: middle;
    content: "";
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 11px solid rgba(57, 70, 78, 0.08);
    border-style: none double solid;
    width: 0;
    height: 0; }
  .windowSettings:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: 10px;
    vertical-align: middle;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    border-style: none double solid;
    width: 0;
    height: 0; }
  .windowSettings h3 {
    padding: 0;
    margin-bottom: 5px;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #abb9c2; }
  .windowSettings * + h3 {
    margin: 15px 0 5px 0; }

#sidebar #carbonads .carbon-img,
#sidebar #carbonads .ifac_5-img,
#sidebar #ifac_5 .carbon-img,
#sidebar #ifac_5 .ifac_5-img {
  clear: both;
  float: left; }

#sidebar #carbonads .carbon-img img,
#sidebar #carbonads .ifac_5-img img,
#sidebar #ifac_5 .carbon-img img,
#sidebar #ifac_5 .ifac_5-img img {
  display: block; }

#sidebar #carbonads .carbon-text,
#sidebar #carbonads .ifac_5-text,
#sidebar #ifac_5 .carbon-text,
#sidebar #ifac_5 .ifac_5-text {
  clear: both;
  display: block;
  padding: 10px 0 0;
  color: #424249;
  font-size: 12px;
  line-height: 1.5em; }

#sidebar #carbonads .carbon-poweredby,
#sidebar #carbonads .ifac_5-poweredby,
#sidebar #ifac_5 .carbon-poweredby,
#sidebar #ifac_5 .ifac_5-poweredby {
  display: block;
  color: #ADB0BA;
  font-size: .9em;
  padding: 10px 0 0; }

/* Make clicks pass-through */
.ui-mprogress {
  pointer-events: none;
}
.ui-mprogress .deter-bar,
.ui-mprogress .indeter-bar,
.ui-mprogress .query-bar,
.ui-mprogress .bar-bg,
.ui-mprogress .buffer-bg,
.ui-mprogress .mp-ui-dashed {
  position: fixed;
  z-index: 1032;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #2795EE;
}
.ui-mprogress .bar-bg,
.ui-mprogress .buffer-bg {
  z-index: 1031;
  background: #b0d0ef;
}
.ui-mprogress .mp-ui-dashed {
  z-index: 1030;
  background: transparent;
}
.ui-mprogress .mp-ui-dashed:before {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  margin-top: 0px;
  position: absolute;
  background: radial-gradient(#a9c0e9 0%, #a9c0e9 16%, transparent 42%);
  background-size: 10px 10px !important;
  background-position: 0px -23px;
  -webkit-animation: buffer 3s infinite linear;
  -moz-animation: buffer 3s infinite linear;
  -ms-animation: buffer 3s infinite linear;
  -o-animation: buffer 3s infinite linear;
  animation: buffer 3s infinite linear;
}
.ui-mprogress .peg {
  position: absolute;
  display: block;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #2795EE, 0 0 5px #29d;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
.ui-mprogress .query-bar {
  -webkit-animation: querying 2800ms infinite linear;
  -moz-animation: querying 2800ms infinite linear;
  -ms-animation: querying 2800ms infinite linear;
  -o-animation: querying 2800ms infinite linear;
  animation: querying 2800ms infinite linear;
}
.ui-mprogress .query-bar.end {
  -webkit-animation: endquery 1500ms linear;
  -moz-animation: endquery 1500ms linear;
  -ms-animation: endquery 1500ms linear;
  -o-animation: endquery 1500ms linear;
  animation: endquery 1500ms linear;
}
.ui-mprogress .indeter-bar {
  -webkit-animation: indeterminate 2800ms infinite linear;
  -moz-animation: indeterminate 2800ms infinite linear;
  -ms-animation: indeterminate 2800ms infinite linear;
  -o-animation: indeterminate 2800ms infinite linear;
  animation: indeterminate 2800ms infinite linear;
}
.mprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.mprogress-custom-parent .deter-bar,
.mprogress-custom-parent .indeter-bar,
.mprogress-custom-parent .query-bar,
.mprogress-custom-parent .bar-bg,
.mprogress-custom-parent .buffer-bg,
.mprogress-custom-parent .mp-ui-dashed {
  position: absolute;
}
@-moz-keyframes querying {
  0% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  20% {
    -webkit-transform: translateX(30%) scaleX(0.7);
    -moz-transform: translateX(30%) scaleX(0.7);
    -ms-transform: translateX(30%) scaleX(0.7);
    -o-transform: translateX(30%) scaleX(0.7);
    transform: translateX(30%) scaleX(0.7);
  }
  30% {
    -webkit-transform: translateX(-20%) scaleX(0.4);
    -moz-transform: translateX(-20%) scaleX(0.4);
    -ms-transform: translateX(-20%) scaleX(0.4);
    -o-transform: translateX(-20%) scaleX(0.4);
    transform: translateX(-20%) scaleX(0.4);
  }
  55% {
    -webkit-transform: translateX(-100%) scaleX(0.1);
    -moz-transform: translateX(-100%) scaleX(0.1);
    -ms-transform: translateX(-100%) scaleX(0.1);
    -o-transform: translateX(-100%) scaleX(0.1);
    transform: translateX(-100%) scaleX(0.1);
  }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  56% {
    -webkit-transform: translateX(100%) scaleX(0);
    -moz-transform: translateX(100%) scaleX(0);
    -ms-transform: translateX(100%) scaleX(0);
    -o-transform: translateX(100%) scaleX(0);
    transform: translateX(100%) scaleX(0);
  }
  56.99% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  70% {
    -webkit-transform: translateX(35%) scaleX(0.7);
    -moz-transform: translateX(35%) scaleX(0.7);
    -ms-transform: translateX(35%) scaleX(0.7);
    -o-transform: translateX(35%) scaleX(0.7);
    transform: translateX(35%) scaleX(0.7);
  }
  85% {
    -webkit-transform: translateX(-28%) scaleX(0.3);
    -moz-transform: translateX(-28%) scaleX(0.3);
    -ms-transform: translateX(-28%) scaleX(0.3);
    -o-transform: translateX(-28%) scaleX(0.3);
    transform: translateX(-28%) scaleX(0.3);
  }
  95% {
    -webkit-transform: translateX(-100%) scaleX(0.1);
    -moz-transform: translateX(-100%) scaleX(0.1);
    -ms-transform: translateX(-100%) scaleX(0.1);
    -o-transform: translateX(-100%) scaleX(0.1);
    transform: translateX(-100%) scaleX(0.1);
  }
  95.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes querying {
  0% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  20% {
    -webkit-transform: translateX(30%) scaleX(0.7);
    -moz-transform: translateX(30%) scaleX(0.7);
    -ms-transform: translateX(30%) scaleX(0.7);
    -o-transform: translateX(30%) scaleX(0.7);
    transform: translateX(30%) scaleX(0.7);
  }
  30% {
    -webkit-transform: translateX(-20%) scaleX(0.4);
    -moz-transform: translateX(-20%) scaleX(0.4);
    -ms-transform: translateX(-20%) scaleX(0.4);
    -o-transform: translateX(-20%) scaleX(0.4);
    transform: translateX(-20%) scaleX(0.4);
  }
  55% {
    -webkit-transform: translateX(-100%) scaleX(0.1);
    -moz-transform: translateX(-100%) scaleX(0.1);
    -ms-transform: translateX(-100%) scaleX(0.1);
    -o-transform: translateX(-100%) scaleX(0.1);
    transform: translateX(-100%) scaleX(0.1);
  }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  56% {
    -webkit-transform: translateX(100%) scaleX(0);
    -moz-transform: translateX(100%) scaleX(0);
    -ms-transform: translateX(100%) scaleX(0);
    -o-transform: translateX(100%) scaleX(0);
    transform: translateX(100%) scaleX(0);
  }
  56.99% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  70% {
    -webkit-transform: translateX(35%) scaleX(0.7);
    -moz-transform: translateX(35%) scaleX(0.7);
    -ms-transform: translateX(35%) scaleX(0.7);
    -o-transform: translateX(35%) scaleX(0.7);
    transform: translateX(35%) scaleX(0.7);
  }
  85% {
    -webkit-transform: translateX(-28%) scaleX(0.3);
    -moz-transform: translateX(-28%) scaleX(0.3);
    -ms-transform: translateX(-28%) scaleX(0.3);
    -o-transform: translateX(-28%) scaleX(0.3);
    transform: translateX(-28%) scaleX(0.3);
  }
  95% {
    -webkit-transform: translateX(-100%) scaleX(0.1);
    -moz-transform: translateX(-100%) scaleX(0.1);
    -ms-transform: translateX(-100%) scaleX(0.1);
    -o-transform: translateX(-100%) scaleX(0.1);
    transform: translateX(-100%) scaleX(0.1);
  }
  95.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-o-keyframes querying {
  0% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  20% {
    -webkit-transform: translateX(30%) scaleX(0.7);
    -moz-transform: translateX(30%) scaleX(0.7);
    -ms-transform: translateX(30%) scaleX(0.7);
    -o-transform: translateX(30%) scaleX(0.7);
    transform: translateX(30%) scaleX(0.7);
  }
  30% {
    -webkit-transform: translateX(-20%) scaleX(0.4);
    -moz-transform: translateX(-20%) scaleX(0.4);
    -ms-transform: translateX(-20%) scaleX(0.4);
    -o-transform: translateX(-20%) scaleX(0.4);
    transform: translateX(-20%) scaleX(0.4);
  }
  55% {
    -webkit-transform: translateX(-100%) scaleX(0.1);
    -moz-transform: translateX(-100%) scaleX(0.1);
    -ms-transform: translateX(-100%) scaleX(0.1);
    -o-transform: translateX(-100%) scaleX(0.1);
    transform: translateX(-100%) scaleX(0.1);
  }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  56% {
    -webkit-transform: translateX(100%) scaleX(0);
    -moz-transform: translateX(100%) scaleX(0);
    -ms-transform: translateX(100%) scaleX(0);
    -o-transform: translateX(100%) scaleX(0);
    transform: translateX(100%) scaleX(0);
  }
  56.99% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  70% {
    -webkit-transform: translateX(35%) scaleX(0.7);
    -moz-transform: translateX(35%) scaleX(0.7);
    -ms-transform: translateX(35%) scaleX(0.7);
    -o-transform: translateX(35%) scaleX(0.7);
    transform: translateX(35%) scaleX(0.7);
  }
  85% {
    -webkit-transform: translateX(-28%) scaleX(0.3);
    -moz-transform: translateX(-28%) scaleX(0.3);
    -ms-transform: translateX(-28%) scaleX(0.3);
    -o-transform: translateX(-28%) scaleX(0.3);
    transform: translateX(-28%) scaleX(0.3);
  }
  95% {
    -webkit-transform: translateX(-100%) scaleX(0.1);
    -moz-transform: translateX(-100%) scaleX(0.1);
    -ms-transform: translateX(-100%) scaleX(0.1);
    -o-transform: translateX(-100%) scaleX(0.1);
    transform: translateX(-100%) scaleX(0.1);
  }
  95.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes querying {
  0% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  20% {
    -webkit-transform: translateX(30%) scaleX(0.7);
    -moz-transform: translateX(30%) scaleX(0.7);
    -ms-transform: translateX(30%) scaleX(0.7);
    -o-transform: translateX(30%) scaleX(0.7);
    transform: translateX(30%) scaleX(0.7);
  }
  30% {
    -webkit-transform: translateX(-20%) scaleX(0.4);
    -moz-transform: translateX(-20%) scaleX(0.4);
    -ms-transform: translateX(-20%) scaleX(0.4);
    -o-transform: translateX(-20%) scaleX(0.4);
    transform: translateX(-20%) scaleX(0.4);
  }
  55% {
    -webkit-transform: translateX(-100%) scaleX(0.1);
    -moz-transform: translateX(-100%) scaleX(0.1);
    -ms-transform: translateX(-100%) scaleX(0.1);
    -o-transform: translateX(-100%) scaleX(0.1);
    transform: translateX(-100%) scaleX(0.1);
  }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  56% {
    -webkit-transform: translateX(100%) scaleX(0);
    -moz-transform: translateX(100%) scaleX(0);
    -ms-transform: translateX(100%) scaleX(0);
    -o-transform: translateX(100%) scaleX(0);
    transform: translateX(100%) scaleX(0);
  }
  56.99% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  70% {
    -webkit-transform: translateX(35%) scaleX(0.7);
    -moz-transform: translateX(35%) scaleX(0.7);
    -ms-transform: translateX(35%) scaleX(0.7);
    -o-transform: translateX(35%) scaleX(0.7);
    transform: translateX(35%) scaleX(0.7);
  }
  85% {
    -webkit-transform: translateX(-28%) scaleX(0.3);
    -moz-transform: translateX(-28%) scaleX(0.3);
    -ms-transform: translateX(-28%) scaleX(0.3);
    -o-transform: translateX(-28%) scaleX(0.3);
    transform: translateX(-28%) scaleX(0.3);
  }
  95% {
    -webkit-transform: translateX(-100%) scaleX(0.1);
    -moz-transform: translateX(-100%) scaleX(0.1);
    -ms-transform: translateX(-100%) scaleX(0.1);
    -o-transform: translateX(-100%) scaleX(0.1);
    transform: translateX(-100%) scaleX(0.1);
  }
  95.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-moz-keyframes endquery {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) scaleX(1);
    -moz-transform: translateX(-100%) scaleX(1);
    -ms-transform: translateX(-100%) scaleX(1);
    -o-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateX(-100%) scaleX(1);
    -moz-transform: translateX(-100%) scaleX(1);
    -ms-transform: translateX(-100%) scaleX(1);
    -o-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  99% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes endquery {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) scaleX(1);
    -moz-transform: translateX(-100%) scaleX(1);
    -ms-transform: translateX(-100%) scaleX(1);
    -o-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateX(-100%) scaleX(1);
    -moz-transform: translateX(-100%) scaleX(1);
    -ms-transform: translateX(-100%) scaleX(1);
    -o-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  99% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes endquery {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) scaleX(1);
    -moz-transform: translateX(-100%) scaleX(1);
    -ms-transform: translateX(-100%) scaleX(1);
    -o-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateX(-100%) scaleX(1);
    -moz-transform: translateX(-100%) scaleX(1);
    -ms-transform: translateX(-100%) scaleX(1);
    -o-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  99% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
  }
}
@keyframes endquery {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) scaleX(1);
    -moz-transform: translateX(-100%) scaleX(1);
    -ms-transform: translateX(-100%) scaleX(1);
    -o-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateX(-100%) scaleX(1);
    -moz-transform: translateX(-100%) scaleX(1);
    -ms-transform: translateX(-100%) scaleX(1);
    -o-transform: translateX(-100%) scaleX(1);
    transform: translateX(-100%) scaleX(1);
  }
  99% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes indeterminate {
  0% {
    -webkit-transform: translateX(-100%) scaleX(0.2);
    -moz-transform: translateX(-100%) scaleX(0.2);
    -ms-transform: translateX(-100%) scaleX(0.2);
    -o-transform: translateX(-100%) scaleX(0.2);
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    -webkit-transform: translateX(-40%) scaleX(0.2);
    -moz-transform: translateX(-40%) scaleX(0.2);
    -ms-transform: translateX(-40%) scaleX(0.2);
    -o-transform: translateX(-40%) scaleX(0.2);
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    -webkit-transform: translateX(0%) scaleX(0.5);
    -moz-transform: translateX(0%) scaleX(0.5);
    -ms-transform: translateX(0%) scaleX(0.5);
    -o-transform: translateX(0%) scaleX(0.5);
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  56% {
    -webkit-transform: translateX(-100%) scaleX(0);
    -moz-transform: translateX(-100%) scaleX(0);
    -ms-transform: translateX(-100%) scaleX(0);
    -o-transform: translateX(-100%) scaleX(0);
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    -webkit-transform: translateX(-100%) scaleX(0.6);
    -moz-transform: translateX(-100%) scaleX(0.6);
    -ms-transform: translateX(-100%) scaleX(0.6);
    -o-transform: translateX(-100%) scaleX(0.6);
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    -webkit-transform: translateX(-5%) scaleX(0.6);
    -moz-transform: translateX(-5%) scaleX(0.6);
    -ms-transform: translateX(-5%) scaleX(0.6);
    -o-transform: translateX(-5%) scaleX(0.6);
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    -webkit-transform: translateX(30%) scaleX(0.3);
    -moz-transform: translateX(30%) scaleX(0.3);
    -ms-transform: translateX(30%) scaleX(0.3);
    -o-transform: translateX(30%) scaleX(0.3);
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    -webkit-transform: translateX(100%) scaleX(0.2);
    -moz-transform: translateX(100%) scaleX(0.2);
    -ms-transform: translateX(100%) scaleX(0.2);
    -o-transform: translateX(100%) scaleX(0.2);
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes indeterminate {
  0% {
    -webkit-transform: translateX(-100%) scaleX(0.2);
    -moz-transform: translateX(-100%) scaleX(0.2);
    -ms-transform: translateX(-100%) scaleX(0.2);
    -o-transform: translateX(-100%) scaleX(0.2);
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    -webkit-transform: translateX(-40%) scaleX(0.2);
    -moz-transform: translateX(-40%) scaleX(0.2);
    -ms-transform: translateX(-40%) scaleX(0.2);
    -o-transform: translateX(-40%) scaleX(0.2);
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    -webkit-transform: translateX(0%) scaleX(0.5);
    -moz-transform: translateX(0%) scaleX(0.5);
    -ms-transform: translateX(0%) scaleX(0.5);
    -o-transform: translateX(0%) scaleX(0.5);
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  56% {
    -webkit-transform: translateX(-100%) scaleX(0);
    -moz-transform: translateX(-100%) scaleX(0);
    -ms-transform: translateX(-100%) scaleX(0);
    -o-transform: translateX(-100%) scaleX(0);
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    -webkit-transform: translateX(-100%) scaleX(0.6);
    -moz-transform: translateX(-100%) scaleX(0.6);
    -ms-transform: translateX(-100%) scaleX(0.6);
    -o-transform: translateX(-100%) scaleX(0.6);
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    -webkit-transform: translateX(-5%) scaleX(0.6);
    -moz-transform: translateX(-5%) scaleX(0.6);
    -ms-transform: translateX(-5%) scaleX(0.6);
    -o-transform: translateX(-5%) scaleX(0.6);
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    -webkit-transform: translateX(30%) scaleX(0.3);
    -moz-transform: translateX(30%) scaleX(0.3);
    -ms-transform: translateX(30%) scaleX(0.3);
    -o-transform: translateX(30%) scaleX(0.3);
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    -webkit-transform: translateX(100%) scaleX(0.2);
    -moz-transform: translateX(100%) scaleX(0.2);
    -ms-transform: translateX(100%) scaleX(0.2);
    -o-transform: translateX(100%) scaleX(0.2);
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-o-keyframes indeterminate {
  0% {
    -webkit-transform: translateX(-100%) scaleX(0.2);
    -moz-transform: translateX(-100%) scaleX(0.2);
    -ms-transform: translateX(-100%) scaleX(0.2);
    -o-transform: translateX(-100%) scaleX(0.2);
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    -webkit-transform: translateX(-40%) scaleX(0.2);
    -moz-transform: translateX(-40%) scaleX(0.2);
    -ms-transform: translateX(-40%) scaleX(0.2);
    -o-transform: translateX(-40%) scaleX(0.2);
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    -webkit-transform: translateX(0%) scaleX(0.5);
    -moz-transform: translateX(0%) scaleX(0.5);
    -ms-transform: translateX(0%) scaleX(0.5);
    -o-transform: translateX(0%) scaleX(0.5);
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  56% {
    -webkit-transform: translateX(-100%) scaleX(0);
    -moz-transform: translateX(-100%) scaleX(0);
    -ms-transform: translateX(-100%) scaleX(0);
    -o-transform: translateX(-100%) scaleX(0);
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    -webkit-transform: translateX(-100%) scaleX(0.6);
    -moz-transform: translateX(-100%) scaleX(0.6);
    -ms-transform: translateX(-100%) scaleX(0.6);
    -o-transform: translateX(-100%) scaleX(0.6);
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    -webkit-transform: translateX(-5%) scaleX(0.6);
    -moz-transform: translateX(-5%) scaleX(0.6);
    -ms-transform: translateX(-5%) scaleX(0.6);
    -o-transform: translateX(-5%) scaleX(0.6);
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    -webkit-transform: translateX(30%) scaleX(0.3);
    -moz-transform: translateX(30%) scaleX(0.3);
    -ms-transform: translateX(30%) scaleX(0.3);
    -o-transform: translateX(30%) scaleX(0.3);
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    -webkit-transform: translateX(100%) scaleX(0.2);
    -moz-transform: translateX(100%) scaleX(0.2);
    -ms-transform: translateX(100%) scaleX(0.2);
    -o-transform: translateX(100%) scaleX(0.2);
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes indeterminate {
  0% {
    -webkit-transform: translateX(-100%) scaleX(0.2);
    -moz-transform: translateX(-100%) scaleX(0.2);
    -ms-transform: translateX(-100%) scaleX(0.2);
    -o-transform: translateX(-100%) scaleX(0.2);
    transform: translateX(-100%) scaleX(0.2);
  }
  20% {
    -webkit-transform: translateX(-40%) scaleX(0.2);
    -moz-transform: translateX(-40%) scaleX(0.2);
    -ms-transform: translateX(-40%) scaleX(0.2);
    -o-transform: translateX(-40%) scaleX(0.2);
    transform: translateX(-40%) scaleX(0.2);
  }
  30% {
    -webkit-transform: translateX(0%) scaleX(0.5);
    -moz-transform: translateX(0%) scaleX(0.5);
    -ms-transform: translateX(0%) scaleX(0.5);
    -o-transform: translateX(0%) scaleX(0.5);
    transform: translateX(0%) scaleX(0.5);
  }
  55% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7);
  }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  56% {
    -webkit-transform: translateX(-100%) scaleX(0);
    -moz-transform: translateX(-100%) scaleX(0);
    -ms-transform: translateX(-100%) scaleX(0);
    -o-transform: translateX(-100%) scaleX(0);
    transform: translateX(-100%) scaleX(0);
  }
  56.99% {
    -webkit-transform: translateX(-100%) scaleX(0.6);
    -moz-transform: translateX(-100%) scaleX(0.6);
    -ms-transform: translateX(-100%) scaleX(0.6);
    -o-transform: translateX(-100%) scaleX(0.6);
    transform: translateX(-100%) scaleX(0.6);
  }
  75% {
    -webkit-transform: translateX(-5%) scaleX(0.6);
    -moz-transform: translateX(-5%) scaleX(0.6);
    -ms-transform: translateX(-5%) scaleX(0.6);
    -o-transform: translateX(-5%) scaleX(0.6);
    transform: translateX(-5%) scaleX(0.6);
  }
  85% {
    -webkit-transform: translateX(30%) scaleX(0.3);
    -moz-transform: translateX(30%) scaleX(0.3);
    -ms-transform: translateX(30%) scaleX(0.3);
    -o-transform: translateX(30%) scaleX(0.3);
    transform: translateX(30%) scaleX(0.3);
  }
  98% {
    -webkit-transform: translateX(100%) scaleX(0.2);
    -moz-transform: translateX(100%) scaleX(0.2);
    -ms-transform: translateX(100%) scaleX(0.2);
    -o-transform: translateX(100%) scaleX(0.2);
    transform: translateX(100%) scaleX(0.2);
  }
  99.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-moz-keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}
@-webkit-keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}
@-o-keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}
@keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom:1;
  *display:inline;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

*, html, body, button, input, textarea, select {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.CodeMirror * {
  -moz-osx-font-smoothing: auto; }

a {
  color: #39464E;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

input, textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

select {
  cursor: pointer; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

abbr, acronym {
  border: 0; }

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

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

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

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

.errorlist {
  font-size: .85em; }
  .errorlist li {
    margin-bottom: 5px;
    color: #f36e65; }

.cm-s-default .cm-header {
  color: blue; }

.cm-s-default .cm-quote {
  color: #36ac3b; }

.cm-negative {
  color: #FF4D4D; }

.cm-positive {
  color: #36ac3b; }

.cm-header, .cm-strong {
  font-weight: bold; }

.cm-em {
  font-style: italic; }

.cm-link {
  text-decoration: underline; }

.cm-strikethrough {
  text-decoration: line-through; }

.cm-s-default .cm-keyword {
  color: #a151d2; }

.cm-s-default .cm-atom {
  color: #219; }

.cm-s-default .cm-number {
  color: #ED5C65; }

.cm-s-default .cm-def {
  color: #f18c16; }

.cm-s-default .cm-variable {
  color: #2795EE; }

.cm-s-default .cm-variable-2 {
  color: #2795EE; }

.cm-s-default .cm-variable-3 {
  color: #249D7F; }

.cm-s-default .cm-comment {
  color: #A0A1A7; }

.cm-s-default .cm-string {
  color: #249D7F; }

.cm-s-default .cm-string-2 {
  color: #ED5C65; }

.cm-s-default .cm-meta {
  color: #39464E; }

.cm-s-default .cm-qualifier {
  color: #f18c16; }

.cm-s-default .cm-builtin {
  color: #f18c16; }

.cm-s-default .cm-tag {
  color: #2795EE; }

.cm-s-default .cm-bracket {
  color: #39464E; }

.cm-s-default .cm-attribute {
  color: #f18c16; }

.cm-s-default .cm-hr {
  color: #999; }

.cm-s-default .cm-link {
  color: #2795EE; }

.cm-s-default .cm-error,
.cm-invalidchar,
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  background: #ED5C65;
  color: #fff;
  border-radius: 2px; }

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: inherit;
  border-bottom: solid 2px rgba(36, 157, 127, 0.8); }

.CodeMirror {
  line-height: 1.4em;
  font-size: 14px;
  font-family: "Inconsolata", "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  overflow: hidden;
  height: 100%;
  background: transparent;
  color: #39464E; }

.CodeMirror-gutter-elt .CodeMirror-line-error {
  color: #FF4D4D;
  cursor: help;
  height: 100%;
  padding: 0 3px; }

.CodeMirror-error-tooltip {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  font-size: 13px;
  opacity: .95;
  line-height: 1.4em;
  padding: 10px;
  max-width: 300px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  z-index: 20;
  border: solid 1px #ACB3B9; }

.CodeMirror-error-tooltip:after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #838383; }

/* GUTTER */
.CodeMirror-gutters {
  background-color: rgba(57, 70, 78, 0);
  min-width: 2em;
  height: 100%;
  border-right: solid 1px #e6e9eb; }

.CodeMirror-linenumber {
  padding: 1px 8px 0 5px;
  color: #c8d2d7;
  font-size: 10px; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

*, html, body, button, input, textarea, select {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.CodeMirror * {
  -moz-osx-font-smoothing: auto; }

a {
  color: #39464E;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

input, textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

select {
  cursor: pointer; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

abbr, acronym {
  border: 0; }

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

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

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

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

.errorlist {
  font-size: .85em; }
  .errorlist li {
    margin-bottom: 5px;
    color: #f36e65; }

.diffWrap {
  background: #f3f5f6;
  border: solid 1px #cfd6d9;
  border-radius: 3px;
  padding: 9px 0;
  width: 33%;
  margin: 1px;
  max-height: 200px;
  min-height: 100px;
  overflow: auto;
  display: block;
  box-sizing: border-box;
  margin: 0 7px; }
  .diffWrap:first-child {
    margin-left: 0; }
  .diffWrap:last-child {
    margin-right: 0; }

table.diff {
  border-collapse: collapse;
  white-space: pre-wrap;
  width: 100%;
  font-family: "Inconsolata", "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; }

table.diff tbody {
  font-family: "Inconsolata", "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  font-size: 11px; }

table.diff tbody th {
  display: none; }

table.diff thead {
  display: none; }

table.diff tbody td {
  vertical-align: top;
  padding: 1px 10px; }

table.diff .delete {
  background-color: #faced1; }

table.diff .insert {
  background-color: #bde2d9; }

table.diff th.author {
  display: none; }