File contents
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" />
<title>Intro_Python</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<style type="text/css">
/*!
*
* Twitter Bootstrap
*
*/
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot');
src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\002a";
}
.glyphicon-plus:before {
content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.42857143;
color: #000;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 3px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 18px;
margin-bottom: 18px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 18px;
margin-bottom: 9px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 9px;
margin-bottom: 9px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 33px;
}
h2,
.h2 {
font-size: 27px;
}
h3,
.h3 {
font-size: 23px;
}
h4,
.h4 {
font-size: 17px;
}
h5,
.h5 {
font-size: 13px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 9px;
}
.lead {
margin-bottom: 18px;
font-size: 14px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 19.5px;
}
}
small,
.small {
font-size: 92%;
}
mark,
.mark {
background-color: #fcf8e3;
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 8px;
margin: 36px 0 18px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 9px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 18px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 541px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 9px 18px;
margin: 0 0 18px;
font-size: inherit;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 18px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 2px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #888;
background-color: transparent;
border-radius: 1px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none;
}
pre {
display: block;
padding: 8.5px;
margin: 0 0 9px;
font-size: 12px;
line-height: 1.42857143;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 2px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 0px;
padding-right: 0px;
}
@media (min-width: 768px) {
.container {
width: 768px;
}
}
@media (min-width: 992px) {
.container {
width: 940px;
}
}
@media (min-width: 1200px) {
.container {
width: 1140px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 0px;
padding-right: 0px;
}
.row {
margin-left: 0px;
margin-right: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 0px;
padding-right: 0px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 18px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 13.5px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 18px;
font-size: 19.5px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 13px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 13px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 32px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 45px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 18px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 31px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 1px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 1px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 30px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 45px;
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
border-radius: 3px;
}
select.input-lg {
height: 45px;
line-height: 45px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 45px;
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
border-radius: 3px;
}
.form-group-lg select.form-control {
height: 45px;
line-height: 45px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 45px;
min-height: 35px;
padding: 11px 16px;
font-size: 17px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 40px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 45px;
height: 45px;
line-height: 45px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 23px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #404040;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 25px;
}
.form-horizontal .form-group {
margin-left: 0px;
margin-right: 0px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 0px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 17px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 13px;
line-height: 1.42857143;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
color: #337ab7;
font-weight: normal;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
border-radius: 3px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 1px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 1px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 13px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 2px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 8px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 541px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 2px;
border-top-left-radius: 2px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 45px;
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
border-radius: 3px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 45px;
line-height: 45px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 1px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 13px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 2px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 1px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 17px;
border-radius: 3px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 8px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 2px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 2px 2px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 2px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 2px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 2px 2px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
position: relative;
min-height: 30px;
margin-bottom: 18px;
border: 1px solid transparent;
}
@media (min-width: 541px) {
.navbar {
border-radius: 2px;
}
}
@media (min-width: 541px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 0px;
padding-left: 0px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 541px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 540px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0px;
margin-left: 0px;
}
@media (min-width: 541px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 541px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 541px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
padding: 6px 0px;
font-size: 17px;
line-height: 18px;
height: 30px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 541px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: 0px;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 0px;
padding: 9px 10px;
margin-top: -2px;
margin-bottom: -2px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 2px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 541px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 3px 0px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 18px;
}
@media (max-width: 540px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 18px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 541px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 6px;
padding-bottom: 6px;
}
}
.navbar-form {
margin-left: 0px;
margin-right: 0px;
padding: 10px 0px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: -1px;
margin-bottom: -1px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 540px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 541px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: -1px;
margin-bottom: -1px;
}
.navbar-btn.btn-sm {
margin-top: 0px;
margin-bottom: 0px;
}
.navbar-btn.btn-xs {
margin-top: 4px;
margin-bottom: 4px;
}
.navbar-text {
margin-top: 6px;
margin-bottom: 6px;
}
@media (min-width: 541px) {
.navbar-text {
float: left;
margin-left: 0px;
margin-right: 0px;
}
}
@media (min-width: 541px) {
.navbar-left {
float: left !important;
float: left;
}
.navbar-right {
float: right !important;
float: right;
margin-right: 0px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555;
}
@media (max-width: 540px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background-color: #080808;
color: #fff;
}
@media (max-width: 540px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 18px;
list-style: none;
background-color: #f5f5f5;
border-radius: 2px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
content: "/\00a0";
padding: 0 5px;
color: #5e5e5e;
}
.breadcrumb > .active {
color: #777777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 18px 0;
border-radius: 2px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #337ab7;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eeeeee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 1px;
border-top-left-radius: 1px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 1px;
border-top-right-radius: 1px;
}
.pager {
padding-left: 0;
margin: 18px 0;
list-style: none;
text-align: center;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777777;
background-color: #fff;
cursor: not-allowed;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #777777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 20px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
border-radius: 3px;
padding-left: 0px;
padding-right: 0px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 59px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 18px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-left: auto;
margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.thumbnail .caption {
padding: 9px;
color: #000;
}
.alert {
padding: 15px;
margin-bottom: 18px;
border: 1px solid transparent;
border-radius: 2px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
overflow: hidden;
height: 18px;
margin-bottom: 18px;
background-color: #f5f5f5;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 18px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
zoom: 1;
overflow: hidden;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
margin-bottom: 20px;
padding-left: 0;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
background-color: #eeeeee;
color: #777777;
cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 18px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 1px;
border-top-left-radius: 1px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 1px;
border-top-left-radius: 1px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 1px;
border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 1px;
border-top-right-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 1px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 1px;
border-bottom-right-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 1px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-group {
margin-bottom: 18px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 2px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 3px;
}
.well-sm {
padding: 9px;
border-radius: 1px;
}
.close {
float: right;
font-size: 19.5px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 2px;
}
.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: #000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 13px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 13px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 2px 2px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
border-width: 10px;
content: "";
}
.popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff;
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.item_buttons:before,
.item_buttons:after {
content: " ";
display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.item_buttons:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/*!
*
* Font Awesome
*
*/
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
/*!
*
* IPython base
*
*/
.modal.fade .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
code {
color: #000;
}
pre {
font-size: inherit;
line-height: inherit;
}
label {
font-weight: normal;
}
/* Make the page background atleast 100% the height of the view port */
/* Make the page itself atleast 70% the height of the view port */
.border-box-sizing {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.corner-all {
border-radius: 2px;
}
.no-padding {
padding: 0px;
}
/* Flexible box model classes */
/* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
/* This file is a compatability layer. It allows the usage of flexible box
model layouts accross multiple browsers, including older browsers. The newest,
universal implementation of the flexible box model is used when available (see
`Modern browsers` comments below). Browsers that are known to implement this
new spec completely include:
Firefox 28.0+
Chrome 29.0+
Internet Explorer 11+
Opera 17.0+
Browsers not listed, including Safari, are supported via the styling under the
`Old browsers` comments below.
*/
.hbox {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
.hbox > * {
/* Old browsers */
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
/* Modern browsers */
flex: none;
}
.vbox {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
.vbox > * {
/* Old browsers */
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
/* Modern browsers */
flex: none;
}
.hbox.reverse,
.vbox.reverse,
.reverse {
/* Old browsers */
-webkit-box-direction: reverse;
-moz-box-direction: reverse;
box-direction: reverse;
/* Modern browsers */
flex-direction: row-reverse;
}
.hbox.box-flex0,
.vbox.box-flex0,
.box-flex0 {
/* Old browsers */
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0;
/* Modern browsers */
flex: none;
width: auto;
}
.hbox.box-flex1,
.vbox.box-flex1,
.box-flex1 {
/* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
}
.hbox.box-flex,
.vbox.box-flex,
.box-flex {
/* Old browsers */
/* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
}
.hbox.box-flex2,
.vbox.box-flex2,
.box-flex2 {
/* Old browsers */
-webkit-box-flex: 2;
-moz-box-flex: 2;
box-flex: 2;
/* Modern browsers */
flex: 2;
}
.box-group1 {
/* Deprecated */
-webkit-box-flex-group: 1;
-moz-box-flex-group: 1;
box-flex-group: 1;
}
.box-group2 {
/* Deprecated */
-webkit-box-flex-group: 2;
-moz-box-flex-group: 2;
box-flex-group: 2;
}
.hbox.start,
.vbox.start,
.start {
/* Old browsers */
-webkit-box-pack: start;
-moz-box-pack: start;
box-pack: start;
/* Modern browsers */
justify-content: flex-start;
}
.hbox.end,
.vbox.end,
.end {
/* Old browsers */
-webkit-box-pack: end;
-moz-box-pack: end;
box-pack: end;
/* Modern browsers */
justify-content: flex-end;
}
.hbox.center,
.vbox.center,
.center {
/* Old browsers */
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
/* Modern browsers */
justify-content: center;
}
.hbox.baseline,
.vbox.baseline,
.baseline {
/* Old browsers */
-webkit-box-pack: baseline;
-moz-box-pack: baseline;
box-pack: baseline;
/* Modern browsers */
justify-content: baseline;
}
.hbox.stretch,
.vbox.stretch,
.stretch {
/* Old browsers */
-webkit-box-pack: stretch;
-moz-box-pack: stretch;
box-pack: stretch;
/* Modern browsers */
justify-content: stretch;
}
.hbox.align-start,
.vbox.align-start,
.align-start {
/* Old browsers */
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;
/* Modern browsers */
align-items: flex-start;
}
.hbox.align-end,
.vbox.align-end,
.align-end {
/* Old browsers */
-webkit-box-align: end;
-moz-box-align: end;
box-align: end;
/* Modern browsers */
align-items: flex-end;
}
.hbox.align-center,
.vbox.align-center,
.align-center {
/* Old browsers */
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
/* Modern browsers */
align-items: center;
}
.hbox.align-baseline,
.vbox.align-baseline,
.align-baseline {
/* Old browsers */
-webkit-box-align: baseline;
-moz-box-align: baseline;
box-align: baseline;
/* Modern browsers */
align-items: baseline;
}
.hbox.align-stretch,
.vbox.align-stretch,
.align-stretch {
/* Old browsers */
-webkit-box-align: stretch;
-moz-box-align: stretch;
box-align: stretch;
/* Modern browsers */
align-items: stretch;
}
div.error {
margin: 2em;
text-align: center;
}
div.error > h1 {
font-size: 500%;
line-height: normal;
}
div.error > p {
font-size: 200%;
line-height: normal;
}
div.traceback-wrapper {
text-align: left;
max-width: 800px;
margin: auto;
}
div.traceback-wrapper pre.traceback {
max-height: 600px;
overflow: auto;
}
/**
* Primary styles
*
* Author: Jupyter Development Team
*/
body {
background-color: #fff;
/* This makes sure that the body covers the entire window and needs to
be in a different element than the display: box in wrapper below */
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
overflow: visible;
}
body > #header {
/* Initially hidden to prevent FLOUC */
display: none;
background-color: #fff;
/* Display over codemirror */
position: relative;
z-index: 100;
}
body > #header #header-container {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 5px;
padding-bottom: 5px;
padding-top: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
body > #header .header-bar {
width: 100%;
height: 1px;
background: #e7e7e7;
margin-bottom: -1px;
}
@media print {
body > #header {
display: none !important;
}
}
#header-spacer {
width: 100%;
visibility: hidden;
}
@media print {
#header-spacer {
display: none;
}
}
#ipython_notebook {
padding-left: 0px;
padding-top: 1px;
padding-bottom: 1px;
}
[dir="rtl"] #ipython_notebook {
margin-right: 10px;
margin-left: 0;
}
[dir="rtl"] #ipython_notebook.pull-left {
float: right !important;
float: right;
}
.flex-spacer {
flex: 1;
}
#noscript {
width: auto;
padding-top: 16px;
padding-bottom: 16px;
text-align: center;
font-size: 22px;
color: red;
font-weight: bold;
}
#ipython_notebook img {
height: 28px;
}
#site {
width: 100%;
display: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: auto;
}
@media print {
#site {
height: auto !important;
}
}
/* Smaller buttons */
.ui-button .ui-button-text {
padding: 0.2em 0.8em;
font-size: 77%;
}
input.ui-button {
padding: 0.3em 0.9em;
}
span#kernel_logo_widget {
margin: 0 10px;
}
span#login_widget {
float: right;
}
[dir="rtl"] span#login_widget {
float: left;
}
span#login_widget > .button,
#logout {
color: #333;
background-color: #fff;
border-color: #ccc;
}
span#login_widget > .button:focus,
#logout:focus,
span#login_widget > .button.focus,
#logout.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
span#login_widget > .button:hover,
#logout:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
span#login_widget > .button:active,
#logout:active,
span#login_widget > .button.active,
#logout.active,
.open > .dropdown-togglespan#login_widget > .button,
.open > .dropdown-toggle#logout {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
span#login_widget > .button:active:hover,
#logout:active:hover,
span#login_widget > .button.active:hover,
#logout.active:hover,
.open > .dropdown-togglespan#login_widget > .button:hover,
.open > .dropdown-toggle#logout:hover,
span#login_widget > .button:active:focus,
#logout:active:focus,
span#login_widget > .button.active:focus,
#logout.active:focus,
.open > .dropdown-togglespan#login_widget > .button:focus,
.open > .dropdown-toggle#logout:focus,
span#login_widget > .button:active.focus,
#logout:active.focus,
span#login_widget > .button.active.focus,
#logout.active.focus,
.open > .dropdown-togglespan#login_widget > .button.focus,
.open > .dropdown-toggle#logout.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
span#login_widget > .button:active,
#logout:active,
span#login_widget > .button.active,
#logout.active,
.open > .dropdown-togglespan#login_widget > .button,
.open > .dropdown-toggle#logout {
background-image: none;
}
span#login_widget > .button.disabled:hover,
#logout.disabled:hover,
span#login_widget > .button[disabled]:hover,
#logout[disabled]:hover,
fieldset[disabled] span#login_widget > .button:hover,
fieldset[disabled] #logout:hover,
span#login_widget > .button.disabled:focus,
#logout.disabled:focus,
span#login_widget > .button[disabled]:focus,
#logout[disabled]:focus,
fieldset[disabled] span#login_widget > .button:focus,
fieldset[disabled] #logout:focus,
span#login_widget > .button.disabled.focus,
#logout.disabled.focus,
span#login_widget > .button[disabled].focus,
#logout[disabled].focus,
fieldset[disabled] span#login_widget > .button.focus,
fieldset[disabled] #logout.focus {
background-color: #fff;
border-color: #ccc;
}
span#login_widget > .button .badge,
#logout .badge {
color: #fff;
background-color: #333;
}
.nav-header {
text-transform: none;
}
#header > span {
margin-top: 10px;
}
.modal_stretch .modal-dialog {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
min-height: 80vh;
}
.modal_stretch .modal-dialog .modal-body {
max-height: calc(100vh - 200px);
overflow: auto;
flex: 1;
}
.modal-header {
cursor: move;
}
@media (min-width: 768px) {
.modal .modal-dialog {
width: 700px;
}
}
@media (min-width: 768px) {
select.form-control {
margin-left: 12px;
margin-right: 12px;
}
}
/*!
*
* IPython auth
*
*/
.center-nav {
display: inline-block;
margin-bottom: -4px;
}
[dir="rtl"] .center-nav form.pull-left {
float: right !important;
float: right;
}
[dir="rtl"] .center-nav .navbar-text {
float: right;
}
[dir="rtl"] .navbar-inner {
text-align: right;
}
[dir="rtl"] div.text-left {
text-align: right;
}
/*!
*
* IPython tree view
*
*/
/* We need an invisible input field on top of the sentense*/
/* "Drag file onto the list ..." */
.alternate_upload {
background-color: none;
display: inline;
}
.alternate_upload.form {
padding: 0;
margin: 0;
}
.alternate_upload input.fileinput {
position: absolute;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
cursor: pointer;
opacity: 0;
z-index: 2;
}
.alternate_upload .btn-xs > input.fileinput {
margin: -1px -5px;
}
.alternate_upload .btn-upload {
position: relative;
height: 22px;
}
::-webkit-file-upload-button {
cursor: pointer;
}
/**
* Primary styles
*
* Author: Jupyter Development Team
*/
ul#tabs {
margin-bottom: 4px;
}
ul#tabs a {
padding-top: 6px;
padding-bottom: 4px;
}
[dir="rtl"] ul#tabs.nav-tabs > li {
float: right;
}
[dir="rtl"] ul#tabs.nav.nav-tabs {
padding-right: 0;
}
ul.breadcrumb a:focus,
ul.breadcrumb a:hover {
text-decoration: none;
}
ul.breadcrumb i.icon-home {
font-size: 16px;
margin-right: 4px;
}
ul.breadcrumb span {
color: #5e5e5e;
}
.list_toolbar {
padding: 4px 0 4px 0;
vertical-align: middle;
}
.list_toolbar .tree-buttons {
padding-top: 1px;
}
[dir="rtl"] .list_toolbar .tree-buttons .pull-right {
float: left !important;
float: left;
}
[dir="rtl"] .list_toolbar .col-sm-4,
[dir="rtl"] .list_toolbar .col-sm-8 {
float: right;
}
.dynamic-buttons {
padding-top: 3px;
display: inline-block;
}
.list_toolbar [class*="span"] {
min-height: 24px;
}
.list_header {
font-weight: bold;
background-color: #EEE;
}
.list_placeholder {
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 7px;
padding-right: 7px;
}
.list_container {
margin-top: 4px;
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 2px;
}
.list_container > div {
border-bottom: 1px solid #ddd;
}
.list_container > div:hover .list-item {
background-color: red;
}
.list_container > div:last-child {
border: none;
}
.list_item:hover .list_item {
background-color: #ddd;
}
.list_item a {
text-decoration: none;
}
.list_item:hover {
background-color: #fafafa;
}
.list_header > div,
.list_item > div {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 7px;
padding-right: 7px;
line-height: 22px;
}
.list_header > div input,
.list_item > div input {
margin-right: 7px;
margin-left: 14px;
vertical-align: text-bottom;
line-height: 22px;
position: relative;
top: -1px;
}
.list_header > div .item_link,
.list_item > div .item_link {
margin-left: -1px;
vertical-align: baseline;
line-height: 22px;
}
[dir="rtl"] .list_item > div input {
margin-right: 0;
}
.new-file input[type=checkbox] {
visibility: hidden;
}
.item_name {
line-height: 22px;
height: 24px;
}
.item_icon {
font-size: 14px;
color: #5e5e5e;
margin-right: 7px;
margin-left: 7px;
line-height: 22px;
vertical-align: baseline;
}
.item_modified {
margin-right: 7px;
margin-left: 7px;
}
[dir="rtl"] .item_modified.pull-right {
float: left !important;
float: left;
}
.item_buttons {
line-height: 1em;
margin-left: -5px;
}
.item_buttons .btn,
.item_buttons .btn-group,
.item_buttons .input-group {
float: left;
}
.item_buttons > .btn,
.item_buttons > .btn-group,
.item_buttons > .input-group {
margin-left: 5px;
}
.item_buttons .btn {
min-width: 13ex;
}
.item_buttons .running-indicator {
padding-top: 4px;
color: #5cb85c;
}
.item_buttons .kernel-name {
padding-top: 4px;
color: #5bc0de;
margin-right: 7px;
float: left;
}
[dir="rtl"] .item_buttons.pull-right {
float: left !important;
float: left;
}
[dir="rtl"] .item_buttons .kernel-name {
margin-left: 7px;
float: right;
}
.toolbar_info {
height: 24px;
line-height: 24px;
}
.list_item input:not([type=checkbox]) {
padding-top: 3px;
padding-bottom: 3px;
height: 22px;
line-height: 14px;
margin: 0px;
}
.highlight_text {
color: blue;
}
#project_name {
display: inline-block;
padding-left: 7px;
margin-left: -2px;
}
#project_name > .breadcrumb {
padding: 0px;
margin-bottom: 0px;
background-color: transparent;
font-weight: bold;
}
.sort_button {
display: inline-block;
padding-left: 7px;
}
[dir="rtl"] .sort_button.pull-right {
float: left !important;
float: left;
}
#tree-selector {
padding-right: 0px;
}
#button-select-all {
min-width: 50px;
}
[dir="rtl"] #button-select-all.btn {
float: right ;
}
#select-all {
margin-left: 7px;
margin-right: 2px;
margin-top: 2px;
height: 16px;
}
[dir="rtl"] #select-all.pull-left {
float: right !important;
float: right;
}
.menu_icon {
margin-right: 2px;
}
.tab-content .row {
margin-left: 0px;
margin-right: 0px;
}
.folder_icon:before {
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;
content: "\f114";
}
.folder_icon:before.fa-pull-left {
margin-right: .3em;
}
.folder_icon:before.fa-pull-right {
margin-left: .3em;
}
.folder_icon:before.pull-left {
margin-right: .3em;
}
.folder_icon:before.pull-right {
margin-left: .3em;
}
.notebook_icon:before {
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;
content: "\f02d";
position: relative;
top: -1px;
}
.notebook_icon:before.fa-pull-left {
margin-right: .3em;
}
.notebook_icon:before.fa-pull-right {
margin-left: .3em;
}
.notebook_icon:before.pull-left {
margin-right: .3em;
}
.notebook_icon:before.pull-right {
margin-left: .3em;
}
.running_notebook_icon:before {
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;
content: "\f02d";
position: relative;
top: -1px;
color: #5cb85c;
}
.running_notebook_icon:before.fa-pull-left {
margin-right: .3em;
}
.running_notebook_icon:before.fa-pull-right {
margin-left: .3em;
}
.running_notebook_icon:before.pull-left {
margin-right: .3em;
}
.running_notebook_icon:before.pull-right {
margin-left: .3em;
}
.file_icon:before {
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;
content: "\f016";
position: relative;
top: -2px;
}
.file_icon:before.fa-pull-left {
margin-right: .3em;
}
.file_icon:before.fa-pull-right {
margin-left: .3em;
}
.file_icon:before.pull-left {
margin-right: .3em;
}
.file_icon:before.pull-right {
margin-left: .3em;
}
#notebook_toolbar .pull-right {
padding-top: 0px;
margin-right: -1px;
}
ul#new-menu {
left: auto;
right: 0;
}
#new-menu .dropdown-header {
font-size: 10px;
border-bottom: 1px solid #e5e5e5;
padding: 0 0 3px;
margin: -3px 20px 0;
}
.kernel-menu-icon {
padding-right: 12px;
width: 24px;
content: "\f096";
}
.kernel-menu-icon:before {
content: "\f096";
}
.kernel-menu-icon-current:before {
content: "\f00c";
}
#tab_content {
padding-top: 20px;
}
#running .panel-group .panel {
margin-top: 3px;
margin-bottom: 1em;
}
#running .panel-group .panel .panel-heading {
background-color: #EEE;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 7px;
padding-right: 7px;
line-height: 22px;
}
#running .panel-group .panel .panel-heading a:focus,
#running .panel-group .panel .panel-heading a:hover {
text-decoration: none;
}
#running .panel-group .panel .panel-body {
padding: 0px;
}
#running .panel-group .panel .panel-body .list_container {
margin-top: 0px;
margin-bottom: 0px;
border: 0px;
border-radius: 0px;
}
#running .panel-group .panel .panel-body .list_container .list_item {
border-bottom: 1px solid #ddd;
}
#running .panel-group .panel .panel-body .list_container .list_item:last-child {
border-bottom: 0px;
}
.delete-button {
display: none;
}
.duplicate-button {
display: none;
}
.rename-button {
display: none;
}
.move-button {
display: none;
}
.download-button {
display: none;
}
.shutdown-button {
display: none;
}
.dynamic-instructions {
display: inline-block;
padding-top: 4px;
}
/*!
*
* IPython text editor webapp
*
*/
.selected-keymap i.fa {
padding: 0px 5px;
}
.selected-keymap i.fa:before {
content: "\f00c";
}
#mode-menu {
overflow: auto;
max-height: 20em;
}
.edit_app #header {
-webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
.edit_app #menubar .navbar {
/* Use a negative 1 bottom margin, so the border overlaps the border of the
header */
margin-bottom: -1px;
}
.dirty-indicator {
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;
width: 20px;
}
.dirty-indicator.fa-pull-left {
margin-right: .3em;
}
.dirty-indicator.fa-pull-right {
margin-left: .3em;
}
.dirty-indicator.pull-left {
margin-right: .3em;
}
.dirty-indicator.pull-right {
margin-left: .3em;
}
.dirty-indicator-dirty {
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;
width: 20px;
}
.dirty-indicator-dirty.fa-pull-left {
margin-right: .3em;
}
.dirty-indicator-dirty.fa-pull-right {
margin-left: .3em;
}
.dirty-indicator-dirty.pull-left {
margin-right: .3em;
}
.dirty-indicator-dirty.pull-right {
margin-left: .3em;
}
.dirty-indicator-clean {
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;
width: 20px;
}
.dirty-indicator-clean.fa-pull-left {
margin-right: .3em;
}
.dirty-indicator-clean.fa-pull-right {
margin-left: .3em;
}
.dirty-indicator-clean.pull-left {
margin-right: .3em;
}
.dirty-indicator-clean.pull-right {
margin-left: .3em;
}
.dirty-indicator-clean:before {
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;
content: "\f00c";
}
.dirty-indicator-clean:before.fa-pull-left {
margin-right: .3em;
}
.dirty-indicator-clean:before.fa-pull-right {
margin-left: .3em;
}
.dirty-indicator-clean:before.pull-left {
margin-right: .3em;
}
.dirty-indicator-clean:before.pull-right {
margin-left: .3em;
}
#filename {
font-size: 16pt;
display: table;
padding: 0px 5px;
}
#current-mode {
padding-left: 5px;
padding-right: 5px;
}
#texteditor-backdrop {
padding-top: 20px;
padding-bottom: 20px;
}
@media not print {
#texteditor-backdrop {
background-color: #EEE;
}
}
@media print {
#texteditor-backdrop #texteditor-container .CodeMirror-gutter,
#texteditor-backdrop #texteditor-container .CodeMirror-gutters {
background-color: #fff;
}
}
@media not print {
#texteditor-backdrop #texteditor-container .CodeMirror-gutter,
#texteditor-backdrop #texteditor-container .CodeMirror-gutters {
background-color: #fff;
}
}
@media not print {
#texteditor-backdrop #texteditor-container {
padding: 0px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
}
.CodeMirror-dialog {
background-color: #fff;
}
/*!
*
* IPython notebook
*
*/
/* CSS font colors for translated ANSI escape sequences */
/* The color values are a mix of
http://www.xcolors.net/dl/baskerville-ivorylight and
http://www.xcolors.net/dl/euphrasia */
.ansi-black-fg {
color: #3E424D;
}
.ansi-black-bg {
background-color: #3E424D;
}
.ansi-black-intense-fg {
color: #282C36;
}
.ansi-black-intense-bg {
background-color: #282C36;
}
.ansi-red-fg {
color: #E75C58;
}
.ansi-red-bg {
background-color: #E75C58;
}
.ansi-red-intense-fg {
color: #B22B31;
}
.ansi-red-intense-bg {
background-color: #B22B31;
}
.ansi-green-fg {
color: #00A250;
}
.ansi-green-bg {
background-color: #00A250;
}
.ansi-green-intense-fg {
color: #007427;
}
.ansi-green-intense-bg {
background-color: #007427;
}
.ansi-yellow-fg {
color: #DDB62B;
}
.ansi-yellow-bg {
background-color: #DDB62B;
}
.ansi-yellow-intense-fg {
color: #B27D12;
}
.ansi-yellow-intense-bg {
background-color: #B27D12;
}
.ansi-blue-fg {
color: #208FFB;
}
.ansi-blue-bg {
background-color: #208FFB;
}
.ansi-blue-intense-fg {
color: #0065CA;
}
.ansi-blue-intense-bg {
background-color: #0065CA;
}
.ansi-magenta-fg {
color: #D160C4;
}
.ansi-magenta-bg {
background-color: #D160C4;
}
.ansi-magenta-intense-fg {
color: #A03196;
}
.ansi-magenta-intense-bg {
background-color: #A03196;
}
.ansi-cyan-fg {
color: #60C6C8;
}
.ansi-cyan-bg {
background-color: #60C6C8;
}
.ansi-cyan-intense-fg {
color: #258F8F;
}
.ansi-cyan-intense-bg {
background-color: #258F8F;
}
.ansi-white-fg {
color: #C5C1B4;
}
.ansi-white-bg {
background-color: #C5C1B4;
}
.ansi-white-intense-fg {
color: #A1A6B2;
}
.ansi-white-intense-bg {
background-color: #A1A6B2;
}
.ansi-default-inverse-fg {
color: #FFFFFF;
}
.ansi-default-inverse-bg {
background-color: #000000;
}
.ansi-bold {
font-weight: bold;
}
.ansi-underline {
text-decoration: underline;
}
/* The following styles are deprecated an will be removed in a future version */
.ansibold {
font-weight: bold;
}
.ansi-inverse {
outline: 0.5px dotted;
}
/* use dark versions for foreground, to improve visibility */
.ansiblack {
color: black;
}
.ansired {
color: darkred;
}
.ansigreen {
color: darkgreen;
}
.ansiyellow {
color: #c4a000;
}
.ansiblue {
color: darkblue;
}
.ansipurple {
color: darkviolet;
}
.ansicyan {
color: steelblue;
}
.ansigray {
color: gray;
}
/* and light for background, for the same reason */
.ansibgblack {
background-color: black;
}
.ansibgred {
background-color: red;
}
.ansibggreen {
background-color: green;
}
.ansibgyellow {
background-color: yellow;
}
.ansibgblue {
background-color: blue;
}
.ansibgpurple {
background-color: magenta;
}
.ansibgcyan {
background-color: cyan;
}
.ansibggray {
background-color: gray;
}
div.cell {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
border-radius: 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-color: transparent;
width: 100%;
padding: 5px;
/* This acts as a spacer between cells, that is outside the border */
margin: 0px;
outline: none;
position: relative;
overflow: visible;
}
div.cell:before {
position: absolute;
display: block;
top: -1px;
left: -1px;
width: 5px;
height: calc(100% + 2px);
content: '';
background: transparent;
}
div.cell.jupyter-soft-selected {
border-left-color: #E3F2FD;
border-left-width: 1px;
padding-left: 5px;
border-right-color: #E3F2FD;
border-right-width: 1px;
background: #E3F2FD;
}
@media print {
div.cell.jupyter-soft-selected {
border-color: transparent;
}
}
div.cell.selected,
div.cell.selected.jupyter-soft-selected {
border-color: #ababab;
}
div.cell.selected:before,
div.cell.selected.jupyter-soft-selected:before {
position: absolute;
display: block;
top: -1px;
left: -1px;
width: 5px;
height: calc(100% + 2px);
content: '';
background: #42A5F5;
}
@media print {
div.cell.selected,
div.cell.selected.jupyter-soft-selected {
border-color: transparent;
}
}
.edit_mode div.cell.selected {
border-color: #66BB6A;
}
.edit_mode div.cell.selected:before {
position: absolute;
display: block;
top: -1px;
left: -1px;
width: 5px;
height: calc(100% + 2px);
content: '';
background: #66BB6A;
}
@media print {
.edit_mode div.cell.selected {
border-color: transparent;
}
}
.prompt {
/* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
min-width: 14ex;
/* This padding is tuned to match the padding on the CodeMirror editor. */
padding: 0.4em;
margin: 0px;
font-family: monospace;
text-align: right;
/* This has to match that of the the CodeMirror class line-height below */
line-height: 1.21429em;
/* Don't highlight prompt number selection */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Use default cursor */
cursor: default;
}
@media (max-width: 540px) {
.prompt {
text-align: left;
}
}
div.inner_cell {
min-width: 0;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
/* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_area {
border: 1px solid #cfcfcf;
border-radius: 2px;
background: #f7f7f7;
line-height: 1.21429em;
}
/* This is needed so that empty prompt areas can collapse to zero height when there
is no content in the output_subarea and the prompt. The main purpose of this is
to make sure that empty JavaScript output_subareas have no height. */
div.prompt:empty {
padding-top: 0;
padding-bottom: 0;
}
div.unrecognized_cell {
padding: 5px 5px 5px 0px;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
div.unrecognized_cell .inner_cell {
border-radius: 2px;
padding: 5px;
font-weight: bold;
color: red;
border: 1px solid #cfcfcf;
background: #eaeaea;
}
div.unrecognized_cell .inner_cell a {
color: inherit;
text-decoration: none;
}
div.unrecognized_cell .inner_cell a:hover {
color: inherit;
text-decoration: none;
}
@media (max-width: 540px) {
div.unrecognized_cell > div.prompt {
display: none;
}
}
div.code_cell {
/* avoid page breaking on code cells when printing */
}
@media print {
div.code_cell {
page-break-inside: avoid;
}
}
/* any special styling for code cells that are currently running goes here */
div.input {
page-break-inside: avoid;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
@media (max-width: 540px) {
div.input {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_prompt {
color: #303F9F;
border-top: 1px solid transparent;
}
div.input_area > div.highlight {
margin: 0.4em;
border: none;
padding: 0px;
background-color: transparent;
}
div.input_area > div.highlight > pre {
margin: 0px;
border: none;
padding: 0px;
background-color: transparent;
}
/* The following gets added to the <head> if it is detected that the user has a
* monospace font with inconsistent normal/bold/italic height. See
* notebookmain.js. Such fonts will have keywords vertically offset with
* respect to the rest of the text. The user should select a better font.
* See: https://github.com/ipython/ipython/issues/1503
*
* .CodeMirror span {
* vertical-align: bottom;
* }
*/
.CodeMirror {
line-height: 1.21429em;
/* Changed from 1em to our global default */
font-size: 14px;
height: auto;
/* Changed to auto to autogrow */
background: none;
/* Changed from white to allow our bg to show through */
}
.CodeMirror-scroll {
/* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
/* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
overflow-y: hidden;
overflow-x: auto;
}
.CodeMirror-lines {
/* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
/* we have set a different line-height and want this to scale with that. */
/* Note that this should set vertical padding only, since CodeMirror assumes
that horizontal padding will be set on CodeMirror pre */
padding: 0.4em 0;
}
.CodeMirror-linenumber {
padding: 0 8px 0 4px;
}
.CodeMirror-gutters {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.CodeMirror pre {
/* In CM3 this went to 4px from 0 in CM2. This sets horizontal padding only,
use .CodeMirror-lines for vertical */
padding: 0 0.4em;
border: 0;
border-radius: 0;
}
.CodeMirror-cursor {
border-left: 1.4px solid black;
}
@media screen and (min-width: 2138px) and (max-width: 4319px) {
.CodeMirror-cursor {
border-left: 2px solid black;
}
}
@media screen and (min-width: 4320px) {
.CodeMirror-cursor {
border-left: 4px solid black;
}
}
/*
Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
Adapted from GitHub theme
*/
.highlight-base {
color: #000;
}
.highlight-variable {
color: #000;
}
.highlight-variable-2 {
color: #1a1a1a;
}
.highlight-variable-3 {
color: #333333;
}
.highlight-string {
color: #BA2121;
}
.highlight-comment {
color: #408080;
font-style: italic;
}
.highlight-number {
color: #080;
}
.highlight-atom {
color: #88F;
}
.highlight-keyword {
color: #008000;
font-weight: bold;
}
.highlight-builtin {
color: #008000;
}
.highlight-error {
color: #f00;
}
.highlight-operator {
color: #AA22FF;
font-weight: bold;
}
.highlight-meta {
color: #AA22FF;
}
/* previously not defined, copying from default codemirror */
.highlight-def {
color: #00f;
}
.highlight-string-2 {
color: #f50;
}
.highlight-qualifier {
color: #555;
}
.highlight-bracket {
color: #997;
}
.highlight-tag {
color: #170;
}
.highlight-attribute {
color: #00c;
}
.highlight-header {
color: blue;
}
.highlight-quote {
color: #090;
}
.highlight-link {
color: #00c;
}
/* apply the same style to codemirror */
.cm-s-ipython span.cm-keyword {
color: #008000;
font-weight: bold;
}
.cm-s-ipython span.cm-atom {
color: #88F;
}
.cm-s-ipython span.cm-number {
color: #080;
}
.cm-s-ipython span.cm-def {
color: #00f;
}
.cm-s-ipython span.cm-variable {
color: #000;
}
.cm-s-ipython span.cm-operator {
color: #AA22FF;
font-weight: bold;
}
.cm-s-ipython span.cm-variable-2 {
color: #1a1a1a;
}
.cm-s-ipython span.cm-variable-3 {
color: #333333;
}
.cm-s-ipython span.cm-comment {
color: #408080;
font-style: italic;
}
.cm-s-ipython span.cm-string {
color: #BA2121;
}
.cm-s-ipython span.cm-string-2 {
color: #f50;
}
.cm-s-ipython span.cm-meta {
color: #AA22FF;
}
.cm-s-ipython span.cm-qualifier {
color: #555;
}
.cm-s-ipython span.cm-builtin {
color: #008000;
}
.cm-s-ipython span.cm-bracket {
color: #997;
}
.cm-s-ipython span.cm-tag {
color: #170;
}
.cm-s-ipython span.cm-attribute {
color: #00c;
}
.cm-s-ipython span.cm-header {
color: blue;
}
.cm-s-ipython span.cm-quote {
color: #090;
}
.cm-s-ipython span.cm-link {
color: #00c;
}
.cm-s-ipython span.cm-error {
color: #f00;
}
.cm-s-ipython span.cm-tab {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
background-position: right;
background-repeat: no-repeat;
}
div.output_wrapper {
/* this position must be relative to enable descendents to be absolute within it */
position: relative;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
z-index: 1;
}
/* class for the output area when it should be height-limited */
div.output_scroll {
/* ideally, this would be max-height, but FF barfs all over that */
height: 24em;
/* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
width: 100%;
overflow: auto;
border-radius: 2px;
-webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
display: block;
}
/* output div while it is collapsed */
div.output_collapsed {
margin: 0px;
padding: 0px;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
div.out_prompt_overlay {
height: 100%;
padding: 0px 0.4em;
position: absolute;
border-radius: 2px;
}
div.out_prompt_overlay:hover {
/* use inner shadow to get border that is computed the same on WebKit/FF */
-webkit-box-shadow: inset 0 0 1px #000;
box-shadow: inset 0 0 1px #000;
background: rgba(240, 240, 240, 0.5);
}
div.output_prompt {
color: #D84315;
}
/* This class is the outer container of all output sections. */
div.output_area {
padding: 0px;
page-break-inside: avoid;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
div.output_area .MathJax_Display {
text-align: left !important;
}
div.output_area .rendered_html table {
margin-left: 0;
margin-right: 0;
}
div.output_area .rendered_html img {
margin-left: 0;
margin-right: 0;
}
div.output_area img,
div.output_area svg {
max-width: 100%;
height: auto;
}
div.output_area img.unconfined,
div.output_area svg.unconfined {
max-width: none;
}
div.output_area .mglyph > img {
max-width: none;
}
/* This is needed to protect the pre formating from global settings such
as that of bootstrap */
.output {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
@media (max-width: 540px) {
div.output_area {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-align: stretch;
display: box;
box-orient: vertical;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: column;
align-items: stretch;
}
}
div.output_area pre {
margin: 0;
padding: 1px 0 1px 0;
border: 0;
vertical-align: baseline;
color: black;
background-color: transparent;
border-radius: 0;
}
/* This class is for the output subarea inside the output_area and after
the prompt div. */
div.output_subarea {
overflow-x: auto;
padding: 0.4em;
/* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
max-width: calc(100% - 14ex);
}
div.output_scroll div.output_subarea {
overflow-x: visible;
}
/* The rest of the output_* classes are for special styling of the different
output types */
/* all text output has this class: */
div.output_text {
text-align: left;
color: #000;
/* This has to match that of the the CodeMirror class line-height below */
line-height: 1.21429em;
}
/* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
div.output_stderr {
background: #fdd;
/* very light red background for stderr */
}
div.output_latex {
text-align: left;
}
/* Empty output_javascript divs should have no height */
div.output_javascript:empty {
padding: 0;
}
.js-error {
color: darkred;
}
/* raw_input styles */
div.raw_input_container {
line-height: 1.21429em;
padding-top: 5px;
}
pre.raw_input_prompt {
/* nothing needed here. */
}
input.raw_input {
font-family: monospace;
font-size: inherit;
color: inherit;
width: auto;
/* make sure input baseline aligns with prompt */
vertical-align: baseline;
/* padding + margin = 0.5em between prompt and cursor */
padding: 0em 0.25em;
margin: 0em 0.25em;
}
input.raw_input:focus {
box-shadow: none;
}
p.p-space {
margin-bottom: 10px;
}
div.output_unrecognized {
padding: 5px;
font-weight: bold;
color: red;
}
div.output_unrecognized a {
color: inherit;
text-decoration: none;
}
div.output_unrecognized a:hover {
color: inherit;
text-decoration: none;
}
.rendered_html {
color: #000;
/* any extras will just be numbers: */
}
.rendered_html em {
font-style: italic;
}
.rendered_html strong {
font-weight: bold;
}
.rendered_html u {
text-decoration: underline;
}
.rendered_html :link {
text-decoration: underline;
}
.rendered_html :visited {
text-decoration: underline;
}
.rendered_html h1 {
font-size: 185.7%;
margin: 1.08em 0 0 0;
font-weight: bold;
line-height: 1.0;
}
.rendered_html h2 {
font-size: 157.1%;
margin: 1.27em 0 0 0;
font-weight: bold;
line-height: 1.0;
}
.rendered_html h3 {
font-size: 128.6%;
margin: 1.55em 0 0 0;
font-weight: bold;
line-height: 1.0;
}
.rendered_html h4 {
font-size: 100%;
margin: 2em 0 0 0;
font-weight: bold;
line-height: 1.0;
}
.rendered_html h5 {
font-size: 100%;
margin: 2em 0 0 0;
font-weight: bold;
line-height: 1.0;
font-style: italic;
}
.rendered_html h6 {
font-size: 100%;
margin: 2em 0 0 0;
font-weight: bold;
line-height: 1.0;
font-style: italic;
}
.rendered_html h1:first-child {
margin-top: 0.538em;
}
.rendered_html h2:first-child {
margin-top: 0.636em;
}
.rendered_html h3:first-child {
margin-top: 0.777em;
}
.rendered_html h4:first-child {
margin-top: 1em;
}
.rendered_html h5:first-child {
margin-top: 1em;
}
.rendered_html h6:first-child {
margin-top: 1em;
}
.rendered_html ul:not(.list-inline),
.rendered_html ol:not(.list-inline) {
padding-left: 2em;
}
.rendered_html ul {
list-style: disc;
}
.rendered_html ul ul {
list-style: square;
margin-top: 0;
}
.rendered_html ul ul ul {
list-style: circle;
}
.rendered_html ol {
list-style: decimal;
}
.rendered_html ol ol {
list-style: upper-alpha;
margin-top: 0;
}
.rendered_html ol ol ol {
list-style: lower-alpha;
}
.rendered_html ol ol ol ol {
list-style: lower-roman;
}
.rendered_html ol ol ol ol ol {
list-style: decimal;
}
.rendered_html * + ul {
margin-top: 1em;
}
.rendered_html * + ol {
margin-top: 1em;
}
.rendered_html hr {
color: black;
background-color: black;
}
.rendered_html pre {
margin: 1em 2em;
padding: 0px;
background-color: #fff;
}
.rendered_html code {
background-color: #eff0f1;
}
.rendered_html p code {
padding: 1px 5px;
}
.rendered_html pre code {
background-color: #fff;
}
.rendered_html pre,
.rendered_html code {
border: 0;
color: #000;
font-size: 100%;
}
.rendered_html blockquote {
margin: 1em 2em;
}
.rendered_html table {
margin-left: auto;
margin-right: auto;
border: none;
border-collapse: collapse;
border-spacing: 0;
color: black;
font-size: 12px;
table-layout: fixed;
}
.rendered_html thead {
border-bottom: 1px solid black;
vertical-align: bottom;
}
.rendered_html tr,
.rendered_html th,
.rendered_html td {
text-align: right;
vertical-align: middle;
padding: 0.5em 0.5em;
line-height: normal;
white-space: normal;
max-width: none;
border: none;
}
.rendered_html th {
font-weight: bold;
}
.rendered_html tbody tr:nth-child(odd) {
background: #f5f5f5;
}
.rendered_html tbody tr:hover {
background: rgba(66, 165, 245, 0.2);
}
.rendered_html * + table {
margin-top: 1em;
}
.rendered_html p {
text-align: left;
}
.rendered_html * + p {
margin-top: 1em;
}
.rendered_html img {
display: block;
margin-left: auto;
margin-right: auto;
}
.rendered_html * + img {
margin-top: 1em;
}
.rendered_html img,
.rendered_html svg {
max-width: 100%;
height: auto;
}
.rendered_html img.unconfined,
.rendered_html svg.unconfined {
max-width: none;
}
.rendered_html .alert {
margin-bottom: initial;
}
.rendered_html * + .alert {
margin-top: 1em;
}
[dir="rtl"] .rendered_html p {
text-align: right;
}
div.text_cell {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
}
@media (max-width: 540px) {
div.text_cell > div.prompt {
display: none;
}
}
div.text_cell_render {
/*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
outline: none;
resize: none;
width: inherit;
border-style: none;
padding: 0.5em 0.5em 0.5em 0.4em;
color: #000;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a.anchor-link:link {
text-decoration: none;
padding: 0px 20px;
visibility: hidden;
}
h1:hover .anchor-link,
h2:hover .anchor-link,
h3:hover .anchor-link,
h4:hover .anchor-link,
h5:hover .anchor-link,
h6:hover .anchor-link {
visibility: visible;
}
.text_cell.rendered .input_area {
display: none;
}
.text_cell.rendered .rendered_html {
overflow-x: auto;
overflow-y: hidden;
}
.text_cell.rendered .rendered_html tr,
.text_cell.rendered .rendered_html th,
.text_cell.rendered .rendered_html td {
max-width: none;
}
.text_cell.unrendered .text_cell_render {
display: none;
}
.text_cell .dropzone .input_area {
border: 2px dashed #bababa;
margin: -1px;
}
.cm-header-1,
.cm-header-2,
.cm-header-3,
.cm-header-4,
.cm-header-5,
.cm-header-6 {
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cm-header-1 {
font-size: 185.7%;
}
.cm-header-2 {
font-size: 157.1%;
}
.cm-header-3 {
font-size: 128.6%;
}
.cm-header-4 {
font-size: 110%;
}
.cm-header-5 {
font-size: 100%;
font-style: italic;
}
.cm-header-6 {
font-size: 100%;
font-style: italic;
}
/*!
*
* IPython notebook webapp
*
*/
@media (max-width: 767px) {
.notebook_app {
padding-left: 0px;
padding-right: 0px;
}
}
#ipython-main-app {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 100%;
}
div#notebook_panel {
margin: 0px;
padding: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 100%;
}
div#notebook {
font-size: 14px;
line-height: 20px;
overflow-y: hidden;
overflow-x: auto;
width: 100%;
/* This spaces the page away from the edge of the notebook area */
padding-top: 20px;
margin: 0px;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
min-height: 100%;
}
@media not print {
#notebook-container {
padding: 15px;
background-color: #fff;
min-height: 0;
-webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
}
@media print {
#notebook-container {
width: 100%;
}
}
div.ui-widget-content {
border: 1px solid #ababab;
outline: none;
}
pre.dialog {
background-color: #f7f7f7;
border: 1px solid #ddd;
border-radius: 2px;
padding: 0.4em;
padding-left: 2em;
}
p.dialog {
padding: 0.2em;
}
/* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
*/
pre,
code,
kbd,
samp {
white-space: pre-wrap;
}
#fonttest {
font-family: monospace;
}
p {
margin-bottom: 0;
}
.end_space {
min-height: 100px;
transition: height .2s ease;
}
.notebook_app > #header {
-webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
@media not print {
.notebook_app {
background-color: #EEE;
}
}
kbd {
border-style: solid;
border-width: 1px;
box-shadow: none;
margin: 2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
}
.jupyter-keybindings {
padding: 1px;
line-height: 24px;
border-bottom: 1px solid gray;
}
.jupyter-keybindings input {
margin: 0;
padding: 0;
border: none;
}
.jupyter-keybindings i {
padding: 6px;
}
.well code {
background-color: #ffffff;
border-color: #ababab;
border-width: 1px;
border-style: solid;
padding: 2px;
padding-top: 1px;
padding-bottom: 1px;
}
/* CSS for the cell toolbar */
.celltoolbar {
border: thin solid #CFCFCF;
border-bottom: none;
background: #EEE;
border-radius: 2px 2px 0px 0px;
width: 100%;
height: 29px;
padding-right: 4px;
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
/* Old browsers */
-webkit-box-pack: end;
-moz-box-pack: end;
box-pack: end;
/* Modern browsers */
justify-content: flex-end;
display: -webkit-flex;
}
@media print {
.celltoolbar {
display: none;
}
}
.ctb_hideshow {
display: none;
vertical-align: bottom;
}
/* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
Cell toolbars are only shown when the ctb_global_show class is also set.
*/
.ctb_global_show .ctb_show.ctb_hideshow {
display: block;
}
.ctb_global_show .ctb_show + .input_area,
.ctb_global_show .ctb_show + div.text_cell_input,
.ctb_global_show .ctb_show ~ div.text_cell_render {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.ctb_global_show .ctb_show ~ div.text_cell_render {
border: 1px solid #cfcfcf;
}
.celltoolbar {
font-size: 87%;
padding-top: 3px;
}
.celltoolbar select {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 13px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 1px;
width: inherit;
font-size: inherit;
height: 22px;
padding: 0px;
display: inline-block;
}
.celltoolbar select:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.celltoolbar select::-moz-placeholder {
color: #999;
opacity: 1;
}
.celltoolbar select:-ms-input-placeholder {
color: #999;
}
.celltoolbar select::-webkit-input-placeholder {
color: #999;
}
.celltoolbar select::-ms-expand {
border: 0;
background-color: transparent;
}
.celltoolbar select[disabled],
.celltoolbar select[readonly],
fieldset[disabled] .celltoolbar select {
background-color: #eeeeee;
opacity: 1;
}
.celltoolbar select[disabled],
fieldset[disabled] .celltoolbar select {
cursor: not-allowed;
}
textarea.celltoolbar select {
height: auto;
}
select.celltoolbar select {
height: 30px;
line-height: 30px;
}
textarea.celltoolbar select,
select[multiple].celltoolbar select {
height: auto;
}
.celltoolbar label {
margin-left: 5px;
margin-right: 5px;
}
.tags_button_container {
width: 100%;
display: flex;
}
.tag-container {
display: flex;
flex-direction: row;
flex-grow: 1;
overflow: hidden;
position: relative;
}
.tag-container > * {
margin: 0 4px;
}
.remove-tag-btn {
margin-left: 4px;
}
.tags-input {
display: flex;
}
.cell-tag:last-child:after {
content: "";
position: absolute;
right: 0;
width: 40px;
height: 100%;
/* Fade to background color of cell toolbar */
background: linear-gradient(to right, rgba(0, 0, 0, 0), #EEE);
}
.tags-input > * {
margin-left: 4px;
}
.cell-tag,
.tags-input input,
.tags-input button {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 13px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 1px;
box-shadow: none;
width: inherit;
font-size: inherit;
height: 22px;
line-height: 22px;
padding: 0px 4px;
display: inline-block;
}
.cell-tag:focus,
.tags-input input:focus,
.tags-input button:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.cell-tag::-moz-placeholder,
.tags-input input::-moz-placeholder,
.tags-input button::-moz-placeholder {
color: #999;
opacity: 1;
}
.cell-tag:-ms-input-placeholder,
.tags-input input:-ms-input-placeholder,
.tags-input button:-ms-input-placeholder {
color: #999;
}
.cell-tag::-webkit-input-placeholder,
.tags-input input::-webkit-input-placeholder,
.tags-input button::-webkit-input-placeholder {
color: #999;
}
.cell-tag::-ms-expand,
.tags-input input::-ms-expand,
.tags-input button::-ms-expand {
border: 0;
background-color: transparent;
}
.cell-tag[disabled],
.tags-input input[disabled],
.tags-input button[disabled],
.cell-tag[readonly],
.tags-input input[readonly],
.tags-input button[readonly],
fieldset[disabled] .cell-tag,
fieldset[disabled] .tags-input input,
fieldset[disabled] .tags-input button {
background-color: #eeeeee;
opacity: 1;
}
.cell-tag[disabled],
.tags-input input[disabled],
.tags-input button[disabled],
fieldset[disabled] .cell-tag,
fieldset[disabled] .tags-input input,
fieldset[disabled] .tags-input button {
cursor: not-allowed;
}
textarea.cell-tag,
textarea.tags-input input,
textarea.tags-input button {
height: auto;
}
select.cell-tag,
select.tags-input input,
select.tags-input button {
height: 30px;
line-height: 30px;
}
textarea.cell-tag,
textarea.tags-input input,
textarea.tags-input button,
select[multiple].cell-tag,
select[multiple].tags-input input,
select[multiple].tags-input button {
height: auto;
}
.cell-tag,
.tags-input button {
padding: 0px 4px;
}
.cell-tag {
background-color: #fff;
white-space: nowrap;
}
.tags-input input[type=text]:focus {
outline: none;
box-shadow: none;
border-color: #ccc;
}
.completions {
position: absolute;
z-index: 110;
overflow: hidden;
border: 1px solid #ababab;
border-radius: 2px;
-webkit-box-shadow: 0px 6px 10px -1px #adadad;
box-shadow: 0px 6px 10px -1px #adadad;
line-height: 1;
}
.completions select {
background: white;
outline: none;
border: none;
padding: 0px;
margin: 0px;
overflow: auto;
font-family: monospace;
font-size: 110%;
color: #000;
width: auto;
}
.completions select option.context {
color: #286090;
}
#kernel_logo_widget .current_kernel_logo {
display: none;
margin-top: -1px;
margin-bottom: -1px;
width: 32px;
height: 32px;
}
[dir="rtl"] #kernel_logo_widget {
float: left !important;
float: left;
}
.modal .modal-body .move-path {
display: flex;
flex-direction: row;
justify-content: space;
align-items: center;
}
.modal .modal-body .move-path .server-root {
padding-right: 20px;
}
.modal .modal-body .move-path .path-input {
flex: 1;
}
#menubar {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-top: 1px;
}
#menubar .navbar {
border-top: 1px;
border-radius: 0px 0px 2px 2px;
margin-bottom: 0px;
}
#menubar .navbar-toggle {
float: left;
padding-top: 7px;
padding-bottom: 7px;
border: none;
}
#menubar .navbar-collapse {
clear: left;
}
[dir="rtl"] #menubar .navbar-toggle {
float: right;
}
[dir="rtl"] #menubar .navbar-collapse {
clear: right;
}
[dir="rtl"] #menubar .navbar-nav {
float: right;
}
[dir="rtl"] #menubar .nav {
padding-right: 0px;
}
[dir="rtl"] #menubar .navbar-nav > li {
float: right;
}
[dir="rtl"] #menubar .navbar-right {
float: left !important;
}
[dir="rtl"] ul.dropdown-menu {
text-align: right;
left: auto;
}
[dir="rtl"] ul#new-menu.dropdown-menu {
right: auto;
left: 0;
}
.nav-wrapper {
border-bottom: 1px solid #e7e7e7;
}
i.menu-icon {
padding-top: 4px;
}
[dir="rtl"] i.menu-icon.pull-right {
float: left !important;
float: left;
}
ul#help_menu li a {
overflow: hidden;
padding-right: 2.2em;
}
ul#help_menu li a i {
margin-right: -1.2em;
}
[dir="rtl"] ul#help_menu li a {
padding-left: 2.2em;
}
[dir="rtl"] ul#help_menu li a i {
margin-right: 0;
margin-left: -1.2em;
}
[dir="rtl"] ul#help_menu li a i.pull-right {
float: left !important;
float: left;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
}
[dir="rtl"] .dropdown-submenu > .dropdown-menu {
right: 100%;
margin-right: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu > a:after {
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;
display: block;
content: "\f0da";
float: right;
color: #333333;
margin-top: 2px;
margin-right: -10px;
}
.dropdown-submenu > a:after.fa-pull-left {
margin-right: .3em;
}
.dropdown-submenu > a:after.fa-pull-right {
margin-left: .3em;
}
.dropdown-submenu > a:after.pull-left {
margin-right: .3em;
}
.dropdown-submenu > a:after.pull-right {
margin-left: .3em;
}
[dir="rtl"] .dropdown-submenu > a:after {
float: left;
content: "\f0d9";
margin-right: 0;
margin-left: -10px;
}
.dropdown-submenu:hover > a:after {
color: #262626;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
#notification_area {
float: right !important;
float: right;
z-index: 10;
}
[dir="rtl"] #notification_area {
float: left !important;
float: left;
}
.indicator_area {
float: right !important;
float: right;
color: #777;
margin-left: 5px;
margin-right: 5px;
width: 11px;
z-index: 10;
text-align: center;
width: auto;
}
[dir="rtl"] .indicator_area {
float: left !important;
float: left;
}
#kernel_indicator {
float: right !important;
float: right;
color: #777;
margin-left: 5px;
margin-right: 5px;
width: 11px;
z-index: 10;
text-align: center;
width: auto;
border-left: 1px solid;
}
#kernel_indicator .kernel_indicator_name {
padding-left: 5px;
padding-right: 5px;
}
[dir="rtl"] #kernel_indicator {
float: left !important;
float: left;
border-left: 0;
border-right: 1px solid;
}
#modal_indicator {
float: right !important;
float: right;
color: #777;
margin-left: 5px;
margin-right: 5px;
width: 11px;
z-index: 10;
text-align: center;
width: auto;
}
[dir="rtl"] #modal_indicator {
float: left !important;
float: left;
}
#readonly-indicator {
float: right !important;
float: right;
color: #777;
margin-left: 5px;
margin-right: 5px;
width: 11px;
z-index: 10;
text-align: center;
width: auto;
margin-top: 2px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
display: none;
}
.modal_indicator:before {
width: 1.28571429em;
text-align: center;
}
.edit_mode .modal_indicator:before {
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;
content: "\f040";
}
.edit_mode .modal_indicator:before.fa-pull-left {
margin-right: .3em;
}
.edit_mode .modal_indicator:before.fa-pull-right {
margin-left: .3em;
}
.edit_mode .modal_indicator:before.pull-left {
margin-right: .3em;
}
.edit_mode .modal_indicator:before.pull-right {
margin-left: .3em;
}
.command_mode .modal_indicator:before {
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;
content: ' ';
}
.command_mode .modal_indicator:before.fa-pull-left {
margin-right: .3em;
}
.command_mode .modal_indicator:before.fa-pull-right {
margin-left: .3em;
}
.command_mode .modal_indicator:before.pull-left {
margin-right: .3em;
}
.command_mode .modal_indicator:before.pull-right {
margin-left: .3em;
}
.kernel_idle_icon:before {
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;
content: "\f10c";
}
.kernel_idle_icon:before.fa-pull-left {
margin-right: .3em;
}
.kernel_idle_icon:before.fa-pull-right {
margin-left: .3em;
}
.kernel_idle_icon:before.pull-left {
margin-right: .3em;
}
.kernel_idle_icon:before.pull-right {
margin-left: .3em;
}
.kernel_busy_icon:before {
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;
content: "\f111";
}
.kernel_busy_icon:before.fa-pull-left {
margin-right: .3em;
}
.kernel_busy_icon:before.fa-pull-right {
margin-left: .3em;
}
.kernel_busy_icon:before.pull-left {
margin-right: .3em;
}
.kernel_busy_icon:before.pull-right {
margin-left: .3em;
}
.kernel_dead_icon:before {
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;
content: "\f1e2";
}
.kernel_dead_icon:before.fa-pull-left {
margin-right: .3em;
}
.kernel_dead_icon:before.fa-pull-right {
margin-left: .3em;
}
.kernel_dead_icon:before.pull-left {
margin-right: .3em;
}
.kernel_dead_icon:before.pull-right {
margin-left: .3em;
}
.kernel_disconnected_icon:before {
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;
content: "\f127";
}
.kernel_disconnected_icon:before.fa-pull-left {
margin-right: .3em;
}
.kernel_disconnected_icon:before.fa-pull-right {
margin-left: .3em;
}
.kernel_disconnected_icon:before.pull-left {
margin-right: .3em;
}
.kernel_disconnected_icon:before.pull-right {
margin-left: .3em;
}
.notification_widget {
color: #777;
z-index: 10;
background: rgba(240, 240, 240, 0.5);
margin-right: 4px;
color: #333;
background-color: #fff;
border-color: #ccc;
}
.notification_widget:focus,
.notification_widget.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.notification_widget:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.notification_widget:active,
.notification_widget.active,
.open > .dropdown-toggle.notification_widget {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.notification_widget:active:hover,
.notification_widget.active:hover,
.open > .dropdown-toggle.notification_widget:hover,
.notification_widget:active:focus,
.notification_widget.active:focus,
.open > .dropdown-toggle.notification_widget:focus,
.notification_widget:active.focus,
.notification_widget.active.focus,
.open > .dropdown-toggle.notification_widget.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.notification_widget:active,
.notification_widget.active,
.open > .dropdown-toggle.notification_widget {
background-image: none;
}
.notification_widget.disabled:hover,
.notification_widget[disabled]:hover,
fieldset[disabled] .notification_widget:hover,
.notification_widget.disabled:focus,
.notification_widget[disabled]:focus,
fieldset[disabled] .notification_widget:focus,
.notification_widget.disabled.focus,
.notification_widget[disabled].focus,
fieldset[disabled] .notification_widget.focus {
background-color: #fff;
border-color: #ccc;
}
.notification_widget .badge {
color: #fff;
background-color: #333;
}
.notification_widget.warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.notification_widget.warning:focus,
.notification_widget.warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.notification_widget.warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.notification_widget.warning:active,
.notification_widget.warning.active,
.open > .dropdown-toggle.notification_widget.warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.notification_widget.warning:active:hover,
.notification_widget.warning.active:hover,
.open > .dropdown-toggle.notification_widget.warning:hover,
.notification_widget.warning:active:focus,
.notification_widget.warning.active:focus,
.open > .dropdown-toggle.notification_widget.warning:focus,
.notification_widget.warning:active.focus,
.notification_widget.warning.active.focus,
.open > .dropdown-toggle.notification_widget.warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.notification_widget.warning:active,
.notification_widget.warning.active,
.open > .dropdown-toggle.notification_widget.warning {
background-image: none;
}
.notification_widget.warning.disabled:hover,
.notification_widget.warning[disabled]:hover,
fieldset[disabled] .notification_widget.warning:hover,
.notification_widget.warning.disabled:focus,
.notification_widget.warning[disabled]:focus,
fieldset[disabled] .notification_widget.warning:focus,
.notification_widget.warning.disabled.focus,
.notification_widget.warning[disabled].focus,
fieldset[disabled] .notification_widget.warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.notification_widget.warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.notification_widget.success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.notification_widget.success:focus,
.notification_widget.success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.notification_widget.success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.notification_widget.success:active,
.notification_widget.success.active,
.open > .dropdown-toggle.notification_widget.success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.notification_widget.success:active:hover,
.notification_widget.success.active:hover,
.open > .dropdown-toggle.notification_widget.success:hover,
.notification_widget.success:active:focus,
.notification_widget.success.active:focus,
.open > .dropdown-toggle.notification_widget.success:focus,
.notification_widget.success:active.focus,
.notification_widget.success.active.focus,
.open > .dropdown-toggle.notification_widget.success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.notification_widget.success:active,
.notification_widget.success.active,
.open > .dropdown-toggle.notification_widget.success {
background-image: none;
}
.notification_widget.success.disabled:hover,
.notification_widget.success[disabled]:hover,
fieldset[disabled] .notification_widget.success:hover,
.notification_widget.success.disabled:focus,
.notification_widget.success[disabled]:focus,
fieldset[disabled] .notification_widget.success:focus,
.notification_widget.success.disabled.focus,
.notification_widget.success[disabled].focus,
fieldset[disabled] .notification_widget.success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.notification_widget.success .badge {
color: #5cb85c;
background-color: #fff;
}
.notification_widget.info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.notification_widget.info:focus,
.notification_widget.info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.notification_widget.info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.notification_widget.info:active,
.notification_widget.info.active,
.open > .dropdown-toggle.notification_widget.info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.notification_widget.info:active:hover,
.notification_widget.info.active:hover,
.open > .dropdown-toggle.notification_widget.info:hover,
.notification_widget.info:active:focus,
.notification_widget.info.active:focus,
.open > .dropdown-toggle.notification_widget.info:focus,
.notification_widget.info:active.focus,
.notification_widget.info.active.focus,
.open > .dropdown-toggle.notification_widget.info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.notification_widget.info:active,
.notification_widget.info.active,
.open > .dropdown-toggle.notification_widget.info {
background-image: none;
}
.notification_widget.info.disabled:hover,
.notification_widget.info[disabled]:hover,
fieldset[disabled] .notification_widget.info:hover,
.notification_widget.info.disabled:focus,
.notification_widget.info[disabled]:focus,
fieldset[disabled] .notification_widget.info:focus,
.notification_widget.info.disabled.focus,
.notification_widget.info[disabled].focus,
fieldset[disabled] .notification_widget.info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.notification_widget.info .badge {
color: #5bc0de;
background-color: #fff;
}
.notification_widget.danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.notification_widget.danger:focus,
.notification_widget.danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.notification_widget.danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.notification_widget.danger:active,
.notification_widget.danger.active,
.open > .dropdown-toggle.notification_widget.danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.notification_widget.danger:active:hover,
.notification_widget.danger.active:hover,
.open > .dropdown-toggle.notification_widget.danger:hover,
.notification_widget.danger:active:focus,
.notification_widget.danger.active:focus,
.open > .dropdown-toggle.notification_widget.danger:focus,
.notification_widget.danger:active.focus,
.notification_widget.danger.active.focus,
.open > .dropdown-toggle.notification_widget.danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.notification_widget.danger:active,
.notification_widget.danger.active,
.open > .dropdown-toggle.notification_widget.danger {
background-image: none;
}
.notification_widget.danger.disabled:hover,
.notification_widget.danger[disabled]:hover,
fieldset[disabled] .notification_widget.danger:hover,
.notification_widget.danger.disabled:focus,
.notification_widget.danger[disabled]:focus,
fieldset[disabled] .notification_widget.danger:focus,
.notification_widget.danger.disabled.focus,
.notification_widget.danger[disabled].focus,
fieldset[disabled] .notification_widget.danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.notification_widget.danger .badge {
color: #d9534f;
background-color: #fff;
}
div#pager {
background-color: #fff;
font-size: 14px;
line-height: 20px;
overflow: hidden;
display: none;
position: fixed;
bottom: 0px;
width: 100%;
max-height: 50%;
padding-top: 8px;
-webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
/* Display over codemirror */
z-index: 100;
/* Hack which prevents jquery ui resizable from changing top. */
top: auto !important;
}
div#pager pre {
line-height: 1.21429em;
color: #000;
background-color: #f7f7f7;
padding: 0.4em;
}
div#pager #pager-button-area {
position: absolute;
top: 8px;
right: 20px;
}
div#pager #pager-contents {
position: relative;
overflow: auto;
width: 100%;
height: 100%;
}
div#pager #pager-contents #pager-container {
position: relative;
padding: 15px 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
div#pager .ui-resizable-handle {
top: 0px;
height: 8px;
background: #f7f7f7;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
/* This injects handle bars (a short, wide = symbol) for
the resize handle. */
}
div#pager .ui-resizable-handle::after {
content: '';
top: 2px;
left: 50%;
height: 3px;
width: 30px;
margin-left: -15px;
position: absolute;
border-top: 1px solid #cfcfcf;
}
.quickhelp {
/* Old browsers */
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-align: stretch;
display: box;
box-orient: horizontal;
box-align: stretch;
/* Modern browsers */
display: flex;
flex-direction: row;
align-items: stretch;
line-height: 1.8em;
}
.shortcut_key {
display: inline-block;
width: 21ex;
text-align: right;
font-family: monospace;
}
.shortcut_descr {
display: inline-block;
/* Old browsers */
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
/* Modern browsers */
flex: 1;
}
span.save_widget {
height: 30px;
margin-top: 4px;
display: flex;
justify-content: flex-start;
align-items: baseline;
width: 50%;
flex: 1;
}
span.save_widget span.filename {
height: 100%;
line-height: 1em;
margin-left: 16px;
border: none;
font-size: 146.5%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
border-radius: 2px;
}
span.save_widget span.filename:hover {
background-color: #e6e6e6;
}
[dir="rtl"] span.save_widget.pull-left {
float: right !important;
float: right;
}
[dir="rtl"] span.save_widget span.filename {
margin-left: 0;
margin-right: 16px;
}
span.checkpoint_status,
span.autosave_status {
font-size: small;
white-space: nowrap;
padding: 0 5px;
}
@media (max-width: 767px) {
span.save_widget {
font-size: small;
padding: 0 0 0 5px;
}
span.checkpoint_status,
span.autosave_status {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
span.checkpoint_status {
display: none;
}
span.autosave_status {
font-size: x-small;
}
}
.toolbar {
padding: 0px;
margin-left: -5px;
margin-top: 2px;
margin-bottom: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.toolbar select,
.toolbar label {
width: auto;
vertical-align: middle;
margin-right: 2px;
margin-bottom: 0px;
display: inline;
font-size: 92%;
margin-left: 0.3em;
margin-right: 0.3em;
padding: 0px;
padding-top: 3px;
}
.toolbar .btn {
padding: 2px 8px;
}
.toolbar .btn-group {
margin-top: 0px;
margin-left: 5px;
}
.toolbar-btn-label {
margin-left: 6px;
}
#maintoolbar {
margin-bottom: -3px;
margin-top: -8px;
border: 0px;
min-height: 27px;
margin-left: 0px;
padding-top: 11px;
padding-bottom: 3px;
}
#maintoolbar .navbar-text {
float: none;
vertical-align: middle;
text-align: right;
margin-left: 5px;
margin-right: 0px;
margin-top: 0px;
}
.select-xs {
height: 24px;
}
[dir="rtl"] .btn-group > .btn,
.btn-group-vertical > .btn {
float: right;
}
.pulse,
.dropdown-menu > li > a.pulse,
li.pulse > a.dropdown-toggle,
li.pulse.open > a.dropdown-toggle {
background-color: #F37626;
color: white;
}
/**
* Primary styles
*
* Author: Jupyter Development Team
*/
/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
* of chance of beeing generated from the ../less/[samename].less file, you can
* try to get back the less file by reverting somme commit in history
**/
/*
* We'll try to get something pretty, so we
* have some strange css to have the scroll bar on
* the left with fix button on the top right of the tooltip
*/
@-moz-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/*properties of tooltip after "expand"*/
.bigtooltip {
overflow: auto;
height: 200px;
-webkit-transition-property: height;
-webkit-transition-duration: 500ms;
-moz-transition-property: height;
-moz-transition-duration: 500ms;
transition-property: height;
transition-duration: 500ms;
}
/*properties of tooltip before "expand"*/
.smalltooltip {
-webkit-transition-property: height;
-webkit-transition-duration: 500ms;
-moz-transition-property: height;
-moz-transition-duration: 500ms;
transition-property: height;
transition-duration: 500ms;
text-overflow: ellipsis;
overflow: hidden;
height: 80px;
}
.tooltipbuttons {
position: absolute;
padding-right: 15px;
top: 0px;
right: 0px;
}
.tooltiptext {
/*avoid the button to overlap on some docstring*/
padding-right: 30px;
}
.ipython_tooltip {
max-width: 700px;
/*fade-in animation when inserted*/
-webkit-animation: fadeOut 400ms;
-moz-animation: fadeOut 400ms;
animation: fadeOut 400ms;
-webkit-animation: fadeIn 400ms;
-moz-animation: fadeIn 400ms;
animation: fadeIn 400ms;
vertical-align: middle;
background-color: #f7f7f7;
overflow: visible;
border: #ababab 1px solid;
outline: none;
padding: 3px;
margin: 0px;
padding-left: 7px;
font-family: monospace;
min-height: 50px;
-moz-box-shadow: 0px 6px 10px -1px #adadad;
-webkit-box-shadow: 0px 6px 10px -1px #adadad;
box-shadow: 0px 6px 10px -1px #adadad;
border-radius: 2px;
position: absolute;
z-index: 1000;
}
.ipython_tooltip a {
float: right;
}
.ipython_tooltip .tooltiptext pre {
border: 0;
border-radius: 0;
font-size: 100%;
background-color: #f7f7f7;
}
.pretooltiparrow {
left: 0px;
margin: 0px;
top: -16px;
width: 40px;
height: 16px;
overflow: hidden;
position: absolute;
}
.pretooltiparrow:before {
background-color: #f7f7f7;
border: 1px #ababab solid;
z-index: 11;
content: "";
position: absolute;
left: 15px;
top: 10px;
width: 25px;
height: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
ul.typeahead-list i {
margin-left: -10px;
width: 18px;
}
[dir="rtl"] ul.typeahead-list i {
margin-left: 0;
margin-right: -10px;
}
ul.typeahead-list {
max-height: 80vh;
overflow: auto;
}
ul.typeahead-list > li > a {
/** Firefox bug **/
/* see https://github.com/jupyter/notebook/issues/559 */
white-space: normal;
}
ul.typeahead-list > li > a.pull-right {
float: left !important;
float: left;
}
[dir="rtl"] .typeahead-list {
text-align: right;
}
.cmd-palette .modal-body {
padding: 7px;
}
.cmd-palette form {
background: white;
}
.cmd-palette input {
outline: none;
}
.no-shortcut {
min-width: 20px;
color: transparent;
}
[dir="rtl"] .no-shortcut.pull-right {
float: left !important;
float: left;
}
[dir="rtl"] .command-shortcut.pull-right {
float: left !important;
float: left;
}
.command-shortcut:before {
content: "(command mode)";
padding-right: 3px;
color: #777777;
}
.edit-shortcut:before {
content: "(edit)";
padding-right: 3px;
color: #777777;
}
[dir="rtl"] .edit-shortcut.pull-right {
float: left !important;
float: left;
}
#find-and-replace #replace-preview .match,
#find-and-replace #replace-preview .insert {
background-color: #BBDEFB;
border-color: #90CAF9;
border-style: solid;
border-width: 1px;
border-radius: 0px;
}
[dir="ltr"] #find-and-replace .input-group-btn + .form-control {
border-left: none;
}
[dir="rtl"] #find-and-replace .input-group-btn + .form-control {
border-right: none;
}
#find-and-replace #replace-preview .replace .match {
background-color: #FFCDD2;
border-color: #EF9A9A;
border-radius: 0px;
}
#find-and-replace #replace-preview .replace .insert {
background-color: #C8E6C9;
border-color: #A5D6A7;
border-radius: 0px;
}
#find-and-replace #replace-preview {
max-height: 60vh;
overflow: auto;
}
#find-and-replace #replace-preview pre {
padding: 5px 10px;
}
.terminal-app {
background: #EEE;
}
.terminal-app #header {
background: #fff;
-webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
.terminal-app .terminal {
width: 100%;
float: left;
font-family: monospace;
color: white;
background: black;
padding: 0.4em;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
}
.terminal-app .terminal,
.terminal-app .terminal dummy-screen {
line-height: 1em;
font-size: 14px;
}
.terminal-app .terminal .xterm-rows {
padding: 10px;
}
.terminal-app .terminal-cursor {
color: black;
background: white;
}
.terminal-app #terminado-container {
margin-top: 20px;
}
/*# sourceMappingURL=style.min.css.map */
</style>
<style type="text/css">
.highlight .hll { background-color: #ffffcc }
.highlight { background: #f8f8f8; }
.highlight .c { color: #408080; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #008000; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
.highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0044DD } /* Generic.Traceback */
.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008000 } /* Keyword.Pseudo */
.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #B00040 } /* Keyword.Type */
.highlight .m { color: #666666 } /* Literal.Number */
.highlight .s { color: #BA2121 } /* Literal.String */
.highlight .na { color: #7D9029 } /* Name.Attribute */
.highlight .nb { color: #008000 } /* Name.Builtin */
.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.highlight .no { color: #880000 } /* Name.Constant */
.highlight .nd { color: #AA22FF } /* Name.Decorator */
.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0000FF } /* Name.Function */
.highlight .nl { color: #A0A000 } /* Name.Label */
.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #19177C } /* Name.Variable */
.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #666666 } /* Literal.Number.Bin */
.highlight .mf { color: #666666 } /* Literal.Number.Float */
.highlight .mh { color: #666666 } /* Literal.Number.Hex */
.highlight .mi { color: #666666 } /* Literal.Number.Integer */
.highlight .mo { color: #666666 } /* Literal.Number.Oct */
.highlight .sa { color: #BA2121 } /* Literal.String.Affix */
.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
.highlight .sc { color: #BA2121 } /* Literal.String.Char */
.highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.highlight .sx { color: #008000 } /* Literal.String.Other */
.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
.highlight .ss { color: #19177C } /* Literal.String.Symbol */
.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #0000FF } /* Name.Function.Magic */
.highlight .vc { color: #19177C } /* Name.Variable.Class */
.highlight .vg { color: #19177C } /* Name.Variable.Global */
.highlight .vi { color: #19177C } /* Name.Variable.Instance */
.highlight .vm { color: #19177C } /* Name.Variable.Magic */
.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
</style>
<style type="text/css">
/* Temporary definitions which will become obsolete with Notebook release 5.0 */
.ansi-black-fg { color: #3E424D; }
.ansi-black-bg { background-color: #3E424D; }
.ansi-black-intense-fg { color: #282C36; }
.ansi-black-intense-bg { background-color: #282C36; }
.ansi-red-fg { color: #E75C58; }
.ansi-red-bg { background-color: #E75C58; }
.ansi-red-intense-fg { color: #B22B31; }
.ansi-red-intense-bg { background-color: #B22B31; }
.ansi-green-fg { color: #00A250; }
.ansi-green-bg { background-color: #00A250; }
.ansi-green-intense-fg { color: #007427; }
.ansi-green-intense-bg { background-color: #007427; }
.ansi-yellow-fg { color: #DDB62B; }
.ansi-yellow-bg { background-color: #DDB62B; }
.ansi-yellow-intense-fg { color: #B27D12; }
.ansi-yellow-intense-bg { background-color: #B27D12; }
.ansi-blue-fg { color: #208FFB; }
.ansi-blue-bg { background-color: #208FFB; }
.ansi-blue-intense-fg { color: #0065CA; }
.ansi-blue-intense-bg { background-color: #0065CA; }
.ansi-magenta-fg { color: #D160C4; }
.ansi-magenta-bg { background-color: #D160C4; }
.ansi-magenta-intense-fg { color: #A03196; }
.ansi-magenta-intense-bg { background-color: #A03196; }
.ansi-cyan-fg { color: #60C6C8; }
.ansi-cyan-bg { background-color: #60C6C8; }
.ansi-cyan-intense-fg { color: #258F8F; }
.ansi-cyan-intense-bg { background-color: #258F8F; }
.ansi-white-fg { color: #C5C1B4; }
.ansi-white-bg { background-color: #C5C1B4; }
.ansi-white-intense-fg { color: #A1A6B2; }
.ansi-white-intense-bg { background-color: #A1A6B2; }
.ansi-bold { font-weight: bold; }
</style>
<style type="text/css">
/* Overrides of notebook CSS for static HTML export */
body {
overflow: visible;
padding: 8px;
}
div#notebook {
overflow: visible;
border-top: none;
}@media print {
div.cell {
display: block;
page-break-inside: avoid;
}
div.output_wrapper {
display: block;
page-break-inside: avoid;
}
div.output {
display: block;
page-break-inside: avoid;
}
}
</style>
<!-- Custom stylesheet, it must be in the same directory as the html file -->
<link rel="stylesheet" href="custom.css">
<!-- Loading mathjax macro -->
<!-- Load mathjax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS_HTML"></script>
<!-- MathJax configuration -->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true,
processEnvironments: true
},
// Center justify equations in code and markdown cells. Elsewhere
// we use CSS to left justify single line equations in code cells.
displayAlign: 'center',
"HTML-CSS": {
styles: {'.MathJax_Display': {"margin": 0}},
linebreaks: { automatic: true }
}
});
</script>
<!-- End of mathjax configuration --></head>
<body>
<div tabindex="-1" id="notebook" class="border-box-sizing">
<div class="container" id="notebook-container">
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h1 id="Introducción-a-Python---Optimización-2019">Introducción a Python - Optimización 2019<a class="anchor-link" href="#Introducción-a-Python---Optimización-2019">¶</a></h1><h2 id="Contenidos">Contenidos<a class="anchor-link" href="#Contenidos">¶</a></h2><ul>
<li><a href="#whyPython">¿Por qué usar Python?</a></li>
<li><a href ="Sintaxis">Sintaxis</a></li>
<li><a href="#objs">Objetos Básicos de Python</a><ul>
<li><a href="#bool">Bool</a></li>
<li><a href="#int">int & float</a></li>
<li><a href="#str">Strings</a></li>
<li><a href="#list">Listas</a></li>
<li><a href="#tuple">Tupla</a></li>
<li><a href="#dict">Diccionario</a></li>
</ul>
</li>
<li><a href="#Mutables">Mutables e Immutables</a></li>
<li><a href="#tricks">Algunos trucos de Python</a></li>
<li><a href="#func">Funciones</a><ul>
<li><a href="#funfact">Funciones factoría</a></li>
</ul>
</li>
<li><a href="#numpy">Librería Numpy</a><ul>
<li><a href="#numpycoms">Comandos útiles para arrays</a></li>
</ul>
</li>
<li><a href="#matplot">Librería Matplotlib</a></li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="whyPython"></a></p>
<h2 id="¿Por-qué-usar-Python?">¿Por qué usar Python?<a class="anchor-link" href="#¿Por-qué-usar-Python?">¶</a></h2><p><img src="data:image/png;base64, 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" alt="480px-Python-logo-notext.svg.png"></p>
<ul>
<li>¡Gratis!</li>
<li>Gran comunidad ($\Rightarrow$ Diversidad de paquetes y funcionalidades)</li>
<li>Versátil </li>
<li>Es fácil plasmar ideas </li>
<li>Sintaxis amena</li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="sintaxis"></a></p>
<h2 id="Sintaxis">Sintaxis<a class="anchor-link" href="#Sintaxis">¶</a></h2><ul>
<li>Asignar valor: <code>=</code></li>
<li><p>Operadores aritméticos: <code>+, -, *, /, %, **</code></p>
<p>En Python son equivalentes, por ejemplo: <code>x = x + 1</code> y <code>x += 1</code></p>
</li>
<li><p>Operadores de comparación: <code>==, !=, >, <, >=, <=</code></p>
</li>
<li><p>Operadores de pertenencia: <code>in, not in</code></p>
<p>Ejemplo:</p>
</li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [1]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">ls</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">9</span><span class="p">,</span> <span class="mi">11</span><span class="p">]</span>
<span class="nb">print</span><span class="p">(</span><span class="mi">9</span> <span class="ow">in</span> <span class="n">ls</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="mi">5</span> <span class="ow">in</span> <span class="n">ls</span><span class="p">)</span>
<span class="nb">print</span> <span class="p">(</span><span class="mi">5</span> <span class="ow">not</span> <span class="ow">in</span> <span class="n">ls</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>True
False
True
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<ul>
<li>Loops: <code>for, while</code> (indentar el bloque!)</li>
<li>Condicionales: <code>if, else, elif</code> (indentar el bloque!)</li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="objs"></a></p>
<h2 id="Objetos-básicos-de-Python">Objetos básicos de Python<a class="anchor-link" href="#Objetos-básicos-de-Python">¶</a></h2><p>| Bool | string | set | int | list | dict| float | tuple |</p>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="bool"></a></p>
<h3 id="Bool">Bool<a class="anchor-link" href="#Bool">¶</a></h3><ul>
<li>Puede tomar dos valores: <code>True</code> o <code>False</code></li>
<li><p>Se pueden concatenar condiciones con conectores lógicos (<code>and</code>, <code>or</code>) y/o combinarlos con la negación <code>not</code></p>
<p><code>x + 4 >= 3 and not x \% 2 == 0</code></p>
<p><code>x % 2 == 0 and (x < 0 or x > 4)</code></p>
</li>
<li><p><strong>Importante</strong>: Python realiza una evaluación <em>lazy</em> de las condiciones lógicas.</p>
</li>
<li>Si pasamos <code>0</code> u otros objetos <em>vacíos</em> (<code>[]</code>, <code>{}</code>, <code>()</code>, <code>set([])</code>) como condición lógica Python los interpreta como <code>False</code></li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [2]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">x</span> <span class="o">=</span> <span class="mi">0</span>
<span class="k">if</span> <span class="n">x</span><span class="p">:</span>
<span class="n">x</span> <span class="o">=</span> <span class="n">x</span> <span class="o">+</span> <span class="mi">1</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'el valor de x es: '</span><span class="p">,</span> <span class="n">x</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>el valor de x es: 0
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="int"></a></p>
<h3 id="int-&-float">int & float<a class="anchor-link" href="#int-&-float">¶</a></h3><p>Los objetos <code>int</code> son utilizados para los números enteros mientras que los <code>float</code> son utilizados para los "reales" (en realidad, para los racionales)</p>
<ul>
<li><strong>Importante</strong>: en Python 2.7 el operador <code>/</code> representa la división piso, mientras que en Python 3+ el operador <code>/</code> representa la división común (devuelve un <code>float</code>) y <code>//</code> representa la división piso.</li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [3]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Este codigo es ejecutado en Python 3.6</span>
<span class="n">x</span> <span class="o">=</span> <span class="mi">2</span>
<span class="n">y</span> <span class="o">=</span> <span class="mi">5</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'Resultado de x/y: '</span><span class="p">,</span> <span class="n">y</span><span class="o">/</span><span class="n">x</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'Resultado de x//y: '</span><span class="p">,</span> <span class="n">y</span><span class="o">//</span><span class="n">x</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>Resultado de x/y: 2.5
Resultado de x//y: 2
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Si deseamos llevar a cabo la división común en Python 2.7, basta con convertir al divisor o al dividendo en <code>float</code></p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [4]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">x</span> <span class="o">=</span> <span class="mi">2</span>
<span class="n">y</span> <span class="o">=</span> <span class="mi">5</span>
<span class="c1"># Ejecutar y/x en Python 2.7 nos daría como resultado 2</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'Resultado de y/float(x): '</span><span class="p">,</span> <span class="n">y</span><span class="o">/</span><span class="nb">float</span><span class="p">(</span><span class="n">x</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>Resultado de y/float(x): 2.5
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="str"></a></p>
<h3 id="Strings">Strings<a class="anchor-link" href="#Strings">¶</a></h3><p>Limitados por comillas: " " o ' '</p>
<p>A continuación, algunos ejemplos de operaciones con strings:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [5]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Definimos dos strings</span>
<span class="n">s</span> <span class="o">=</span> <span class="s2">"Hola"</span>
<span class="n">t</span> <span class="o">=</span> <span class="s2">"Mundo"</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'s : '</span><span class="p">,</span> <span class="n">s</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'t : '</span><span class="p">,</span> <span class="n">t</span><span class="p">)</span>
<span class="c1"># Podemos acceder a una parte de cada string utilizando </span>
<span class="c1"># la sintaxis: [indice_inicial, indice_final]. El índice final es excluido</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'s[1:3] : '</span><span class="p">,</span><span class="n">s</span><span class="p">[</span><span class="mi">1</span><span class="p">:</span><span class="mi">3</span><span class="p">])</span>
<span class="c1"># Usamos el operador + para concatenar strings (o partes de ellos)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'s + t : '</span><span class="p">,</span> <span class="n">s</span><span class="o">+</span><span class="n">t</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'s[1:3] + " " + t : '</span><span class="p">,</span> <span class="n">s</span><span class="p">[</span><span class="mi">1</span><span class="p">:</span><span class="mi">3</span><span class="p">]</span> <span class="o">+</span> <span class="s2">" "</span> <span class="o">+</span> <span class="n">t</span><span class="p">)</span>
<span class="c1"># El operador * va seguido de un entero positivo n, y sirve para repetir el string n veces</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'s * 3 : '</span><span class="p">,</span> <span class="n">s</span><span class="o">*</span><span class="mi">3</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>s : Hola
t : Mundo
s[1:3] : ol
s + t : HolaMundo
s[1:3] + " " + t : ol Mundo
s * 3 : HolaHolaHola
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="list"></a></p>
<h3 id="Listas-(list)">Listas (list)<a class="anchor-link" href="#Listas-(list)">¶</a></h3><p>Uno de los objetos más maleables de Python. No es necesario que los elementos de una lista sean todos del mismo tipo. Por ejemplo, podríamos crear una lista que contenga <code>str</code> e <code>int</code> e incluso que contenga otra lista</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [6]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">A</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="s1">'casa'</span><span class="p">,</span> <span class="p">[</span><span class="mi">11</span><span class="p">,</span> <span class="mi">9</span><span class="p">]]</span>
<span class="nb">print</span><span class="p">(</span><span class="n">A</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>[1, 3, 'casa', [11, 9]]
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><strong>Importante</strong>: en Python las secuencias (como listas y tuplas) comienzan en la posición 0</p>
<p>Hay varias funciones para las listas que permiten, por ejemplo, agregar un elemento al final de la lista (<code>append</code>) o encontrar el índice de un determinado elemento (<code>index</code>). Una lista comprensiva puede encontrarse en este <a href="https://www.programiz.com/python-programming/methods/list">link</a></p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [7]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Definimos una lista</span>
<span class="n">A</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">11</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="o">-</span><span class="mi">4</span><span class="p">]</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="c1"># Agregamos un elemento al final</span>
<span class="n">A</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="s1">'casa'</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="c1"># Eliminamos el elemento del índice 2</span>
<span class="k">del</span> <span class="n">A</span><span class="p">[</span><span class="mi">2</span><span class="p">]</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="c1"># Cambiamos el primer elemento</span>
<span class="n">A</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">=</span> <span class="mi">13</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="c1"># Queremos obtener el una porción de A: desde el índice 1 hasta el final (la lista A no se modifica)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A[1:] : '</span><span class="p">,</span> <span class="n">A</span><span class="p">[</span><span class="mi">1</span><span class="p">:])</span>
<span class="c1"># Definimos otra lista y las concatenamos (ninguna de las dos listas es modificada)</span>
<span class="n">B</span> <span class="o">=</span> <span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">3</span><span class="p">]]</span>
<span class="nb">print</span> <span class="p">(</span><span class="s1">'A + B :'</span><span class="p">,</span> <span class="n">A</span> <span class="o">+</span> <span class="n">B</span> <span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>A : [1, 11, 3, -4]
A : [1, 11, 3, -4, 'casa']
A : [1, 11, -4, 'casa']
A : [13, 11, -4, 'casa']
A[1:] : [11, -4, 'casa']
A + B : [13, 11, -4, 'casa', -1, [1, 3]]
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h4 id="Listas-por-comprensión">Listas por comprensión<a class="anchor-link" href="#Listas-por-comprensión">¶</a></h4><p>Definir listas por comprensión es una manera más elegante y compacta que utilizar <code>for</code>'s e <code>if</code>'s anidados.</p>
<p>La desventaja es que puede dificultar la lectura del código. La ventaja es que es más rápido definirla que utilizar un <em>loop</em>.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [8]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Definamos una lista de todos los enteros no negativos hasta 21, inclusive</span>
<span class="c1"># Sin definición por comprensión:</span>
<span class="n">A</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">22</span><span class="p">):</span> <span class="c1"># range(22) = [0, 1, 2, ..., 21]</span>
<span class="k">if</span> <span class="n">x</span> <span class="o">%</span> <span class="mi">2</span> <span class="o">==</span> <span class="mi">0</span><span class="p">:</span>
<span class="n">A</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="c1"># Con definición por comprensión</span>
<span class="n">A</span> <span class="o">=</span> <span class="p">[</span><span class="n">x</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">22</span><span class="p">)</span> <span class="k">if</span> <span class="n">x</span> <span class="o">%</span> <span class="mi">2</span> <span class="o">==</span> <span class="mi">0</span><span class="p">]</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>A : [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20]
A : [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20]
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="tuple"></a></p>
<h3 id="Tuplas-(tuple)">Tuplas (tuple)<a class="anchor-link" href="#Tuplas-(tuple)">¶</a></h3><p>Las tuplas son parecidas a las listas: tienen un orden y pueden estar conformadas por distintos tipos de objetos. La gran diferencia es que, una vez que definimos la tupla, no podemos agregarle ni quitarle elementos. La sintaxis para acceder a sus elementos es igual a la de las listas.</p>
<p>Las tuplas son útiles para cuando sabemos que no realizaremos modificaciones. Además, iterar sobre una tupla es levemente más rápido que iterar sobre una lista.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [9]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Creamos una tupla</span>
<span class="n">A</span> <span class="o">=</span> <span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="p">[</span><span class="mi">3</span><span class="p">,</span> <span class="mi">7</span><span class="p">])</span>
<span class="nb">print</span><span class="p">(</span><span class="n">A</span><span class="p">)</span>
<span class="c1"># Accedemos a su primer elemento</span>
<span class="nb">print</span><span class="p">(</span><span class="n">A</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>(1, 5, [3, 7])
1
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="set"></a></p>
<h3 id="Conjuntos-(set)">Conjuntos (set)<a class="anchor-link" href="#Conjuntos-(set)">¶</a></h3><p>La definición es análoga a los conjuntos que conocemos de toda la vida. A diferencia de listas y tuplas, no pueden tener elementos repetidos y sus elementos no están ordenados.</p>
<p>Además, los elementos de un <code>set</code> pueden ser sólo <code>int</code>, <code>float</code>, <code>str</code>, <code>bool</code> o <code>tuple</code>. Los <code>set</code> tienen varios métodos que permiten realizar las operaciones usuales (como intersección, unión, etc.). Pueden consultarse en este <a href="https://www.programiz.com/python-programming/set#operations">link</a></p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [10]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Definimos un conjunto A</span>
<span class="n">A</span> <span class="o">=</span> <span class="nb">set</span><span class="p">([</span><span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">11</span> <span class="p">,</span> <span class="mi">12</span><span class="p">])</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="c1"># Podemos definir conjuntos por compresión. Lo siguiente es lo mismo que hacer:</span>
<span class="c1"># B=set([])</span>
<span class="c1"># for x in range(15):</span>
<span class="c1"># if x not in A:</span>
<span class="c1"># B.add(2*x-1)</span>
<span class="n">B</span> <span class="o">=</span> <span class="nb">set</span><span class="p">([</span><span class="mi">2</span><span class="o">*</span><span class="n">x</span><span class="o">+</span><span class="mi">1</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">15</span><span class="p">)</span> <span class="k">if</span> <span class="n">x</span> <span class="ow">not</span> <span class="ow">in</span> <span class="n">A</span><span class="p">])</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'B : '</span><span class="p">,</span> <span class="n">B</span><span class="p">)</span>
<span class="c1"># Creamos un nuevo conjunto que resulta de intersecar A y B</span>
<span class="n">C</span> <span class="o">=</span> <span class="n">A</span><span class="o">.</span><span class="n">intersection</span><span class="p">(</span><span class="n">B</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'C = A n B : '</span><span class="p">,</span> <span class="n">C</span><span class="p">)</span>
<span class="c1"># Creamos un nuevo conjunto que resulta de la diferencia entre B y C (B/C)</span>
<span class="n">D</span> <span class="o">=</span> <span class="n">B</span><span class="o">.</span><span class="n">difference</span><span class="p">(</span><span class="n">C</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'B / C : '</span><span class="p">,</span> <span class="n">D</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>A : {2, 3, 4, 11, 12}
B : {1, 3, 11, 13, 15, 17, 19, 21, 27, 29}
C = A n B : {11, 3}
B / C : {1, 13, 15, 17, 19, 21, 27, 29}
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="dict"></a></p>
<h3 id="Diccionarios-(dict)">Diccionarios (dict)<a class="anchor-link" href="#Diccionarios-(dict)">¶</a></h3><p>Finalmente tenemos a los diccionarios. Los diccionarios tienen claves y valores (<em>keys</em> y <em>values</em>, respectivamente). Se definen encerrados entre llaves, de la siguiente manera: <code>{key1: value1, key2: value2,...}</code></p>
<p><strong>Importante</strong>: las claves (<em>keys</em>) no pueden repetirse y deben ser alguno de los siguientes tipos: <code>int</code>, <code>float</code>, <code>str</code> o <code>tuple</code>. Los valores (<em>values</em>) pueden ser un objeto de cualquier tipo.</p>
<p>Veamos algunos ejemplos:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [11]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Definimos un nuevo diccionario</span>
<span class="n">D</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'Pedro'</span><span class="p">:</span> <span class="mi">101</span><span class="p">,</span> <span class="s1">'Ana'</span><span class="p">:</span> <span class="mi">203</span><span class="p">,</span> <span class="s1">'Julían'</span><span class="p">:</span> <span class="mi">112</span><span class="p">,</span> <span class="s1">'Marcos'</span><span class="p">:</span> <span class="mi">164</span><span class="p">,</span> <span class="s1">'Tamara'</span><span class="p">:</span> <span class="mi">187</span><span class="p">}</span>
<span class="c1"># También podemos definirlo como un diccionario vacío e ir añadiendo claves y valores</span>
<span class="n">D</span> <span class="o">=</span> <span class="nb">dict</span><span class="p">()</span>
<span class="n">D</span><span class="p">[</span><span class="s1">'Pedro'</span><span class="p">]</span> <span class="o">=</span> <span class="mi">101</span> <span class="c1"># Como la entrada 'Pedro' no existe en D, la añade. Si no, modifica su valor</span>
<span class="n">D</span><span class="p">[</span><span class="s1">'Ana'</span><span class="p">]</span> <span class="o">=</span> <span class="mi">203</span>
<span class="n">D</span><span class="p">[</span><span class="s1">'Julián'</span><span class="p">]</span> <span class="o">=</span> <span class="mi">112</span>
<span class="n">D</span><span class="p">[</span><span class="s1">'Marcos'</span><span class="p">]</span> <span class="o">=</span> <span class="mi">164</span>
<span class="n">D</span><span class="p">[</span><span class="s1">'Tamara'</span><span class="p">]</span> <span class="o">=</span> <span class="mi">187</span>
<span class="c1"># También podemos definirlo por compresión:</span>
<span class="n">nombres</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'Pedro'</span><span class="p">,</span> <span class="s1">'Ana'</span><span class="p">,</span> <span class="s1">'Julián'</span><span class="p">,</span> <span class="s1">'Marcos'</span><span class="p">,</span> <span class="s1">'Tamara'</span><span class="p">]</span>
<span class="n">habitaciones</span> <span class="o">=</span> <span class="p">[</span><span class="mi">101</span><span class="p">,</span> <span class="mi">203</span><span class="p">,</span> <span class="mi">112</span><span class="p">,</span> <span class="mi">164</span><span class="p">,</span> <span class="mi">187</span><span class="p">]</span>
<span class="n">D</span> <span class="o">=</span> <span class="p">{</span><span class="n">nombres</span><span class="p">[</span><span class="n">i</span><span class="p">]:</span> <span class="n">habitaciones</span><span class="p">[</span><span class="n">i</span><span class="p">]</span> <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">nombres</span><span class="p">))}</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'D : '</span><span class="p">,</span> <span class="n">D</span><span class="p">)</span>
<span class="c1"># Podemos acceder al valor de una llave</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'D["Ana"] :'</span><span class="p">,</span> <span class="n">D</span><span class="p">[</span><span class="s1">'Ana'</span><span class="p">])</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>D : {'Pedro': 101, 'Ana': 203, 'Julián': 112, 'Marcos': 164, 'Tamara': 187}
D["Ana"] : 203
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Para más información sobre diccionarios y sus métodos, se puede visitar <a href="https://www.tutorialspoint.com/python/python_dictionary.htm">este link</a></p>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="Mutables"></a></p>
<h2 id="mutables-e-immutables"><em>mutables</em> e <em>immutables</em><a class="anchor-link" href="#mutables-e-immutables">¶</a></h2><p>Los objetos que vimos anteriormente se dividen en dos categorías: <em>mutables</em> e <em>immutables</em>, de la siguiente manera:</p>
<p><strong>Mutables</strong>: <code>list</code>, <code>set</code>, <code>dict</code></p>
<p><strong>Immutables</strong>: <code>string</code>, <code>bool</code>, <code>int</code>, <code>float</code>, <code>tuple</code></p>
<p>Un objeto <em>mutable</em> puede cambiar su estado o contenidos, pero un objeto <em>immutable</em> no. En Python, cuando uno asigna un objeto a una variable no está copiando el objeto, sino creando una referencia a él. Para entender la diferencia entre las dos categorías, veremos algunos ejemplos. Utilizaremos el comando <code>id</code></p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [12]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Definimos dos variables</span>
<span class="n">x</span> <span class="o">=</span> <span class="mi">10</span>
<span class="n">y</span> <span class="o">=</span> <span class="n">x</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'x : '</span><span class="p">,</span> <span class="n">x</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'y : '</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>
<span class="c1"># Los identificadores de ambas variables apuntan al mismo objeto: 10</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'id(x) == id(y) : '</span><span class="p">,</span> <span class="nb">id</span><span class="p">(</span><span class="n">x</span><span class="p">)</span> <span class="o">==</span> <span class="nb">id</span><span class="p">(</span><span class="n">y</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'id(y) == id(10) : '</span><span class="p">,</span> <span class="nb">id</span><span class="p">(</span><span class="n">y</span><span class="p">)</span> <span class="o">==</span> <span class="nb">id</span><span class="p">(</span><span class="mi">10</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>x : 10
y : 10
id(x) == id(y) : True
id(y) == id(10) : True
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Efectuamos una operación que cambia el valor de <code>x</code>. Veamos qué ocurre:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [13]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Ahora efectuamos una operación que modifica el valor de x</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'Cambia el valor de x'</span><span class="p">)</span>
<span class="n">x</span> <span class="o">=</span> <span class="n">x</span> <span class="o">+</span> <span class="mi">1</span>
<span class="c1"># Los identificadores de ambas variables apuntan distintos objetos</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'id(x) == id(y) : '</span><span class="p">,</span> <span class="nb">id</span><span class="p">(</span><span class="n">x</span><span class="p">)</span> <span class="o">==</span> <span class="nb">id</span><span class="p">(</span><span class="n">y</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'id(y) == id(10) : '</span><span class="p">,</span> <span class="nb">id</span><span class="p">(</span><span class="n">y</span><span class="p">)</span> <span class="o">==</span> <span class="nb">id</span><span class="p">(</span><span class="mi">10</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>Cambia el valor de x
id(x) == id(y) : False
id(y) == id(10) : True
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Asignamos un nuevo valor a <code>x</code> pero el objeto <code>10</code> no cambió. Notar que tampoco cambió el valor de <code>y</code> (sigue valiendo <code>10</code>)</p>
<p>Veamos qué ocurre con un objeto <em>mutable</em>:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [14]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Definimos una lista A</span>
<span class="n">A</span> <span class="o">=</span> <span class="p">[</span><span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">11</span><span class="p">,</span> <span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">]</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'id(A) : '</span><span class="p">,</span> <span class="nb">id</span><span class="p">(</span><span class="n">A</span><span class="p">))</span>
<span class="c1"># Definimos otra lista B como igual a A</span>
<span class="n">B</span> <span class="o">=</span> <span class="n">A</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'B : '</span><span class="p">,</span> <span class="n">B</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'id(B) : '</span><span class="p">,</span> <span class="nb">id</span><span class="p">(</span><span class="n">B</span><span class="p">))</span>
<span class="c1"># Los identificadores de A y de B apuntan al mismo objeto: [2, 1, 11, -1, 0]</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'id(A) == id(B) : '</span><span class="p">,</span> <span class="nb">id</span><span class="p">(</span><span class="n">A</span><span class="p">)</span> <span class="o">==</span> <span class="nb">id</span><span class="p">(</span><span class="n">B</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>A : [2, 1, 11, -1, 0]
id(A) : 140139823164232
B : [2, 1, 11, -1, 0]
id(B) : 140139823164232
id(A) == id(B) : True
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Veamos qué ocurre si modificamos A:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [15]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Ahora efecutamos una modificación a A: por ejemplo, agregamos un elemento</span>
<span class="n">A</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="mi">99</span><span class="p">)</span>
<span class="c1"># Los identificadores de A y de B siguen apuntando al mismo objeto: [2, 1, 11, -1, 0, 99] </span>
<span class="c1"># Esto ocurre porque, en este caso, el objeto sí cambió</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'id(A) : '</span><span class="p">,</span> <span class="nb">id</span><span class="p">(</span><span class="n">A</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'id(A) == id(B) : '</span><span class="p">,</span> <span class="nb">id</span><span class="p">(</span><span class="n">A</span><span class="p">)</span> <span class="o">==</span> <span class="nb">id</span><span class="p">(</span><span class="n">B</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>A : [2, 1, 11, -1, 0, 99]
id(A) : 140139823164232
id(A) == id(B) : True
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>En este caso, como el objeto lista es <em>mutable</em>, el objeto sí cambia. Ahora el objeto es <code>[2,1,11,-1,0,99]</code> y las variables <code>A</code> y <code>B</code> siguen apuntando a él.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><strong>Importante</strong>: si <code>A</code> hace referencia a un objeto mutable (como un <code>set</code>) y queremos copiar <code>A</code> porque, por ejemplo, queremos guardar su estado actual antes de efectuar modificaciones sobre él, debemos recurrir a la función <code>copy</code>.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [16]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Definimos A</span>
<span class="n">A</span> <span class="o">=</span> <span class="nb">set</span><span class="p">([</span><span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">11</span><span class="p">,</span> <span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">0</span><span class="p">])</span>
<span class="c1"># Queremos definir B, una copia de A</span>
<span class="n">B</span> <span class="o">=</span> <span class="n">A</span><span class="o">.</span><span class="n">copy</span><span class="p">()</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'B : '</span><span class="p">,</span> <span class="n">B</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'id(A) == id(B) : '</span><span class="p">,</span> <span class="nb">id</span><span class="p">(</span><span class="n">A</span><span class="p">)</span> <span class="o">==</span> <span class="nb">id</span><span class="p">(</span><span class="n">B</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>A : {0, 1, 2, 11, -1}
B : {0, 1, 2, 11, -1}
id(A) == id(B) : False
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Notar que tanto <code>A</code> como <code>B</code> son <code>set</code> con los mismos elementos, pero hacen referencia a distintos objetos. Ahora, si efectuamos cambios sobre <code>A</code>, <code>B</code> no se modifica.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [17]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Eliminamos el elemento más chico de A</span>
<span class="n">A</span><span class="o">.</span><span class="n">discard</span><span class="p">(</span><span class="nb">min</span><span class="p">(</span><span class="n">A</span><span class="p">))</span>
<span class="c1"># Agregamos un nuevo elemento a A</span>
<span class="n">A</span><span class="o">.</span><span class="n">add</span><span class="p">(</span><span class="mi">99</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'B : '</span><span class="p">,</span> <span class="n">B</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>A : {0, 1, 2, 99, 11}
B : {0, 1, 2, 11, -1}
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Notar que <code>B</code> no sufrió cambios.</p>
<p>El comando <code>deepcopy</code> se utiliza de igual manera. Es utilizado cuando hay <em>mutables</em> que contienen a otros <em>mutables</em> (como diccionarios que tengan listas como valores). La desventaja de <code>copy</code> y, especialmente, de <code>deepcopy</code> es que pueden incrementar el tiempo de cómputo significativamente.</p>
<p><strong>Observación</strong>: si queremos realizar una copia de la lista <code>A</code>, basta con escribir <code>B = A[:]</code></p>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="tricks"></a></p>
<h2 id="Algunos-trucos-de-Python">Algunos trucos de Python<a class="anchor-link" href="#Algunos-trucos-de-Python">¶</a></h2><h3 id="Iteración">Iteración<a class="anchor-link" href="#Iteración">¶</a></h3><p>En Python generalmente se aprovecha el operador <code>in</code> para iterar. Por ejemplo, si deseamos imprimir los números del $2$ al $10$ basta con escribir:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [18]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="mi">11</span><span class="p">):</span>
<span class="nb">print</span><span class="p">(</span><span class="n">i</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>2
3
4
5
6
7
8
9
10
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><code>range</code> tiene la siguiente sintaxis <code>range(inicio, fin, paso)</code> donde <code>fin</code> no está incluido e <code>inicio</code> y <code>paso</code> son opcionales (sus valores por defecto son $0$ y $1$, respectivamente).</p>
<p>Asimismo, con <code>in</code> podemos iterar sobre los elementos de cualquier iterable como, por ejemplo, una lista:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [19]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">L</span> <span class="o">=</span> <span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="mi">7</span><span class="p">]</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="n">L</span><span class="p">:</span>
<span class="nb">print</span><span class="p">(</span><span class="n">i</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>-1
4
5
7
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h3 id="Sumatoria">Sumatoria<a class="anchor-link" href="#Sumatoria">¶</a></h3><p>Como se ha visto en cursos previos, si uno desea computar la siguiente sumatoria:</p>
$$ \sum_{i=0}^{100} i $$<p>lo hace de la siguiente manera</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [20]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">s</span> <span class="o">=</span> <span class="mi">0</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">101</span><span class="p">):</span>
<span class="n">s</span> <span class="o">=</span> <span class="n">s</span> <span class="o">+</span> <span class="n">i</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>En Python existe una manera más compacta de lograr el mismo resultado:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [21]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">s</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">(</span><span class="n">i</span> <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">101</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>De ser necesario, también se pueden agregar condiciones sobre $i$. Si queremos computar la siguiente sumatoria:</p>
$$ \sum_{i \in I} (i + 1)^2 \quad I=\{n\in\mathbb{N}\colon 0\leq n\leq 100 \; \wedge n\;\text{múltiplo de 3}\} $$<p>Basta con escribir la siguiente línea</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [22]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">s</span> <span class="o">=</span> <span class="nb">sum</span><span class="p">((</span><span class="n">i</span><span class="o">+</span><span class="mi">1</span><span class="p">)</span><span class="o">**</span><span class="mi">2</span> <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">101</span><span class="p">)</span> <span class="k">if</span> <span class="n">i</span> <span class="o">%</span> <span class="mi">3</span> <span class="o">==</span> <span class="mi">0</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="func"></a></p>
<h2 id="Funciones">Funciones<a class="anchor-link" href="#Funciones">¶</a></h2><p>Declaramos funciones con el comando <code>def</code>. El bloque de la función debe estar indentado (al igual que cuando definimos un <code>while</code>, <code>for</code> o <code>if</code>).</p>
<p>Si necesitamos que la función devuelva un valor, usamos el comando <code>return</code>.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [23]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">cuadrado</span><span class="p">(</span><span class="n">n</span><span class="p">):</span>
<span class="k">return</span> <span class="n">n</span><span class="o">**</span><span class="mi">2</span>
<span class="n">x</span> <span class="o">=</span> <span class="mi">4</span>
<span class="nb">print</span><span class="p">(</span><span class="n">cuadrado</span><span class="p">(</span><span class="mi">4</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>16
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Las funciones pueden ser definidas con argumentos opcionales que tienen un valor por defecto.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [ ]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">potencia</span><span class="p">(</span><span class="n">n</span><span class="p">,</span> <span class="n">m</span><span class="o">=</span><span class="mi">2</span><span class="p">):</span>
<span class="k">return</span> <span class="n">n</span><span class="o">**</span><span class="n">m</span>
<span class="n">x</span> <span class="o">=</span> <span class="mi">3</span>
<span class="c1"># Si no pasamos el argumento m, la función considera su valor por defecto.</span>
<span class="n">y</span> <span class="o">=</span> <span class="n">potencia</span><span class="p">(</span><span class="mi">3</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'potencia(3) : '</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>
<span class="c1"># En cambio, si le otorgamos un valor a m:</span>
<span class="n">y</span> <span class="o">=</span> <span class="n">potencia</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="mi">4</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'potencia(3,4) : '</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>potencia(3) : 9
potencia(3,4) : 81
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><strong>Importante</strong>: las funciones pueden efectuar cambios sobre los objetos <em>mutables</em> . Esto significa pero tenemos que prestar atención a los cambios realizados sobre estos objetos, especialmente si los seguiremos utilizando en otras partes del código.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [25]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># La función 'foo' obtiene el último elemento de una lista, </span>
<span class="c1"># lo borra de ella y lo eleva al cuadrado </span>
<span class="k">def</span> <span class="nf">foo</span><span class="p">(</span><span class="n">ls</span><span class="p">):</span>
<span class="n">y</span> <span class="o">=</span> <span class="n">ls</span><span class="o">.</span><span class="n">pop</span><span class="p">()</span>
<span class="k">return</span> <span class="n">y</span><span class="o">**</span><span class="mi">2</span>
<span class="c1"># Definimos una lista</span>
<span class="n">A</span> <span class="o">=</span> <span class="p">[</span><span class="mi">2</span><span class="p">,</span> <span class="mi">3</span> <span class="p">,</span><span class="mi">7</span><span class="p">,</span> <span class="mi">11</span><span class="p">]</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
<span class="c1"># Aplicamos la función</span>
<span class="n">x</span> <span class="o">=</span> <span class="n">foo</span><span class="p">(</span><span class="n">A</span><span class="p">)</span>
<span class="c1"># Notar que, aunque Python tenga un scope local en las funciones, 'A' ha sido modificada</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'A después de aplicar la función : '</span><span class="p">,</span> <span class="n">A</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>A : [2, 3, 7, 11]
A después de aplicar la función : [2, 3, 7]
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>El mismo comportamiento <strong>no</strong> se observa con los objetos <em>immutables</em></p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [26]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">siguiente</span><span class="p">(</span><span class="n">n</span><span class="p">):</span>
<span class="n">n</span> <span class="o">+=</span> <span class="mi">1</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'x en la función :'</span><span class="p">,</span> <span class="n">n</span><span class="p">)</span>
<span class="c1"># Definimos x</span>
<span class="n">x</span> <span class="o">=</span> <span class="mi">3</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'x antes de la función : '</span><span class="p">,</span> <span class="n">x</span><span class="p">)</span>
<span class="c1"># Aplicamos la función</span>
<span class="n">siguiente</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'x después de correr la función : '</span><span class="p">,</span> <span class="n">x</span><span class="p">)</span> <span class="c1"># El valor de x no cambió fuera de la función</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>x antes de la función : 3
x en la función : 4
x después de correr la función : 3
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [27]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Si queremos que efectivamente x cambie, redefinimos la función de la siguiente manera:</span>
<span class="k">def</span> <span class="nf">siguiente</span><span class="p">(</span><span class="n">n</span><span class="p">):</span>
<span class="n">n</span> <span class="o">+=</span> <span class="mi">1</span>
<span class="k">return</span> <span class="n">n</span>
<span class="c1"># Definimos x</span>
<span class="n">x</span> <span class="o">=</span> <span class="mi">3</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'x antes de la función : '</span><span class="p">,</span> <span class="n">x</span><span class="p">)</span>
<span class="c1"># Aplicamos la función, pero tenemos que asignarle el resultado a x.</span>
<span class="n">x</span> <span class="o">=</span> <span class="n">siguiente</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'x después de asignarle el resultado de la función : '</span><span class="p">,</span> <span class="n">x</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>x antes de la función : 3
x después de asignarle el resultado de la función : 4
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="funfact"></a></p>
<h3 id="Funciones-factoría">Funciones factoría<a class="anchor-link" href="#Funciones-factoría">¶</a></h3><p>En nuestro contexto, llamaremos funciones factoría a las funciones que <em>devuelven</em> una función. En otras palabras, cada vez que llamamos a una función factoría, lo que obtendremos como <em>output</em> es una función. Veamos un ejemplo:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [28]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Definimos la función factoría: queremos que, dada una base, nos devuelva una función</span>
<span class="c1"># que permita calcular sus potencias.</span>
<span class="k">def</span> <span class="nf">generar_potencia</span><span class="p">(</span><span class="n">base</span><span class="p">):</span>
<span class="c1"># Definimos la función del output</span>
<span class="k">def</span> <span class="nf">potencia_enesima</span><span class="p">(</span><span class="n">potencia</span><span class="p">):</span>
<span class="k">return</span> <span class="n">base</span> <span class="o">**</span> <span class="n">potencia</span>
<span class="k">return</span> <span class="n">potencia_enesima</span>
<span class="c1"># Definamos la función que permita calcular las potencias de 2</span>
<span class="n">elevar_2</span> <span class="o">=</span> <span class="n">generar_potencia</span><span class="p">(</span><span class="mi">2</span><span class="p">)</span>
<span class="c1"># Ejecutamos la función elevar_2</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'elevar_2(3) : '</span><span class="p">,</span> <span class="n">elevar_2</span><span class="p">(</span><span class="mi">3</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'elevar_2(6) : '</span><span class="p">,</span> <span class="n">elevar_2</span><span class="p">(</span><span class="mi">6</span><span class="p">))</span>
<span class="c1"># Ahora podemos definir una función que permita calcular las potencias de 3</span>
<span class="n">elevar_3</span> <span class="o">=</span> <span class="n">generar_potencia</span><span class="p">(</span><span class="mi">3</span><span class="p">)</span>
<span class="c1"># Ejecutamos la función elevar_3</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'elevar_3(2) : '</span><span class="p">,</span> <span class="n">elevar_3</span><span class="p">(</span><span class="mi">2</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'elevar_3(7) : '</span><span class="p">,</span> <span class="n">elevar_3</span><span class="p">(</span><span class="mi">7</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>elevar_2(3) : 8
elevar_2(6) : 64
elevar_3(2) : 9
elevar_3(7) : 2187
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Obviamente, se puede encarar el problema por otro camino. Por ejemplo, definiendo la siguiente función:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [29]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Definimos la función potencia </span>
<span class="k">def</span> <span class="nf">potenciar</span><span class="p">(</span><span class="n">base</span><span class="p">,</span> <span class="n">potencia</span><span class="p">):</span>
<span class="k">return</span> <span class="n">base</span> <span class="o">**</span> <span class="n">potencia</span>
<span class="c1"># Calculamos las mismas potencias que antes con esta nueva función</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'potencia(2,3) : '</span><span class="p">,</span> <span class="n">potenciar</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'potencia(2,6) : '</span><span class="p">,</span> <span class="n">potenciar</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="mi">6</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'potencia(3,2) : '</span><span class="p">,</span> <span class="n">potenciar</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="mi">2</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'potencia(3,7) : '</span><span class="p">,</span> <span class="n">potenciar</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="mi">7</span><span class="p">))</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>potencia(2,3) : 8
potencia(2,6) : 64
potencia(3,2) : 9
potencia(3,7) : 2187
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>En cierta manera, con la función factoría estamos definiendo una función $F$ sobre $\mathbb{R}$ tal que:
$$F(x) = f_x \quad \text{siendo } f_x(y) = x^y $$
Por otro lado, la función <code>potencia</code> simplemente define:
$$f:\mathbb{R}^2\rightarrow \mathbb{R} \quad \text{como } f(x,y)=x^y$$</p>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="numpy"></a></p>
<h1 id="Librería-Numpy">Librería Numpy<a class="anchor-link" href="#Librería-Numpy">¶</a></h1><p>Utilizaremos los objetos <code>array</code> de la librería <code>numpy</code> para trabajar con matrices en Python. Es importante notar que un <strong><code>array</code>es mutable</strong> y que, a diferencia de las listas, todos sus elementos deben ser del mismo tipo. Es decir, por ejemplo, no podemos crear un array que contenga enteros y strings.</p>
<p>La librería numpy se instala con el siguiente comando en la consola:</p>
<p><code>pip install numpy</code></p>
<p>Al comienzo de nuestro script en Python importamos la librería <code>numpy</code> con el alias <code>np</code> (para que sea más rápido escribirlo luego):</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [30]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Una vez hecho eso, podemos empezar a trabajr con <em>arrays</em>. Veamos un par de ejemplos.</p>
<p>Definimos los vectores $v=(0, 1, -1)$ y $w=(2,1, 3)$.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [31]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">v</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="o">-</span><span class="mi">1</span><span class="p">])</span>
<span class="n">w</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="mi">2</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">3</span><span class="p">])</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Ahora podemos realizar distintas operaciones.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><strong>Importante:</strong> el operador <code>*</code> no realiza el producto interno entre dos vectores o el producto entre dos matrices. Utilizaremos <code>*</code> sólo cuando querramos multiplicar una matriz o un vector por un escalar, ya que <code>*</code> realiza multiplicación elemento a elemento. Para el producto interno entre vectores, el producto entre matrices y el producto entre un vector y una matriz se utiliza el comando <code>dot</code>para Python 2.7 o el operador <code>@</code> para Python 3+. A continuación, algunos ejemplos.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [32]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># Sumamos w y v</span>
<span class="n">z</span> <span class="o">=</span> <span class="n">w</span><span class="o">+</span><span class="n">v</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'z = w + v : '</span><span class="p">,</span><span class="n">z</span><span class="p">)</span>
<span class="c1"># Realizamos el producto interno entre v y w: z=<v,w></span>
<span class="n">z</span> <span class="o">=</span> <span class="n">v</span><span class="o">.</span><span class="n">dot</span><span class="p">(</span><span class="n">w</span><span class="p">)</span> <span class="c1"># Para Python 2.7</span>
<span class="n">z</span> <span class="o">=</span> <span class="n">v</span> <span class="o">@</span> <span class="n">w</span> <span class="c1"># Para Python 3+</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'z = v @ w : '</span><span class="p">,</span> <span class="n">z</span><span class="p">)</span>
<span class="c1"># Si realizamos operaciones entre vectores y escalares, se interpretan como operaciones lugar a lugar</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">' v + 1 : '</span><span class="p">,</span> <span class="n">v</span><span class="o">+</span><span class="mi">1</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">' w * 2 : '</span><span class="p">,</span> <span class="n">w</span><span class="o">*</span><span class="mi">2</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>z = w + v : [2 2 2]
z = v @ w : -2
v + 1 : [1 2 0]
w * 2 : [4 2 6]
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Las matrices se definen de manera similar a los vectores, sólo que en vez de estar definidas en base a listas, lo están en base a listas de listas. Definimos la siguiente matriz:
$$A =\left( \begin{array}{ccc}
1 & -3 & 2 \\
0 & 6 & -2 \\
4 & 8 & 0 \\
\end{array} \right)
$$</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [33]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">A</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([[</span><span class="mi">1</span><span class="p">,</span> <span class="o">-</span><span class="mi">3</span><span class="p">,</span> <span class="mi">2</span><span class="p">],</span> <span class="p">[</span><span class="mi">0</span><span class="p">,</span> <span class="mi">6</span><span class="p">,</span> <span class="o">-</span><span class="mi">2</span><span class="p">],</span> <span class="p">[</span><span class="mi">4</span><span class="p">,</span> <span class="mi">8</span> <span class="p">,</span><span class="mi">0</span><span class="p">]])</span> <span class="c1"># Notar que cada una de las listas es una fila</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>También se pueden realizar operaciones entre matrices o entre matrices y vectores, siempre y cuando las dimensiones sean adecuadas. Lo bueno de definir vectores como <em>arrarys</em> es que no tenemos que preocuparnos por trasponerlos si deseamos multiplicarlos por una matriz:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [34]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">b</span> <span class="o">=</span> <span class="n">A</span> <span class="o">@</span> <span class="n">v</span> <span class="c1"># A.dot(v) para Python 2.7</span>
<span class="nb">print</span><span class="p">(</span><span class="n">b</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>[-5 8 8]
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Recordar que $v=(0, 1, -1)$, sin embargo, para efectuar el cálculo $Av^t$, no necesitamos trasponer <code>v</code>.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>También podemos acceder a elementos de un <em>array</em>. Si se trata de un vector, accedemos a un elemento como lo haríamos si se tratara de una lista, es decir, con <code>[ ]</code>.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [35]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'Segunda coordenada de v : '</span><span class="p">,</span> <span class="n">v</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
<span class="nb">print</span><span class="p">(</span><span class="s1">'Primera coordenada de w : '</span><span class="p">,</span> <span class="n">w</span><span class="p">[</span><span class="mi">0</span><span class="p">])</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_subarea output_stream output_stdout output_text">
<pre>Segunda coordenada de v : 1
Primera coordenada de w : 2
</pre>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>En el caso de las matrices, la sintaxis es <code>[fila, columna]</code>. Por ejemplo, <code>A[0,1]</code> es $A_{1 2}$.</p>
<p>Como en el caso de las listas, también podemos utilizar <em>slices</em> para obtener partes de la matriz o vector. Por ejemplo:</p>
<ul>
<li>si nos queremos quedar con la primera fila de <code>A</code>, lo hacemos de la siguiente manera: <code>A[0, :]</code></li>
<li>si queremos la submatriz formada por las últimas dos filas y últimas dos columnas: <code>A[-2:, -2:]</code></li>
<li>si queremos la segunda columna de: <code>A[:, 1]</code></li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="numpycoms"></a></p>
<h3 id="Comandos-útiles-para-arrays">Comandos útiles para arrays<a class="anchor-link" href="#Comandos-útiles-para-arrays">¶</a></h3><ul>
<li>el atributo <code>shape</code> nos devuelve las dimensiones del array: <code>A.shape</code> devuelve la tupla <code>(3, 3)</code>. Así, si queremos la cantidad de filas de una matriz, usamos <code>A.shape[0]</code> y si queremos la cantidad de columnas, <code>A.shape[1]</code>. En el caso de los arrays que representan vectores, <code>shape</code> devuelve una tupla de un solo elemento, que representa la longitud del vector.</li>
<li>el atributo <code>T</code> permite trasponer la matriz. No modifica la matriz original. Por ejemplo, si queremos calcular $A^tA$ basta escribir <code>A.T @ A</code>.</li>
<li>el comando <code>zeros</code> permite inicializar una matriz o vector nulo (con $0$ en todas sus coordenadas). Hay que pasarle las dimensiones como input. Por ejemplo, <code>np.zeros((4,3))</code> devuelve la matriz nula de $4\times 3$ y <code>np.zeros(A.shape)</code> devuelve una matriz nula del mismo tamaño que <code>A</code>.</li>
<li>el comando <code>ones</code> es análogo a <code>zeros</code>, sólo que devuelve una matriz con 1 en todas sus filas y columnas.</li>
<li>el comando <code>eye</code> nos permite crear la matriz identidad. Como genera una matriz cuadrada, sólo requiere un entero como input. Así pues, <code>np.eye(4)</code> devuelve la matriz identidad de tamaño $4\times 4$</li>
<li>el comando <code>arange</code> permite generar un vector que contiene a todos los números en un determinado rango. La sintaxis es <code>np.arange(inicio, fin, paso)</code> donde <code>fin</code>no está incluido y <code>paso</code> es optativo (el valor por defecto es 1). Por ejemplo, <code>np.arange(1, 5)</code> devuelve el array que representa al vector $(1, 2, 3, 4)$ y <code>np.arange(0,10,2)</code> al array que representa a $(0,2,4,6,8)$.</li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<ul>
<li>el comando <code>random.random</code> nos permite generar una matriz aleatoria de un determinado tamaño. Toma como input una tupla con el tamaño de la matriz. Por ejemplo, <code>np.random.random((3,4))</code> devuelve una matriz de $3\times 4$ y <code>np.random.random(A.shape)</code> devuelve una matriz aleatoria con el mismo tamaño que <code>A</code>. Los valores aleatorios se encuentran en el intervalo $[0,1)$ </li>
<li>recordar que los array son <em>mutables</em>. El comando <code>copy</code> nos permite crear la copia de un array. Por ejemplo, si queremos crear <code>B</code> una copia de <code>A</code>, lo hacemos de la siguiente manera: <code>B = A.copy()</code></li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<ul>
<li>para concatenar arrays, se puede usar el comando <code>concatenate</code>. Los arrays deben tener dimensiones adecuadas para poder concatenarse.<ul>
<li>Por ejemplo, supongamos que:
$$A = \left( \begin{array}{cc} 1 & 3 \\ -1 & 2 \\ 0 & 2 \end{array} \right) \qquad
B = \left( \begin{array}{ccc} 1 & 0 & 0 \\ 0 & 1 & 0 \\ 0 & 0 & 1 \end{array} \right) $$
Entonces el comando <code>np.concatenate((A, B), axis=1)</code> devuelve la siguiente matriz:
$$ \left( \begin{array}{ccccc} 1 & 3 & 1 & 0 & 0 \\
-1 & 2 & 0 & 1 & 0 \\
0 & 2 & 0 & 0 & 1 \end{array} \right) $$
El argumento opcional <code>axis</code> sirve para indicar cómo queremos concatenar los arrays. Con <code>axis=0</code>, se intenta concatenar los arrays verticalmente; con <code>axis=1</code>, horizontalmente. En el ejemplo anterior, saltará un error al interntar concatenar verticalmente $A$ y $B$ puesto que sus dimensiones no lo permiten.</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<ul>
<li>el paquete <code>linalg</code> de <code>numpy</code> tiene algunas funciones que nos serán de utilidad. Por ejemplo, si deseamos importar la función <code>norm</code> de <code>linalg</code>, que sirve para calcular la norma de un vector o una matriz, escribimos al comienzo del script: <code>from numpy.linalg import norm</code> Luego, si queremos calcular la norma de <code>v</code>, basta con escribir <code>norm(v)</code></li>
</ul>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p><a name="matplot"></a></p>
<h1 id="Librería-matplotlib">Librería matplotlib<a class="anchor-link" href="#Librería-matplotlib">¶</a></h1><p>La librería <code>matplotlib</code>, gracias a su gran versatilidad, es una de las más utilizadas para graficar en Python. Como veremos más adelante, tiene muchos comandos que son análogos a los de MATLAB.</p>
<p>Para instalar la librería, en la consola ejecutamos:</p>
<p><code>pip install matplotlib</code></p>
<p>Para los fines de la materia, bastará usar el módulo <code>pyplot</code>de <code>matplotlib</code>, por lo que al comienzo de los scripts lo importaremos con el alias <code>plt</code>:</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [36]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="nn">plt</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>A continuación un ejemplo de cómo se grafica la función $f(x)=sen(x)$</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [37]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="nn">plt</span>
<span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
<span class="n">x</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">linspace</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">2</span><span class="o">*</span><span class="n">np</span><span class="o">.</span><span class="n">pi</span><span class="p">,</span><span class="mi">100</span><span class="p">)</span> <span class="c1"># linspace(inicio, fin, cantidad de puntos)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">np</span><span class="o">.</span><span class="n">sin</span><span class="p">(</span><span class="n">x</span><span class="p">))</span>
<span class="n">plt</span><span class="o">.</span><span class="n">show</span><span class="p">()</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_png output_subarea ">
<img src="data:image/png;base64,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
"
>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>También podemos incluir funciones que hayamos definido nosotros.</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [38]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="nn">plt</span>
<span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
<span class="k">def</span> <span class="nf">f</span><span class="p">(</span><span class="n">x</span><span class="p">):</span>
<span class="k">if</span> <span class="n">x</span> <span class="o"><=</span> <span class="mi">0</span><span class="p">:</span>
<span class="k">return</span> <span class="o">-</span><span class="n">x</span><span class="o">**</span><span class="mi">2</span>
<span class="k">else</span><span class="p">:</span>
<span class="k">return</span> <span class="n">x</span><span class="o">**</span><span class="mi">2</span>
<span class="n">x</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">linspace</span><span class="p">(</span><span class="o">-</span><span class="mi">2</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">100</span><span class="p">)</span>
<span class="n">vf</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">vectorize</span><span class="p">(</span><span class="n">f</span><span class="p">)</span> <span class="c1"># Permitimos que nuestra función sea aplicable a arrays</span>
<span class="n">y</span> <span class="o">=</span> <span class="n">vf</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">show</span><span class="p">()</span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_png output_subarea ">
<img src="data:image/png;base64,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
"
>
</div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Podemos graficar varias funciones en el mismo gráfico</p>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [ ]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="nn">plt</span>
<span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
<span class="k">def</span> <span class="nf">f</span><span class="p">(</span><span class="n">x</span><span class="p">):</span>
<span class="k">if</span> <span class="n">x</span> <span class="o"><=</span> <span class="mi">0</span><span class="p">:</span>
<span class="k">return</span> <span class="o">-</span><span class="n">x</span><span class="o">**</span><span class="mi">2</span>
<span class="k">else</span><span class="p">:</span>
<span class="k">return</span> <span class="n">x</span><span class="o">**</span><span class="mi">2</span>
<span class="k">def</span> <span class="nf">g</span><span class="p">(</span><span class="n">x</span><span class="p">):</span>
<span class="k">return</span> <span class="n">x</span><span class="o">**</span><span class="mi">3</span>
<span class="n">x</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">linspace</span><span class="p">(</span><span class="o">-</span><span class="mi">2</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">100</span><span class="p">)</span>
<span class="n">vf</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">vectorize</span><span class="p">(</span><span class="n">f</span><span class="p">)</span> <span class="c1"># A partir de nuestra función f definimos vf que es aplicable a arrays</span>
<span class="n">vg</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">vectorize</span><span class="p">(</span><span class="n">g</span><span class="p">)</span> <span class="c1"># A partir de nuestra función g definimos vg que es aplicable a arrays</span>
<span class="n">y</span> <span class="o">=</span> <span class="n">vf</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
<span class="n">z</span> <span class="o">=</span> <span class="n">vg</span><span class="p">(</span><span class="n">x</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">axis</span><span class="p">([</span><span class="o">-</span><span class="mi">2</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="o">-</span><span class="mi">4</span><span class="p">,</span> <span class="mi">4</span><span class="p">])</span> <span class="c1"># Fijamos los limites de los ejes del gráfico [x0, x1, y0, y1]</span>
<span class="n">plt</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">,</span> <span class="n">label</span><span class="o">=</span><span class="s1">'f(x)'</span><span class="p">)</span> <span class="c1"># Podemos poner etiquetas para añadir una leyenda</span>
<span class="n">plt</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">z</span><span class="p">,</span> <span class="n">label</span><span class="o">=</span><span class="s1">'g(x)'</span><span class="p">)</span>
<span class="n">plt</span><span class="o">.</span><span class="n">legend</span><span class="p">()</span>
<span class="n">plt</span><span class="o">.</span><span class="n">show</span><span class="p">()</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In [39]:</div>
<div class="inner_cell">
<div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span>
</pre></div>
</div>
</div>
</div>
<div class="output_wrapper">
<div class="output">
<div class="output_area">
<div class="prompt"></div>
<div class="output_png output_subarea ">
<img src="data:image/png;base64,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
"
>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Click here to get the file
