test-scribe
Version:
Your sidekick for analog machine development. Run machines interactively and generate automated test scripts based on the outcome.
4,288 lines • 99 kB
CSS
/**
* importer.less
*
* By default, new Sails projects are configured to compile this file
* from LESS to CSS. Unlike CSS files, LESS files are not compiled and
* included automatically unless they are imported below.
*
* The LESS files imported below are compiled and included in the order
* they are listed. Mixins, variables, etc. should be imported first
* so that they can be accessed by subsequent LESS stylesheets.
*
* (Just like the rest of the asset pipeline bundled in Sails, you can
* always omit, customize, or replace this behavior with SASS, SCSS,
* or any other Grunt tasks you like.)
*/
/*!
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'FontAwesome';
src: url('../../fonts/fontawesome-webfont.eot?v=4.2.0');
src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: 0.1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: 0.3em;
}
.fa.pull-right {
margin-left: 0.3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-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);
}
.fa-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 .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
html,
body {
text-align: left;
font-size: 1em;
}
html,
body,
img,
form,
textarea,
input,
fieldset,
div,
p,
div,
ul,
li,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
button {
margin: 0;
padding: 0;
}
ul,
li {
list-style: none;
}
img,
region {
display: block;
}
a img {
border: none;
}
a {
text-decoration: none;
font-weight: normal;
font-family: inherit;
}
fieldset {
border: none;
}
/* Clear mozilla/ie dotted line around active links */
*:active,
*:focus {
outline: none;
-moz-outline-style: none;
}
/* Fix heading font styles and size */
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
font-weight: normal;
font-size: 1em;
}
/**********************************
* Container
* to keep the page content aligned
***********************************/
[ng\:cloak],
[ng-cloak],
.ng-cloak {
display: none !important;
}
/*****************
* Color Variables
******************/
/****************
* Font Variables
*****************/
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(/fonts/opensans.woff) format('woff');
}
@font-face {
font-family: 'typicons';
src: url("/fonts/typicons.eot");
src: url("/fonts/typicons.eot?#iefix") format('embedded-opentype'), url("/fonts/typicons.woff") format('woff'), url("/fonts/typicons.ttf") format('truetype'), url("/fonts/typicons.svg#typicons") format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Nexa Light';
src: url(/fonts/Nexa_Free_Light-webfont.eot);
src: url(/fonts/Nexa_Free_Light-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/Nexa_Free_Light-webfont.woff) format('woff'), url(/fonts/Nexa_Free_Light-webfont.ttf) format('truetype'), url(/fonts/Nexa_Free_Light-webfont.svg#nexa_lightregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Light Italic';
src: url('/fonts/lato-lightitalic-webfont.eot');
src: url('/fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/lato-lightitalic-webfont.woff') format('woff'), url('/fonts/lato-lightitalic-webfont.ttf') format('truetype'), url('/fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Bold Italic';
src: url('/fonts/lato-bolditalic-webfont.eot');
src: url('/fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/lato-bolditalic-webfont.woff') format('woff'), url('/fonts/lato-bolditalic-webfont.ttf') format('truetype'), url('/fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Bold';
src: url('/fonts/lato-bold-webfont.eot');
src: url('/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/lato-bold-webfont.woff') format('woff'), url('/fonts/lato-bold-webfont.ttf') format('truetype'), url('/fonts/lato-bold-webfont.svg#latobold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Regular';
src: url('/fonts/lato-regular-webfont.eot');
src: url('/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/lato-regular-webfont.woff') format('woff'), url('/fonts/lato-regular-webfont.ttf') format('truetype'), url('/fonts/lato-regular-webfont.svg#latoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Light';
src: url('/fonts/lato-light-webfont.eot');
src: url('/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/lato-light-webfont.woff') format('woff'), url('/fonts/lato-light-webfont.ttf') format('truetype'), url('/fonts/lato-light-webfont.svg#latolight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato Italic';
src: url('/fonts/lato-italic-webfont.eot');
src: url('/fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/lato-italic-webfont.woff') format('woff'), url('/fonts/lato-italic-webfont.ttf') format('truetype'), url('/fonts/lato-italic-webfont.svg#latoitalic') format('svg');
font-weight: normal;
font-style: normal;
}
.typeahead-wrapper {
display: inline-block;
width: 100%;
position: relative;
z-index: 50;
}
.typeahead-wrapper .typeahead-menu {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
width: 100%;
top: 32px;
border: 1px solid #ccc;
background-color: #ffffff;
font-family: inherit;
max-height: 250px;
overflow: auto;
}
.typeahead-wrapper .typeahead-menu > li {
display: block;
padding: 0px 12px;
border-bottom: 1px solid #ccc;
cursor: pointer;
line-height: 32px;
vertical-align: middle;
}
.typeahead-wrapper .typeahead-menu > li.imminent {
background-color: rgba(229, 229, 229, 0.5);
}
.typeahead-wrapper .typeahead-menu > li:last-child {
border-bottom: none;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.typeahead-wrapper .typeahead-menu span.highlighted {
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Bold", sans-serif;
color: #00aa67;
}
.typeahead-wrapper .typeahead-menu .dk-loader {
position: absolute;
right: 20px;
top: 0px;
}
.typeahead-wrapper .typeahead-menu .loader {
margin: 0 auto;
display: block;
width: 65px;
}
.typeahead-wrapper .typeahead-menu .machinepack-typeahead-match {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 35px;
position: relative;
padding-left: 40px;
padding-right: 30px;
}
.typeahead-wrapper .typeahead-menu .machinepack-typeahead-match img.pack-image {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
height: 31px;
width: 31px;
position: absolute;
left: -3px;
top: 3px;
}
.typeahead-wrapper .typeahead-menu .machinepack-typeahead-match > .clickable > span {
font-size: 16px;
padding: 10px 0px;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
max-width: 100%;
}
.typeahead-wrapper .typeahead-menu .machinepack-typeahead-match > a.machinepack-link {
font-size: 22px;
padding: 5px;
position: absolute;
right: -5px;
top: 2px;
color: #677280;
}
.typeahead-wrapper .typeahead-menu .machinepack-typeahead-match > a.machinepack-link:hover {
color: #2e3339;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
}
custom-dropdown > div {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 100;
font-size: 13px;
color: #2e3339;
}
custom-dropdown > div .resting-state {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
border: 1px solid #ccc;
background-color: #ffffff;
padding: 8px 12px 7px;
font-size: 13px;
height: 34px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: inherit;
font-size: inherit;
display: block;
width: 100%;
padding-right: 50px;
position: relative;
line-height: 18px;
z-index: 100;
}
custom-dropdown > div .resting-state ::-webkit-input-placeholder {
color: #cccccc;
}
custom-dropdown > div .resting-state :-moz-placeholder {
color: #cccccc;
}
custom-dropdown > div .resting-state ::-moz-placeholder {
color: #cccccc;
}
custom-dropdown > div .resting-state :-ms-input-placeholder {
color: #cccccc;
}
custom-dropdown > div .resting-state:focus,
custom-dropdown > div .resting-state.focused {
border: 1px solid #00aa67;
}
custom-dropdown > div .resting-state.error {
border: 1px solid #dc603c;
}
custom-dropdown > div .resting-state:disabled {
border: none;
}
custom-dropdown > div .resting-state .select-arrow {
position: absolute;
right: 12px;
top: 6px;
font-size: 18px;
}
custom-dropdown > div .resting-state.placeholder {
color: rgba(0, 0, 0, 0.5);
}
custom-dropdown > div .resting-state > i {
position: absolute;
color: #727272;
top: 8px;
right: 8px;
font-size: 16px;
}
custom-dropdown > div .contents {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
width: 100%;
top: 32px;
border: 1px solid #ccc;
background-color: #ffffff;
font-family: inherit;
max-height: 250px;
overflow: auto;
font-size: inherit;
z-index: 95;
}
custom-dropdown > div .contents > li {
display: block;
padding: 0px 12px;
border-bottom: 1px solid #ccc;
cursor: pointer;
line-height: 32px;
vertical-align: middle;
}
custom-dropdown > div .contents > li.imminent {
background-color: rgba(229, 229, 229, 0.5);
}
custom-dropdown > div .contents > li:last-child {
border-bottom: none;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
custom-dropdown.dark > div {
color: rgba(255, 255, 255, 0.8);
}
custom-dropdown.dark > div .resting-state {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
border: 1px solid #000000;
background-color: #161819;
padding: 8px 12px 7px;
font-size: 13px;
height: 34px;
color: rgba(255, 255, 255, 0.8);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: inherit;
font-size: inherit;
display: block;
width: 100%;
padding-right: 50px;
position: relative;
line-height: 18px;
}
custom-dropdown.dark > div .resting-state ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
custom-dropdown.dark > div .resting-state :-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
custom-dropdown.dark > div .resting-state ::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
custom-dropdown.dark > div .resting-state :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
custom-dropdown.dark > div .resting-state:focus,
custom-dropdown.dark > div .resting-state.focused {
border: 1px solid #00aa67;
}
custom-dropdown.dark > div .resting-state.error {
border: 1px solid #dc603c;
}
custom-dropdown.dark > div .resting-state:disabled {
border: none;
}
custom-dropdown.dark > div .resting-state .select-arrow {
position: absolute;
right: 12px;
top: 6px;
font-size: 18px;
}
custom-dropdown.dark > div .contents {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
width: 100%;
top: 32px;
border: 1px solid #000000;
background-color: #161819;
font-family: inherit;
}
custom-dropdown.dark > div .contents > li {
display: block;
padding: 0px 12px;
border-bottom: 1px solid #1d2021;
cursor: pointer;
line-height: 32px;
vertical-align: middle;
}
custom-dropdown.dark > div .contents > li.imminent {
background-color: #292d2f;
}
custom-dropdown.dark > div .contents > li:last-child {
border-bottom: none;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
autocomplete-input > div {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 100;
font-size: 13px;
color: #2e3339;
}
autocomplete-input > div input.autocomplete {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
border: 1px solid #ccc;
background-color: #ffffff;
padding: 8px 12px 7px;
font-size: 13px;
height: 34px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: inherit;
font-size: inherit;
display: block;
width: 100%;
padding-right: 50px;
position: relative;
line-height: 18px;
z-index: 100;
}
autocomplete-input > div input.autocomplete ::-webkit-input-placeholder {
color: #cccccc;
}
autocomplete-input > div input.autocomplete :-moz-placeholder {
color: #cccccc;
}
autocomplete-input > div input.autocomplete ::-moz-placeholder {
color: #cccccc;
}
autocomplete-input > div input.autocomplete :-ms-input-placeholder {
color: #cccccc;
}
autocomplete-input > div input.autocomplete:focus,
autocomplete-input > div input.autocomplete.focused {
border: 1px solid #00aa67;
}
autocomplete-input > div input.autocomplete.error {
border: 1px solid #dc603c;
}
autocomplete-input > div input.autocomplete:disabled {
border: none;
}
autocomplete-input > div input.autocomplete .select-arrow {
position: absolute;
right: 12px;
top: 6px;
font-size: 18px;
}
autocomplete-input > div > div {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
width: 100%;
top: 32px;
border: 1px solid #ccc;
background-color: #ffffff;
font-family: inherit;
font-size: inherit;
z-index: 95;
}
autocomplete-input > div > div .suggestions > li,
autocomplete-input > div > div .loading,
autocomplete-input > div > div .empty {
display: block;
padding: 0px 12px;
border-bottom: 1px solid #ccc;
cursor: pointer;
line-height: 32px;
vertical-align: middle;
position: relative;
}
autocomplete-input > div > div .suggestions > li.imminent,
autocomplete-input > div > div .loading.imminent,
autocomplete-input > div > div .empty.imminent {
background-color: rgba(229, 229, 229, 0.5);
}
autocomplete-input > div > div .suggestions > li:last-child,
autocomplete-input > div > div .loading:last-child,
autocomplete-input > div > div .empty:last-child {
border-bottom: none;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
autocomplete-input > div > div .suggestions > li.has-icon,
autocomplete-input > div > div .loading.has-icon,
autocomplete-input > div > div .empty.has-icon {
padding-left: 40px;
}
autocomplete-input > div > div .suggestions > li.has-icon > i,
autocomplete-input > div > div .loading.has-icon > i,
autocomplete-input > div > div .empty.has-icon > i {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
left: 12px;
top: 6px;
width: 20px;
height: 20px;
overflow: hidden;
}
autocomplete-input > div > div .suggestions > li.has-icon > i img,
autocomplete-input > div > div .loading.has-icon > i img,
autocomplete-input > div > div .empty.has-icon > i img {
width: 100%;
}
autocomplete-input > div > div .loading {
font-weight: 700;
}
autocomplete-input > div > div .empty {
color: #8b8b8b;
}
/***********
* Gradients
***********/
/***************
* Button Mixins
****************/
/* Group of segmented buttons: */
/* Group of small segmented buttons: */
/* Button styles for the Circuit Editor topbar */
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-track {
background-color: #7e7e7e;
}
::-webkit-scrollbar-thumb {
background-color: #a4a4a4;
border: 1px solid #7e7e7e;
border-radius: 12px;
min-height: 25px;
}
/***********************
* Loading Spinner Styles
************************/
.loader {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin: auto;
}
.loader:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
.loader .loading-dot {
border-radius: 50%;
background-color: #ffffff;
float: left;
opacity: 0;
width: 16px;
height: 16px;
margin: 5px;
-moz-animation-name: fade-in;
-webkit-animation-name: fade-in;
-ms-animation-name: fade-in;
-o-animation-name: fade-in;
animation-name: fade-in;
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-direction: linear;
-webkit-animation-direction: linear;
-ms-animation-direction: linear;
-o-animation-direction: linear;
animation-direction: linear;
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.loader .loading-dot.dot_1 {
-moz-animation-delay: 0.25s;
-webkit-animation-delay: 0.25s;
-ms-animation-delay: 0.25s;
-o-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.loader .loading-dot.dot_2 {
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-ms-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.loader .loading-dot.dot_3 {
-moz-animation-delay: 0.75s;
-webkit-animation-delay: 0.75s;
-ms-animation-delay: 0.75s;
-o-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.loader .loading-dot.dot_4 {
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.button-loader .loader .loading-dot {
width: 10px;
height: 10px;
margin: 3px;
}
.tiny-loader .loader .loading-dot {
width: 5px;
height: 5px;
margin: 1.5px;
}
.dk-loader .loader .loading-dot {
background-color: #00aa67;
}
.green-loader .loader .loading-dot {
background-color: #309461;
}
.bright-loader .loader .loading-dot {
background-color: #44d8c8;
}
.global-loading-overlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.loading-container {
width: 100%;
}
.loading-container .loading-image {
width: 320px;
height: 220px;
padding: 60px 50px 0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 50%;
-webkit-border-bottom-right-radius: 50%;
-webkit-border-bottom-left-radius: 50%;
-webkit-border-top-left-radius: 50%;
-moz-border-radius-topright: 50%;
-moz-border-radius-bottomright: 50%;
-moz-border-radius-bottomleft: 50%;
-moz-border-radius-topleft: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
border-top-left-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 200px auto;
}
.loading-container .loading-image img {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100px;
margin: 0 auto;
-moz-animation-name: turn;
-webkit-animation-name: turn;
-ms-animation-name: turn;
-o-animation-name: turn;
animation-name: turn;
-moz-animation-duration: 4s;
-webkit-animation-duration: 4s;
-ms-animation-duration: 4s;
-o-animation-duration: 4s;
animation-duration: 4s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-direction: linear;
-webkit-animation-direction: linear;
-ms-animation-direction: linear;
-o-animation-direction: linear;
animation-direction: linear;
}
@-webkit-keyframes turn {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
20% {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
}
33.3% {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
}
53% {
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg);
}
66.6% {
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes turn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes turn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes turn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.loading-container .loading-image p {
text-align: center;
color: #ffffff;
padding-top: 5px;
font-size: 20px;
font-family: "proxima-nova-soft", "Proxima Nova Soft", "Lato Regular", sans-serif;
padding-left: 2px;
}
.loading-container .loading-image p > span {
margin-left: 3px;
letter-spacing: 1px;
}
/**
* Some simple ng-animate stuff to get us started
* (put it here b/c it's not a mixin-- is that how we're doing it? makes sense to me)
*/
/*****************
* Z-indices
******************/
/**************************************
* Mixins for headers, paragraphs, etc.
***************************************/
/*****************************
* General layout for the page
*****************************/
html,
body {
height: 100%;
}
.sandbox {
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
}
.sandbox .container {
width: 100%;
max-width: 900px;
margin: auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
height: auto!important;
min-height: 100%;
padding: 100px 0;
overflow: visible;
}
.sandbox .container form {
max-width: 350px;
}
.sandbox .container form input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
border: 1px solid #ccc;
background-color: #ffffff;
padding: 8px 12px 7px;
font-size: 13px;
height: 34px;
width: 100%;
margin-bottom: 20px;
}
.sandbox .container form input ::-webkit-input-placeholder {
color: #cccccc;
}
.sandbox .container form input :-moz-placeholder {
color: #cccccc;
}
.sandbox .container form input ::-moz-placeholder {
color: #cccccc;
}
.sandbox .container form input :-ms-input-placeholder {
color: #cccccc;
}
.sandbox .container form input:focus,
.sandbox .container form input.focused {
border: 1px solid #00aa67;
}
.sandbox .container form input.error {
border: 1px solid #dc603c;
}
.sandbox .container form input:disabled {
border: none;
}
.sandbox .container form custom-dropdown .resting-state {
margin-bottom: 20px;
}
.tooltip,
.tooltip-popup {
position: absolute;
z-index: 1070;
display: block;
visibility: visible;
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in,
.tooltip-popup.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top,
.tooltip-popup.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right,
.tooltip-popup.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom,
.tooltip-popup.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left,
.tooltip-popup.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
/**
* Monokai theme
*
* Adapted from Wimer Hazenberg's TextMate theme of the same name
*
* @author Wimer Hazenberg
* @author Michael Fasani
* @author Craig Campbell
* @version 1.0.0
*/
pre {
background: #272822;
word-wrap: break-word;
margin: 0px;
padding: 10px;
color: #fff;
font-size: 14px;
margin-bottom: 20px;
}
pre,
code {
font-family: 'Monaco', courier, monospace;
}
pre .roarange {
color: #fd9720;
font-style: italic;
}
pre .comment {
color: #75715E;
}
pre .constant {
color: #AE81FF;
}
pre .storage {
color: #66D9EF;
}
pre .string,
pre .comment.docstring {
color: #E6DB74;
}
pre .support.tag {
color: #fff;
}
pre .keyword-ltblue {
color: #66D9EF;
font-style: italic;
}
pre .keyword {
/* @todo some keywords use this light blue, most use the pink */
/*color: #66D9EF;*/
color: #F92672;
}
pre .selector {
color: #F92672;
}
pre .inherited-class {
font-style: italic;
}
pre .operator,
pre .support.tag-name,
pre .entity.tag {
color: #F92672;
}
pre .entity,
pre .support.attribute,
pre .entity.attribute {
color: #A6E22E;
}
pre .support,
*[data-language="c"] .function.call {
color: #66D9EF;
}
*[data-language="html"] .support.operator {
color: #fff;
}
pre .css-property,
pre .storage.function {
font-style: italic;
}
pre .variable.global,
pre .variable.class,
pre .variable.instance {
color: #A6E22E;
}
.http-delete {
background-color: #fead84;
border-right: 1px solid #fd7a38;
}
.http-custom {
background-color: #D8C9FF;
border-right: 1px solid #a17cff;
}
header {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
width: 100%;
left: 0px;
top: 0px;
z-index: 100;
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
color: #ffffff;
background-color: #000000;
}
header .header-upper {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
padding: 0px 20px;
}
header .header-upper .brand {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
padding-top: 3px;
padding-bottom: 3px;
float: left;
}
header .header-upper .logged-in-user {
display: inline-block;
float: right;
}
header .header-upper .logged-in-user:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
header .header-upper .logged-in-user > span {
overflow: hidden;
width: 30px;
}
header .header-upper .logged-in-user > span:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
header .header-upper .logged-in-user > span > img {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 30px;
height: 30px;
float: right;
cursor: pointer;
display: inline-block;
margin-top: 10px;
}
header .header-upper .logged-in-user > span .profile-nav {
-webkit-transition: opacity 250ms;
-moz-transition: opacity 250ms;
-ms-transition: opacity 250ms;
-o-transition: opacity 250ms;
float: right;
display: inline-block;
line-height: 50px;
vertical-align: middle;
padding-right: 15px;
opacity: 0;
visibility: hidden;
}
header .header-upper .logged-in-user > span .profile-nav .profile-nav-item {
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
cursor: pointer;
color: #ffffff;
}
header .header-upper .logged-in-user > span .profile-nav .profile-nav-item:hover {
color: #00aa67;
}
header .header-upper .logged-in-user > span .profile-nav .divider {
opacity: 0.4;
display: inline-block;
margin: 0px 4px;
}
header .header-upper .logged-in-user > span:hover {
width: auto;
overflow: visible;
}
header .header-upper .logged-in-user > span:hover .profile-nav {
opacity: 1;
visibility: visible;
}
header .header-upper a.login,
header .header-upper a.back {
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
display: inline-block;
float: right;
color: #ffffff;
text-decoration: none;
line-height: 50px;
vertical-align: middle;
font-size: 15px;
}
header .header-upper a.login > i,
header .header-upper a.back > i {
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
color: #309461;
margin-left: 7px;
font-size: 18px;
position: relative;
top: 1px;
}
header .header-upper a.login:hover,
header .header-upper a.back:hover {
color: #4cc587;
}
header .header-upper .local-message {
color: rgba(255, 255, 255, 0.4);
display: inline-block;
float: right;
font-weight: 200;
font-size: 12px;
letter-spacing: 1px;
line-height: 50px;
vertical-align: middle;
}
header.main-header .header-lower {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 80%;
max-width: 1200px;
min-width: 1000px;
margin: auto;
height: 80px;
padding-top: 15px;
}
header.main-header .header-lower:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
header.main-header .header-lower .viewing-user {
display: inline-block;
float: left;
position: relative;
padding-left: 60px;
}
header.main-header .header-lower .viewing-user > img {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: absolute;
left: 0px;
top: 0px;
height: 44px;
width: 44px;
}
header.main-header .header-lower .viewing-user h4,
header.main-header .header-lower .viewing-user h5 {
line-height: 22px;
vertical-align: middle;
}
header.main-header .header-lower .viewing-user h5 .breadcrumb-item {
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
color: #ffffff;
font-weight: 400;
}
header.main-header .header-lower .viewing-user h5 .breadcrumb-item.current {
font-weight: 700;
}
header.main-header .header-lower .viewing-user h5 .breadcrumb-item.current:hover {
color: #ffffff;
}
header.main-header .header-lower .viewing-user h5 .breadcrumb-item:hover {
color: #00aa67;
}
header.main-header .header-lower .viewing-user h5 .breadcrumb-divider {
opacity: 0.4;
display: inline-block;
margin: 0px 4px;
}
header.main-header .header-lower .sort-by {
padding-top: 22px;
line-height: 22px;
vertical-align: middle;
display: inline-block;
float: right;
}
header.circuit-header .header-lower {
padding: 0px 20px;
background-color: #292d2f;
border-top: 1px solid #353a3c;
border-bottom: 1px solid #000000;
height: 50px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header.circuit-header .header-lower:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
header.circuit-header .header-lower.toolbar h4,
header.circuit-header .header-lower.toolbar h5 {
line-height: 50px;
vertical-align: middle;
}
header.circuit-header .header-lower.toolbar h5 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 250px;
vertical-align: middle;
}
header.circuit-header .header-lower.toolbar h5 .breadcrumb-nav-item {
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
position: relative;
color: #ffffff;
font-weight: 400;
cursor: pointer;
}
header.circuit-header .header-lower.toolbar h5 .breadcrumb-nav-item.current {
font-weight: 700;
}
header.circuit-header .header-lower.toolbar h5 .breadcrumb-nav-item.current:hover {
color: #ffffff;
}
header.circuit-header .header-lower.toolbar h5 .breadcrumb-nav-item:hover {
color: #00aa67;
}
header.circuit-header .header-lower.toolbar h5 .breadcrumb-divider {
opacity: 0.4;
display: inline-block;
margin: 0px 4px;
}
header.circuit-header .header-lower.toolbar h5 .pack-location {
color: #8b8b8b;
margin-left: 5px;
font-size: 13px;
}
header.circuit-header .header-lower.toolbar h5 .pack-location > strong {
color: #ffffff;
margin-left: 5px;
}
header.circuit-header .header-lower.toolbar h5 .pack-location .show-help-text {
cursor: pointer;
font-size: 11px;
color: #00aa67;
}
header.circuit-header .header-lower.toolbar .choose-machine {
padding-top: 0;
border-top: none;
width: 300px;
display: inline-block;
margin-left: 10px;
}
header.circuit-header .scribe-toggle {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
-moz-border-radius-topleft: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
border-top-left-radius: 25px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #292a2a;
border: 1px solid #141515;
display: inline-block;
position: absolute;
right: 20px;
bottom: 10px;
}
header.circuit-header .scribe-toggle:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
header.circuit-header .scribe-toggle > span {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
-webkit-transition: color 350ms;
-moz-transition: color 350ms;
-ms-transition: color 350ms;
-o-transition: color 350ms;
float: left;
height: 25px;
color: rgba(255, 255, 255, 0.6);
display: inline-block;
text-align: center;
font-size: 11px;
cursor: pointer;
padding: 6px 10px 6px 10px;
border-right: 1px solid #191a1a;
}
header.circuit-header .scribe-toggle > span:first-child {
padding: 6px 10px 6px 15px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 25px;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 25px;
-moz-border-radius-topleft: 25px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 25px;
border-top-left-radius: 25px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
header.circuit-header .scribe-toggle > span:last-child {
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-right: none;
padding: 6px 15px 6px 10px;
}
header.circuit-header .scribe-toggle > span:hover {
background-color: #262727;
}
header.circuit-header .scribe-toggle > span:active,
header.circuit-header .scribe-toggle > span.current {
-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
background-color: #292a2a;
}
header.circuit-header .scribe-toggle > span.current {
color: #00c376;
}
header.circuit-header .scribe-toggle > span.current:hover {
color: #00c376;
}
header.circuit-header .scribe-toggle > span .icon {
margin-right: 5px;
color: inherit;
}
.ui-container.topbar-hidden {
padding-top: 80px;
}
.ui-container.topbar-hidden .topbar {
height: 0;
}
.ui-container.topbar-hidden .toolbar {
top: 0;
}
.ui-container .topbar {
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
}
.ui-container .toolbar {
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
}
.ui-container.topbar-hidden {
padding-top: 80px;
}
.ui-container.topbar-hidden .topbar {
height: 0;
}
.ui-container.topbar-hidden .toolbar {
top: 0;
}
.ui-container .topbar {
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
}
.ui-container .toolbar {
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
}
.scribe {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #4b4b4b;
height: 100%;
width: 100%;
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
position: relative;
padding-left: 220px;
padding-top: 100px;
color: #ffffff;
}
.scribe .main-container {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #4b4b4b;
position: fixed;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
padding-top: 120px;
padding-right: 15px;
padding-bottom: 55px;
padding-left: 240px;
}
.scribe .main-container.sidebar-hidden {
padding-left: 20px;
}
.scribe .main-container.sidebar-hidden .nav-sidebar {
left: -220px;
}
.scribe .main-container h1 {
position: absolute;
left: 240px;
top: 105px;
font-size: 22px;
height: 40px;
line-height: 42px;
vertical-align: middle;
color: #ffffff;
padding-right: 300px;
}
.scribe .main-container .scribe-content {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
height: 100%;
width: 100%;
background-color: #242829;
border: 1px solid #000000;
color: #d9d9d9;
}
.scribe .main-container .scribe-content .preview-results,
.scribe .main-container .scribe-content .show-inputs {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
overflow: auto;
}
.scribe .main-container .scribe-content .scribe-header {
background-color: #1d2021;
padding: 10px 20px;
border-bottom: 1px solid #000000;
}
.scribe .main-container .scribe-content .scribe-header h2 {
text-align: center;
margin-bottom: 0px;
padding-top: 0px;
}
.scribe .main-container .scribe-content .scribe-header p {
margin-bottom: 0px;
}
.scribe .main-container .scribe-content .scribe-inner {
padding: 20px;
position: relative;
}
.scribe .main-container .scribe-content .preview-results {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
background-color: #242829;
top: 0px;
left: 0px;
z-index: 100;
}
.scribe .main-container .scribe-content .preview-results .dismiss-results {
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
font-size: 15px;
cursor: pointer;
position: absolute;
left: 20px;
top: 14px;
height: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
color: #00aa67;
}
.scribe .main-container .scribe-content .preview-results .dismiss-results > i {
margin-right: 3px;
}
.scribe .main-container .scribe-content .preview-results .dismiss-results:hover {
color: #009158;
}
.scribe .main-container .scribe-content .preview-results .result-content .outcome {
margin-bottom: 0px;
}
.scribe .main-container .scribe-content .preview-results .result-content .outcome strong {
color: #00aa67;
}
.scribe .main-container .scribe-content .preview-results .result-content .duration {
color: #8b8b8b;
margin-bottom: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
display: inline-block;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 18px;
font-size: 12px;
font-weight: 700;
color: #1d2021;
background-color: #00c376;
position: relative;
margin-top: 5px;
margin-bottom: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon > i {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
display: inline-block;
width: 15px;
height: 15px;
position: absolute;
left: 2px;
top: 2px;
background: url('/images/icons/icon_typeStar.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon > i.type-array {
background: url('/images/icons/icon_typeArray.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon > i.type-boolean {
background: url('/images/icons/icon_typeBoolean.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon > i.type-dictionary {
background: url('/images/icons/icon_typeDictionary.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon > i.type-number {
background: url('/images/icons/icon_typeNumber.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon > i.type-string {
background: url('/images/icons/icon_typeString.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon > i.type-machine {
background: url('/images/icons/icon_typeMachine.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon.light {
color: #f8f8f8;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon.light > i {
background: url('/images/icons/icon_typeStar_light.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon.light > i.type-array {
background: url('/images/icons/icon_typeArray_light.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon.light > i.type-boolean {
background: url('/images/icons/icon_typeBoolean_light.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon.light > i.type-dictionary {
background: url('/images/icons/icon_typeDictionary_light.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon.light > i.type-number {
background: url('/images/icons/icon_typeNumber_light.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon.light > i.type-string {
background: url('/images/icons/icon_typeString_light.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon.light > i.type-star {
background: url('/images/icons/icon_typeStar_light.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .type-icon.light > i.type-machine {
background: url('/images/icons/icon_typeMachine_light.png') no-repeat center;
background-size: 10px;
}
.scribe .main-container .scribe-content .preview-results .result-content .returns {
position: relative;
}
.scribe .main-container .scribe-content .preview-results .result-content .returns pre {
margin-bottom: 35px;
}
.scribe .main-container .scribe-content .preview-results .result-content .test-label {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 35px;
border-top: 3px solid rgba(255, 255, 255, 0.1);
margin-bottom: 5px;
padding-right: 125px;
}
.scribe .main-container .scribe-content .preview-results .result-content p {
margin-bottom: 5px;
color: #8b8b8b;
}
.scribe .main-container .scribe-content .intro,
.scribe .main-container .scribe-content .empty-message {
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-topleft: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border-top-left-radius: 7px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 25px;
background-color: #1d2021;
border: 1px solid #000000;
margin-bottom: 25px;
}
.scribe .main-container .scribe-content .intro span,
.scribe .main-container .scribe-content .empty-message span {
color: #44d8c8;
}
.scribe .main-container .scribe-content .empty-message {
text-align: center;
}
.scribe .main-container .scribe-content .help-text {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: rgba(255, 255, 255, 0.2);
padding: 10px;
margin: 10px 0;
}
.scribe .main-container .scribe-content h2 {
font-size: 22px;
margin-bottom: 20px;
padding-top: 15px;
}
.scribe .main-container .scribe-content h3 {
padding-top: 15px;
font-size: 24px;
color: #8b8b8b;
margin-bottom: 15px;
}
.scribe .main-container .scribe-content h4 {
font-size: 20px;
padding-top: 10px;
margin-bottom: 10px;
}
.scribe .main-container .scribe-content h5 {
font-size: 18px;
margin-bottom: 10px;
padding-top: 10px;
}
.scribe .main-container .scribe-content p {
font-size: 15px;
line-height: 22px;
margin-bottom: 22px;
}
.scribe .main-container .scribe-content p a {
text-decoration: underline;
}
.scribe .main-container .scribe-content a {
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
color: #309461;
}
.scribe .main-container .scribe-content a:hover {
color: #246d48;
}
.scribe .main-container .scribe-content code {
font-size: 13px;
background: #8b8b8b;
}
.scribe .main-container .scribe-content pre {
background: #000000;
padding: 15px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.scribe .main-container .scribe-content pre code {
background: transparent;
}
.scribe .main-container .scribe-content blockquote {
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #e6e6e6;
padding: 14px;
margin: 0px 0px 22px;
}
.scribe .main-container .scribe-content blockquote p {
color: #222222;
}
.scribe .main-container .scribe-content blockquote p:last-child {
margin-bottom: 0px;
}
.scribe .main-container .scribe-content .dismiss-button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-family: "proxima-nova-soft", "Proxima Nova Soft", "Lato Regular", sans-serif;
border-radius: 4px;
padding: 0px 15px;
border: none;
font-size: 15px;
height: 34px;
line-height: 34px;
vertical-align: middle;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
background-color: #1a98d2;
color: #ffffff;
cursor: pointer;
}
.scribe .main-container .scribe-content .dismiss-button:hover {
background-color: #1788bb;
}
.scribe .main-container .scribe-content .reload-button {
position: absolute;
top: 7px;
right: 15px;
background: transparent;
border: none;
font-size: 14px;
line-height: 32px;
vertical-align: middle;
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
color: #8b8b8b;
}
.scribe .main-container .scribe-content .reload-button > i {
margin-left: 5px;
}
.scribe .main-container .scribe-content .reload-button.failed {
color: #dc603c;
}
.scribe .main-container .scribe-content .form-section {
padding-top: 25px;
padding-bottom: 25px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.scribe .main-container .scribe-content .form-section:first-child {
padding-top: 0px;
border-top: none;
}
.scribe .main-container .scribe-content .form-section:last-child {
padding-bottom: 0;
}
.scribe .main-container .scribe-content .form-section input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
border: 1px solid #000000;
background-color: #161819;
padding: 8px 12px 7px;
font-size: 13px;
height: 34px;
color: rgba(255, 255, 255, 0.8);
width: 100%;
}
.scribe .main-container .scribe-content .form-section input ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.scribe .main-container .scribe-content .form-section input :-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.scribe .main-container .scribe-content .form-section input ::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.scribe .main-container .scribe-content .form-section input :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.scribe .main-container .scribe-content .form-section input:focus,
.scribe .main-container .scribe-content .form-section input.focused {
border: 1px solid #00aa67;
}
.scribe .main-container .scribe-content .form-section input.error {
border: 1px solid #dc603c;
}
.scribe .main-container .scribe-content .form-section input:disabled {
border: none;
}
.scribe .main-container .scribe-content .form-section textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'proxima-nova-soft', "Proxima Nova Soft", "Lato Regular", sans-serif;
border: 1px solid #000000;
background-color: #161819;
padding: 8px 12px 7px;
font-size: 13px;
height: 34px;
color: rgba(255, 255, 255, 0.8);
height: 100px;
width: 100%;
}
.scribe .main-container .scribe-content .form-section textarea ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.scribe .main-container .scribe-content .form-section textarea :-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.scribe .main-container .scribe-content .form-section textarea ::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.scribe .main-container .scribe-content .form-section textarea :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.scribe .main-container .scribe-content .form-section textarea:focus,
.scribe .main-container .scribe-content .form-section textarea.focused {
border: 1px solid #00aa67;
}
.scribe .main-container .scribe-content .form-section textarea.error {
border: 1px solid #dc603c;
}
.scribe .main-container .scribe-content .form-section textarea:disabled {
border: none;
}
.scribe .main-container .scribe-content .form-section label {
font-size: 15px;
display: block;
margin-bottom: 7px;
color: #ffffff;
}
.scribe .main-container .scribe-content .form-section.optional label {
opacity: 0.8;
}
.scribe .main-container .submit-button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-family: "proxima-nova-soft", "Proxima Nova Soft", "Lato Regular", sans-serif;
border-radius: 4px;
padding: 0px 15px;
border: none;
font-size: 15px;
height: 34px;
line-height: 34px;
vertical-align: middle;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
background-color: #00aa67;
color: #ffffff;
cursor: pointer;
margin-bottom: 20px;
float: right;
min-width: 100px;
}
.scribe .main-container .submit-button:hover {
background-color: #009158;
}
.scribe .main-container .submit-button.failed {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-family: "proxima-nova-soft", "Proxima Nova Soft", "Lato Regular", sans-serif;
border-radius: 4px;
padding: 0px 15px;
border: none;
font-size: 15px;
height: 34px;
line-height: 34px;
vertical-align: middle;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
background-color: #dc603c;
color: #ffffff;
cursor: pointer;
}
.scribe .main-container .submit-button.failed:hover {
background-color: #d84f27;
}
.scribe .main-container .submit-button[data-purpose="saveAsTest"] {
position: absolute;
right: 20px;
bottom: 0px;
}
.scribe .main-container .scribe-footer {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
padding: 10px 0;
font-size: 12px;
background-color: rgba(0, 0, 0, 0.8);
border-top: 1px solid #000000;
text-align: center;
}
.scribe .main-container .scribe-footer span {
color: #44d8c8;
}
.scribe .main-container .scribe-footer .dismiss-footer-button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-family: "proxima-nova-soft", "Proxima Nova Soft", "Lato Regular", sans-serif;
border-radius: 4px;
padding: 0px 10px;
border: none;
font-size: 13px;
height: 28px;
line-height: 28px;
vertical-align: middle;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
background-color: #44d8c8;
color: #ffffff;
cursor: pointer;
}
.scribe .main-container .scribe-footer .dismiss-footer-button:hover {
background-color: #2fd4c2;
}
.scribe .main-container .nav-sidebar {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
background-color: #242829;
border-right: 1px solid #000000;
padding-top: 100px;
width: 220px;
min-height: 100%;
position: fixed;
left: 0px;
top: 0px;
overflow-y: auto;
}
.scribe .main-container .nav-sidebar h3 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
line-height: 39px;
vertical-align: middle;
border-bottom: 1px solid #000000;
color: #00c376;
font-size: 15px;
padding: 0px 20px;
}
.scribe .main-container .nav-sidebar .nav-icon {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 22px;
height: 22px;
display: inline-block;
border: 2px solid #00c376;
text-align: center;
position: relative;
top: 5px;
margin-right: 7px;
}
.scribe .main-container .nav-sidebar .nav-icon > i {
position: absolute;
width: 18px;
height: 18px;
line-height: 22px;
vertical-align: middle;
text-align: center;
font-size: 11px;
left: 0px;
top: -1px;
color: #00c376;
}
.scribe .main-container .nav-sidebar .nav-icon.machines-icon > i,
.scribe .main-container .nav-sidebar .nav-icon.settings-icon > i {
font-size: 13px;
}
.scribe .main-container .nav-sidebar .nav-icon.default-icon {
background: url('/images/icon_treeline_black.png') no-repeat 3px center;
background-size: 11px;
}
.scribe .main-container .nav-sidebar ul.nav {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
}
.scribe .main-container .nav-sidebar ul.nav .nav-item {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
height: 26px;
display: block;
color: #ffffff;
padding-left: 18px;
}
.scribe .main-container .nav-sidebar ul.nav .nav-item .text {
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-ms-transition: all 250ms;
-o-transition: all 250ms;
line-height: 26px;
vertical-align: middle;
}
.scribe .main-container .nav-sidebar ul.nav .nav-item:hover .text {
color: #00aa67;
}
.scribe .main-container .nav-sidebar ul.nav .nav-item.current > a {
color: #00aa67;
border-right: 3px solid #00aa67;
}
.scribe .main-container .nav-sidebar ul.nav .nav-item.current > a .nav-icon {
border: 2px solid #00aa67;
}
.scribe .main-container .nav-sidebar ul.nav .nav-item.current > a .nav-icon.default-icon {
background: url('/images/icon_treeline_green.png') no-repeat 3px center;
background-size: 11px;
}
em {
font-weight: normal;
}
.ace-editor-container {
position: relative;
overflow: auto;
height: 250px;
}
.run-btn .running {
opacity: 0.5;
}
.save-test-btn .busy {
opacity: 0.5;
}