<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html><html class=''>
<head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/jesseRules/pen/OPYPmG?limit=all&page=11&q=partial" />
<link rel='stylesheet prefetch' href='https://extjs.cachefly.net/touch/sencha-touch-2.3.1/gpl/resources/css/cupertino.css'><link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic'>
<style class="cp-pen-styles">@import url(https://fonts.googleapis.com/css?family=RobotoDraft:400,500,700,300);
.body {margin:0;background:#E5E5E5;font-weight:300;color:#404040;font-family: "RobotoDraft", Helvetica, Arial, sans-serif;letter-spacing:.1px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.toolbar {
height:64px;
background: #ffbb00;
border-radius: 0px !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
color: #fff;
height: 45px;
position: relative;
-webkit-transition-duration: .218s;
transition-duration: .218s;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
z-index: 701;
}
.tabs {padding-top:14px}
.tabs ul {list-style:none;margin:0;width:100%;overflow:hidden;padding:0;margin-left:16px;}
.tabs ul li {float:left;width:100px}
.tabs a {position:relative;color:white;text-decoration:none;display:block;width:100px;height:50px;text-align:center;line-height:52px;font-weight:700;font-size:14px;color:rgba(255,255,255,0.6);overflow:hidden;}
.tabs .active a {color:white;}
.tabs .active a:after {height:2px;width:100%;display:block;content:" ";bottom:0px;left:0px;position:absolute;background:#FFFF8D;
-webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0s alternate forwards;-moz-animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0s alternate forwards;transition:all 1s cubic-bezier(0.4, 0.0, 1, 1);}
.tabs a span {position:absolute;margin-left:-40px;margin-top:-24px;width:80px;background:rgba(255,255,141,1);height:100%;display:block;border-radius:50%;opacity:0;}
.tabs a span.clicked {-webkit-animation: expand 0.6s cubic-bezier(0.4, 0.0, 0.4, 1) 0s normal;-moz-animation: expand 0.6s cubic-bezier(0.4, 0.0, 0.4, 1) 0s normal;border-bottom:2px solid #FFFF8D;}
.content {box-shadow:inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);height:500px;padding-top:50px;position:relative;top:0px;overflow:hidden;}
.item {background:white;width:440px;padding-bottom:30px;margin:0 auto 2em;}
.itemhead {padding:30px;overflow:hidden;position:relative;}
.itemhead img {border-radius:100%;float:left}
.itemhead h2 {font-weight:400;float:left;margin-left:20px;}
.itemhead .heart {cursor:pointer;position:absolute;right:4px;top:4px;padding:7px;border-radius:2px}
.item p:first-of-type {margin-top:0}
.item p {padding:0px 30px;font-size:19px;line-height:26px;margin:0;margin-top:1em;}
.item a {text-decoration:none;color:#00bcd4;font-weight:500;font-size:0.8em;}
.heart:hover {box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.1)}
.heart #favorite {fill:#636363}
.heart.active #favorite {fill:#DA4336;}
.box {display:none;overflow:auto;position:relative;overflow-x:hidden;}
.box.show {display:block;}
@-webkit-keyframes expand {
0% {
background:rgba(255,255,141,1);
opacity:1;
border-radius:100%;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform:scale(0);
}
50% {
background:rgba(255,255,141,0.8);
border-radius:50%;
}
100% {
background:rgba(255,255,141,0);
transform: scale(3);
border-radius: 0;
-webkit-transform: scale(3);
-moz-transform:scale(3);
opacity:1;
}
}
@-moz-keyframes expand {
0% {
background:rgba(255,255,141,1);
opacity:1;
border-radius:100%;
transform: scale(0);
-moz-transform:scale(0);
}
50% {
background:rgba(255,255,141,0.8);
border-radius:50%;
}
100% {
background:rgba(255,255,141,0);
transform: scale(3);
border-radius: 0;
-moz-transform:scale(3);
opacity:1;
}
}
@-webkit-keyframes border-expand {
0% {
opacity:0;
width:0;
}
100% {
opacity:1;
width:100%;
}
}
@-moz-keyframes border-expand {
0% {
opacity:0;
width:0;
}
100% {
opacity:1;
width:100%;
}
}
.mainbody {
background-color: #e8e8e8 !important;
color: #333;
direction: ltr;
font-family: 'Roboto','Droid Sans',arial,sans-serif;
font-size: 15px;
margin: 0;
min-width: 360px;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
#list {
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
position: relative;
display: block;
padding: 16px;
}
.addbtn {
margin-top: 16px;
left: 25%;
border-radius: 0px !important;
padding: 12px 30px;
box-shadow: none;
border: none;
cursor: pointer;
background-color: rgb(255, 255, 255);
}
.tile {
display: block;
-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.08);
box-shadow: 0 2px 1px rgba(0,0,0,0.08);
position: absolute;
padding: 5px;
font-weight: bold;
background-color: #FFF;
}
/* Demo style */
.icon-set p {
font-size: 16px;
}
.icon-set p i {
margin-right: 8px;
}
/* Material Design Iconic Font */
@font-face {
font-family: 'Material Design Iconic Font';
src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/53474/Material-Design-Iconic-Font.eot?v=1.0');
src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/53474/Material-Design-Iconic-Font.eot?#iefix&v=1.0') format('embedded-opentype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/53474/Material-Design-Iconic-Font.woff?v=1.0') format('woff'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/53474/Material-Design-Iconic-Font.ttf?v=1.0') format('truetype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/53474/Material-Design-Iconic-Font.svg?v=1.0#Material-Design-Iconic-Font') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="md-"],
[class*=" md-"] {
display: inline-block;
font: normal normal normal 14px 'Material Design Iconic Font';
font-size: inherit;
speak: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.md {
line-height: inherit;
vertical-align: bottom;
}
.md-lg {
font-size: 1.3333333333333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.md-2x {
font-size: 2em;
}
.md-3x {
font-size: 3em;
}
.md-4x {
font-size: 4em;
}
.md-5x {
font-size: 5em;
}
.md-border {
padding: .2em .25em .15em;
border: solid 0.08em #808080;
border-radius: .1em;
}
.md-border-circle {
padding: .2em .25em .15em;
border: solid 0.08em #808080;
border-radius: 50%;
}
[class^="md-"].pull-left,
[class*=" md-"].pull-left {
float: left;
margin-right: .3em;
}
[class^="md-"].pull-right,
[class*=" md-"].pull-right {
float: right;
margin-left: .3em;
}
.md-spin {
-webkit-animation: md-spin 1.5s infinite linear;
animation: md-spin 1.5s infinite linear;
}
.md-spin-reverse {
-webkit-animation: md-spin-reverse 1.5s infinite linear;
animation: md-spin-reverse 1.5s infinite linear;
}
@-webkit-keyframes md-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes md-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes md-spin-reverse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-359deg);
transform: rotate(-359deg);
}
}
@keyframes md-spin-reverse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-359deg);
transform: rotate(-359deg);
}
}
.md-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.md-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.md-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.md-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.md-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .md-rotate-90,
:root .md-rotate-180,
:root .md-rotate-270,
:root .md-flip-horizontal,
:root .md-flip-vertical {
filter: none;
}
.md-3d-rotation:before {
content: "\f000";
}
.md-accessibility:before {
content: "\f001";
}
.md-account-balance:before {
content: "\f002";
}
.md-account-balance-wallet:before {
content: "\f003";
}
.md-account-box:before {
content: "\f004";
}
.md-account-child:before {
content: "\f005";
}
.md-account-circle:before {
content: "\f006";
}
.md-add-shopping-cart:before {
content: "\f007";
}
.md-alarm:before {
content: "\f008";
}
.md-alarm-add:before {
content: "\f009";
}
.md-alarm-off:before {
content: "\f00a";
}
.md-alarm-on:before {
content: "\f00b";
}
.md-android:before {
content: "\f00c";
}
.md-announcement:before {
content: "\f00d";
}
.md-aspect-ratio:before {
content: "\f00e";
}
.md-assessment:before {
content: "\f00f";
}
.md-assignment:before {
content: "\f010";
}
.md-assignment-ind:before {
content: "\f011";
}
.md-assignment-late:before {
content: "\f012";
}
.md-assignment-return:before {
content: "\f013";
}
.md-assignment-returned:before {
content: "\f014";
}
.md-assignment-turned-in:before {
content: "\f015";
}
.md-autorenew:before {
content: "\f016";
}
.md-backup:before {
content: "\f017";
}
.md-book:before {
content: "\f018";
}
.md-bookmark:before {
content: "\f019";
}
.md-bookmark-outline:before {
content: "\f01a";
}
.md-bug-report:before {
content: "\f01b";
}
.md-cached:before {
content: "\f01c";
}
.md-class:before {
content: "\f01d";
}
.md-credit-card:before {
content: "\f01e";
}
.md-dashboard:before {
content: "\f01f";
}
.md-delete:before {
content: "\f020";
}
.md-description:before {
content: "\f021";
}
.md-dns:before {
content: "\f022";
}
.md-done:before {
content: "\f023";
}
.md-done-all:before {
content: "\f024";
}
.md-event:before {
content: "\f025";
}
.md-exit-to-app:before {
content: "\f026";
}
.md-explore:before {
content: "\f027";
}
.md-extension:before {
content: "\f028";
}
.md-face-unlock:before {
content: "\f029";
}
.md-favorite:before {
content: "\f02a";
}
.md-favorite-outline:before {
content: "\f02b";
}
.md-find-in-page:before {
content: "\f02c";
}
.md-find-replace:before {
content: "\f02d";
}
.md-flip-to-back:before {
content: "\f02e";
}
.md-flip-to-front:before {
content: "\f02f";
}
.md-get-app:before {
content: "\f030";
}
.md-grade:before {
content: "\f031";
}
.md-group-work:before {
content: "\f032";
}
.md-help:before {
content: "\f033";
}
.md-highlight-remove:before {
content: "\f034";
}
.md-history:before {
content: "\f035";
}
.md-home:before {
content: "\f036";
}
.md-https:before {
content: "\f037";
}
.md-info:before {
content: "\f038";
}
.md-info-outline:before {
content: "\f039";
}
.md-input:before {
content: "\f03a";
}
.md-invert-colors:before {
content: "\f03b";
}
.md-label:before {
content: "\f03c";
}
.md-label-outline:before {
content: "\f03d";
}
.md-language:before {
content: "\f03e";
}
.md-launch:before {
content: "\f03f";
}
.md-list:before {
content: "\f040";
}
.md-lock:before {
content: "\f041";
}
.md-lock-open:before {
content: "\f042";
}
.md-lock-outline:before {
content: "\f043";
}
.md-loyalty:before {
content: "\f044";
}
.md-markunread-mailbox:before {
content: "\f045";
}
.md-note-add:before {
content: "\f046";
}
.md-open-in-browser:before {
content: "\f047";
}
.md-open-in-new:before {
content: "\f048";
}
.md-open-with:before {
content: "\f049";
}
.md-pageview:before {
content: "\f04a";
}
.md-payment:before {
content: "\f04b";
}
.md-perm-camera-mic:before {
content: "\f04c";
}
.md-perm-contact-cal:before {
content: "\f04d";
}
.md-perm-data-setting:before {
content: "\f04e";
}
.md-perm-device-info:before {
content: "\f04f";
}
.md-perm-identity:before {
content: "\f050";
}
.md-perm-media:before {
content: "\f051";
}
.md-perm-phone-msg:before {
content: "\f052";
}
.md-perm-scan-wifi:before {
content: "\f053";
}
.md-picture-in-picture:before {
content: "\f054";
}
.md-polymer:before {
content: "\f055";
}
.md-print:before {
content: "\f056";
}
.md-query-builder:before {
content: "\f057";
}
.md-question-answer:before {
content: "\f058";
}
.md-receipt:before {
content: "\f059";
}
.md-redeem:before {
content: "\f05a";
}
.md-report-problem:before {
content: "\f05b";
}
.md-restore:before {
content: "\f05c";
}
.md-room:before {
content: "\f05d";
}
.md-schedule:before {
content: "\f05e";
}
.md-search:before {
content: "\f05f";
}
.md-settings:before {
content: "\f060";
}
.md-settings-applications:before {
content: "\f061";
}
.md-settings-backup-restore:before {
content: "\f062";
}
.md-settings-bluetooth:before {
content: "\f063";
}
.md-settings-cell:before {
content: "\f064";
}
.md-settings-display:before {
content: "\f065";
}
.md-settings-ethernet:before {
content: "\f066";
}
.md-settings-input-antenna:before {
content: "\f067";
}
.md-settings-input-component:before {
content: "\f068";
}
.md-settings-input-composite:before {
content: "\f069";
}
.md-settings-input-hdmi:before {
content: "\f06a";
}
.md-settings-input-svideo:before {
content: "\f06b";
}
.md-settings-overscan:before {
content: "\f06c";
}
.md-settings-phone:before {
content: "\f06d";
}
.md-settings-power:before {
content: "\f06e";
}
.md-settings-remote:before {
content: "\f06f";
}
.md-settings-voice:before {
content: "\f070";
}
.md-shop:before {
content: "\f071";
}
.md-shopping-basket:before {
content: "\f072";
}
.md-shopping-cart:before {
content: "\f073";
}
.md-shop-two:before {
content: "\f074";
}
.md-speaker-notes:before {
content: "\f075";
}
.md-spellcheck:before {
content: "\f076";
}
.md-star-rate:before {
content: "\f077";
}
.md-stars:before {
content: "\f078";
}
.md-store:before {
content: "\f079";
}
.md-subject:before {
content: "\f07a";
}
.md-swap-horiz:before {
content: "\f07b";
}
.md-swap-vert:before {
content: "\f07c";
}
.md-swap-vert-circle:before {
content: "\f07d";
}
.md-system-update-tv:before {
content: "\f07e";
}
.md-tab:before {
content: "\f07f";
}
.md-tab-unselected:before {
content: "\f080";
}
.md-theaters:before {
content: "\f081";
}
.md-thumb-down:before {
content: "\f082";
}
.md-thumbs-up-down:before {
content: "\f083";
}
.md-thumb-up:before {
content: "\f084";
}
.md-toc:before {
content: "\f085";
}
.md-today:before {
content: "\f086";
}
.md-track-changes:before {
content: "\f087";
}
.md-translate:before {
content: "\f088";
}
.md-trending-down:before {
content: "\f089";
}
.md-trending-neutral:before {
content: "\f08a";
}
.md-trending-up:before {
content: "\f08b";
}
.md-turned-in:before {
content: "\f08c";
}
.md-turned-in-not:before {
content: "\f08d";
}
.md-verified-user:before {
content: "\f08e";
}
.md-view-agenda:before {
content: "\f08f";
}
.md-view-array:before {
content: "\f090";
}
.md-view-carousel:before {
content: "\f091";
}
.md-view-column:before {
content: "\f092";
}
.md-view-day:before {
content: "\f093";
}
.md-view-headline:before {
content: "\f094";
}
.md-view-list:before {
content: "\f095";
}
.md-view-module:before {
content: "\f096";
}
.md-view-quilt:before {
content: "\f097";
}
.md-view-stream:before {
content: "\f098";
}
.md-view-week:before {
content: "\f099";
}
.md-visibility:before {
content: "\f09a";
}
.md-visibility-off:before {
content: "\f09b";
}
.md-wallet-giftcard:before {
content: "\f09c";
}
.md-wallet-membership:before {
content: "\f09d";
}
.md-wallet-travel:before {
content: "\f09e";
}
.md-work:before {
content: "\f09f";
}
.md-error:before {
content: "\f0a0";
}
.md-warning:before {
content: "\f0a1";
}
.md-album:before {
content: "\f0a2";
}
.md-av-timer:before {
content: "\f0a3";
}
.md-closed-caption:before {
content: "\f0a4";
}
.md-equalizer:before {
content: "\f0a5";
}
.md-explicit:before {
content: "\f0a6";
}
.md-fast-forward:before {
content: "\f0a7";
}
.md-fast-rewind:before {
content: "\f0a8";
}
.md-games:before {
content: "\f0a9";
}
.md-hearing:before {
content: "\f0aa";
}
.md-high-quality:before {
content: "\f0ab";
}
.md-loop:before {
content: "\f0ac";
}
.md-mic:before {
content: "\f0ad";
}
.md-mic-none:before {
content: "\f0ae";
}
.md-mic-off:before {
content: "\f0af";
}
.md-movie:before {
content: "\f0b0";
}
.md-my-library-add:before {
content: "\f0b1";
}
.md-my-library-books:before {
content: "\f0b2";
}
.md-my-library-music:before {
content: "\f0b3";
}
.md-new-releases:before {
content: "\f0b4";
}
.md-not-interested:before {
content: "\f0b5";
}
.md-pause:before {
content: "\f0b6";
}
.md-pause-circle-fill:before {
content: "\f0b7";
}
.md-pause-circle-outline:before {
content: "\f0b8";
}
.md-play-arrow:before {
content: "\f0b9";
}
.md-play-circle-fill:before {
content: "\f0ba";
}
.md-play-circle-outline:before {
content: "\f0bb";
}
.md-playlist-add:before {
content: "\f0bc";
}
.md-play-shopping-bag:before {
content: "\f0bd";
}
.md-queue:before {
content: "\f0be";
}
.md-queue-music:before {
content: "\f0bf";
}
.md-radio:before {
content: "\f0c0";
}
.md-recent-actors:before {
content: "\f0c1";
}
.md-repeat:before {
content: "\f0c2";
}
.md-repeat-one:before {
content: "\f0c3";
}
.md-replay:before {
content: "\f0c4";
}
.md-shuffle:before {
content: "\f0c5";
}
.md-skip-next:before {
content: "\f0c6";
}
.md-skip-previous:before {
content: "\f0c7";
}
.md-snooze:before {
content: "\f0c8";
}
.md-stop:before {
content: "\f0c9";
}
.md-subtitles:before {
content: "\f0ca";
}
.md-surround-sound:before {
content: "\f0cb";
}
.md-videocam:before {
content: "\f0cc";
}
.md-videocam-off:before {
content: "\f0cd";
}
.md-video-collection:before {
content: "\f0ce";
}
.md-volume-down:before {
content: "\f0cf";
}
.md-volume-mute:before {
content: "\f0d0";
}
.md-volume-off:before {
content: "\f0d1";
}
.md-volume-up:before {
content: "\f0d2";
}
.md-web:before {
content: "\f0d3";
}
.md-business:before {
content: "\f0d4";
}
.md-call:before {
content: "\f0d5";
}
.md-call-end:before {
content: "\f0d6";
}
.md-call-made:before {
content: "\f0d7";
}
.md-call-merge:before {
content: "\f0d8";
}
.md-call-missed:before {
content: "\f0d9";
}
.md-call-received:before {
content: "\f0da";
}
.md-call-split:before {
content: "\f0db";
}
.md-chat:before {
content: "\f0dc";
}
.md-clear-all:before {
content: "\f0dd";
}
.md-comment:before {
content: "\f0de";
}
.md-contacts:before {
content: "\f0df";
}
.md-dialer-sip:before {
content: "\f0e0";
}
.md-dialpad:before {
content: "\f0e1";
}
.md-dnd-on:before {
content: "\f0e2";
}
.md-email:before {
content: "\f0e3";
}
.md-forum:before {
content: "\f0e4";
}
.md-import-export:before {
content: "\f0e5";
}
.md-invert-colors-off:before {
content: "\f0e6";
}
.md-invert-colors-on:before {
content: "\f0e7";
}
.md-live-help:before {
content: "\f0e8";
}
.md-location-off:before {
content: "\f0e9";
}
.md-location-on:before {
content: "\f0ea";
}
.md-message:before {
content: "\f0eb";
}
.md-messenger:before {
content: "\f0ec";
}
.md-no-sim:before {
content: "\f0ed";
}
.md-phone:before {
content: "\f0ee";
}
.md-portable-wifi-off:before {
content: "\f0ef";
}
.md-quick-contacts-dialer:before {
content: "\f0f0";
}
.md-quick-contacts-mail:before {
content: "\f0f1";
}
.md-ring-volume:before {
content: "\f0f2";
}
.md-stay-current-landscape:before {
content: "\f0f3";
}
.md-stay-current-portrait:before {
content: "\f0f4";
}
.md-stay-primary-landscape:before {
content: "\f0f5";
}
.md-stay-primary-portrait:before {
content: "\f0f6";
}
.md-swap-calls:before {
content: "\f0f7";
}
.md-textsms:before {
content: "\f0f8";
}
.md-voicemail:before {
content: "\f0f9";
}
.md-vpn-key:before {
content: "\f0fa";
}
.md-add:before {
content: "\f0fb";
}
.md-add-box:before {
content: "\f0fc";
}
.md-add-circle:before {
content: "\f0fd";
}
.md-add-circle-outline:before {
content: "\f0fe";
}
.md-archive:before {
content: "\f0ff";
}
.md-backspace:before {
content: "\f100";
}
.md-block:before {
content: "\f101";
}
.md-clear:before {
content: "\f102";
}
.md-content-copy:before {
content: "\f103";
}
.md-content-cut:before {
content: "\f104";
}
.md-content-paste:before {
content: "\f105";
}
.md-create:before {
content: "\f106";
}
.md-drafts:before {
content: "\f107";
}
.md-filter-list:before {
content: "\f108";
}
.md-flag:before {
content: "\f109";
}
.md-forward:before {
content: "\f10a";
}
.md-gesture:before {
content: "\f10b";
}
.md-inbox:before {
content: "\f10c";
}
.md-link:before {
content: "\f10d";
}
.md-mail:before {
content: "\f10e";
}
.md-markunread:before {
content: "\f10f";
}
.md-redo:before {
content: "\f110";
}
.md-remove:before {
content: "\f111";
}
.md-remove-circle:before {
content: "\f112";
}
.md-remove-circle-outline:before {
content: "\f113";
}
.md-reply:before {
content: "\f114";
}
.md-reply-all:before {
content: "\f115";
}
.md-report:before {
content: "\f116";
}
.md-save:before {
content: "\f117";
}
.md-select-all:before {
content: "\f118";
}
.md-send:before {
content: "\f119";
}
.md-sort:before {
content: "\f11a";
}
.md-text-format:before {
content: "\f11b";
}
.md-undo:before {
content: "\f11c";
}
.md-access-alarm:before {
content: "\f11d";
}
.md-access-alarms:before {
content: "\f11e";
}
.md-access-time:before {
content: "\f11f";
}
.md-add-alarm:before {
content: "\f120";
}
.md-airplanemode-off:before {
content: "\f121";
}
.md-airplanemode-on:before {
content: "\f122";
}
.md-battery-20:before {
content: "\f123";
}
.md-battery-30:before {
content: "\f124";
}
.md-battery-50:before {
content: "\f125";
}
.md-battery-60:before {
content: "\f126";
}
.md-battery-80:before {
content: "\f127";
}
.md-battery-90:before {
content: "\f128";
}
.md-battery-alert:before {
content: "\f129";
}
.md-battery-charging-20:before {
content: "\f12a";
}
.md-battery-charging-30:before {
content: "\f12b";
}
.md-battery-charging-50:before {
content: "\f12c";
}
.md-battery-charging-60:before {
content: "\f12d";
}
.md-battery-charging-80:before {
content: "\f12e";
}
.md-battery-charging-90:before {
content: "\f12f";
}
.md-battery-charging-full:before {
content: "\f130";
}
.md-battery-full:before {
content: "\f131";
}
.md-battery-std:before {
content: "\f132";
}
.md-battery-unknown:before {
content: "\f133";
}
.md-bluetooth:before {
content: "\f134";
}
.md-bluetooth-connected:before {
content: "\f135";
}
.md-bluetooth-disabled:before {
content: "\f136";
}
.md-bluetooth-searching:before {
content: "\f137";
}
.md-brightness-auto:before {
content: "\f138";
}
.md-brightness-high:before {
content: "\f139";
}
.md-brightness-low:before {
content: "\f13a";
}
.md-brightness-medium:before {
content: "\f13b";
}
.md-data-usage:before {
content: "\f13c";
}
.md-developer-mode:before {
content: "\f13d";
}
.md-devices:before {
content: "\f13e";
}
.md-dvr:before {
content: "\f13f";
}
.md-gps-fixed:before {
content: "\f140";
}
.md-gps-not-fixed:before {
content: "\f141";
}
.md-gps-off:before {
content: "\f142";
}
.md-location-disabled:before {
content: "\f143";
}
.md-location-searching:before {
content: "\f144";
}
.md-multitrack-audio:before {
content: "\f145";
}
.md-network-cell:before {
content: "\f146";
}
.md-network-wifi:before {
content: "\f147";
}
.md-nfc:before {
content: "\f148";
}
.md-now-wallpaper:before {
content: "\f149";
}
.md-now-widgets:before {
content: "\f14a";
}
.md-screen-lock-landscape:before {
content: "\f14b";
}
.md-screen-lock-portrait:before {
content: "\f14c";
}
.md-screen-lock-rotation:before {
content: "\f14d";
}
.md-screen-rotation:before {
content: "\f14e";
}
.md-sd-storage:before {
content: "\f14f";
}
.md-settings-system-daydream:before {
content: "\f150";
}
.md-signal-cellular-0-bar:before {
content: "\f151";
}
.md-signal-cellular-1-bar:before {
content: "\f152";
}
.md-signal-cellular-2-bar:before {
content: "\f153";
}
.md-signal-cellular-3-bar:before {
content: "\f154";
}
.md-signal-cellular-4-bar:before {
content: "\f155";
}
.md-signal-cellular-connected-no-internet-0-bar:before {
content: "\f156";
}
.md-signal-cellular-connected-no-internet-1-bar:before {
content: "\f157";
}
.md-signal-cellular-connected-no-internet-2-bar:before {
content: "\f158";
}
.md-signal-cellular-connected-no-internet-3-bar:before {
content: "\f159";
}
.md-signal-cellular-connected-no-internet-4-bar:before {
content: "\f15a";
}
.md-signal-cellular-no-sim:before {
content: "\f15b";
}
.md-signal-cellular-null:before {
content: "\f15c";
}
.md-signal-cellular-off:before {
content: "\f15d";
}
.md-signal-wifi-0-bar:before {
content: "\f15e";
}
.md-signal-wifi-1-bar:before {
content: "\f15f";
}
.md-signal-wifi-2-bar:before {
content: "\f160";
}
.md-signal-wifi-3-bar:before {
content: "\f161";
}
.md-signal-wifi-4-bar:before {
content: "\f162";
}
.md-signal-wifi-off:before {
content: "\f163";
}
.md-storage:before {
content: "\f164";
}
.md-usb:before {
content: "\f165";
}
.md-wifi-lock:before {
content: "\f166";
}
.md-wifi-tethering:before {
content: "\f167";
}
.md-attach-file:before {
content: "\f168";
}
.md-attach-money:before {
content: "\f169";
}
.md-border-all:before {
content: "\f16a";
}
.md-border-bottom:before {
content: "\f16b";
}
.md-border-clear:before {
content: "\f16c";
}
.md-border-color:before {
content: "\f16d";
}
.md-border-horizontal:before {
content: "\f16e";
}
.md-border-inner:before {
content: "\f16f";
}
.md-border-left:before {
content: "\f170";
}
.md-border-outer:before {
content: "\f171";
}
.md-border-right:before {
content: "\f172";
}
.md-border-style:before {
content: "\f173";
}
.md-border-top:before {
content: "\f174";
}
.md-border-vertical:before {
content: "\f175";
}
.md-format-align-center:before {
content: "\f176";
}
.md-format-align-justify:before {
content: "\f177";
}
.md-format-align-left:before {
content: "\f178";
}
.md-format-align-right:before {
content: "\f179";
}
.md-format-bold:before {
content: "\f17a";
}
.md-format-clear:before {
content: "\f17b";
}
.md-format-color-fill:before {
content: "\f17c";
}
.md-format-color-reset:before {
content: "\f17d";
}
.md-format-color-text:before {
content: "\f17e";
}
.md-format-indent-decrease:before {
content: "\f17f";
}
.md-format-indent-increase:before {
content: "\f180";
}
.md-format-italic:before {
content: "\f181";
}
.md-format-line-spacing:before {
content: "\f182";
}
.md-format-list-bulleted:before {
content: "\f183";
}
.md-format-list-numbered:before {
content: "\f184";
}
.md-format-paint:before {
content: "\f185";
}
.md-format-quote:before {
content: "\f186";
}
.md-format-size:before {
content: "\f187";
}
.md-format-strikethrough:before {
content: "\f188";
}
.md-format-textdirection-l-to-r:before {
content: "\f189";
}
.md-format-textdirection-r-to-l:before {
content: "\f18a";
}
.md-format-underline:before {
content: "\f18b";
}
.md-functions:before {
content: "\f18c";
}
.md-insert-chart:before {
content: "\f18d";
}
.md-insert-comment:before {
content: "\f18e";
}
.md-insert-drive-file:before {
content: "\f18f";
}
.md-insert-emoticon:before {
content: "\f190";
}
.md-insert-invitation:before {
content: "\f191";
}
.md-insert-link:before {
content: "\f192";
}
.md-insert-photo:before {
content: "\f193";
}
.md-merge-type:before {
content: "\f194";
}
.md-mode-comment:before {
content: "\f195";
}
.md-mode-edit:before {
content: "\f196";
}
.md-publish:before {
content: "\f197";
}
.md-vertical-align-bottom:before {
content: "\f198";
}
.md-vertical-align-center:before {
content: "\f199";
}
.md-vertical-align-top:before {
content: "\f19a";
}
.md-wrap-text:before {
content: "\f19b";
}
.md-attachment:before {
content: "\f19c";
}
.md-cloud:before {
content: "\f19d";
}
.md-cloud-circle:before {
content: "\f19e";
}
.md-cloud-done:before {
content: "\f19f";
}
.md-cloud-download:before {
content: "\f1a0";
}
.md-cloud-off:before {
content: "\f1a1";
}
.md-cloud-queue:before {
content: "\f1a2";
}
.md-cloud-upload:before {
content: "\f1a3";
}
.md-file-download:before {
content: "\f1a4";
}
.md-file-upload:before {
content: "\f1a5";
}
.md-folder:before {
content: "\f1a6";
}
.md-folder-open:before {
content: "\f1a7";
}
.md-folder-shared:before {
content: "\f1a8";
}
.md-cast:before {
content: "\f1a9";
}
.md-cast-connected:before {
content: "\f1aa";
}
.md-computer:before {
content: "\f1ab";
}
.md-desktop-mac:before {
content: "\f1ac";
}
.md-desktop-windows:before {
content: "\f1ad";
}
.md-dock:before {
content: "\f1ae";
}
.md-gamepad:before {
content: "\f1af";
}
.md-headset:before {
content: "\f1b0";
}
.md-headset-mic:before {
content: "\f1b1";
}
.md-keyboard:before {
content: "\f1b2";
}
.md-keyboard-alt:before {
content: "\f1b3";
}
.md-keyboard-arrow-down:before {
content: "\f1b4";
}
.md-keyboard-arrow-left:before {
content: "\f1b5";
}
.md-keyboard-arrow-right:before {
content: "\f1b6";
}
.md-keyboard-arrow-up:before {
content: "\f1b7";
}
.md-keyboard-backspace:before {
content: "\f1b8";
}
.md-keyboard-capslock:before {
content: "\f1b9";
}
.md-keyboard-control:before {
content: "\f1ba";
}
.md-keyboard-hide:before {
content: "\f1bb";
}
.md-keyboard-return:before {
content: "\f1bc";
}
.md-keyboard-tab:before {
content: "\f1bd";
}
.md-keyboard-voice:before {
content: "\f1be";
}
.md-laptop:before {
content: "\f1bf";
}
.md-laptop-chromebook:before {
content: "\f1c0";
}
.md-laptop-mac:before {
content: "\f1c1";
}
.md-laptop-windows:before {
content: "\f1c2";
}
.md-memory:before {
content: "\f1c3";
}
.md-mouse:before {
content: "\f1c4";
}
.md-phone-android:before {
content: "\f1c5";
}
.md-phone-iphone:before {
content: "\f1c6";
}
.md-phonelink:before {
content: "\f1c7";
}
.md-phonelink-off:before {
content: "\f1c8";
}
.md-security:before {
content: "\f1c9";
}
.md-sim-card:before {
content: "\f1ca";
}
.md-smartphone:before {
content: "\f1cb";
}
.md-speaker:before {
content: "\f1cc";
}
.md-tablet:before {
content: "\f1cd";
}
.md-tablet-android:before {
content: "\f1ce";
}
.md-tablet-mac:before {
content: "\f1cf";
}
.md-tv:before {
content: "\f1d0";
}
.md-watch:before {
content: "\f1d1";
}
.md-add-to-photos:before {
content: "\f1d2";
}
.md-adjust:before {
content: "\f1d3";
}
.md-assistant-photo:before {
content: "\f1d4";
}
.md-audiotrack:before {
content: "\f1d5";
}
.md-blur-circular:before {
content: "\f1d6";
}
.md-blur-linear:before {
content: "\f1d7";
}
.md-blur-off:before {
content: "\f1d8";
}
.md-blur-on:before {
content: "\f1d9";
}
.md-brightness-1:before {
content: "\f1da";
}
.md-brightness-2:before {
content: "\f1db";
}
.md-brightness-3:before {
content: "\f1dc";
}
.md-brightness-4:before {
content: "\f1dd";
}
.md-brightness-5:before {
content: "\f1de";
}
.md-brightness-6:before {
content: "\f1df";
}
.md-brightness-7:before {
content: "\f1e0";
}
.md-brush:before {
content: "\f1e1";
}
.md-camera:before {
content: "\f1e2";
}
.md-camera-alt:before {
content: "\f1e3";
}
.md-camera-front:before {
content: "\f1e4";
}
.md-camera-rear:before {
content: "\f1e5";
}
.md-camera-roll:before {
content: "\f1e6";
}
.md-center-focus-strong:before {
content: "\f1e7";
}
.md-center-focus-weak:before {
content: "\f1e8";
}
.md-collections:before {
content: "\f1e9";
}
.md-colorize:before {
content: "\f1ea";
}
.md-color-lens:before {
content: "\f1eb";
}
.md-compare:before {
content: "\f1ec";
}
.md-control-point:before {
content: "\f1ed";
}
.md-control-point-duplicate:before {
content: "\f1ee";
}
.md-crop:before {
content: "\f1ef";
}
.md-crop-3-2:before {
content: "\f1f0";
}
.md-crop-5-4:before {
content: "\f1f1";
}
.md-crop-7-5:before {
content: "\f1f2";
}
.md-crop-16-9:before {
content: "\f1f3";
}
.md-crop-din:before {
content: "\f1f4";
}
.md-crop-free:before {
content: "\f1f5";
}
.md-crop-landscape:before {
content: "\f1f6";
}
.md-crop-original:before {
content: "\f1f7";
}
.md-crop-portrait:before {
content: "\f1f8";
}
.md-crop-square:before {
content: "\f1f9";
}
.md-dehaze:before {
content: "\f1fa";
}
.md-details:before {
content: "\f1fb";
}
.md-edit:before {
content: "\f1fc";
}
.md-exposure:before {
content: "\f1fd";
}
.md-exposure-minus-1:before {
content: "\f1fe";
}
.md-exposure-minus-2:before {
content: "\f1ff";
}
.md-exposure-zero:before {
content: "\f200";
}
.md-exposure-plus-1:before {
content: "\f201";
}
.md-exposure-plus-2:before {
content: "\f202";
}
.md-filter:before {
content: "\f203";
}
.md-filter-1:before {
content: "\f204";
}
.md-filter-2:before {
content: "\f205";
}
.md-filter-3:before {
content: "\f206";
}
.md-filter-4:before {
content: "\f207";
}
.md-filter-5:before {
content: "\f208";
}
.md-filter-6:before {
content: "\f209";
}
.md-filter-7:before {
content: "\f20a";
}
.md-filter-8:before {
content: "\f20b";
}
.md-filter-9:before {
content: "\f20c";
}
.md-filter-9-plus:before {
content: "\f20d";
}
.md-filter-b-and-w:before {
content: "\f20e";
}
.md-filter-center-focus:before {
content: "\f20f";
}
.md-filter-drama:before {
content: "\f210";
}
.md-filter-frames:before {
content: "\f211";
}
.md-filter-hdr:before {
content: "\f212";
}
.md-filter-none:before {
content: "\f213";
}
.md-filter-tilt-shift:before {
content: "\f214";
}
.md-filter-vintage:before {
content: "\f215";
}
.md-flare:before {
content: "\f216";
}
.md-flash-auto:before {
content: "\f217";
}
.md-flash-off:before {
content: "\f218";
}
.md-flash-on:before {
content: "\f219";
}
.md-flip:before {
content: "\f21a";
}
.md-gradient:before {
content: "\f21b";
}
.md-grain:before {
content: "\f21c";
}
.md-grid-off:before {
content: "\f21d";
}
.md-grid-on:before {
content: "\f21e";
}
.md-hdr-off:before {
content: "\f21f";
}
.md-hdr-on:before {
content: "\f220";
}
.md-hdr-strong:before {
content: "\f221";
}
.md-hdr-weak:before {
content: "\f222";
}
.md-healing:before {
content: "\f223";
}
.md-image:before {
content: "\f224";
}
.md-image-aspect-ratio:before {
content: "\f225";
}
.md-iso:before {
content: "\f226";
}
.md-landscape:before {
content: "\f227";
}
.md-leak-add:before {
content: "\f228";
}
.md-leak-remove:before {
content: "\f229";
}
.md-lens:before {
content: "\f22a";
}
.md-looks:before {
content: "\f22b";
}
.md-looks-1:before {
content: "\f22c";
}
.md-looks-2:before {
content: "\f22d";
}
.md-looks-3:before {
content: "\f22e";
}
.md-looks-4:before {
content: "\f22f";
}
.md-looks-5:before {
content: "\f230";
}
.md-looks-6:before {
content: "\f231";
}
.md-loupe:before {
content: "\f232";
}
.md-movie-creation:before {
content: "\f233";
}
.md-nature:before {
content: "\f234";
}
.md-nature-people:before {
content: "\f235";
}
.md-navigate-before:before {
content: "\f236";
}
.md-navigate-next:before {
content: "\f237";
}
.md-palette:before {
content: "\f238";
}
.md-panorama:before {
content: "\f239";
}
.md-panorama-fisheye:before {
content: "\f23a";
}
.md-panorama-horizontal:before {
content: "\f23b";
}
.md-panorama-vertical:before {
content: "\f23c";
}
.md-panorama-wide-angle:before {
content: "\f23d";
}
.md-photo:before {
content: "\f23e";
}
.md-photo-album:before {
content: "\f23f";
}
.md-photo-camera:before {
content: "\f240";
}
.md-photo-library:before {
content: "\f241";
}
.md-portrait:before {
content: "\f242";
}
.md-remove-red-eye:before {
content: "\f243";
}
.md-rotate-left:before {
content: "\f244";
}
.md-rotate-right:before {
content: "\f245";
}
.md-slideshow:before {
content: "\f246";
}
.md-straighten:before {
content: "\f247";
}
.md-style:before {
content: "\f248";
}
.md-switch-camera:before {
content: "\f249";
}
.md-switch-video:before {
content: "\f24a";
}
.md-tag-faces:before {
content: "\f24b";
}
.md-texture:before {
content: "\f24c";
}
.md-timelapse:before {
content: "\f24d";
}
.md-timer:before {
content: "\f24e";
}
.md-timer-3:before {
content: "\f24f";
}
.md-timer-10:before {
content: "\f250";
}
.md-timer-auto:before {
content: "\f251";
}
.md-timer-off:before {
content: "\f252";
}
.md-tonality:before {
content: "\f253";
}
.md-transform:before {
content: "\f254";
}
.md-tune:before {
content: "\f255";
}
.md-wb-auto:before {
content: "\f256";
}
.md-wb-cloudy:before {
content: "\f257";
}
.md-wb-incandescent:before {
content: "\f258";
}
.md-wb-irradescent:before {
content: "\f259";
}
.md-wb-sunny:before {
content: "\f25a";
}
.md-beenhere:before {
content: "\f25b";
}
.md-directions:before {
content: "\f25c";
}
.md-directions-bike:before {
content: "\f25d";
}
.md-directions-bus:before {
content: "\f25e";
}
.md-directions-car:before {
content: "\f25f";
}
.md-directions-ferry:before {
content: "\f260";
}
.md-directions-subway:before {
content: "\f261";
}
.md-directions-train:before {
content: "\f262";
}
.md-directions-transit:before {
content: "\f263";
}
.md-directions-walk:before {
content: "\f264";
}
.md-flight:before {
content: "\f265";
}
.md-hotel:before {
content: "\f266";
}
.md-layers:before {
content: "\f267";
}
.md-layers-clear:before {
content: "\f268";
}
.md-local-airport:before {
content: "\f269";
}
.md-local-atm:before {
content: "\f26a";
}
.md-local-attraction:before {
content: "\f26b";
}
.md-local-bar:before {
content: "\f26c";
}
.md-local-cafe:before {
content: "\f26d";
}
.md-local-car-wash:before {
content: "\f26e";
}
.md-local-convenience-store:before {
content: "\f26f";
}
.md-local-drink:before {
content: "\f270";
}
.md-local-florist:before {
content: "\f271";
}
.md-local-gas-station:before {
content: "\f272";
}
.md-local-grocery-store:before {
content: "\f273";
}
.md-local-hospital:before {
content: "\f274";
}
.md-local-hotel:before {
content: "\f275";
}
.md-local-laundry-service:before {
content: "\f276";
}
.md-local-library:before {
content: "\f277";
}
.md-local-mall:before {
content: "\f278";
}
.md-local-movies:before {
content: "\f279";
}
.md-local-offer:before {
content: "\f27a";
}
.md-local-parking:before {
content: "\f27b";
}
.md-local-pharmacy:before {
content: "\f27c";
}
.md-local-phone:before {
content: "\f27d";
}
.md-local-pizza:before {
content: "\f27e";
}
.md-local-play:before {
content: "\f27f";
}
.md-local-post-office:before {
content: "\f280";
}
.md-local-print-shop:before {
content: "\f281";
}
.md-local-restaurant:before {
content: "\f282";
}
.md-local-see:before {
content: "\f283";
}
.md-local-shipping:before {
content: "\f284";
}
.md-local-taxi:before {
content: "\f285";
}
.md-location-history:before {
content: "\f286";
}
.md-map:before {
content: "\f287";
}
.md-my-location:before {
content: "\f288";
}
.md-navigation:before {
content: "\f289";
}
.md-pin-drop:before {
content: "\f28a";
}
.md-place:before {
content: "\f28b";
}
.md-rate-review:before {
content: "\f28c";
}
.md-restaurant-menu:before {
content: "\f28d";
}
.md-satellite:before {
content: "\f28e";
}
.md-store-mall-directory:before {
content: "\f28f";
}
.md-terrain:before {
content: "\f290";
}
.md-traffic:before {
content: "\f291";
}
.md-apps:before {
content: "\f292";
}
.md-cancel:before {
content: "\f293";
}
.md-arrow-drop-down-circle:before {
content: "\f294";
}
.md-arrow-drop-down:before {
content: "\f295";
}
.md-arrow-drop-up:before {
content: "\f296";
}
.md-arrow-back:before {
content: "\f297";
}
.md-arrow-forward:before {
content: "\f298";
}
.md-check:before {
content: "\f299";
}
.md-close:before {
content: "\f29a";
}
.md-chevron-left:before {
content: "\f29b";
}
.md-chevron-right:before {
content: "\f29c";
}
.md-expand-less:before {
content: "\f29d";
}
.md-expand-more:before {
content: "\f29e";
}
.md-fullscreen:before {
content: "\f29f";
}
.md-fullscreen-exit:before {
content: "\f2a0";
}
.md-menu:before {
content: "\f2a1";
}
.md-more-horiz:before {
content: "\f2a2";
}
.md-more-vert:before {
content: "\f2a3";
}
.md-refresh:before {
content: "\f2a4";
}
.md-unfold-less:before {
content: "\f2a5";
}
.md-unfold-more:before {
content: "\f2a6";
}
.md-adb:before {
content: "\f2a7";
}
.md-bluetooth-audio:before {
content: "\f2a8";
}
.md-disc-full:before {
content: "\f2a9";
}
.md-dnd-forwardslash:before {
content: "\f2aa";
}
.md-do-not-disturb:before {
content: "\f2ab";
}
.md-drive-eta:before {
content: "\f2ac";
}
.md-event-available:before {
content: "\f2ad";
}
.md-event-busy:before {
content: "\f2ae";
}
.md-event-note:before {
content: "\f2af";
}
.md-folder-special:before {
content: "\f2b0";
}
.md-mms:before {
content: "\f2b1";
}
.md-more:before {
content: "\f2b2";
}
.md-network-locked:before {
content: "\f2b3";
}
.md-phone-bluetooth-speaker:before {
content: "\f2b4";
}
.md-phone-forwarded:before {
content: "\f2b5";
}
.md-phone-in-talk:before {
content: "\f2b6";
}
.md-phone-locked:before {
content: "\f2b7";
}
.md-phone-missed:before {
content: "\f2b8";
}
.md-phone-paused:before {
content: "\f2b9";
}
.md-play-download:before {
content: "\f2ba";
}
.md-play-install:before {
content: "\f2bb";
}
.md-sd-card:before {
content: "\f2bc";
}
.md-sim-card-alert:before {
content: "\f2bd";
}
.md-sms:before {
content: "\f2be";
}
.md-sms-failed:before {
content: "\f2bf";
}
.md-sync:before {
content: "\f2c0";
}
.md-sync-disabled:before {
content: "\f2c1";
}
.md-sync-problem:before {
content: "\f2c2";
}
.md-system-update:before {
content: "\f2c3";
}
.md-tap-and-play:before {
content: "\f2c4";
}
.md-time-to-leave:before {
content: "\f2c5";
}
.md-vibration:before {
content: "\f2c6";
}
.md-voice-chat:before {
content: "\f2c7";
}
.md-vpn-lock:before {
content: "\f2c8";
}
.md-cake:before {
content: "\f2c9";
}
.md-domain:before {
content: "\f2ca";
}
.md-location-city:before {
content: "\f2cb";
}
.md-mood:before {
content: "\f2cc";
}
.md-notifications-none:before {
content: "\f2cd";
}
.md-notifications:before {
content: "\f2ce";
}
.md-notifications-off:before {
content: "\f2cf";
}
.md-notifications-on:before {
content: "\f2d0";
}
.md-notifications-paused:before {
content: "\f2d1";
}
.md-pages:before {
content: "\f2d2";
}
.md-party-mode:before {
content: "\f2d3";
}
.md-group:before {
content: "\f2d4";
}
.md-group-add:before {
content: "\f2d5";
}
.md-people:before {
content: "\f2d6";
}
.md-people-outline:before {
content: "\f2d7";
}
.md-person:before {
content: "\f2d8";
}
.md-person-add:before {
content: "\f2d9";
}
.md-person-outline:before {
content: "\f2da";
}
.md-plus-one:before {
content: "\f2db";
}
.md-poll:before {
content: "\f2dc";
}
.md-public:before {
content: "\f2dd";
}
.md-school:before {
content: "\f2de";
}
.md-share:before {
content: "\f2df";
}
.md-whatshot:before {
content: "\f2e0";
}
.md-check-box:before {
content: "\f2e1";
}
.md-check-box-outline-blank:before {
content: "\f2e2";
}
.md-radio-button-off:before {
content: "\f2e3";
}
.md-radio-button-on:before {
content: "\f2e4";
}
.md-star:before {
content: "\f2e5";
}
.md-star-half:before {
content: "\f2e6";
}
.md-star-outline:before {
content: "\f2e7";
}
.sidebar-overlay {
visibility: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background: #000;
z-index: 1034;
-webkit-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.sidebar-overlay.active {
opacity: 0.5;
visibility: visible;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.top-bar {
height: 25px;
background: rgba(0, 0, 0, 0.1);
}
/* -- Google typography ------------------------------- */
.headline {
font-size: 24px;
font-weight: 300;
line-height: 1.1;
color: #212121;
text-transform: inherit;
letter-spacing: inherit;
}
.subhead {
font-size: 16px;
font-weight: 300;
line-height: 1.1;
color: #212121;
text-transform: inherit;
letter-spacing: inherit;
}
/* -- Bootstrap-like style ------------------------------- */
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropdown-menu {
display: none;
}
/* -- Constructor style ------------------------------- */
.constructor {
position: relative;
margin: 0;
padding: 0 50px;
-webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.sidebar,
.wrapper {
display: table-cell;
vertical-align: top;
}
.sidebar-stacked.open + .wrapper .constructor {
margin-left: 280px;
}
@media (max-width: 768px) {
.sidebar-stacked.open + .wrapper .constructor {
margin-left: 240px;
}
}
/* -- Sidebar style ------------------------------- */
.sidebar {
position: relative;
display: block;
min-height: 100%;
overflow-y: auto;
overflow-x: hidden;
border: none;
-webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.sidebar:before,
.sidebar:after {
content: " ";
display: table;
}
.sidebar:after {
clear: both;
}
.sidebar::-webkit-scrollbar-track {
border-radius: 2px;
}
.sidebar::-webkit-scrollbar {
width: 5px;
background-color: #F7F7F7;
}
.sidebar::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #BFBFBF;
}
.sidebar .sidebar-header {
position: relative;
height: 157.5px;
margin-bottom: 8px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.sidebar .sidebar-header.header-cover {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.sidebar .sidebar-header:hover .sidebar-toggle {
opacity: 1;
}
.sidebar .sidebar-toggle {
position: relative;
float: right;
margin: 16px;
padding: 0;
background-image: none;
border: none;
height: 40px;
width: 40px;
font-size: 20px;
opacity: 0.7;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.sidebar .sidebar-toggle:before,
.sidebar .sidebar-toggle:after {
content: " ";
display: table;
}
.sidebar .sidebar-toggle:after {
clear: both;
}
.sidebar .icon-material-sidebar-arrow:before {
content: "\e610";
}
.sidebar .sidebar-image img {
width: 54px;
height: 54px;
margin: 16px;
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.sidebar .sidebar-brand {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
height: 48px;
line-height: 48px;
padding: 0;
padding-left: 16px;
padding-right: 56px;
text-decoration: none;
clear: both;
font-weight: 500;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.sidebar .sidebar-brand:hover,
.sidebar .sidebar-brand:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.sidebar .sidebar-brand .caret {
position: absolute;
right: 24px;
top: 24px;
}
.sidebar .sidebar-brand .sidebar-badge {
position: absolute;
right: 16px;
top: 12px;
}
.sidebar .sidebar-brand:hover,
.sidebar .sidebar-brand:focus {
text-decoration: none;
}
.sidebar .sidebar-badge {
display: inline-block;
min-width: 24px;
height: 24px;
line-height: 24px;
padding: 0 3px;
font-size: 10px;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
.sidebar .sidebar-badge.badge-circle {
border-radius: 50%;
}
.sidebar .sidebar-divider,
.sidebar .sidebar-nav .divider {
position: relative;
display: block;
height: 1px;
margin: 8px 0;
padding: 0;
overflow: hidden;
}
.sidebar .sidebar-text {
display: block;
height: 48px;
line-height: 48px;
padding: 0;
padding-left: 16px;
padding-right: 56px;
text-decoration: none;
clear: both;
font-weight: 500;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.sidebar .sidebar-text:hover,
.sidebar .sidebar-text:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.sidebar .sidebar-text .caret {
position: absolute;
right: 24px;
top: 24px;
}
.sidebar .sidebar-text .sidebar-badge {
position: absolute;
right: 16px;
top: 12px;
}
.sidebar .sidebar-icon {
display: inline-block;
margin-right: 16px;
min-width: 40px;
width: 40px;
text-align: left;
font-size: 20px;
}
.sidebar .sidebar-icon:before,
.sidebar .sidebar-icon:after {
vertical-align: middle;
}
.sidebar .sidebar-nav {
margin: 0;
padding: 0;
}
.sidebar .sidebar-nav li {
position: relative;
list-style-type: none;
}
.sidebar .sidebar-nav li a {
position: relative;
cursor: pointer;
user-select: none;
display: block;
height: 48px;
line-height: 48px;
padding: 0;
padding-left: 16px;
padding-right: 56px;
text-decoration: none;
clear: both;
font-weight: 500;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.sidebar .sidebar-nav li a:hover,
.sidebar .sidebar-nav li a:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.sidebar .sidebar-nav li a .caret {
position: absolute;
right: 24px;
top: 24px;
}
.sidebar .sidebar-nav li a .sidebar-badge {
position: absolute;
right: 16px;
top: 12px;
}
.sidebar .sidebar-nav li a:hover {
background: transparent;
}
.sidebar .sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.sidebar-default {
background-color: #ffffff;
}
.sidebar-default .sidebar-header {
background-color: #eceff1;
}
.sidebar-default .sidebar-toggle {
color: #212121;
background-color: transparent;
}
.sidebar-default .sidebar-brand {
color: #757575;
background-color: transparent;
}
.sidebar-default .sidebar-brand:hover,
.sidebar-default .sidebar-brand:focus {
color: #212121;
background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-default .sidebar-badge {
color: #ffffff;
background-color: #bdbdbd;
}
.sidebar-default .sidebar-divider,
.sidebar-default .sidebar-nav .divider {
background-color: #bdbdbd;
}
.sidebar-default .sidebar-text {
color: #212121;
}
.sidebar-default .sidebar-nav li > a {
color: #212121;
background-color: transparent;
}
.sidebar-default .sidebar-nav li > a i {
color: #757575;
}
.sidebar-default .sidebar-nav li:hover > a,
.sidebar-default .sidebar-nav li > a:hover {
color: #212121;
background-color: #e0e0e0;
}
.sidebar-default .sidebar-nav li:hover > a i,
.sidebar-default .sidebar-nav li > a:hover i {
color: #757575;
}
.sidebar-default .sidebar-nav li:focus > a,
.sidebar-default .sidebar-nav li > a:focus {
color: #212121;
background-color: transparent;
}
.sidebar-default .sidebar-nav li:focus > a i,
.sidebar-default .sidebar-nav li > a:focus i {
color: #757575;
}
.sidebar-default .sidebar-nav > .open > a,
.sidebar-default .sidebar-nav > .open > a:hover,
.sidebar-default .sidebar-nav > .open > a:focus {
color: #212121;
background-color: #e0e0e0;
}
.sidebar-default .sidebar-nav > .active > a,
.sidebar-default .sidebar-nav > .active > a:hover,
.sidebar-default .sidebar-nav > .active > a:focus {
color: #212121;
background-color: #e0e0e0;
}
.sidebar-default .sidebar-nav > .disabled > a,
.sidebar-default .sidebar-nav > .disabled > a:hover,
.sidebar-default .sidebar-nav > .disabled > a:focus {
color: #e0e0e0;
background-color: transparent;
}
.sidebar-default .sidebar-nav > .dropdown > .dropdown-menu {
background-color: #e0e0e0;
}
.sidebar-default .sidebar-nav > .dropdown > .dropdown-menu > li > a:focus {
background-color: #e0e0e0;
color: #212121;
}
.sidebar-default .sidebar-nav > .dropdown > .dropdown-menu > li > a:hover {
background-color: #cecece;
color: #212121;
}
.sidebar-default .sidebar-nav > .dropdown > .dropdown-menu > .active > a,
.sidebar-default .sidebar-nav > .dropdown > .dropdown-menu > .active > a:hover,
.sidebar-default .sidebar-nav > .dropdown > .dropdown-menu > .active > a:focus {
color: #212121;
background-color: #e0e0e0;
}
.sidebar-inverse {
background-color: #212121;
}
.sidebar-inverse .sidebar-header {
background-color: #eceff1;
}
.sidebar-inverse .sidebar-toggle {
color: #212121;
background-color: transparent;
}
.sidebar-inverse .sidebar-brand {
color: #757575;
background-color: transparent;
}
.sidebar-inverse .sidebar-brand:hover,
.sidebar-inverse .sidebar-brand:focus {
color: #212121;
background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-inverse .sidebar-badge {
color: #212121;
background-color: #e0e0e0;
}
.sidebar-inverse .sidebar-divider,
.sidebar-inverse .sidebar-nav .divider {
background-color: #bdbdbd;
}
.sidebar-inverse .sidebar-text {
color: #f5f5f5;
}
.sidebar-inverse .sidebar-nav li > a {
color: #f5f5f5;
background-color: transparent;
}
.sidebar-inverse .sidebar-nav li > a i {
color: #bdbdbd;
}
.sidebar-inverse .sidebar-nav li:hover > a,
.sidebar-inverse .sidebar-nav li > a:hover {
color: #bdbdbd;
background-color: #000000;
}
.sidebar-inverse .sidebar-nav li:hover > a i,
.sidebar-inverse .sidebar-nav li > a:hover i {
color: #bdbdbd;
}
.sidebar-inverse .sidebar-nav li:focus > a,
.sidebar-inverse .sidebar-nav li > a:focus {
color: #f5f5f5;
background-color: transparent;
}
.sidebar-inverse .sidebar-nav li:focus > a i,
.sidebar-inverse .sidebar-nav li > a:focus i {
color: #bdbdbd;
}
.sidebar-inverse .sidebar-nav > .open > a,
.sidebar-inverse .sidebar-nav > .open > a:hover,
.sidebar-inverse .sidebar-nav > .open > a:focus {
color: #bdbdbd;
background-color: #000000;
}
.sidebar-inverse .sidebar-nav > .active > a,
.sidebar-inverse .sidebar-nav > .active > a:hover,
.sidebar-inverse .sidebar-nav > .active > a:focus {
color: #f5f5f5;
background-color: #000000;
}
.sidebar-inverse .sidebar-nav > .disabled > a,
.sidebar-inverse .sidebar-nav > .disabled > a:hover,
.sidebar-inverse .sidebar-nav > .disabled > a:focus {
color: #757575;
background-color: transparent;
}
.sidebar-inverse .sidebar-nav > .dropdown > .dropdown-menu {
background-color: #000000;
}
.sidebar-inverse .sidebar-nav > .dropdown > .dropdown-menu > li > a:focus {
background-color: #000000;
color: #bdbdbd;
}
.sidebar-inverse .sidebar-nav > .dropdown > .dropdown-menu > li > a:hover {
background-color: #000000;
color: #bdbdbd;
}
.sidebar-inverse .sidebar-nav > .dropdown > .dropdown-menu > .active > a,
.sidebar-inverse .sidebar-nav > .dropdown > .dropdown-menu > .active > a:hover,
.sidebar-inverse .sidebar-nav > .dropdown > .dropdown-menu > .active > a:focus {
color: #f5f5f5;
background-color: #000000;
}
.sidebar-colored {
background-color: #ffffff;
}
.sidebar-colored .sidebar-header {
background-color: #e91e63;
}
.sidebar-colored .sidebar-toggle {
color: #f5f5f5;
background-color: transparent;
}
.sidebar-colored .sidebar-brand {
color: #e0e0e0;
background-color: transparent;
}
.sidebar-colored .sidebar-brand:hover,
.sidebar-colored .sidebar-brand:focus {
color: #f5f5f5;
background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-colored .sidebar-badge {
color: #ffffff;
background-color: #ec407a;
}
.sidebar-colored .sidebar-divider,
.sidebar-colored .sidebar-nav .divider {
background-color: #bdbdbd;
}
.sidebar-colored .sidebar-text {
color: #212121;
}
.sidebar-colored .sidebar-nav li > a {
color: #212121;
background-color: transparent;
}
.sidebar-colored .sidebar-nav li > a i {
color: #757575;
}
.sidebar-colored .sidebar-nav li:hover > a,
.sidebar-colored .sidebar-nav li > a:hover {
color: #e91e63;
background-color: #e0e0e0;
}
.sidebar-colored .sidebar-nav li:hover > a i,
.sidebar-colored .sidebar-nav li > a:hover i {
color: #f06292;
}
.sidebar-colored .sidebar-nav li:focus > a,
.sidebar-colored .sidebar-nav li > a:focus {
color: #212121;
background-color: transparent;
}
.sidebar-colored .sidebar-nav li:focus > a i,
.sidebar-colored .sidebar-nav li > a:focus i {
color: #f06292;
}
.sidebar-colored .sidebar-nav > .open > a,
.sidebar-colored .sidebar-nav > .open > a:hover,
.sidebar-colored .sidebar-nav > .open > a:focus {
color: #e91e63;
background-color: #e0e0e0;
}
.sidebar-colored .sidebar-nav > .active > a,
.sidebar-colored .sidebar-nav > .active > a:hover,
.sidebar-colored .sidebar-nav > .active > a:focus {
color: #212121;
background-color: #f5f5f5;
}
.sidebar-colored .sidebar-nav > .disabled > a,
.sidebar-colored .sidebar-nav > .disabled > a:hover,
.sidebar-colored .sidebar-nav > .disabled > a:focus {
color: #e0e0e0;
background-color: transparent;
}
.sidebar-colored .sidebar-nav > .dropdown > .dropdown-menu {
background-color: #e0e0e0;
}
.sidebar-colored .sidebar-nav > .dropdown > .dropdown-menu > li > a:focus {
background-color: #e0e0e0;
color: #e91e63;
}
.sidebar-colored .sidebar-nav > .dropdown > .dropdown-menu > li > a:hover {
background-color: #cecece;
color: #e91e63;
}
.sidebar-colored .sidebar-nav > .dropdown > .dropdown-menu > .active > a,
.sidebar-colored .sidebar-nav > .dropdown > .dropdown-menu > .active > a:hover,
.sidebar-colored .sidebar-nav > .dropdown > .dropdown-menu > .active > a:focus {
color: #212121;
background-color: #f5f5f5;
}
.sidebar-colored-inverse {
background-color: #e91e63;
}
.sidebar-colored-inverse .sidebar-header {
background-color: #eceff1;
}
.sidebar-colored-inverse .sidebar-toggle {
color: #212121;
background-color: transparent;
}
.sidebar-colored-inverse .sidebar-brand {
color: #757575;
background-color: transparent;
}
.sidebar-colored-inverse .sidebar-brand:hover,
.sidebar-colored-inverse .sidebar-brand:focus {
color: #212121;
background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-colored-inverse .sidebar-badge {
color: #212121;
background-color: #e0e0e0;
}
.sidebar-colored-inverse .sidebar-divider,
.sidebar-colored-inverse .sidebar-nav .divider {
background-color: #bdbdbd;
}
.sidebar-colored-inverse .sidebar-text {
color: #e0e0e0;
}
.sidebar-colored-inverse .sidebar-nav li > a {
color: #f5f5f5;
background-color: transparent;
}
.sidebar-colored-inverse .sidebar-nav li > a i {
color: #e0e0e0;
}
.sidebar-colored-inverse .sidebar-nav li:hover > a,
.sidebar-colored-inverse .sidebar-nav li > a:hover {
color: #f5f5f5;
background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-colored-inverse .sidebar-nav li:hover > a i,
.sidebar-colored-inverse .sidebar-nav li > a:hover i {
color: #f5f5f5;
}
.sidebar-colored-inverse .sidebar-nav li:focus > a,
.sidebar-colored-inverse .sidebar-nav li > a:focus {
color: #f5f5f5;
background-color: transparent;
}
.sidebar-colored-inverse .sidebar-nav li:focus > a i,
.sidebar-colored-inverse .sidebar-nav li > a:focus i {
color: #f5f5f5;
}
.sidebar-colored-inverse .sidebar-nav > .open > a,
.sidebar-colored-inverse .sidebar-nav > .open > a:hover,
.sidebar-colored-inverse .sidebar-nav > .open > a:focus {
color: #f5f5f5;
background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-colored-inverse .sidebar-nav > .active > a,
.sidebar-colored-inverse .sidebar-nav > .active > a:hover,
.sidebar-colored-inverse .sidebar-nav > .active > a:focus {
color: #f5f5f5;
background-color: rgba(0, 0, 0, 0.2);
}
.sidebar-colored-inverse .sidebar-nav > .disabled > a,
.sidebar-colored-inverse .sidebar-nav > .disabled > a:hover,
.sidebar-colored-inverse .sidebar-nav > .disabled > a:focus {
color: #bdbdbd;
background-color: transparent;
}
.sidebar-colored-inverse .sidebar-nav > .dropdown > .dropdown-menu {
background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-colored-inverse .sidebar-nav > .dropdown > .dropdown-menu > li > a:focus {
background-color: rgba(0, 0, 0, 0.1);
color: #f5f5f5;
}
.sidebar-colored-inverse .sidebar-nav > .dropdown > .dropdown-menu > li > a:hover {
background-color: rgba(0, 0, 0, 0.1);
color: #f5f5f5;
}
.sidebar-colored-inverse .sidebar-nav > .dropdown > .dropdown-menu > .active > a,
.sidebar-colored-inverse .sidebar-nav > .dropdown > .dropdown-menu > .active > a:hover,
.sidebar-colored-inverse .sidebar-nav > .dropdown > .dropdown-menu > .active > a:focus {
color: #f5f5f5;
background-color: rgba(0, 0, 0, 0.2);
}
.sidebar {
width: 0;
-webkit-transform: translate3d(-280px, 0, 0);
transform: translate3d(-280px, 0, 0);
}
.sidebar.open {
min-width: 280px;
width: 280px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sidebar-fixed-left,
.sidebar-fixed-right,
.sidebar-stacked {
position: fixed;
top: 0;
bottom: 0;
z-index: 1035;
}
.sidebar-stacked {
left: 0;
}
.sidebar-fixed-left {
left: 0;
box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.35);
}
.sidebar-fixed-right {
right: 0;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.35);
-webkit-transform: translate3d(280px, 0, 0);
transform: translate3d(280px, 0, 0);
}
.sidebar-fixed-right.open {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sidebar-fixed-right .icon-material-sidebar-arrow:before {
content: "\e614";
}
@media (max-width: 768px) {
.sidebar.open {
min-width: 240px;
width: 240px;
}
.sidebar .sidebar-header {
height: 135px;
}
.sidebar .sidebar-image img {
width: 44px;
height: 44px;
}
}
.navbar {
background-color: #fff;
bottom: 0;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);
box-shadow: 0 0 6px rgba(0,0,0,0.1);
left: 0;
overflow-y: auto;
position: fixed;
-webkit-transition-duration: .436s;
transition-duration: .436s;
-webkit-transition-property: margin-left;
transition-property: margin-left;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
width: 240px;
z-index: 701;
}
.navbutton {
background-position: left 30px center;
background-repeat: no-repeat;
-webkit-background-size: 18px 18px;
background-size: 18px 18px;
border: 1px solid transparent;
color: #000;
display: block;
font-size: 14px;
font-weight: 500;
opacity: .6;
padding: 14px 15px 13px 60px;
}
.lightBulb {
background-position: left 30px center;
background-repeat: no-repeat;
-webkit-background-size: 18px 18px;
background-size: 18px 18px;
border: 1px solid transparent;
color: #000;
display: block;
font-size: 14px;
font-weight: 500;
opacity: .6;
padding: 14px 15px 13px 60px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAyMCAyMCIgdmVyc2lvbj0iMS4xIiB5PSIwcHgiIHg9IjBweCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIj4KCQkJPGltYWdlIG9wYWNpdHk9Ii4xIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQWNvQUFBSGpDQVlBQUFDalAxOGlBQUFBQ1hCSVdYTUFBQzRqQUFBdUl3RjRwVDkyQUFBQSBHWFJGV0hSVGIyWjBkMkZ5WlFCQlpHOWlaU0JKYldGblpWSmxZV1I1Y2NsbFBBQUFQaE5KUkVGVWVOcnNuZHZQSk1kNW43dm5zQWVKIDNPVkJsSlFna2gyRXNIVW54WWFSeXhpNThwK2NTd081aUlFNHRwT0xJQWg0b1lTQ3ZaUkVrYnNVdWZ6Mm0wTzZacnBtcW52NlVJZTMgcXF0N25nY1k3Vkw3ZlhQbzdxbG5mbSs5VlZNVUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQSBBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBIEFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUEgQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQSBBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFDd0tFb09BY0FzM29OSERoVUFvZ1RnL1NRTGNnVkFsQUM4WHhBcEFHOThBTjRYIENCU0FBUUdBOXdEeUJHQ1FBT0I2UjU0QURCd0FYTnZJRTREQkJJRHJHWkFtTUxBQWNQMEM0Z1FHR2dDdVdVQ2FBQXc2d0hVS1NCT0EgQVFpNFBnRmhBakFRQWRja0lFMEFCaVhnV2dSQW1NRGdCRngvSEFKQW1zQkFCY0IxQndnVEdMQUF1TjRBWVFJREZ3RFhHU0JNWUFBRCA0UG9DaEFuQVFBWmNWNEF3QVJqUWdPc0pFQ1lBQXh0d0hRRWdUR0NBQTY0ZkFJUUpESFRBZFFPQU1JRUJEN2htQUpBbE1PZ0Ixd29BIHdnUUdQK0FhQVVDWXdDQUlYQjhBeUJJWUNBRzRMZ0FRSmpBZ0F0ZkRrbzhwZ3p2SEZCZ1lnV3VCNDhhZ3ozRUQzdVRBTmNCeFFnUWMgSitETkQ1eC9qZ3RTNExnQUF3Snc3amtXQ0lKakFRd1F3RG5uR0NBTGpnRXdZQURubTljT0NJUFh6dUFCbkdkZU55QU9YamN3a0hDTyBlYjJBUEhpOXdLQUNkM2QrdVk2UkNLOFRHR0NBYzh2MWkwaDRqY0JBQTV4VFhoL1M1UFVCZ3c1d1BubHRjQmRDUVpZTVBzQzU1SFVCIFVrR1dESzdBZWVUMUFITGg5VERBQXVlUTF3SUlodGNDREV5Y1AxNEhJQmxlQnpCQWNkNTRIVG54WWZVYS95cmkvZitodXYzOS9RekMgUjE0RE1GQUJrcHdaUDY1dXYrcDVMWWY2Ulg0UThmRWZxOXZyNnJidCtmYzMxZTN2S0dIeU9vREJpdlBGYTVoS2lwdnE5c09Nbi9PdSB1bjI3VEhtU0xvRkJDeFozdm1iMTNPY294VHVWNTV4bGd5Z1p2SUJ6TmEvbmJjNG5Ma1dLUHZLYzZiem5YS1dETEJuRUFFbk9JeldtIG1FK2NDKzE1enhtbFRXUUpETUNjSTU0enFaRzB1VkR4SUVzR05MaVQ4NU8xSVArUzFDaVdOcjlCbUR4ZkJtTGczTXovK2VyMFNGazEgbmpDMythZE1aQW1Ja3ZQQ2N5VTlraklYSmlCa3lTQUhTRExPYzZrRVdTRElySVNaMjZBL0Z3RWhTZ1k2V01BNXlVNlF2eXpPWlVBRSBtWWN3djY2bCtZOElFMWt5S0FPU1JKQXdTMkVpUzBDVW5JdkZQc2ZaQ0ZLSjRvOEpqcGxhNXZKK3hvTnF4c0pFbG9Bb09ROElja29oIHFoRnVuK2prckdjZ1VJU0pMQm1nQVVuZWdTQzdwSmhLaUJJQ3pVR2VtUXFUOWFDQUtEa0hzM3R1V1FpeUxjWmNwZWdyenluRm1hRXcga1NVZ1NvNy9MSjdiNlhHVkdQOXFBa0V1VFl4ekVLYzY1cit1YnYrVWh4aVFKU0JLam4zK2d2eFY0aFJweW5IcFluUVJaMHBwNm5UNSBOY0pFbGd5S2tQbXhMNmQ2ek5TQ1JJNTVTck5IbU1nU1VUSlljOXlSWktveXF4WWtjdlNUWmtwaC9qcVBkSWtzQVZGeXpDZDVUa2xUIDVPVHA4YjNxOW1tRSs2MWVWUEhaY2xObVJ1VllaTW1nRFVoeW1Ta3lXWG9jRStHbS9obHBkclVzSnhKcHFwU1pTYnBFbGd6Y2NLZkggdTB6OVdMRlRaUFQwMkNYRldDS01JZElJOGt5Uk1qTkpsN21KQ1ZFaVNvNzFFaVVaSzBWR1M0OXRNUVpLY1Y4OXVZY0gvMk8vV2hYRiBzMmNCQTJSYm5zTGlqSjB5TTBpWHlKTEJHNURrdkZLa3VDQUZ4RGdrdzJQMVJBK0hnQU5hbm1VcEp0Rkk0b3dwekF6U0piSmtBSWVGIEgrZmtrb3lSSXFNSjBsR01YVklNbGFHa1JKM2xxY1U1RTJGT21DNzUyakFHY0NCTjVpbEpVVUdhNmRGQ2tEbEpNYm84emFRcElNMVkgd3B4UWxxUktCbkVnVGVZcHlXK3EreGNUcEtNYy9hWDRnK3IyYnlJYzZyZlY3Zk1nZVRwSlUwaVlUNUVsb21RUWh6dVZaTFQ1U0pFVSBhWmtlMjZuUlhvNURNbHpYL3k2Tk9ocmZCVW0wblRnSHhTbVVNbU9reXdubkxaRWxBemtneWVsU3BLZ2dSOUtqRnFTZEdMdWtHRXVHIGtoSWRsNmNXNTJqU0ZFaVpzWVE1UWJwRWxnem1NUE5qTzF0SkJwVlpMUVJwWDFadGl6RTNLZnJLczErYzF1VlpJV0ZLbG1QdlhKYUkgRWxGeVhETjdMdUtTREU2UkRvTHNsK05TeENnalRxdVVHU2hNNlhRNWdTeEpsUXpvUUpxOHZXL0orY2pZZ3JSTGoxcVFTeFdqclRpSCBoVG1ZTWpNUzVnVGZSRUtxWkVBSEpCa3ZSUWFYV1g4eExFaTc5SmhXa0lmcUNlMTJ1OUh6VkZhRzJtNjNDUWMvTTJsNnBrd2x6RmRGIEZ1WFlqblNKTEFGUmNqenZSSklES2RKZWtQSGtPQ2JDWS9YazFNMkdWZDkyUE5GRmFwY3lPNFVwa0M0anlqS21USEtRRktKRWxCelAgcVVRcEpjbWdVcXUzSU9PbHh5NHB1b2d3bExaSTVlVTVqVENsUzdHSmtpV3Brb0Vka09URUtmSVh2b0tVa2VQVVVweFdub0hDOUN6SCBTcVZMWkFtSWttTzVYRW4ycE1oVWdqVGxtS01VWGVVWkxrMVBZUWFtUzJTSktCRWx4M0d4a3ZRdXRZNlVXYi8vdmloakNYSXBjb3dyIHpYRmhialp5NlZLcUZJc3NBVkVpeXV3azZaMGl2Y3FzZitJdHlLWExNWjQwKzRXWmE3cE1KRXRFdVFEV0hBSWtPUmRKNmdTNTI1MVQgWk5OaFNvei90cnA5NkNWSkpjakh4OGR5djkrWDl5VEl5MGhhdjJaMXE0NUZxVzdydGN2d3NLclY5YXk2dmFqUHdSdmovczgzZGU2cSA4MWlxbEhuNmxXZjFqejZwYm45d1YzTjFLNThHREg0djZxZndLdUw3aURGcS9tdzRCSWk2N3o1RE54THdrdVRBWEtSMG1UV0g5S2dHIDZaOE8vUHYzMTBFOEdZZjZJRmZIbzNSUG1ldHp6cnVjaTg4YnNsVG5VZDI5T3BlWGRMbXBEOEo3YnVsUy9mSkRmYjM2SnN1T2E3eU0ga01CaTNDZndTWVBqTi9jMDZTM0pqaFFwWFdiVmdrd2h4ekVSNmxBMWxKb2VNaENwS3MyNmwyVTl5N0dPYzVlaFpWaEtzSUFvbDMzOCBzcE5rVU5QT0wrS215TmlDN0pLaUtjSjk5Wmp2TEhiaUdaVldaWm1ubTgyeFQ2UXg1UmxEbURmTlBwNnlER255dVJOWklrcEVTWnJNIFFaSVNwVmJwRkJsTGtHMHhhaW4yQ2ZFMC95ZncrR1hSdlZPUEZtaGJuakhFNlMvTUwrM1NaVUJYckcrNlRDQkxVaVdEUGNmdW5pV3AgZUZmZFhyczhyOGdwVWxxUXRtS1VFbUtvUUZPSTAxMllEdW5Tc3l0V2ZlYjZNTjh5TEtseWh0RE1neVF2aERUdjZKSnJQRW5hcDhoWSBnbXlMOFZnUDkxT0pzV3NFM0JzSFQvM3RvQnR5REhIcTNsUUpZWnFOUDNiQ0hHNzIyZTJNUnA5TmZVSHFhOFJTbHZ1NnN1R1RLaVcrIENjZml2WHVjZU94QWxpUktSSms2VFRxWFhGdVM3QysxK3FWSXRjd2pWSkJtZWxTQzNCcXBNUmN4aGlST0pjMU5KYzBINFpTcGxwU0UgcGt1SlVpd2xXRktsSkt5alJKS1RTMUtueU50MWtYOVMvK0RXV3BCNkhXU0lJSldhMWZxNjUwb28xWDN0SzBIdXF2czk2TFdHTTc1NCBHK3NscXhTNHJtN1BLeU05cVhQZXMzTmxJT2orN2RkaG1tc3YxVG0rWFhkWm5kYnJta3ZIOVphKzZ5d1RySzhzNzN3TVE1U0ljbGFQIG40MGttOWlYV21NSThvbVdZelhZWHdTNXdBdFpDM05meVhLdnhGYjkrWU5LbXFIQ2ROKzRZTlVwU3kzTWhjb1NaZ1J6bEhmK1NkQjMgVHNaSmtqMmRyVktTOUJWa1gzbjFZYWFsVlMrcEZkZDVUVDJudVM3TDR1Vm1jOVRMV256THNvZnJ5UzN0NWk0L3J2OCtNbStwVDlwbiBkcS9QZDFPQ3lQT1Z6RldTS0JIbFhOTGtYeGJEQzk2SFBxbS90WGsrT2tXK3FKTkFyeVR0dDZBTFRaSHQ5SGhRYzQ4TFQ0L09hVkExIDV3aWxUUHQwcVpObDl4WjRJY2xTOGR6anVUOGhWUUtpbkpVb3N5cTU2azBGUmxFRDJzK2JndFI3dGQ2bXlQSDV5SkFVMlZsZW5XRHUgVVQzZXUwb2FwNUtudzYxNmZxZTBsMUtZNWx4bWlEQ04rN09RWmYrOHBhOHM2dzB3SkVxd1MvcmdEWWlTTk5sSEpjY3l5YnlrOHQ2ZiBYWk9ra3VPN2QrZnUxbHRKeGt1Umc0S2NRSWlIOCszMDJDNjNReTJ0MUFLVkZxWmJ1cFNUWmVoODVmT3pMRXZHTkVRSmQ1QW0xU0QzIGl4U1M3RmtDNGl0SjN4VDVyeE1Jc2t1S1EwTDBscGFsUUdQSXMwdVkyK2pwTWg5WnF0LzlkWVQzSTBNcm9rU1NHYWJKWlBPU2c0MDcgY1NWcHBralZwUE5RM1llMElFMDU5a2t4RlVQeWxKYW1zWkdEUkRrMnVTeUxRbVMra3JFTlVjSVMwK1NIZ1NWWHEzbkppU1U1VkdhTiBMY2ZjaUMxTmlYTHNGTElNbmErTVVJSkZWb2dTVVdieTJQRkxya0tTOUoyUGpGbG0xWUxNWFk2MjBwUVNwa1E1MW03ZVVsYVdRaVZZIFFKU3dwRFRwVzNKMW1wZnM2SEQxbGFSdmlwUXNzL2FseDdrVEkyV0dsbVB0NWkwdFpYa29yT3FqdnJKOHNyeFVTYUpGbEZ6QUlXblMgYVY2eTFlSDYrR2orWGp4SmRxWEllMDZQVTZaTWlYVHBJMHYxdExkNlpkR21pRHBmR2JHeEJ4QWxrcHhqbXZTZGwyeDJ1TWFWcEZTSyA3QkxrdlNBcHpIYTZUQ1hMbFBPVmtScDdTSldJRWxGTzhkaStEVHl5ODVMdGIzSU1rMlJmcVhWT2dsU3ZkWGQ5ek5HYmt0Y3F3V1lEIDBzSXN3a3F4STdKVUY5bVh4dStrbTY5YzhOcEs2SUM5WGhjdTZFM2gxK1ZhZjlJV2tLVCtxaXc1U2VvVUdib3ZxL3E5eDBwVyt1OHggaGRoMWZKMld2TlRpdUxsUTFOZGxyVmJpVDc2VzVVbVlTdEJiajhkUXY3Q3JMZ3B6LzlqQ0lZWHQ5NmNyY0dDZldIVnQvYXpRZThOMiA3Z3Y3bnVYejlEaEdLcysralBQZVp3OVdFaVZwTW1XYS9Jc2lZc25WYU40NVM4OXRYakpFa2lHbDFwZ0pzcDBVVDgweVF1c3JPM2ZzIHFRVWFLM2xLSk15UVVxejZJSkJpdmpLa0JMdWdWRWt5UnBTenVXakVIdmY5NnI2aU5mQzBtbmQ4NWlWUFgvRzAzMXU5M2k1SmhxUkkgU1VHYWNteUxNUVY5NHBTVTV2R2F1cjNMc1Q2eVREbGZXUlRCalQwSUMxRWlTZEtrSWNuQmtxdDk4MDRxU2JaVFpDdzU1a0JNYVVxayB5eFN5OUptdkpGVUNvcnlqTlBsSmRmdUwraHRDWENWcDFjQXpXbktWYTk0NTNkTjU4c2xyNllkMG1WVUxNamM1MmtwVFFwaWg1ZGg0IHNtdzI5elJLc0pickszMGJlOTZ2UHpmK00yTVFva1NVODNoY1ZYTDljNC9ma3l1NS9yem8rN29zVjBucU5aTHYxQzQ5SHVsSG9zemEgbFI3bmlIVEtEQ25IeHBIbHB1Z3R3ZXAvamwrQ1JUU0lFa25tL3RncVRmNnl1cDljUzY2Mjg1S05jbXVWSmtNa2VTL3BjYXFVbVZLVyByczA5S1V1d1cvbFVDWm5BOHBDRkNYcmxVWEkxQm9meHErVTljNkE3bDEyYm43dkM1eVZENWlRbGxueG9RVG92NFpnaHAyTlVDek5rIHFVbDF2SnlYa3VqbEkrcmF0MTA2b3EraC9pVWo2MFlldkxsR0xaYU1oQ3dYZWYvNlhqNEtqUW5IaWNZaWxxaVFLTE5NbFBtbnlRUWwgVndsSitwWmEyd2t5WmNMcjJud2cxU1lEaFZEQzlDM0Z1aWJMRkNWWVVpV1FLRW1UYm1teVZYSzkvYVF1czE1U1NwSytLVkw5Zmt4QiBhaUgyL1Z2bmMrcmJaS0Fzb3p4Um5URFZ3NFNrUy9YN1BzbnlXWjBzeHhqZWpFQUo5T1A2NzUrVEtvRkVTWnBNa0NaYlhhNjNhWEs0IHk5VjJYbEo5ZXY4d3NTUmpwc2l1cEhnVXV0L1l5VE0wWGZvbXkxSmR3MVd5bEptdmJIYkJraXBuTVJhU0tDRWU2czBjTFUxKzJwVGsgYlFQUCtCWjFZODlEcWZZbmRWUzFGVjdJZkdTTWVjaXV4RGg2ejJwVWZUSHlTZWJOY0FKdEowK3B4Qms2ZitrNmI2bCtZRlU5bnQ0VyBMbnkrOHJyRlhlZjJkdnF6M1dmeXFmSWpoaVFTSllreXI4ZjhjWFg3OTlYOVBFbVFKcHRySm1XNlhIMDdYTFdZWEkwZ1hXWTFrNk9WIEdEK3NEOWtQNmhmL3BING5kdDAyOWMvb24xZS8vMkNYT0tXU3B2Rmh3dm4rOVBHb0pHdDdjazZQWXp0ZjZkb0Y2N3EyMGpkVjFuc3MgbDc4aDNaRW9rV1FlcUhIMmg0blNwQ3E1Tmo5bmhYVzUrczVMbW1seWloVFpUby9XeWJFcyt2cWQrc2Y2SjYxMzdMWS9hYmJscHBPbSBSTXJjMTNPUHJzbFNueXZiVk9reVgrbmFCYXRld2lWVm10ZTRjS3JjakJRS2dFU0pLTzhtVFlaM3Vmck1TL3JNU1VxbFNLZjBhQ1pJIE16bUdYakZtMHJSSW1KSXAwM2Z1MG5YTzBtVyswclVMZHFhcGt2QXdJU3NPd2J6Sk5VMFdGcWt0WkY0eXRTVFZiNnI3dUNSU0cwR3EgeHN1WDlVbmFSbmpuNmsxR1A3YUxMMGZqK08wNnVtbGRwS2ZTNWM0eDBhczVTOXNxZ0hxdVpUMWYrVlBMY3p5Y0IyNVRaZCsxbm1tcSBSRm9rU2hLbEQyb0ErVS8xcDEzUk5ObXhITVFuVFk0OWowdWF0SnlYZEpXa1JFZnI1QWt5NDRUcE0yL3BsQ3oxejFhcDh1dVpwa3JkIFR2UVo0K3VzWVk1eXhwL1d0dWMzc1BOekgwMlRyWFZtelRRNTNzQVRLMDBhQTIzMEZHbk9RVm9MMG5JTzB2Y0xmOVVIbk5kakNkTnkgRGxPL0xqMlA2VHVIcVpLbGExZXM5VG1zZi9acC9hSHdsY1U1SDg0RTE3V1ZxZVlxNjBlZTgxcEkxbkVpeW5uTFdWMjk3endHMno4TyBQWFpIR2FxNVlGdTRnYWRLazdhRHEzWFpUa2lTRW9Mc2ttTDdSMC9KZDkrMXNVRDFCbDFmNWJQcGVJZ2JlUVlJYzZjYWRUeGs2YnBKIGdVdHpqN3FlZHRVMVlyUEZuVXRqajg4bUJPckRwZnAybmZjZHhIR29Ud0hTbWplVVhxZExsRUdQNmR2RU0vb05JWU9iQ3d5WFhQV2cgUDdZY3hMV0J4NlhrR2lKSnJ6S3Jub05jTi8vdmorcWo5YnhvcnY1UTZ3UVBsUlFQaCt0dGZ5d2FYL1o4M2JUOGRMdjgzTEc2VmI5ZiBDYWJzWEQzU3FMcWFKZGwxa2FRYzYxS0tkU25CSGgxS3NNUExSY3lQRzI5cXVicC91NGpyTjRzc29Lbm43aUZSemhUZkpwNUJFcVZKIGw1S3I4N3hrNGJmMEl6UkZtc25SVEl3bmNSdHAwZlg1M2J6dWt6d1BwWms2bjlTcDAweWNsNlM1cWtmMlJPblM1YlhaYm5YblVvS04gblNwOUIxbVdpcEFvU1pPSkh6TmFFMC9LTkduWndETzBQMnJYNDd0MllucHRGbEEzNm16WDNjbHhWWmRTdTlLaUJIMnBzekRTWmlOcCBWa2ZrSVZHNnJGK2owKzlZYlVhUVNhck1vS21IN2xjU0pkZ0dHdkVtbm96VHBLMGtYVXV1emlueTVmbFAvZGUrNUpqNjY3a3V4OUpJIG0xMUo4N0h5MGVzRTZkSmxZd0xiK2NwY1V1V2ROdlhjL2R3b29wd2hVWnA0QmdlSTRmMWNUVm1ObFM5Y0duZ2FFc2hBa21vNVFaY2cgVlhyMGw2TTY4TzhQL0xzYWxyL3hscVp1Q0xyMDkxU3lmS3orNDdWKzU3K3h1OC9Zc3JSNmJYVmpqODJPUGVQbjRyb1BiTytIeHA3NCBsMEZURHlTRzB1dk1TcSsrWmRmUkpwN1dGNEEweTY3RDN3NWlteWIvbGJyZ1RzbHIvSnRFZE5Ld0xjL3VIUmF5dTVaYXQ5V1QvMmpiIExLOXFRZXJTcXA4Z1h4YlhDY1NoelY3MWpnVnVINC9NMHV4cGphRlpsbFhyQ0RkMVNUWlNLZmJVVDJSUlZ0WGxXcHZHSG1YK3ArdjEgNkQ2dzQrc3FtOTh1MGlpL1dxeXJMQXIzcGg3V1ZKSW9JWkdZZmN1dWd3eVdYZE9uU2RjdTE1MmpKRzFUNUxieTJNdHRyQVM1c256NyBsWVlvTjg0Sjg1TFl1aEptOVJTMjFXai9XTjMxNndpbDJFTjlibXhTcFcxalQ0eFVlVHgrM2l5L1dxVEtnR1FpVWNaa21VaGk3bjBMIHU5bE5qS2NvdXpZM0dFZy9OM2taM0MwR1F0dVNxNDhrUDlnMmQ1L1Q4NUNIYzFyeEVPU0h4WFU5eWNialV0VjcxbjFZREpkcis0L3AgL3FCRWYvNWdjVnB5V2YzUDgrcHVYNnE3dFd6TmRIbnRMbHZkSFN6UG96bFhPU2JWNFd2ek9sZDVzNjNkeUZ5bExyODZIZitDOGl1aSBoT2lvZ2VHdlBlWHEzOFFUUG5ENnBFbmIxM1YwMktuSDVpZlZQT1NQYWtrMkJMazdsRXFTNlFVcEwwd2xTL1Y2VEdFK3IvN25SOVZkIHZyVGNNOVpscjlpajhEZkNYRktsNEdOM1h2TURlOEQ2TnZXb00vWTNoQXBFQ2ZFdU5qVXcvRmo2R1FVMDhVeWRKbDFLcm51TGdWMUogOG9QS1owOXFTWnFDZEUrUjBvS1VGYVpPbDFxWWwzUnBLY3RUV2RWU2xnZUhjNVUrVmVxWlE5ZjNoaDlQQ3J0TjNoRlhYakJIT1NOVSBLdnpDYysyazlXTTRsRjJuU3BQU0pkZFROK3VMNWtiWnVzenFseUJkNWlCYjhsZjdwaFpGWWYrZGoyRnptSHIrc3ZwYnFlWXVWN1VzIDFYRjRyQzZlMTI5R0JHZzVYMm5iQld1N1hFUnVydksyL0hyWi85WGkvZWphL2ZydStuNWtqbkZHM0h2WGF6bVh4OVBkcnU4a3UxM1YgcCtVL0t4cGZESHo5bHBEd2J3aHg3WFMxM1Z6QXRzdlZWcEtuRkZrZEE5MGdHU2JKZXJIbFNMRkdTL0ZnM29ycjVnVHE3K2EvcVE3TyA0VzVUYzgrNlZlSGNJWHQrcWVWcVZaNCtNS2hqb2JwQTFaOFBJMTJ4YStFdTJLS3cyNFRBdGdQV1pRT0N4cmVLNkg4YTJkYk9wZnRWIEhlYW5CZDJ2SkVxSWdpNjdmaTU5OWoyYmVLWk1reTQ3OVl5cGJ0VktrWDRkcmVNcDh0aFJxaHg2alBhLzZlL0ROS1hUbmM3S2V1aDIgVDVlcUZHdDJ4aXBYYmJjV0gwYXExeVhaQlN1ZEtsMDJJTGhKbFhtWFh5RVI5enhIT2FzYXYzalpWYUNKWjB6c1VlWW1MU1ZtTXkrcCBKUERpUlRORitzMUZkczlENmhLeC9xTGtlbTNmNWVhSytidVhMMkR1L05CZ3psLzZ6VjNxUmgrVktzZm1MRjNtSzQvQzE0THRYR1dzIHBoNmY3bGVWOVg4M3p6bkd1NTBYcFpsbkpoZVp6N0tRd1c3WHlFMDh1YWRKWFhKVmYvcVZXczFtblc1QnR1VW9qWjB3L1pwOXRDeFggbGcwK0xnSzBPWWZTSGJDeG1ucDh1bDhGbDRuUTBJTW9RZU83TE1ScFlCUXV1eFlacDBsVGtpNzNPNVlpdXdTWmdtRmgrcWRML2ZSdCBaT215WkNSR3FneC8zSUUxbFJHWThUSVJSQWw1RW1WWlNNZWdhRk4yZFZvU1lqa1lTcWJKMFFhZVNvNnJsN2Z6a3U2U25GNlE3c0owIGsrVXAvZW0xbHZVdVBrT2JFdGlXWUtWVHBjS20vQ3I5WGdpQmVVcEVDZEpwcjRnL1AzbGxmTXM2NmMzUFJkUGtVTW0xM25IbmhkY1Mga081U3EyN1NtVktROXNKMEw4VTI1aXRYNHp2NEhFWFNuZHUxa2FUOEtqeFBDWWdTcEFlK0l1NzhwR3ZaMVNwTldwUmRZNlRKd1FhZSA2bDlXNW1ZQ1RwSnNsbHJiS1RMTDY2WlRtTzZsMk10OFpYSCs5cEdCcnlTMUxzRktwa3E1cGg2L0xlMTg1aWxuM05DREtPK0lXYTJmIC9Pdm9BNnBjcVNuck5QbmlHb2JzNXlVM3MwaVJOc0xzVHBmdlcxOGpsNk94bVcrcW5PSTkwZmw4YSsvK3pZUmp5MHdlRDFHQ1hVSVQgblo4TUtMdmF6RThXT2FiSit2c2t6VFJwTnkvWmxPUWNVcVROTVcrbVN6dFo2dm5LUzZvY0tNRktwMHJiQ29xdFVHT1VYMzFnbmhKUiB3b1FNems4T0xnc0o2M1oxYWVKSmxpYU5MMTEyUzVPM2tweFRpclJQbC9heWJLVEtNVmtLcGtycHBoN2I4cXZMZTRkNVNrUUpFK0xUIHlETTRQOW0rLzhiOFpCaXVaZGNrYWJMK01razl0V2FYSnZzbHVSUjhaTmxJbFhyMDJLWkpsVk9VWDEyV2lmaCttd2dnU3BDUVJlSGUgeU9NbUk3bGxJZm9PeGNxdUVtbnl4ZVVQaHdhZTVsWjAvbC9TblArMTFmeEVzYkc2WHN5UEVzVW1uMVFwVjM1MWUyLzRRa01Qb2dRQiBValR5dUNhOFBxVExyc0Zwc2k2NU50SmtZVnR5ZmIveFBQYkg0eUlIczl0anZQVkxsVDBsV05mdnJaUklsUXJKTGUyaXB2cENyS0VIIEVPWHM4UjRvY21ya0dVTzg3QnFhSnV1U3E1a21jeTI1bnAvYnZqUnZlNkVtRnh2NXVKWmdiMUxsVUFuV01pMUtOZlhJbEY5bjE5QkQgS2tXVTRJSkxJNC9rK2trOWdrcVZYVzFsMnBzbVgxd3ZjTHMwbVZhU3BoejM5WGRyTmpZOVZ3TitJbkc2eXZJbVZlckRGNUFxVTVkZiB4ei8yMGRBRDl5M0tSVi9JTG8wODR2T1REZ1B6cUVRc2w0N0lwY2swODVKYWtHMDU5cjYrbGpoakNkTjF2bktxVkhrUU9pZTIxelFOIFBVQ2l6QnlmanRkb0FoNlpuL3hrZ3JKcko5NXBNdTY4WkpjZ2ZlNGpsakJkNXl0ZFVxWEVOZWFLMUR3bERUMzNGellRNVl4UWIvTC8gV01UdGVKVkNGYXFlNWxCMk5ScDQ3Tk5reDg0N2dvTzJoQ0JUQ2ZNMlZRNlhZRHRUWlVkamozUlRqMDFhbEZ3bUV2VzVGbUpmdVFXSSA4djVJOFkwaFY4SWFlWndHaHBobDEvSWFiK3pUWkt2a0twUW1Zd2d5dGpDUG5kdmNiZHhTWlU4SlZxcjhtbTZlY3FDaFJ4aStjZ3RSIFFpNjB1dlhFRzNrRVU4M1lvTnFiSnAzTGZwdWJ4Q1NSSmsreWpTaklQbUdLeVBMbS85bGFwY3FidytxWkttMkZtcVpPOHR6cXZSUUsgVzlraFNraUlTOGVyVkNPUDYvcEpLVEVNcFVtN3NtdjNadWVoYWRLVVpHb2taSGwwM0R4ZHA4cEwrVFV3VmFZK1hsNE5QWFMrSWtvUSBKZWtieHFYajFYWHdIUHJjTGJsKzBvdFdtclFydXpaTHJoSnBja3BKaXNxeTh6TGVES2JLR3pjR052WklNRVZEejRTZHI4Z1pVVUxXIENEWHlISDBYbnBlM0NXWThUYjUvSzdtQU5KbURKS1ZrMlgwZXhuZnR1UmxadGg3UFhXaWVjazROUFlBb0FSb0QzTmluY2VmNXlWYWEgdkpSZEU2Zkpvc2lydEJqOFdoeFNaV2Y1dFNOVnBweW5sR25vQVVDVVdaUFRHc3E4d210cmZyS1ZKc2VEVEx3MG1kdHhTcGtxTzh1diBxKzZrRDAzWUhCMVJRc0FuK25jY2hraVgvTExUNUJTcEV2eGhMU1dpQkE5aWYydEljMm1JL3hyS0tUcGVid0xPaTU0MDFEay91U21jIDV0bG1taWJqUHJmdVZLbkxyNTJIZk1LbUhwdUdubjdTcmFVRVJBa2VBb3E1MlVDemk2OS9EZVZZKy95NmZxNmpuNWlGR25sdTVpZGIgWmRmeCtjbU9OQ20wSkNUYnlrUmdGKy90T2VsUGxlcWhidVlwVytWWG0zbEt5VzhUR2J0R2g2L3g2MXBLbHoxZmZXRFRBVVFKVXhPdyBRSHBzb04xYkxnMFJhZVRwMndTOWUweTJTcE1oWmRlYzA2VFVjenc2cE1yeGMyQXY3Nk5BRjdXU29NMjFtY09lcjJ3NmdDaHpZckVUIDVpNmJEVWpIMDBtNkM1MTM0bGtWTWViWDV0Q2NJdjhjSGVjcUk1VmZKKzE4SGZqd3lhWURpQkp5SFF5TE9Kc05aUDJSeDNxZDNuM04gVGFaNXJnN3JLajNYVkdiTndJZFB2bTRMVVFKa0w0WGJScDd1TkNteExHUk94OFg3ZUhaSzlqWlY5amIwd0ZJL3FpSktnTGttNjZZVSArdE5rckM5blh1SXh0UmNyeHdzUUpVQ1c5RTlaeXM5TnpxbnNHdmM1ZDVkZmJ6cGZBUkFsUVBnZzdyUTBwTU9LcWFmQjVwaEVVelgxIGRKNExvNkVuOVJjNUF5QkttTDhvQzhlbElVNk5QSkROU0xPMWw3YmtXa29BUkFuUWkzeTNLN1RaUmp2R3pCOERvZ1JJY25tek4ybGMgMlA4VkVDWEFqRkhiTUh6RFlZaktqbU1NaUJKZ3ZyRDBPejZIS01lNExNdGlzMXBSZXdWRUNYQzZDQzBHUmZVejY3SThYa0xNRzQ3YiA3TUo5ZmM1T3hkcVI4MTNXc29Tc1A0VWlTazR1cE1SbVVDek5FUE40T3c2LzVqQU9IdDkxb29UV2VTNk96WE9HQWdGUkFpU212d0FvIFAwK1pVanFwUDR5NDBUMC9lU3o0SW1KQWxBRDVYdENxakxzMkpSWm5udkpleW9LbnVVSmQ4aDc1ZUhMNjJYVjU5MVViOVMyVzcxRzkgUXBTUUg2cEIvd2U4T2VzQjIxNnE2enRvR0FsTndOMGZDbTdUSlBPSzErUEFmaGlJRWpJOWtiMXZ6ajlXdDg4VzlvS2RHbnI2eTYrKyB3L3JjeXEveUFuUG9kbjBzbHRkOHRjVDNGQ0RLdTJaWHY3RmpYRURWQVB4a3N6bU9EZEpiYWFsME5QVDBjNy9sMXpoQ2QxdzdHV0hTIGNtVnhUZGxlbTV1Um4wbnhudnBEZGZ2UGpGU0lFdXg1VmQzK051TDlyOWRGOGZUcGVKbDJiQkQ1dnJwOWNWNjJNWHcvOWFBMU5xZzUgTFJIcENTNnZQVkpsWGhMS0owMzJ6MDhPdDA2OUhya1dScGVHV0s2aEhMdW0xUDA4VnJkWEl6K3pXdlVOZzk5VnQ5K2NIMnRsOTU3eCA1YkYrM3dPaUJFdVVnSDRiZGVBOHYvR3ZnOEhuSG9OSVVleXIyMFBpQWIxc2Y2cC9jenQ4M3piMDlLZktWWlQ1dStXa3lkdlgxNTBtIGRTUFBUWGpzS0x1V0Z1ZFk2cmdlNnZlVEgvdjYvWEYrejZnUG1ERjRVdDArb3I4QVVZSkg2cXR1UDByeTVsR0R3ZHQ1SHFTQjhtdjMgT051ZEtrT0c1TnhUWmFxNXlWNjVzVmJFYWhCK3htRkFsT0F4d0ZXMzV4d0dZZTRuVlVwMHV0NldYZG5YRlJBbHhCbVpRZktDYmM5VCB0c3F2NHp2MDNFK3FEQlg0N2U4UGQ3cmVIUHRXMmRWbWZoSVlheEFsTEZaZUVwMnZLOHNtanJJOWRqL2VEdVhkODVSNlBIbDdJOHZRIFZLbm1jbk9SWmVvMDJUcy8yVkYyTFcwZTIrSTZrZWg0QlVDVWQwaU1UUWRTZHI1NnA2Q2VOWlg5ZDlWZGdpMEZqdFU5cHNuTytVblAgdFpPMmpUeFNIYThiWVpteUt3K2loQm1jVE5zZFFWeVdpS1RzZlBXaXA2bW5QMVhxa1Z3MlZlWlFncDBxVGQ2VVhUTm80aG5yZUIyNyB0cS9WQXZ1bEllektneWhoenJSMkVta3VFWm5aUmR1MW50SklsZWFnblRwVlRsbUMxWktVVFpPNyttZ09wOG1HRjN1V2hNeHJmdks2IGh2Sm1hWWp3cmp3ejNHemc3aEx6UFlweUZpZFpmTk9Cd1oxRSt0ZFNTZy9rVWVZcFc2blNmbk0xK1ZTcFpibFpyNCtwaEhsT2RlZkggQzVGa2Q1cjArR0xtbmpTWmFuNVNodXNhU3JmM2todHFEZVg3MVJGanN3RkVDUjZva3RHWHhYeldVbG8xOUJSeTg1UzJxWEs0L05yZCAyQ014MDZqTGVqR0YyUmFreEJ6cGJacjhadVR4VzJYWGdEUXBOVDg1cDBZZTFsQWlTZ2dkdElvODFsSktOZlRFT0Q0MzRlZnRlYUEyIGM5RHcwN290d1VwK3EwZ01ZY1lTcEd1YXZDbTdhbU42cEVucDYzV0tSaDVBbE9CUDBqZWpTK2RycmcwOXR1WFhUam9hZTRaVHBSN2ggNVZPbHREQmpDRkkwVFFZMDhKUWg1N3puTWtqZHlETmh4eXZDUjVUZ2VrSnR1KzZtYU9peC9TWVI3L0tySHVQZjJEYjE2SEdtV1lLTiA5VjJWcGpCdHBLbmxHRnVRelRRNTNNRFRteWJmZFArY1ZObDFpdldUTG8wOGRMd2lTcGdBOFlhZXdXNjlzSVllOWVuOWQ0THpsTllEIDJVQ3FOQXVINDZueVZwWXh5NFZhZUtZMHUyNm1IR091MDd6ZXQ0VWtIZE9rUkJPUEtjS3greG9ydTQ1ejdYanQvQkRHMTJzaFNzZ0ggOFlhZXdUZjVjRVBQMkp6T3Fmd3FPRSs1Y3ZpcUpabFVxVWY3WGZSVTJTZk52bHZzeDI2bXlmRXUxeW5TcEFzMlpkZmgrY21CamxkQiA2SGhGbENDWW1ISnA2RmtKMVdrbHk2K0RxYkx5L3VHTlM2clVvLzQxVmE1bjhwMlRJWkpzcHNsdnhuL0hUSk1ERFR5U3FWeHlXWWprIHRSdzYrTkx4aWloelp0R1QzekVhZWx3R05LbnlhM0NxckV1dzdxbnk3ZUpsMlMzSjErNXBjbURONU1ieXc1QlUyVlY2Zm5JbWpUeU0gbllpU2k4djNwUFkyRlVUY29jZGxtVWlTVkZtUC8rNnBjdG15OUpaa1Y1cDg0M0ZPT3NRcmtTWmw1aWViNzQwWk5QTFE4WW9vSWFjZCBlcXptS1cwSG9VSzJxV2N3VlZiT2UzeHpUWlhyMWYzS01rU1MyL1g1OTA0aGNtVE5aT28wYVo3dXNQbEpHbmtBVWM2T0ZEdjBYTXV2IDR3MDlZM003dHQydkxnSzBIVXpMZ2RIelVMMnN0MjljU3JETGs2V3ZKTTNrZC9ManlMeWtaSnAwdVU2TzFUWDN5dUlZREYvRDUwWWUgbDdLckR6VHlJRXFRSHVBSzk0WWVsM2xLeWZLclMvZXJkUG0xTjFWcVdUNjZsbUQ3WmFua1BSZGg2dVRtTGNtNjVLcVB4dVBJVWhESiBOT2xTZGxVWDh2ZGl4NnhWZGgzNm9GbTR6MC9TeUlNb0laTVRhenRQMlNTcy9Hb09jS21iZWthVHpNNm5CTnN0eTFySzJhZExuU0pYIGphVW1icExVSmRkTG1ud1RjQTQ4MHFSVUUwOVEyWldOQmhEbG5YSmMrT01OQ2lOa1BhVk4rZldMWEZObDlkSjJiNXJKd2Y3MDNXNmcgbm11NjdFK1JYMWxMc2kwMDFjWHorRHJQTkduVHhHTmJkblYvenpDR0lVcVlIUEdHbmc0a2w0bkVhT29SUzVXVkxCOHIzNzErWTl6diAybFp5V3BaZmRhYkxISVJwQ3JJN1JiNnpsNlJSY2xYTk82OUg1aVduU0pQR2FSVXJ1OGFlbjFUUXlETXYxbmYrK3NzNVBKNGExdFRrIC95L1BuM2RMbHdjcnoyTmIyWG1uYXN6ODZKcXNqdFhRc051cG45M1hJK0xMd1VIMGNEZ005YytjN3VXOTZ1ZjJBeituSDF6OXdPRjQgSEgxdE5qOXpTVUE5eDBxOXpuMzE1UGJWazN6MjlEd1luMTZQeFgxZlB3cnM2bGY1dEpsWWpCMTFqdGIzSnlmSXRmRWNtaWZiUGtWZSBrcjR1dVZhWHd0ZXY2MDdYWWpoTjJteFh0N1g0M3N5Vnc4OFYyKzN4VmZYbmJ1eHhxNS9ydno4OTVmQ29SWGxGSmNuL1U3OWZPZ1pRIDFaVGpNcENxOS9LMitwMi93eit6WWNNaG1JL1JYUnQ2QnVjcE8wcEpPbFUrUE96TDBQS3JVMU9QWTZyY2pZbTNLUFRqSHZjOXNqcFUganR2cGwvamlQRjlaUGNKeHR6OVl5azJueStJOFZIYWtvTEpPbCtwLzlvZUR1RFJMbzh6Y25kTDBUanR1WDc1c1NsSjlYam9LU1RKRyBtang5SUxGbzRnbnFkaDBvdS9yTVQ2NEs1alRuQnFYWG1aQ2kvT3JTL1NyWjFHTW1qVkVCcWszRUpVcXdLanNjNnVhVXkzMjdsR0ZOIFdUWkxzZVpyTjh1eUVxWFowcmd2WFY1ZGRlNEo2MTVxdlpGa2NlNXdmZjBZZnF6TjUyNXp6V3d0ZjA2bWlhZjVIbGhIcnJOUmRwMGYgbEY1bjhwZ3B5cStYcEdWUmZ0VUQ2WDYvSHl5LzdxcWZlMC85T1pLbzlEL3VMY3VWSWlYWTArTmRTN0I2OEhVcncrbzBzak9rOUxUeiB1WmlsV1ZOd1F5VmFMUmRUdXF2QkRkTzFJTDkzRW1TbkpGWEo5YzM1QTRWRW1xdzNtYmQ3SGxiZkZia3FEcFhWL21Ya2xaNitvV1V6IFZEeHJsbDIzWnR6THQrektqandKdWZmUzYzRWlXWG9iTnBmeXE2MCtIb3hQL3U5MnU5SW1WVDZPU0ZXNkJQdTJmcGt2WDF5VFpWbXUganFjNVc2ZFM3THZpMnUzeS91RHpiN3p1Z2ZUa3RpamZmUzd5SW1NbFNQMVlqK2RsTkY4ZkJVdXVrZExrUXlIUnhFUFpGVEVqU2hoQyBydy83OUZwNnVuNlkxNSswZjlZLytGV0QxVzVBZ0hxcHlDZUNjNVZGNGJhank5aFBhbG51S2lsc3RtZGhucDdINlJkZDVpMzFlUEsyIEhtRTNnOExzRTZkZnZjRjlMckl2UmI1NWZkNmM0YkdRa2FTcjhHM25KbTJYaE5pdW5YVFoyeFh1aXpXSFlCNmRyMW82M3hhblNtbnAgK29DOTVkZEQvVEgzcCtiZ2NyN3Q5Mm9jVlAvNDhhQ3Noc3F2eC9ydVA2aC9YcW9EdG5Ub2xCMHJ3WjcrVFhmQzdtOUxzYXZWdWR3cCBYWTROeHl5elB0WW4wMEdRR3pWbmVpM2g2dTdXZDQvajkxUmUwN3JkWXdsM3VqN2RibytxclAvN01lbU9sbDNWc1h0MStuRDQ3Rmx4IGJGUjhsVVAvWC8vQTZWcDJWYWhWU2YrbHlIRkpKb3hWQW1BbUpRemZmVjlkeXozU1RUMU9HeEE0SkN5WHhwNzEwRVlFSGVueVMyTUggbi9QY21tdWpqejdWNzRxaGhoOS9RZXFOQTl5YWRjd1VxZWM2bFdLL3RGZ0MwazZUa3BLY0prMDJyM21YSmg2ZnNxdmcvcTdNVDVJbyBGNThvZ3g3em9iajAzempkUnoxZldQYU91eEdiZW1LbHlzdHp0Znk1bFVXeWJLVEw2aGc4UEQyLyttZEI2VklxWWZvbnlLNFVxZTdoIGE2WHg2aS92Nm5LcnJTUnRYN3h0QTg4MGFkS3ZpVWQvK0hUdEYxQWZrLzRyYVhLV01FYzVzNFllTlVUK3RycjlPNDhUclRaSi82NnYgK3pXZ3FTZkdYR1U5dUlvMjl1aGtXUXcwOTF6dGU5N3U3a0hOMVZVRDZPN0YrUmkrck9jdTNadDl6SVQ1YUtUQXNYbk1uWkZFM2VjZyBMK2ZIYU5iUjI3VWU2cWFkWW1DVDh4Qkp1amJ3cEUrVGZrMDh2bC9TckE3eHEvbU9rWWdTNWlWbjlVWlY1ZGZmTzl6SGFQazFzS25IIGFnT0N3cUVEdG5BcndhcGpHa09XeW11SDNmbTVQNzY0dHVqSUNMUG9rV2E0SEFjRldReC9uNlNVSktWTHJpNmRydVBYcEg4VGoyL1ogOVNNWjRWQjJuUUJLcjlkcmZ6YVA2VnQramRYVVl3NU9ZOXZhMmE2cjFFL0F0Z1M3Y2l6WDZwK3Z2NGk0SEIyYUt0TWZxeGV3ZjNxViB2bkxNYzcwbWNuV2V4L1F2eTVxbFdWMWEzUmNoNVZYOWZOUXhQNVZZNjNzL09FanlKTWl5VkJzbEZERWt1WEw1V2N0MWsrUGIxZWthIFI3b21Ic3F1aUJKUkpuN01YWDNpZnVZaHlscTBWbk9WTHZ1L3hwaXJkTjJFb0hBUTVTVjFXTTViYWxtcWczZmNkUXV6TktUcEo4ekMgUzQ1dFFlb21uVTVCZm0xNDJESkY2ZzhWMXRVTHkzbEpRNnBXOXhscmJ0SjJYMWM5WVA3UTR6MnJIdkYvTU00aVNtU1o5dkgwKy9oSCBrazA5TTArVnBXT3FOQWRoSjFuV0xqcyt2ZjduUXkya3JwUzVEaEtuWFhMc1NvOFhRUmIxRTlNcDhtQjNjYnFVV3U4aFRSYUZYeE9QIFd0TDFEOVhsOHUwOHgwVkt2UVZ6bEZOZmdFRnJLdi9nZWNKN20zcjBKK3JNNWlwdEczdUt3bjIrOHZKN1o4a2VqellKOW1CWWNWdjkgNTR2cjE0bzFaaHlyKzN4cHZCQTFuM2s1K1k3em11WlhYdW5qY2xuL1dGeS9TL25RRG92Nkh4MGFkdGIxZDFpbWtPU2M1aVo5bTNqVSA5ZkJicElVb1licHlnSGhUVDhJTzJKK29BUzBqV1Y2KzljTkdtSFdqeitsNDFjSlUzMEp5S0xxbE9TWk9HNEYxaWJGVGpva0ZHVnVTIHF1UTZkYWVyUGtZVE52SEF4R010WE44SHMzck1LRTA5ZXNDSVBGZDVjb3hEQ2RaMXZuTGxXWWE5cEJMUGNxeTVQTkw4cDNhSlZ0MisgVjE4UFZaZExueHNiblpmR0hPUHIrbWZlcWx2UkxLbWFEM3NqU1k4eTZ5cUJKSTJmdC92d1VwZGMvOWtpVGNhZW02U0poMFFKMDZ5biBEQzYvK3F5cERFK1ZYOWIvci84ZXNLNGxXSE5BZnJSZEJ1S1pMQysvSDFDT0xWNTAvOGhEeDYrMmsrZGdVaHdpY1lyMGthVHRwdWRGIDRWNXlIZC9UOWY4bVRaUDZsTHlTR3l1bUdCT0JSRG4vVk9uYjFCT1dLblgvYXY4ZXNQb20yZGlqeTQrdXkwRDBMU1JkV2kwbE9iYWkgbytVR1BGM0owNm4zdGQzTmVyQklrUFdTajZBVXVWNGYxNzFmOTlVdlNkZVNxMjBEei9EYzVQY1haYVZLa3pOdjRnRVM1WEx3YmVvSiBTNVZxYkpWcDdIbGRXL2dqMjFSWnVNMVg2a0czcURjWjhFMlhFdk9YNGt5UUlIMVNwS3NrOVdNb1NkcVVYRjBhZUZLbVNjRW1IaUJSIGtpcVhtQ3JOUVd3b1ZSN3JRZlNqT3Buc0k4eFhtb08xNzd4bFY4SzhmUEZ5My9Gcko4eTNSZmdYaVZ3MmFMVkxrRG85NnJXTnF3a2sgYWZ5ZTlYbXlYVFBwc2h4a3htbVNzaXVKRXU0NVZlcm43OUlGYXc3WWo2N0xRTlFPTTVVNDFMNXp2dW5TVEpoV0tmTmdETVM3VnZvYiBTNXZ0RnRmRTZkRTgzbnBkcGFza1hlY2xiYnRjU1pOQW9yeXZSQm44dUhWZ0tYL3E4YUJocVZMSG1wZEJxZEtuQzlaM2c0SFNtTGVVIDJBakFPMlYydGNLMmIrWnVkdnUwNmZIeWdhU2VpMXc1ekVlMkplazZMMmxiY2gxT2s5Y0dIdElra0NqaE5OWis2OUZGYTVVcTlVZjcgVDd0UzViNFlXbHVwQnJIMWVWWDNhQmRzaXZuS20xUVlPSGM1bERJYmJyUkpteDRmY3N6djJKUktqKzNVN2lySGRvcU1OUzg1M3NDeiBiMHZ5MkpEay95Wk5Bb2x5YnFreStESGZ4VXFWcmEzdG1xbFNEMGhoYXl1MVVIem1LOHY2UzZGOTA2Rmt1bXhJeTlqL3RXdzlqdFZtIDdEMXBVZDh1cVZIZkpBWHAyTkhhbHlKZE9tSnQ1eVhQNHJOZk05bVpKa2UycXZOTmsycjYrTzh0Uko4NXBGZ1NaZFlYWjNENU5VcXEgMUovQVAvTkxsWHJ3SFZ0YldSU2U4NVdHbUVMVHBjVDg1VmphN0VxZFZ1S04vVWt0WUI2eVM1SXV2K002TDJtN1pySTNUWDQyZmsxdCBQZC9FWDhtSkJtR1JLRW1VYzArVmFnQTZiNWh1dDJPUHpkcEtjNzd5aFVPeWJBaXo4TzlzbFo2L3RFMmRvN2ZJZ2d5Wmg1U1NwRnpKIHRkbmxxalkrYit6cEdqRk4vdmY1cDBrZ1VhWkxkL2VRS3BzYnBpdFJqdS9ZWTlNRmE4NVh1aVJMTGN1NkpIbXNKRmM4aHF5YmpKZ3cgcy9nMEtKQWdUVUgySldjcFNkcGRROWN1VjMyTnVteDhUcG9reFpJb1NaWGhxZks3NHFZTDlwb3FaYnBnMjhuUytpdTUyc2xTY04xayBpb1NaVXBBU0NiS2RJcDA3WWgzMmNUWFRwRXVYYStOcnRDd2FlRWlUUUtLOEU2S215dGE2czJhcTFIa3d2QXUyblN3L3FRYklmWlhzIGJKT2xtUzRMejNuTHBTVk1xUVFaa2lJdlNWTHQ0VnB2VCtjaVNkc3UxODQwT2JKbWtqUUpKRXBTcFV5cTFBTk9iNnJVQTFiNGZPVWwgV2FwNVNvODVTek5kcm9YWFRKcGRwem1uekV0NnJKNnJSSUlNVHBHNjNGbzluMzlSMzR3aUpzbmJMdGViTkRtd1pwSTBpYUFSNVIySyBVcW5xV1hYN3VjZTJkcHZDclFSNzI5Z3pYb0oxbG1YaDErQmp5bEphbUxsS3MwK09Fb0o4WXBSc2ZYN2ZaMDdTVHBLM0pkZExtblFvIHVmcWtTVlUvK1Y5SUJsRWl5dnRMbFlxSG9lY2dKTXVUMUVmV1YwcklzaTNNMExuTDNLUVpTNDVkZ2l3VFNmSXNQWnYxa21HUzFBUGggRHoyT1RZUTBTUk1Qb2tTV3FWUGx0MFhFRXV6b1JnUnl6VDFkc3R3b0lWVTNYMkd1SXpUb2RFbFQzNlFlcXlGRmZST1dveWs0M3pLciAvdjFubFNBM2xibGNKZW5hdktORjZiS3hnSmttZlRjWCtBckpMQjZhZWZKRlpJbktRLzJHZGg3Z0NzdW1oc0dOQ0xTdVpacDc5TDJwIEJoL1ZDUEpVTFI5UlpuWllQdEtWTGtPWGtneEpvdlZpVDgxQUVwK2dKR1U0Sk1qTzErR1JJcitvejUyckpGMmFkM3cyRnRESDAvZEwgbWI4aTFaRW9ZZjZwMGxCVnZGUTVXSUxWejBCbXZsS1BKbzlGZUNtMkxjeDFicHNNRE54aUN2S0owT1lEWnFsVmY4T1luQ1M3bTNkOCBTcTYrYWZJZnorSmZndHdRTktLY3RTaEZIbnQvUHRIbG4zbzg4R2hqajVVc1padDd6SGUzUkNsMkNtSG1ocVFnZlV1dGJwS1VtWmZNIHFJRUhXU0ZLUkRublZLbDRHSHNlQXZPVkliTDh0dnFkaDhCMDJTWE16UXlXZ0lUS2NTTzBkS1M5OU9OTkFrbHFVVjdtSlMwbHFRZS8gVEJwNFNKT0lFbG5ta2lxak52WW9SdGRYMnN0U3pWdUdsR0pEMG1WYm1FdExtVjNwTVZTUTdSVHBXbXA5OHVUSlVaMXpIMGsyMWt0YSBOTytZYVRLVEJoNWtoU2dSWlU2cGN0b1NySHV5bkRKZExpbGxTcWZIR0NseStQbjBTN0pSY2gzWlZNQ1VwRS9KOVpzNnNBS2loSVhMIDBqZFZwcFJsVzVndXNudzBoS2tTenN2QWREbVVNbk9XWnA4Y3BRU3BVdVMrc3RTcldwQXVLYkl0eVdFc0pSbDVYakpTQTgrVWFaSWsgaXlnUlpaOG9xMC9GcGRKVTFQbktDV1haRUtheC9kMUdTSmhEMHB4U25LWVlONUhXVmpiS3JIV0tkQlhrVkpMVUE1N3Z2Q1JySnU4WCAxbEc2ZndJcjUvN1lsVUNPWDN2ZWw3cGdmbEQ5L25jMjg1WDZXM2cvUFV0eWUvNFkzMXBqT2Z6VlhIcFFyZWV2anBVc2k1M0Rtc211IGRaZHJqdzNXYmFScFB0OVZhNzJrOURwTmM1MWorLytQSldHMWtYbFJwM1RYZFpGdFFaNkZsMTZTNzNtS0xzS2FTZElrQ1lsamx2dGogcXlaQnRRL3NyengrVndYR3QrZmhhL3o1Yk9yb1dtOUlvRHBoSDZ0UjV5cExQWVI5UENqTHk3dTd1b045RlV0M0hwSlRqL0tzZnUxSyBtRXBla3NJY0c1WFVjNWVXVjRxVUtpRkl0eFFaUjVJaEpkZElhUkpSTXVoenpISi8vRzNkMkpPUExLdXNXandmRldhSUxLY1c1bHlRIEZLU2JKUFVYTCsremtlUi9LeTY3V3kycDB4VlJPbzRaY0tlcFVza3VaTDdTcXJsSFA1RFZuT1c3d21YZTBtVUpTWHVFTUJ0K0hpTE0gWWM1WmtKY21uZXBZdlBGczFESFBsZDNTRHpORmZsdm9IWGVRSkpMTUFlWW81NGZvUEduSWZLWDFmckJGWVRsbldSUXU4NWFYdlZvOSA1aTcxSTMxYnEvbWhYdlQ1dEVxV245UnphUGVTTWkvcHNUNE92MUVOVUVYWWducTN1VWhUa3Q4MW4xdUFKUFVIdXEzL2V5T0dKSUZFIFNhcWM0K00vZXFaSy9TU3NVcVYxc3RUajBuaXliQXZUSjEyYUNWTjN5WDUzSnltenE0UDFHODh1MWk1SmpxK043SmVrRnFUNk1PVXIgU2Q5TkJYU2EvSWNpeXU0N3BFa0dlNDdkWEI4LzJYeWxybU8wNWl3clVWYVM4NSszUE4vUDhYVHpTWmRkZyt5eit1K25sRmszNHN3OSBaYmJUNCsvMGQ0SUtTTUV2UlZyTVJ3WklNck9TSzZKa3NPZjRJVXQvV1dwaDNqYjU2R0hQcml0V1dwaW1OTTNtSDAzdTRqVEZXTnRNIHBEa25USkRkS1JKSklzbGNZWTRTTG9UT1Z6NnYzNHhXc3RSemxtcndlNjhRbWJjMEIrN1ErVXVUcnJuTXdoRG51cFpFRHVJY0VxUDUgZXFZVjVHMks3SlNrL2o3SlhScEoxdThCNWlXQlJFbXFqSmNxdlpKbFI3cVVLc1hHU3BqdHBLbWwrZFA2c1E2dDlaS3g1SGtqeFZxTSBha2NlSmNJdmhNVVlKc2poRkttK2NGbDkvdkNkajVTUUpHa1NFT1d5aitIaVpLbUZLVkdLalMzTXRqUUxDM25haUxSVGhDTlNsRTZOIGNvSzBUSkZJRWxFeXlITWM1L0w0T2NsU01sM0dGdWFZUE5zU0xZWkVXb3V3cUtYM1JaOW9pN2pmamVndlNNY1V1VXhKa2lZWjRHR3AgcVhKU1diNVhYT1l0N2RKbDNzSjBsZWdVTW93alNNY1U2VGdmaVNRUkphTGtXR2J4K0pQSTBqbGQ2aUhUdlJ4ckN2UDBmQ2VRWmxZWCBzU0hIR0lLVVNwRXprU1Jwa3NFZDdpRlZxdnRVQTFHb0xGVlFlQlJNbDlMbDJCeFNaaTZDZEplaktVbkhNcXRuaWxUZkFoS3k2MDVMIGtxUkpHQjJLUU82Q0xCZjRISTVxMTUydkErNUFEYnRQcmhmYjBWcVd1M29rMDRQb3AzcFFyKzVyY3habWNmTzFYZC9VQS9WYkwyRzIgbDVZc09XV0dwMGU3RkhsVFpwMHdSV29la1NTUUtPLytlR1kzWDJtbVMrOVNyRk82bEVtWVpzcTh2SWFaaXJNdHhqQTVqZ3RTTWtWSyBTdkpPNWlVUkphTGttRTd4SENSbDZWV0sxY0pzelYybUV1YmN4Q2t2eGdCQkJxYkkwRkpyUWttU0poblVBVm5LeURKR3Vrd3R6RDV4IFRpSFBMaW5LaVZGQWtCT25TQ1FKaUpMamVuK3l6RkNZWS9JTWxXaWZET05JY1ZwQlNrcFNpZkdmaWlUYjAxRnlaVUFIWk5tVTVRZlYgbng4VUU1ZGl0VEE3eXJIMndpeWlTdE5Gb21QRWsyR2ZIQXQzUVdwSmVwUlo5Vm1KVkdwRmtvQW9PYmJKbjBmdzBwRVU2WEpjbUdsUyA1anpvVDQvV2dzd2dSU2FXSktKa01BZGttVmFXd2VuU1FwaW54eHBObVdtVDVyUmlMRWJUNCtsa1J4U2tWSXBFa29Bb09jWlpQZy9KIGVjc1V3clJMbVVzVTU3Z1lyZE5qaG9Mc2tHUnNlU0JKQm5GWTJER2VsU3kxTUwzTHNZN0M3RStaUStMTVdaNXRLUTZMMFRvOUNnaFMgSDBtcE11dWRTeEpSSWtxTzg5eGtLZFhrSTVZdUxZWHBMczBoZWFZVWFKY1F4NlhvTEVkQlFjWklrWWs2VzVFa0F6Z2dTcG5Ia0p5MyBqQ0xNd2syYWJ1SWNFNml0VVBzRTZDZkVMakU2eWJISVQ1QWRLVEtWT0JBbEF6Z2dTNWwwS1MxTExjeWdjcXhqeXBRVHA2dFEzUVFvIEprYkI5QmhUa0IyU1RDVU1KTW5nRGNoU1ZwYlNwVml4ZE9tUk1vZkVLU3RQR1NrNmlWRXdQYVlRWk9KU0s1Sms0SVk3UGQ2cG5rK1UgVXF5NE1OdlNkQlJubnp4akNMUkxpTTVTYkl0UlFJNnhCZG1SSXU5VmtvZ1NVWExNbC9oOFlwVmlvd2d6TUczYUN0VDdwTGtLTVZKcSBUQ25JRGttbUZBV1NaTkFHWkpsT2xqRktzVzFoRnJHbDZaazRrOU5Pak1KeVRDbklpVXF0U0JJUUpjZDltdWNVTTExR1Q1bGo4a3d0IDBTNFpScEppYWtGT25DSnpsUktpWk1EbTJOK1RMR09teXlRcDAxZWlra1NVWVo4YzljVVNXNUFUcGtna0NZaVM0NS9QYzBxUkxwT20gekFXU0tqMW1raUtSSkNCS3prRit6K2xwZFh0Uko4eVV3a3llTW1jb3h4VHBzWjBpMWJuNWFqb3hJRWxBbEp5RGZKOVhxbklzMHN4SCBqcVlnSnl5ejVpNGpSTWtnelhuZ3VkMEs4MDhUeXZKZXBXbUtNYlVjVFVsT1hHWkZrb0FvT1JmemZHNnB5N0ZEMGx5U09LZEtqWDBwIGN1SXlLNUlFUk1uNW1QOXptMXFZZmVLY2d6emJpWEZxT1dZbVNDUUppSkx6c2F6bmw0c3d4K1NaV3FKZE1zeEZpZ2dTVVRJd3c3MmUgRTRRWktORXhxUTdKTDJjWnprQ1FTQklRSmVmbGZwN2pYSVRwSTlYYzVUZFRRU0pKUUpTY20vc1Y1c2ZWN1lmVmMva1YxMDBXZ3Z5ZiBaL2tmZjRkOGtDU0RNWEIrOG5tZUNCTkJJa2xBbEp3Zm5xdWxNRCtwYmg5VnR6L25Hby9PdDJkQkhoK3FQeEVrb21RZ0JzN1JqSjd2IHMrcjJvM1BDSVdWR1NvL2JhbkIvVi8zNVc2U0RKQm1FZ2ZNMDcrZE15bHg4ZXB5emNKQWtneGtneTN6UUtiTkFtczV5VkgvUE5EM08gV1RaSWtvRU1PRi81UG05VG1qK3ViditodXYyZTkwVHg1SHpDam45Yi8zZkdja1NTd01BTGl6dG4yVDUzSmMyZlZMZjluYVpOTXpXcSBGNjAyUUhpRmFIanVnQ2c1Ynp4L203UzV0TVRaVG93elNZMUxrZ3lTWk1BQ3p0M3lubjg3Y2M1Rm5sMVNuRkZpUkpMQVlBV2N2em0vIGhpNTVUaUhSTGhrdVJJcExFd3lTWkpBQ3ppR3Z3MGFpTVE3Y1FtUzRaTGtnU1FZbjREenlXZ0N4SUVrR1dPQmM4bm9BcVNCSkJsZmcgZlBLYUFLSHdtb0JCaUhQS2F3TkV3bXNEQmg3T0xhOE5rQWl2RFJodzRON1BMOWN3QXVFMUFvTU1jSTU1bmNpRDF3a01Mc0I1NXZVaSBEVjR2TUtBQTU1dlhpekI0dmNCQUFweHpYanVpNExVREF3ZHczamtHQ0lKakFBd1d3UG5uV0NBRjRGZ3dPQURYQUhCY2tBSEhCUmdNIGdHdUJZOFRnenpFQzN2akE5Y0J4WTdEbnVBRURJM0JkY0V3WnpCRWtNQ0FDMXdZQWtnUUdRK0FhQVVDUXdDQUlYQ3NBQ0JJWS9JRHIgQlFCSkFnTWZBTmNOSUVoZ3dBUGcrZ0VFQ2NCQUIxeERnQ1FCR09TQWF3a1FKQUNERzNCTkFTQklZRkFEcmkwQUJBa01ac0ExQm9BZyBnVUVNdU5ZQUVDUXdlQUZ3elFHQ0JBWXRBSzQvUUk3QVFBWEFkUWdJRWhpZ0FMZ21BVGtDTUNnQjF5WWdTQUFHSStBNkJlUUl3QUFFIFhLK0FJQUVZZUFDNGRwRWpBSU1OQU5jeGNnUmdnQUhndWthTUFBd29BRnpqeUJHQVFRU0E2eDZRSWpCZ0FQQmVBS1FJd09BQXdQc0QgS1FJd0VBRHcza0dHQUlnU2dQY1hFZ1FBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQSBBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBIEFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUEgQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQSBBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUN3NGY4TE1BRGNtOXlmeHkrenJnQUFBQUJKUlU1RXJrSmdnZz09IiB0cmFuc2Zvcm09Im1hdHJpeCguMjQgMCAwIC4yNCAtMjguNjA1IC0zMS43MDgpIiBoZWlnaHQ9IjQ4MCIgd2lkdGg9IjQ1NCIgb3ZlcmZsb3c9InZpc2libGUiPgoJCTwvaW1hZ2U+CgkJPHBhdGggZD0ibTEwIDBjLTMuOCAwLTYuOSAzLjEtNi45IDYuOSAwIDIuNiAxLjQgNC44IDMuNCA2djUuOGgxLjR2MS4zaDQuMXYtMS40aDEuNHYtNS44YzIuMS0xLjIgMy40LTMuNCAzLjQtNiAwLjEtMy43LTMtNi44LTYuOC02Ljh6bTIuMSAxNy4yaC00LjJ2LTEuNGg0LjF2MS40em0wLTUuMnYyLjVoLTQuMnYtMi41Yy0yLTAuOC0zLjQtMi44LTMuNC01LjEgMC0zIDIuNS01LjUgNS41LTUuNXM1LjUgMi41IDUuNSA1LjVjMCAyLjMtMS40IDQuMy0zLjQgNS4xeiIvPgo8L3N2Zz4K);
}
</style></head><body>
<script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js'></script><script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script><script src='https://extjs.cachefly.net/touch/sencha-touch-2.4.1/sencha-touch-all-debug.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/utils/Draggable.min.js'></script><script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>
<script >Ext.application({
name: 'PortalMobile',
launch: function() {
Ext.define('PortalMobile.SlidingMenu', {
extend: 'Ext.Container',
cls: 'mainbody',
requires: ['Ext.Toolbar', 'Ext.Button', 'Ext.Menu'],
config: {
layout: 'card',
items: [{
xtype: 'container',
cls: 'mainbody',
layout: 'vbox',
items: [{
xtype: 'toolbar',
height: 45,
border: false,
frame: false,
cls: 'toolbar',
docked: 'top',
items: [{
xtype: 'button',
handler: function(button, e) {
if (Ext.Viewport.getMenus().left.isHidden()) {
Ext.Viewport.showMenu('left');
} else {
Ext.Viewport.hideMenu('left');
}
},
cls: 'md-lg md-menu'
}, {
// xtype: 'displayField',
html: '<font color="#FFF">Notes</font>',
cls: 'md-lg',
itemId: 'titlefield'
}, {
xtype: 'spacer'
}, {
xtype: 'button',
cls: 'md-lg md-search'
}, {
xtype: 'button',
id: 'changeLayout',
cls: 'md-lg md-view-stream'
}]
}, {
xtype: 'container',
layout: 'hbox',
width: '100%',
items: [{
xtype: 'button',
width: '50%',
cls: 'addbtn',
border: false,
id: 'add'
}]
}, {
xtype: 'container',
cls: 'mainbody',
id: 'list',
flex: 1
}]
}],
listeners: [{
fn: 'onContainerInitialize',
event: 'initialize'
}]
},
onContainerInitialize: function(component, eOpts) {
var menu = Ext.create('PortalMobile.MenuPortalMobile');
Ext.Viewport.setMenu(menu, {
side: 'left',
reveal: true,
zIndex: 100
});
// GRID OPTIONS
var rowSize = 150;
var colSize = 150;
var gutter = 16; // Spacing between tiles
var numTiles = 25; // Number of tiles to initially populate the grid with
var fixedSize = false; // When true, each tile's colspan will be fixed to 1
var oneColumn = false; // When true, grid will only have 1 column and tiles have fixed colspan of 1
var threshold = "50%"; // This is amount of overlap between tiles needed to detect a collision
var $add = $("#add");
var $list = $("#list");
var $mode = $("#changeLayout");
var press = false;
$("#changeLayout").on('click', function() {
if (press === false) {
init('column');
press = true;
} else {
init('fixed');
press = false;
}
});
// Live node list of tiles
var tiles = $list[0].getElementsByClassName("tile");
var label = 1;
var zIndex = 1000;
var startWidth = "100%";
var startSize = colSize;
var singleWidth = Ext.getBody().getWidth();
var colCount = null;
var rowCount = null;
var gutterStep = null;
var shadow1 = "0 2px 1px rgba(0,0,0,0.08)";
var shadow2 = "0 2px 1px rgba(0,0,0,0.08)";
$(window).resize(resize);
$add.click(createTile);
init('mixed');
// ========================================================================
// INIT
// ========================================================================
function init(layout) {
var width = startWidth;
// This value is defined when this function
// is fired by a radio button change event
switch (layout) {
case "mixed":
fixedSize = false;
oneColumn = false;
colSize = startSize;
break;
case "fixed":
fixedSize = true;
oneColumn = false;
colSize = startSize;
break;
case "column":
fixedSize = false;
oneColumn = true;
width = singleWidth;
colSize = singleWidth;
break;
}
$(".tile").remove();
TweenLite.to($list, 0.2, {
width: width
});
TweenLite.delayedCall(0.25, populateBoard);
function populateBoard() {
label = 1;
resize();
for (var i = 0; i < numTiles; i++) {if (window.CP.shouldStopExecution(1)){break;}
createTile();
}
window.CP.exitedLoop(1);
}
}
// ========================================================================
// RESIZE
// ========================================================================
function resize() {
colCount = oneColumn ? 1 : Math.floor($list.outerWidth() / (colSize + gutter));
gutterStep = colCount == 1 ? gutter : (gutter * (colCount - 1) / colCount);
rowCount = 0;
layoutInvalidated();
}
// ========================================================================
// CHANGE POSITION
// ========================================================================
function changePosition(from, to, rowToUpdate) {
var $tiles = $(".tile");
var insert = from > to ? "insertBefore" : "insertAfter";
// Change DOM positions
$tiles.eq(from)[insert]($tiles.eq(to));
layoutInvalidated(rowToUpdate);
}
// ========================================================================
// CREATE TILE
// ========================================================================
function createTile() {
var colspan = fixedSize || oneColumn ? 1 : Math.floor(Math.random() * 2) + 1;
var element = $("<div></div>").addClass("tile").html(label++);
var lastX = 0;
Draggable.create(element, {
onDrag: onDrag,
onPress: onPress,
onRelease: onRelease,
zIndexBoost: false
});
// NOTE: Leave rowspan set to 1 because this demo
// doesn't calculate different row heights
var tile = {
col: null,
colspan: colspan,
element: element,
height: 0,
inBounds: true,
index: null,
isDragging: false,
lastIndex: null,
newTile: true,
positioned: false,
row: null,
rowspan: 1,
width: 0,
x: 0,
y: 0
};
// Add tile properties to our element for quick lookup
element[0].tile = tile;
$list.append(element);
layoutInvalidated();
function onPress() {
lastX = this.x;
tile.isDragging = true;
tile.lastIndex = tile.index;
TweenLite.to(element, 0.2, {
autoAlpha: 0.75,
boxShadow: shadow2,
scale: 0.95,
zIndex: "+=1000"
});
}
function onDrag() {
// Move to end of list if not in bounds
if (!this.hitTest($list, 0)) {
tile.inBounds = false;
changePosition(tile.index, tiles.length - 1);
return;
}
tile.inBounds = true;
for (var i = 0; i < tiles.length; i++) {if (window.CP.shouldStopExecution(2)){break;}
// Row to update is used for a partial layout update
// Shift left/right checks if the tile is being dragged
// towards the the tile it is testing
var testTile = tiles[i].tile;
var onSameRow = (tile.row === testTile.row);
var rowToUpdate = onSameRow ? tile.row : -1;
var shiftLeft = onSameRow ? (this.x < lastX && tile.index > i) : true;
var shiftRight = onSameRow ? (this.x > lastX && tile.index < i) : true;
var validMove = (testTile.positioned && (shiftLeft || shiftRight));
if (this.hitTest(tiles[i], threshold) && validMove) {
changePosition(tile.index, i, rowToUpdate);
break;
}
}
window.CP.exitedLoop(2);
lastX = this.x;
}
function onRelease() {
// Move tile back to last position if released out of bounds
this.hitTest($list, 0) ? layoutInvalidated() : changePosition(tile.index, tile.lastIndex);
TweenLite.to(element, 0.2, {
autoAlpha: 1,
boxShadow: shadow1,
scale: 1,
x: tile.x,
y: tile.y,
zIndex: ++zIndex
});
tile.isDragging = false;
}
}
// ========================================================================
// LAYOUT INVALIDATED
// ========================================================================
function layoutInvalidated(rowToUpdate) {
var timeline = new TimelineMax();
var partialLayout = (rowToUpdate > -1);
var height = 0;
var col = 0;
var row = 0;
var time = 0.35;
$(".tile").each(function(index, element) {
var tile = this.tile;
var oldRow = tile.row;
var oldCol = tile.col;
var newTile = tile.newTile;
// PARTIAL LAYOUT: This condition can only occur while a tile is being
// dragged. The purpose of this is to only swap positions within a row,
// which will prevent a tile from jumping to another row if a space
// is available. Without this, a large tile in column 0 may appear
// to be stuck if hit by a smaller tile, and if there is space in the
// row above for the smaller tile. When the user stops dragging the
// tile, a full layout update will happen, allowing tiles to move to
// available spaces in rows above them.
if (partialLayout) {
row = tile.row;
if (tile.row !== rowToUpdate) return;
}
// Update trackers when colCount is exceeded
if (col + tile.colspan > colCount) {
col = 0;
row++;
}
$.extend(tile, {
col: col,
row: row,
index: index,
x: col * gutterStep + (col * colSize),
y: row * gutterStep + (row * rowSize),
width: tile.colspan * colSize + ((tile.colspan - 1) * gutterStep),
height: tile.rowspan * rowSize
});
col += tile.colspan;
// If the tile being dragged is in bounds, set a new
// last index in case it goes out of bounds
if (tile.isDragging && tile.inBounds) {
tile.lastIndex = index;
}
if (newTile) {
// Clear the new tile flag
tile.newTile = false;
var from = {
autoAlpha: 0,
boxShadow: shadow1,
height: tile.height,
scale: 0,
width: tile.width
};
var to = {
autoAlpha: 1,
scale: 1,
zIndex: zIndex
}
timeline.fromTo(element, time, from, to, "reflow");
}
// Don't animate the tile that is being dragged and
// only animate the tiles that have changes
if (!tile.isDragging && (oldRow !== tile.row || oldCol !== tile.col)) {
var duration = newTile ? 0 : time;
// Boost the z-index for tiles that will travel over
// another tile due to a row change
if (oldRow !== tile.row) {
timeline.set(element, {
zIndex: ++zIndex
}, "reflow");
}
timeline.to(element, duration, {
x: tile.x,
y: tile.y,
onComplete: function() {
tile.positioned = true;
},
onStart: function() {
tile.positioned = false;
}
}, "reflow");
}
});
// If the row count has changed, change the height of the container
if (row !== rowCount) {
rowCount = row;
height = rowCount * gutterStep + (++row * rowSize);
timeline.to($list, 0.2, {
height: height
}, "reflow");
}
}
}
});
Ext.define('PortalMobile.MenuPortalMobile', {
extend: 'Ext.Menu',
alias: 'widget.menuportalmobile',
zIndex: 100,
requires: ['Ext.Button'],
config: {
height: '100%',
itemId: 'menuPortalMobile',
style: 'padding:0',
width: 240,
scrollable: 'vertical',
items: [{
xtype: 'container',
height: '100%',
cls: 'navbar',
layout: 'vbox',
items: [{
xtype: 'button',
border: false,
frame: false,
height: 45,
cls: 'navbutton',
iconCls: 'lightbulb',
width: 240,
text: 'Notes'
}, {
xtype: 'button',
border: false,
frame: false,
height: 45,
cls: 'navbutton',
width: 240,
text: 'Reminders'
}, {
xtype: 'button',
border: false,
frame: false,
height: 45,
cls: 'navbutton',
width: 240,
text: 'Trash'
}]
}]
}
});
Ext.create('PortalMobile.SlidingMenu', {
fullscreen: true
});
}
});
//# sourceURL=pen.js
</script>
</body></html>
