*, :after, :before, input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } audio, label, video { max-width: 100% } audio, label { display: inline-block } body, legend { color: #212121 } a, body { background-image: none } address, body, label, legend { font-weight: 400 } address, body { font-size: 16px } .hr, fieldset, hr, img, legend { border: 0 } audio, sub, sup { vertical-align: baseline } blockquote, html, q, sub, sup { position: relative } .picker__table, table { border-collapse: collapse } body, fieldset, legend, td, th { padding: 0 } .breadcrumb>li+li:before, .fa, .icon { text-rendering: auto; -moz-osx-font-smoothing: grayscale } .waves-effect, html { -webkit-tap-highlight-color: transparent } .container:after, .row:after { clear: both } .text-break, pre { word-break: break-all } .breadcrumb, .dropdown-menu, .nav { list-style: none } .btn, .picker, .tile-action { user-select: none; -ms-user-select: none; -moz-user-select: none } .picker__holder, .toast-inner { -webkit-backface-visibility: hidden } .btn, .picker__month-display, .tab-nav .nav>li>a { text-transform: uppercase } @ -ms-viewport { width: device-width } article, aside, footer, header, nav, section { display: block } body { background-color: #fafafa; font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 24px; margin: 0; -webkit-font-smoothing: subpixel-antialiased } html { font-family: sans-serif; font-size: 100%; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } svg:not (:root ){ overflow: hidden } [hidden], template { display: none } video { display: block } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } address, blockquote, dd, dt, li, q { line-height: 24px } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button } .a, select.form-control, select.picker__select--month, select.picker__select--year { -webkit-appearance: none } button, select { text-transform: none } button { overflow: visible } button[disabled], input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } fieldset { margin: 0; min-width: 0 } fieldset ~fieldset{ margin-top: 24px } dd, label, legend { margin: 0 } address, dl { margin: 24px 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { line-height: normal; margin: 4px 0 0; padding: 0 } input[type=color] { min-width: 24px; width: auto } input[type=time], input[type=date], input[type=datetime-local], input[type=month] { line-height: 24px; line-height: 1 \0 } input[type=file] { display: block; height: auto; line-height: 1; min-height: 36px; padding-top: 6px; padding-bottom: 6px } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=range] { display: block; height: 36px; width: 100% } input[type=search] { -webkit-appearance: none } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } .hr, hr, legend, pre { display: block } legend { font-size: 28px; line-height: 48px } b, dt, optgroup, strong { font-weight: 700 } select[multiple], select[size] { height: auto } textarea { overflow: auto } a { background-color: transparent; color: #2196f3; text-decoration: none } a:focus, a:hover { color: #0d47a1; outline: 0; text-decoration: underline } abbr { border-bottom: 1px dotted #9e9e9e; cursor: help } address { font-style: normal } blockquote, q { font-size: 20px; font-style: italic; font-weight: 300; margin: 36px 0; padding-right: 32px; padding-left: 32px } blockquote:after, blockquote:before, q:after, q:before { color: #4caf50; display: block; font-size: 44px; font-weight: 700; line-height: 0; position: absolute; top: 0 } blockquote:after, q:after { content: close-quote; right: 0 } blockquote:before, q:before { border-right: 1px solid #c8e6c9; content: open-quote; bottom: 0; left: 0; width: 8px } .h1, .h2, .h3, h1, h2, h3 { line-height: 48px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: inherit; font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; margin-top: 48px; margin-bottom: 24px } .fa-inverse, kbd { color: #fff } .h1, h1 { font-size: 44px } .h2, h2 { font-size: 36px } .h3, h3 { font-size: 28px } .h4, .h5, .h6, h4, h5, h6 { line-height: 24px } .h4, h4 { font-size: 20px } .h5, h5 { font-size: 16px } .h6, h6 { font-size: 12px } .h1 small, .h2 small, .h3 small, .h4 small, h1 small, h2 small, h3 small, h4 small { font-size: 16px; font-weight: 400 } .hr, hr { border-top: 1px solid #9e9e9e; height: 0; margin-top: 24px; margin-bottom: 24px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .fa, .fa-stack { display: inline-block } img { vertical-align: middle } ol, ul { margin: 24px 0; padding: 0 0 0 32px } ol ol, ol ul, ul ol, ul ul { margin-top: 0; margin-bottom: 0 } p { margin: 24px 0 } small { font-size: 75%; line-height: 1 } sub, sup { font-size: 80%; line-height: 0 } sub { bottom: -.25em } sup { top: -.5em } table { border-spacing: 0 } th { text-align: left } .col-between, .fa-fw, .fa-li, .text-center { text-align: center } @font-face { font-family: FontAwesome; font-style: normal; font-weight: 400; src: url(./fonts/fontawesome-webfont.eot?v=4.3.0); src: url(./fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(./fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"), url(./fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"), url(./fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"), url(./fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg") } .fa { font: normal normal normal 16px/1 FontAwesome; font-size: inherit; transform: none; -webkit-font-smoothing: antialiased } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } @ -webkit-keyframes fa-spin { 0%{ -webkit-transform: rotate(0); transform: rotate(0) } 100%{ -webkit-transform :rotate(359deg) ;transform :rotate(359deg) } } @ keyframes fa-spin { 0%{ -webkit-transform: rotate(0); transform: rotate(0) } 100%{ -webkit-transform :rotate(359deg) ;transform :rotate(359deg) } } .fa-border { border: .08em solid #e0e0e0; border-radius: .1em; padding: .2em .25em .15em } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-fw { width: 1.28571em } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { filter: none } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -15% } .fa-li { position: absolute; top: .14286em; left: -2.14286em; width: 2.14286em } .fa-stack, .fa-ul>li { position: relative } .fa-li.fa-lg { left: -1.85714em } .fa-ul { list-style-type: none; margin-left: 2.14286em; padding-left: 0 } code, kbd { padding: 2px 4px } .fa-stack { height: 2em; line-height: 2em; vertical-align: middle; width: 2em } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; text-align: center; width: 100% } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-close:before, .fa-remove:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-cog:before, .fa-gear:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-repeat:before, .fa-rotate-right:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-image:before, .fa-photo:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-exclamation-triangle:before, .fa-warning:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-cogs:before, .fa-gears:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-floppy-o:before, .fa-save:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-bars:before, .fa-navicon:before, .fa-reorder:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-sort:before, .fa-unsorted:before { content: "\f0dc" } .fa-sort-desc:before, .fa-sort-down:before { content: "\f0dd" } .fa-sort-asc:before, .fa-sort-up:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-gavel:before, .fa-legal:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-bolt:before, .fa-flash:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-clipboard:before, .fa-paste:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-chain-broken:before, .fa-unlink:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-caret-square-o-down:before, .fa-toggle-down:before { content: "\f150" } .fa-caret-square-o-up:before, .fa-toggle-up:before { content: "\f151" } .fa-caret-square-o-right:before, .fa-toggle-right:before { content: "\f152" } .fa-eur:before, .fa-euro:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-inr:before, .fa-rupee:before { content: "\f156" } .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: "\f157" } .fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: "\f158" } .fa-krw:before, .fa-won:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-caret-square-o-left:before, .fa-toggle-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-try:before, .fa-turkish-lira:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-bank:before, .fa-institution:before, .fa-university:before { content: "\f19c" } .fa-graduation-cap:before, .fa-mortar-board:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before { content: "\f1c5" } .fa-file-archive-o:before, .fa-file-zip-o:before { content: "\f1c6" } .fa-file-audio-o:before, .fa-file-sound-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-rebel:before { content: "\f1d0" } .fa-empire:before, .fa-ge:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-paper-plane:before, .fa-send:before { content: "\f1d8" } .fa-paper-plane-o:before, .fa-send-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before, .fa-genderless:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-futbol-o:before, .fa-soccer-ball-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-ils:before, .fa-shekel:before, .fa-sheqel:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-bed:before, .fa-hotel:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } @font-face { font-family: MaterialDesignIcon; font-style: normal; font-weight: 400; src: url(./fonts/MaterialDesignIcon.eot?-yk43tr); src: url(./fonts/MaterialDesignIcon.eot?#iefix-yk43tr) format("embedded-opentype"), url(./fonts/MaterialDesignIcon.woff?-yk43tr) format("woff"), url(./fonts/MaterialDesignIcon.ttf?-yk43tr) format("truetype"), url(./fonts/MaterialDesignIcon.svg?-yk43tr#MaterialDesignIcon) format("svg") } .breadcrumb>li+li:before, .icon { display: inline-block; font-family: MaterialDesignIcon; font-size: inherit; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; transform: none; -webkit-font-smoothing: antialiased } code, kbd { font-size: 75% } .icon-3d-rotation:before { content: "\e600" } .icon-accessibility:before { content: "\e601" } .icon-account-balance:before { content: "\e602" } .icon-account-balance-wallet:before { content: "\e603" } .icon-account-box:before { content: "\e604" } .icon-account-child:before { content: "\e605" } .icon-account-circle:before { content: "\e606" } .icon-add-shopping-cart:before { content: "\e607" } .icon-alarm:before { content: "\e608" } .icon-alarm-add:before { content: "\e609" } .icon-alarm-off:before { content: "\e60a" } .icon-alarm-on:before { content: "\e60b" } .icon-android:before { content: "\e60c" } .icon-announcement:before { content: "\e60d" } .icon-aspect-ratio:before { content: "\e60e" } .icon-assessment:before { content: "\e60f" } .icon-assignment:before { content: "\e610" } .icon-assignment-ind:before { content: "\e611" } .icon-assignment-late:before { content: "\e612" } .icon-assignment-return:before { content: "\e613" } .icon-assignment-returned:before { content: "\e614" } .icon-assignment-turned-in:before { content: "\e615" } .icon-autorenew:before { content: "\e616" } .icon-backup:before { content: "\e617" } .icon-book:before { content: "\e618" } .icon-bookmark:before { content: "\e619" } .icon-bookmark-outline:before { content: "\e61a" } .icon-bug-report:before { content: "\e61b" } .icon-cached:before { content: "\e61c" } .icon-class:before { content: "\e61d" } .icon-credit-card:before { content: "\e61e" } .icon-dashboard:before { content: "\e61f" } .icon-delete:before { content: "\e620" } .icon-description:before { content: "\e621" } .icon-dns:before { content: "\e622" } .icon-done:before { content: "\e623" } .icon-done-all:before { content: "\e624" } .icon-event:before { content: "\e625" } .icon-exit-to-app:before { content: "\e626" } .icon-explore:before { content: "\e627" } .icon-extension:before { content: "\e628" } .icon-face-unlock:before { content: "\e629" } .icon-favorite:before { content: "\e62a" } .icon-favorite-outline:before { content: "\e62b" } .icon-find-in-page:before { content: "\e62c" } .icon-find-replace:before { content: "\e62d" } .icon-flip-to-back:before { content: "\e62e" } .icon-flip-to-front:before { content: "\e62f" } .icon-get-app:before { content: "\e630" } .icon-grade:before { content: "\e631" } .icon-group-work:before { content: "\e632" } .icon-help:before { content: "\e633" } .icon-highlight-remove:before { content: "\e634" } .icon-history:before { content: "\e635" } .icon-home:before { content: "\e636" } .icon-https:before { content: "\e637" } .icon-info:before { content: "\e638" } .icon-info-outline:before { content: "\e639" } .icon-input:before { content: "\e63a" } .icon-invert-colors:before { content: "\e63b" } .icon-label:before { content: "\e63c" } .icon-label-outline:before { content: "\e63d" } .icon-language:before { content: "\e63e" } .icon-launch:before { content: "\e63f" } .icon-list:before { content: "\e640" } .icon-lock:before { content: "\e641" } .icon-lock-open:before { content: "\e642" } .icon-lock-outline:before { content: "\e643" } .icon-loyalty:before { content: "\e644" } .icon-markunread-mailbox:before { content: "\e645" } .icon-note-add:before { content: "\e646" } .icon-open-in-browser:before { content: "\e647" } .icon-open-in-new:before { content: "\e648" } .icon-open-with:before { content: "\e649" } .icon-pageview:before { content: "\e64a" } .icon-payment:before { content: "\e64b" } .icon-perm-camera-mic:before { content: "\e64c" } .icon-perm-contact-cal:before { content: "\e64d" } .icon-perm-data-setting:before { content: "\e64e" } .icon-perm-device-info:before { content: "\e64f" } .icon-perm-identity:before { content: "\e650" } .icon-perm-media:before { content: "\e651" } .icon-perm-phone-msg:before { content: "\e652" } .icon-perm-scan-wifi:before { content: "\e653" } .icon-picture-in-picture:before { content: "\e654" } .icon-polymer:before { content: "\e655" } .icon-print:before { content: "\e656" } .icon-query-builder:before { content: "\e657" } .icon-question-answer:before { content: "\e658" } .icon-receipt:before { content: "\e659" } .icon-redeem:before { content: "\e65a" } .icon-reorder:before { content: "\e65b" } .icon-report-problem:before { content: "\e65c" } .icon-restore:before { content: "\e65d" } .icon-room:before { content: "\e65e" } .icon-schedule:before { content: "\e65f" } .icon-search:before { content: "\e660" } .icon-settings:before { content: "\e661" } .icon-settings-applications:before { content: "\e662" } .icon-settings-backup-restore:before { content: "\e663" } .icon-settings-bluetooth:before { content: "\e664" } .icon-settings-cell:before { content: "\e665" } .icon-settings-display:before { content: "\e666" } .icon-settings-ethernet:before { content: "\e667" } .icon-settings-input-antenna:before { content: "\e668" } .icon-settings-input-component:before { content: "\e669" } .icon-settings-input-composite:before { content: "\e66a" } .icon-settings-input-hdmi:before { content: "\e66b" } .icon-settings-input-svideo:before { content: "\e66c" } .icon-settings-overscan:before { content: "\e66d" } .icon-settings-phone:before { content: "\e66e" } .icon-settings-power:before { content: "\e66f" } .icon-settings-remote:before { content: "\e670" } .icon-settings-voice:before { content: "\e671" } .icon-shop:before { content: "\e672" } .icon-shop-two:before { content: "\e673" } .icon-shopping-basket:before { content: "\e674" } .icon-shopping-cart:before { content: "\e675" } .icon-speaker-notes:before { content: "\e676" } .icon-spellcheck:before { content: "\e677" } .icon-star-rate:before { content: "\e678" } .icon-stars:before { content: "\e679" } .icon-store:before { content: "\e67a" } .icon-subject:before { content: "\e67b" } .icon-supervisor-account:before { content: "\e67c" } .icon-swap-horiz:before { content: "\e67d" } .icon-swap-vert:before { content: "\e67e" } .icon-swap-vert-circle:before { content: "\e67f" } .icon-system-update-tv:before { content: "\e680" } .icon-tab:before { content: "\e681" } .icon-tab-unselected:before { content: "\e682" } .icon-theaters:before { content: "\e683" } .icon-thumb-down:before { content: "\e684" } .icon-thumb-up:before { content: "\e685" } .icon-thumbs-up-down:before { content: "\e686" } .icon-toc:before { content: "\e687" } .icon-today:before { content: "\e688" } .icon-track-changes:before { content: "\e689" } .icon-translate:before { content: "\e68a" } .icon-trending-down:before { content: "\e68b" } .icon-trending-neutral:before { content: "\e68c" } .icon-trending-up:before { content: "\e68d" } .icon-turned-in:before { content: "\e68e" } .icon-turned-in-not:before { content: "\e68f" } .icon-verified-user:before { content: "\e690" } .icon-view-agenda:before { content: "\e691" } .icon-view-array:before { content: "\e692" } .icon-view-carousel:before { content: "\e693" } .icon-view-column:before { content: "\e694" } .icon-view-day:before { content: "\e695" } .icon-view-headline:before { content: "\e696" } .icon-view-list:before { content: "\e697" } .icon-view-module:before { content: "\e698" } .icon-view-quilt:before { content: "\e699" } .icon-view-stream:before { content: "\e69a" } .icon-view-week:before { content: "\e69b" } .icon-visibility:before { content: "\e69c" } .icon-visibility-off:before { content: "\e69d" } .icon-wallet-giftcard:before { content: "\e69e" } .icon-wallet-membership:before { content: "\e69f" } .icon-wallet-travel:before { content: "\e6a0" } .icon-work:before { content: "\e6a1" } .icon-error:before { content: "\e6a2" } .icon-warning:before { content: "\e6a3" } .icon-album:before { content: "\e6a4" } .icon-av-timer:before { content: "\e6a5" } .icon-closed-caption:before { content: "\e6a6" } .icon-equalizer:before { content: "\e6a7" } .icon-explicit:before { content: "\e6a8" } .icon-fast-forward:before { content: "\e6a9" } .icon-fast-rewind:before { content: "\e6aa" } .icon-games:before { content: "\e6ab" } .icon-hearing:before { content: "\e6ac" } .icon-high-quality:before { content: "\e6ad" } .icon-loop:before { content: "\e6ae" } .icon-mic:before { content: "\e6af" } .icon-mic-none:before { content: "\e6b0" } .icon-mic-off:before { content: "\e6b1" } .icon-movie:before { content: "\e6b2" } .icon-my-library-add:before { content: "\e6b3" } .icon-my-library-books:before { content: "\e6b4" } .icon-my-library-music:before { content: "\e6b5" } .icon-new-releases:before { content: "\e6b6" } .icon-not-interested:before { content: "\e6b7" } .icon-pause:before { content: "\e6b8" } .icon-pause-circle-fill:before { content: "\e6b9" } .icon-pause-circle-outline:before { content: "\e6ba" } .icon-play-arrow:before { content: "\e6bb" } .icon-play-circle-fill:before { content: "\e6bc" } .icon-play-circle-outline:before { content: "\e6bd" } .icon-play-shopping-bag:before { content: "\e6be" } .icon-playlist-add:before { content: "\e6bf" } .icon-queue:before { content: "\e6c0" } .icon-queue-music:before { content: "\e6c1" } .icon-radio:before { content: "\e6c2" } .icon-recent-actors:before { content: "\e6c3" } .icon-repeat:before { content: "\e6c4" } .icon-repeat-one:before { content: "\e6c5" } .icon-replay:before { content: "\e6c6" } .icon-shuffle:before { content: "\e6c7" } .icon-skip-next:before { content: "\e6c8" } .icon-skip-previous:before { content: "\e6c9" } .icon-snooze:before { content: "\e6ca" } .icon-stop:before { content: "\e6cb" } .icon-subtitles:before { content: "\e6cc" } .icon-surround-sound:before { content: "\e6cd" } .icon-video-collection:before { content: "\e6ce" } .icon-videocam:before { content: "\e6cf" } .icon-videocam-off:before { content: "\e6d0" } .icon-volume-down:before { content: "\e6d1" } .icon-volume-mute:before { content: "\e6d2" } .icon-volume-off:before { content: "\e6d3" } .icon-volume-up:before { content: "\e6d4" } .icon-web:before { content: "\e6d5" } .icon-business:before { content: "\e6d6" } .icon-call:before { content: "\e6d7" } .icon-call-end:before { content: "\e6d8" } .icon-call-made:before { content: "\e6d9" } .icon-call-merge:before { content: "\e6da" } .icon-call-missed:before { content: "\e6db" } .icon-call-received:before { content: "\e6dc" } .icon-call-split:before { content: "\e6dd" } .icon-chat:before { content: "\e6de" } .icon-clear-all:before { content: "\e6df" } .icon-comment:before { content: "\e6e0" } .icon-contacts:before { content: "\e6e1" } .icon-dialer-sip:before { content: "\e6e2" } .icon-dialpad:before { content: "\e6e3" } .icon-dnd-on:before { content: "\e6e4" } .icon-email:before { content: "\e6e5" } .icon-forum:before { content: "\e6e6" } .icon-import-export:before { content: "\e6e7" } .icon-invert-colors-off:before { content: "\e6e8" } .icon-invert-colors-on:before { content: "\e6e9" } .icon-live-help:before { content: "\e6ea" } .icon-location-off:before { content: "\e6eb" } .icon-location-on:before { content: "\e6ec" } .icon-message:before { content: "\e6ed" } .icon-messenger:before { content: "\e6ee" } .icon-no-sim:before { content: "\e6ef" } .icon-phone:before { content: "\e6f0" } .icon-portable-wifi-off:before { content: "\e6f1" } .icon-quick-contacts-dialer:before { content: "\e6f2" } .icon-quick-contacts-mail:before { content: "\e6f3" } .icon-ring-volume:before { content: "\e6f4" } .icon-stay-current-landscape:before { content: "\e6f5" } .icon-stay-current-portrait:before { content: "\e6f6" } .icon-stay-primary-landscape:before { content: "\e6f7" } .icon-stay-primary-portrait:before { content: "\e6f8" } .icon-swap-calls:before { content: "\e6f9" } .icon-textsms:before { content: "\e6fa" } .icon-voicemail:before { content: "\e6fb" } .icon-vpn-key:before { content: "\e6fc" } .icon-add:before { content: "\e6fd" } .icon-add-box:before { content: "\e6fe" } .icon-add-circle:before { content: "\e6ff" } .icon-add-circle-outline:before { content: "\e700" } .icon-archive:before { content: "\e701" } .icon-backspace:before { content: "\e702" } .icon-block:before { content: "\e703" } .icon-clear:before { content: "\e704" } .icon-content-copy:before { content: "\e705" } .icon-content-cut:before { content: "\e706" } .icon-content-paste:before { content: "\e707" } .icon-create:before { content: "\e708" } .icon-drafts:before { content: "\e709" } .icon-filter-list:before { content: "\e70a" } .icon-flag:before { content: "\e70b" } .icon-forward:before { content: "\e70c" } .icon-gesture:before { content: "\e70d" } .icon-inbox:before { content: "\e70e" } .icon-link:before { content: "\e70f" } .icon-mail:before { content: "\e710" } .icon-markunread:before { content: "\e711" } .icon-redo:before { content: "\e712" } .icon-remove:before { content: "\e713" } .icon-remove-circle:before { content: "\e714" } .icon-remove-circle-outline:before { content: "\e715" } .icon-reply:before { content: "\e716" } .icon-reply-all:before { content: "\e717" } .icon-report:before { content: "\e718" } .icon-save:before { content: "\e719" } .icon-select-all:before { content: "\e71a" } .icon-send:before { content: "\e71b" } .icon-sort:before { content: "\e71c" } .icon-text-format:before { content: "\e71d" } .icon-undo:before { content: "\e71e" } .icon-access-alarm:before { content: "\e71f" } .icon-access-alarms:before { content: "\e720" } .icon-access-time:before { content: "\e721" } .icon-add-alarm:before { content: "\e722" } .icon-airplanemode-off:before { content: "\e723" } .icon-airplanemode-on:before { content: "\e724" } .icon-battery-20:before { content: "\e725" } .icon-battery-30:before { content: "\e726" } .icon-battery-50:before { content: "\e727" } .icon-battery-60:before { content: "\e728" } .icon-battery-80:before { content: "\e729" } .icon-battery-90:before { content: "\e72a" } .icon-battery-alert:before { content: "\e72b" } .icon-battery-charging-20:before { content: "\e72c" } .icon-battery-charging-30:before { content: "\e72d" } .icon-battery-charging-50:before { content: "\e72e" } .icon-battery-charging-60:before { content: "\e72f" } .icon-battery-charging-80:before { content: "\e730" } .icon-battery-charging-90:before { content: "\e731" } .icon-battery-charging-full:before { content: "\e732" } .icon-battery-full:before { content: "\e733" } .icon-battery-std:before { content: "\e734" } .icon-battery-unknown:before { content: "\e735" } .icon-bluetooth:before { content: "\e736" } .icon-bluetooth-connected:before { content: "\e737" } .icon-bluetooth-disabled:before { content: "\e738" } .icon-bluetooth-searching:before { content: "\e739" } .icon-brightness-auto:before { content: "\e73a" } .icon-brightness-high:before { content: "\e73b" } .icon-brightness-low:before { content: "\e73c" } .icon-brightness-medium:before { content: "\e73d" } .icon-data-usage:before { content: "\e73e" } .icon-developer-mode:before { content: "\e73f" } .icon-devices:before { content: "\e740" } .icon-dvr:before { content: "\e741" } .icon-gps-fixed:before { content: "\e742" } .icon-gps-not-fixed:before { content: "\e743" } .icon-gps-off:before { content: "\e744" } .icon-location-disabled:before { content: "\e745" } .icon-location-searching:before { content: "\e746" } .icon-multitrack-audio:before { content: "\e747" } .icon-network-cell:before { content: "\e748" } .icon-network-wifi:before { content: "\e749" } .icon-nfc:before { content: "\e74a" } .icon-now-wallpaper:before { content: "\e74b" } .icon-now-widgets:before { content: "\e74c" } .icon-screen-lock-landscape:before { content: "\e74d" } .icon-screen-lock-portrait:before { content: "\e74e" } .icon-screen-lock-rotation:before { content: "\e74f" } .icon-screen-rotation:before { content: "\e750" } .icon-sd-storage:before { content: "\e751" } .icon-settings-system-daydream:before { content: "\e752" } .icon-signal-cellular-0-bar:before { content: "\e753" } .icon-signal-cellular-1-bar:before { content: "\e754" } .icon-signal-cellular-2-bar:before { content: "\e755" } .icon-signal-cellular-3-bar:before { content: "\e756" } .icon-signal-cellular-4-bar:before { content: "\e757" } .icon-signal-cellular-connected-no-internet-0-bar:before { content: "\e758" } .icon-signal-cellular-connected-no-internet-1-bar:before { content: "\e759" } .icon-signal-cellular-connected-no-internet-2-bar:before { content: "\e75a" } .icon-signal-cellular-connected-no-internet-3-bar:before { content: "\e75b" } .icon-signal-cellular-connected-no-internet-4-bar:before { content: "\e75c" } .icon-signal-cellular-no-sim:before { content: "\e75d" } .icon-signal-cellular-null:before { content: "\e75e" } .icon-signal-cellular-off:before { content: "\e75f" } .icon-signal-wifi-0-bar:before { content: "\e760" } .icon-signal-wifi-1-bar:before { content: "\e761" } .icon-signal-wifi-2-bar:before { content: "\e762" } .icon-signal-wifi-3-bar:before { content: "\e763" } .icon-signal-wifi-4-bar:before { content: "\e764" } .icon-signal-wifi-off:before { content: "\e765" } .icon-signal-wifi-statusbar-1-bar:before { content: "\e766" } .icon-signal-wifi-statusbar-2-bar:before { content: "\e767" } .icon-signal-wifi-statusbar-3-bar:before { content: "\e768" } .icon-signal-wifi-statusbar-4-bar:before { content: "\e769" } .icon-signal-wifi-statusbar-connected-no-internet-1:before { content: "\e76a" } .icon-signal-wifi-statusbar-connected-no-internet-2:before { content: "\e76b" } .icon-signal-wifi-statusbar-connected-no-internet-3:before { content: "\e76c" } .icon-signal-wifi-statusbar-connected-no-internet-4:before { content: "\e76d" } .icon-signal-wifi-statusbar-connected-no-internet:before { content: "\e76e" } .icon-signal-wifi-statusbar-not-connected:before { content: "\e76f" } .icon-signal-wifi-statusbar-null:before { content: "\e770" } .icon-storage:before { content: "\e771" } .icon-usb:before { content: "\e772" } .icon-wifi-lock:before { content: "\e773" } .icon-wifi-tethering:before { content: "\e774" } .icon-attach-file:before { content: "\e775" } .icon-attach-money:before { content: "\e776" } .icon-border-all:before { content: "\e777" } .icon-border-bottom:before { content: "\e778" } .icon-border-clear:before { content: "\e779" } .icon-border-color:before { content: "\e77a" } .icon-border-horizontal:before { content: "\e77b" } .icon-border-inner:before { content: "\e77c" } .icon-border-left:before { content: "\e77d" } .icon-border-outer:before { content: "\e77e" } .icon-border-right:before { content: "\e77f" } .icon-border-style:before { content: "\e780" } .icon-border-top:before { content: "\e781" } .icon-border-vertical:before { content: "\e782" } .icon-format-align-center:before { content: "\e783" } .icon-format-align-justify:before { content: "\e784" } .icon-format-align-left:before { content: "\e785" } .icon-format-align-right:before { content: "\e786" } .icon-format-bold:before { content: "\e787" } .icon-format-clear:before { content: "\e788" } .icon-format-color-fill:before { content: "\e789" } .icon-format-color-reset:before { content: "\e78a" } .icon-format-color-text:before { content: "\e78b" } .icon-format-indent-decrease:before { content: "\e78c" } .icon-format-indent-increase:before { content: "\e78d" } .icon-format-italic:before { content: "\e78e" } .icon-format-line-spacing:before { content: "\e78f" } .icon-format-list-bulleted:before { content: "\e790" } .icon-format-list-numbered:before { content: "\e791" } .icon-format-paint:before { content: "\e792" } .icon-format-quote:before { content: "\e793" } .icon-format-size:before { content: "\e794" } .icon-format-strikethrough:before { content: "\e795" } .icon-format-textdirection-l-to-r:before { content: "\e796" } .icon-format-textdirection-r-to-l:before { content: "\e797" } .icon-format-underline:before { content: "\e798" } .icon-functions:before { content: "\e799" } .icon-insert-chart:before { content: "\e79a" } .icon-insert-comment:before { content: "\e79b" } .icon-insert-drive-file:before { content: "\e79c" } .icon-insert-emoticon:before { content: "\e79d" } .icon-insert-invitation:before { content: "\e79e" } .icon-insert-link:before { content: "\e79f" } .icon-insert-photo:before { content: "\e7a0" } .icon-merge-type:before { content: "\e7a1" } .icon-mode-comment:before { content: "\e7a2" } .icon-mode-edit:before { content: "\e7a3" } .icon-publish:before { content: "\e7a4" } .icon-vertical-align-bottom:before { content: "\e7a5" } .icon-vertical-align-center:before { content: "\e7a6" } .icon-vertical-align-top:before { content: "\e7a7" } .icon-wrap-text:before { content: "\e7a8" } .icon-attachment:before { content: "\e7a9" } .icon-cloud:before { content: "\e7aa" } .icon-cloud-circle:before { content: "\e7ab" } .icon-cloud-done:before { content: "\e7ac" } .icon-cloud-download:before { content: "\e7ad" } .icon-cloud-off:before { content: "\e7ae" } .icon-cloud-queue:before { content: "\e7af" } .icon-cloud-upload:before { content: "\e7b0" } .icon-file-download:before { content: "\e7b1" } .icon-file-upload:before { content: "\e7b2" } .icon-folder:before { content: "\e7b3" } .icon-folder-open:before { content: "\e7b4" } .icon-folder-shared:before { content: "\e7b5" } .icon-cast:before { content: "\e7b6" } .icon-cast-connected:before { content: "\e7b7" } .icon-computer:before { content: "\e7b8" } .icon-desktop-mac:before { content: "\e7b9" } .icon-desktop-windows:before { content: "\e7ba" } .icon-dock:before { content: "\e7bb" } .icon-gamepad:before { content: "\e7bc" } .icon-headset:before { content: "\e7bd" } .icon-headset-mic:before { content: "\e7be" } .icon-keyboard:before { content: "\e7bf" } .icon-keyboard-alt:before { content: "\e7c0" } .icon-keyboard-arrow-down:before { content: "\e7c1" } .icon-keyboard-arrow-left:before { content: "\e7c2" } .icon-keyboard-arrow-right:before { content: "\e7c3" } .icon-keyboard-arrow-up:before { content: "\e7c4" } .icon-keyboard-backspace:before { content: "\e7c5" } .icon-keyboard-capslock:before { content: "\e7c6" } .icon-keyboard-control:before { content: "\e7c7" } .icon-keyboard-hide:before { content: "\e7c8" } .icon-keyboard-return:before { content: "\e7c9" } .icon-keyboard-tab:before { content: "\e7ca" } .icon-keyboard-voice:before { content: "\e7cb" } .icon-laptop:before { content: "\e7cc" } .icon-laptop-chromebook:before { content: "\e7cd" } .icon-laptop-mac:before { content: "\e7ce" } .icon-laptop-windows:before { content: "\e7cf" } .icon-memory:before { content: "\e7d0" } .icon-mouse:before { content: "\e7d1" } .icon-phone-android:before { content: "\e7d2" } .icon-phone-iphone:before { content: "\e7d3" } .icon-phonelink:before { content: "\e7d4" } .icon-phonelink-off:before { content: "\e7d5" } .icon-security:before { content: "\e7d6" } .icon-sim-card:before { content: "\e7d7" } .icon-smartphone:before { content: "\e7d8" } .icon-speaker:before { content: "\e7d9" } .icon-tablet:before { content: "\e7da" } .icon-tablet-android:before { content: "\e7db" } .icon-tablet-mac:before { content: "\e7dc" } .icon-tv:before { content: "\e7dd" } .icon-watch:before { content: "\e7de" } .icon-add-to-photos:before { content: "\e7df" } .icon-adjust:before { content: "\e7e0" } .icon-assistant-photo:before { content: "\e7e1" } .icon-audiotrack:before { content: "\e7e2" } .icon-blur-circular:before { content: "\e7e3" } .icon-blur-linear:before { content: "\e7e4" } .icon-blur-off:before { content: "\e7e5" } .icon-blur-on:before { content: "\e7e6" } .icon-brightness-1:before { content: "\e7e7" } .icon-brightness-2:before { content: "\e7e8" } .icon-brightness-3:before { content: "\e7e9" } .icon-brightness-4:before { content: "\e7ea" } .icon-brightness-5:before { content: "\e7eb" } .icon-brightness-6:before { content: "\e7ec" } .icon-brightness-7:before { content: "\e7ed" } .icon-brush:before { content: "\e7ee" } .icon-camera:before { content: "\e7ef" } .icon-camera-alt:before { content: "\e7f0" } .icon-camera-front:before { content: "\e7f1" } .icon-camera-rear:before { content: "\e7f2" } .icon-camera-roll:before { content: "\e7f3" } .icon-center-focus-strong:before { content: "\e7f4" } .icon-center-focus-weak:before { content: "\e7f5" } .icon-collections:before { content: "\e7f6" } .icon-color-lens:before { content: "\e7f7" } .icon-colorize:before { content: "\e7f8" } .icon-compare:before { content: "\e7f9" } .icon-control-point:before { content: "\e7fa" } .icon-control-point-duplicate:before { content: "\e7fb" } .icon-crop-3-2:before { content: "\e7fc" } .icon-crop-5-4:before { content: "\e7fd" } .icon-crop-7-5:before { content: "\e7fe" } .icon-crop-16-9:before { content: "\e7ff" } .icon-crop:before { content: "\e800" } .icon-crop-din:before { content: "\e801" } .icon-crop-free:before { content: "\e802" } .icon-crop-landscape:before { content: "\e803" } .icon-crop-original:before { content: "\e804" } .icon-crop-portrait:before { content: "\e805" } .icon-crop-square:before { content: "\e806" } .icon-dehaze:before { content: "\e807" } .icon-details:before { content: "\e808" } .icon-edit:before { content: "\e809" } .icon-exposure:before { content: "\e80a" } .icon-exposure-minus-1:before { content: "\e80b" } .icon-exposure-minus-2:before { content: "\e80c" } .icon-exposure-plus-1:before { content: "\e80d" } .icon-exposure-plus-2:before { content: "\e80e" } .icon-exposure-zero:before { content: "\e80f" } .icon-filter-1:before { content: "\e810" } .icon-filter-2:before { content: "\e811" } .icon-filter-3:before { content: "\e812" } .icon-filter-4:before { content: "\e813" } .icon-filter-5:before { content: "\e814" } .icon-filter-6:before { content: "\e815" } .icon-filter-7:before { content: "\e816" } .icon-filter-8:before { content: "\e817" } .icon-filter-9:before { content: "\e818" } .icon-filter-9-plus:before { content: "\e819" } .icon-filter:before { content: "\e81a" } .icon-filter-b-and-w:before { content: "\e81b" } .icon-filter-center-focus:before { content: "\e81c" } .icon-filter-drama:before { content: "\e81d" } .icon-filter-frames:before { content: "\e81e" } .icon-filter-hdr:before { content: "\e81f" } .icon-filter-none:before { content: "\e820" } .icon-filter-tilt-shift:before { content: "\e821" } .icon-filter-vintage:before { content: "\e822" } .icon-flare:before { content: "\e823" } .icon-flash-auto:before { content: "\e824" } .icon-flash-off:before { content: "\e825" } .icon-flash-on:before { content: "\e826" } .icon-flip:before { content: "\e827" } .icon-gradient:before { content: "\e828" } .icon-grain:before { content: "\e829" } .icon-grid-off:before { content: "\e82a" } .icon-grid-on:before { content: "\e82b" } .icon-hdr-off:before { content: "\e82c" } .icon-hdr-on:before { content: "\e82d" } .icon-hdr-strong:before { content: "\e82e" } .icon-hdr-weak:before { content: "\e82f" } .icon-healing:before { content: "\e830" } .icon-image:before { content: "\e831" } .icon-image-aspect-ratio:before { content: "\e832" } .icon-iso:before { content: "\e833" } .icon-landscape:before { content: "\e834" } .icon-leak-add:before { content: "\e835" } .icon-leak-remove:before { content: "\e836" } .icon-lens:before { content: "\e837" } .icon-looks-1:before { content: "\e83d" } .icon-looks-2:before { content: "\e83e" } .icon-looks-3:before { content: "\e838" } .icon-looks-4:before { content: "\e839" } .icon-looks-5:before { content: "\e83a" } .icon-looks-6:before { content: "\e83b" } .icon-looks:before { content: "\e83c" } .icon-loupe:before { content: "\e83f" } .icon-movie-creation:before { content: "\e840" } .icon-nature:before { content: "\e841" } .icon-nature-people:before { content: "\e842" } .icon-navigate-before:before { content: "\e843" } .icon-navigate-next:before { content: "\e844" } .icon-palette:before { content: "\e845" } .icon-panorama:before { content: "\e846" } .icon-panorama-fisheye:before { content: "\e847" } .icon-panorama-horizontal:before { content: "\e848" } .icon-panorama-vertical:before { content: "\e849" } .icon-panorama-wide-angle:before { content: "\e84a" } .icon-photo:before { content: "\e84b" } .icon-photo-album:before { content: "\e84c" } .icon-photo-camera:before { content: "\e84d" } .icon-photo-library:before { content: "\e84e" } .icon-portrait:before { content: "\e84f" } .icon-remove-red-eye:before { content: "\e850" } .icon-rotate-left:before { content: "\e851" } .icon-rotate-right:before { content: "\e852" } .icon-slideshow:before { content: "\e853" } .icon-straighten:before { content: "\e854" } .icon-style:before { content: "\e855" } .icon-switch-camera:before { content: "\e856" } .icon-switch-video:before { content: "\e857" } .icon-tag-faces:before { content: "\e858" } .icon-texture:before { content: "\e859" } .icon-timelapse:before { content: "\e85a" } .icon-timer-3:before { content: "\e85b" } .icon-timer-10:before { content: "\e85c" } .icon-timer:before { content: "\e85d" } .icon-timer-auto:before { content: "\e85e" } .icon-timer-off:before { content: "\e85f" } .icon-tonality:before { content: "\e860" } .icon-transform:before { content: "\e861" } .icon-tune:before { content: "\e862" } .icon-wb-auto:before { content: "\e863" } .icon-wb-cloudy:before { content: "\e864" } .icon-wb-incandescent:before { content: "\e865" } .icon-wb-irradescent:before { content: "\e866" } .icon-wb-sunny:before { content: "\e867" } .icon-beenhere:before { content: "\e868" } .icon-directions:before { content: "\e869" } .icon-directions-bike:before { content: "\e86a" } .icon-directions-bus:before { content: "\e86b" } .icon-directions-car:before { content: "\e86c" } .icon-directions-ferry:before { content: "\e86d" } .icon-directions-subway:before { content: "\e86e" } .icon-directions-train:before { content: "\e86f" } .icon-directions-transit:before { content: "\e870" } .icon-directions-walk:before { content: "\e871" } .icon-flight:before { content: "\e872" } .icon-hotel:before { content: "\e873" } .icon-layers:before { content: "\e874" } .icon-layers-clear:before { content: "\e875" } .icon-local-airport:before { content: "\e876" } .icon-local-atm:before { content: "\e877" } .icon-local-attraction:before { content: "\e878" } .icon-local-bar:before { content: "\e879" } .icon-local-cafe:before { content: "\e87a" } .icon-local-car-wash:before { content: "\e87b" } .icon-local-convenience-store:before { content: "\e87c" } .icon-local-drink:before { content: "\e87d" } .icon-local-florist:before { content: "\e87e" } .icon-local-gas-station:before { content: "\e87f" } .icon-local-grocery-store:before { content: "\e880" } .icon-local-hospital:before { content: "\e881" } .icon-local-hotel:before { content: "\e882" } .icon-local-laundry-service:before { content: "\e883" } .icon-local-library:before { content: "\e884" } .icon-local-mall:before { content: "\e885" } .icon-local-movies:before { content: "\e886" } .icon-local-offer:before { content: "\e887" } .icon-local-parking:before { content: "\e888" } .icon-local-pharmacy:before { content: "\e889" } .icon-local-phone:before { content: "\e88a" } .icon-local-pizza:before { content: "\e88b" } .icon-local-play:before { content: "\e88c" } .icon-local-post-office:before { content: "\e88d" } .icon-local-print-shop:before { content: "\e88e" } .icon-local-restaurant:before { content: "\e88f" } .icon-local-see:before { content: "\e890" } .icon-local-shipping:before { content: "\e891" } .icon-local-taxi:before { content: "\e892" } .icon-location-history:before { content: "\e893" } .icon-map:before { content: "\e894" } .icon-my-location:before { content: "\e895" } .icon-navigation:before { content: "\e896" } .icon-pin-drop:before { content: "\e897" } .icon-place:before { content: "\e898" } .icon-rate-review:before { content: "\e899" } .icon-restaurant-menu:before { content: "\e89a" } .icon-satellite:before { content: "\e89b" } .icon-store-mall-directory:before { content: "\e89c" } .icon-terrain:before { content: "\e89d" } .icon-traffic:before { content: "\e89e" } .icon-apps:before { content: "\e89f" } .icon-arrow-back:before { content: "\e8a0" } .icon-arrow-drop-down:before { content: "\e8a1" } .icon-arrow-drop-down-circle:before { content: "\e8a2" } .icon-arrow-drop-up:before { content: "\e8a3" } .icon-arrow-forward:before { content: "\e8a4" } .icon-cancel:before { content: "\e8a5" } .icon-check:before { content: "\e8a6" } .icon-chevron-left:before { content: "\e8a7" } .icon-chevron-right:before { content: "\e8a8" } .icon-close:before { content: "\e8a9" } .icon-expand-less:before { content: "\e8aa" } .icon-expand-more:before { content: "\e8ab" } .icon-fullscreen:before { content: "\e8ac" } .icon-fullscreen-exit:before { content: "\e8ad" } .icon-menu:before { content: "\e8ae" } .icon-more-horiz:before { content: "\e8af" } .icon-more-vert:before { content: "\e8b0" } .icon-refresh:before { content: "\e8b1" } .icon-unfold-less:before { content: "\e8b2" } .icon-unfold-more:before { content: "\e8b3" } .icon-adb:before { content: "\e8b4" } .icon-bluetooth-audio:before { content: "\e8b5" } .icon-disc-full:before { content: "\e8b6" } .icon-dnd-forwardslash:before { content: "\e8b7" } .icon-do-not-disturb:before { content: "\e8b8" } .icon-drive-eta:before { content: "\e8b9" } .icon-event-available:before { content: "\e8ba" } .icon-event-busy:before { content: "\e8bb" } .icon-event-note:before { content: "\e8bc" } .icon-folder-special:before { content: "\e8bd" } .icon-mms:before { content: "\e8be" } .icon-more:before { content: "\e8bf" } .icon-network-locked:before { content: "\e8c0" } .icon-phone-bluetooth-speaker:before { content: "\e8c1" } .icon-phone-forwarded:before { content: "\e8c2" } .icon-phone-in-talk:before { content: "\e8c3" } .icon-phone-locked:before { content: "\e8c4" } .icon-phone-missed:before { content: "\e8c5" } .icon-phone-paused:before { content: "\e8c6" } .icon-play-download:before { content: "\e8c7" } .icon-play-install:before { content: "\e8c8" } .icon-sd-card:before { content: "\e8c9" } .icon-sim-card-alert:before { content: "\e8ca" } .icon-sms:before { content: "\e8cb" } .icon-sms-failed:before { content: "\e8cc" } .icon-sync:before { content: "\e8cd" } .icon-sync-disabled:before { content: "\e8ce" } .icon-sync-problem:before { content: "\e8cf" } .icon-system-update:before { content: "\e8d0" } .icon-tap-and-play:before { content: "\e8d1" } .icon-time-to-leave:before { content: "\e8d2" } .icon-vibration:before { content: "\e8d3" } .icon-voice-chat:before { content: "\e8d4" } .icon-vpn-lock:before { content: "\e8d5" } .icon-cake:before { content: "\e8d6" } .icon-domain:before { content: "\e8d7" } .icon-group:before { content: "\e8d8" } .icon-group-add:before { content: "\e8d9" } .icon-location-city:before { content: "\e8da" } .icon-mood:before { content: "\e8db" } .icon-notifications:before { content: "\e8dc" } .icon-notifications-none:before { content: "\e8dd" } .icon-notifications-off:before { content: "\e8de" } .icon-notifications-on:before { content: "\e8df" } .icon-notifications-paused:before { content: "\e8e0" } .icon-pages:before { content: "\e8e1" } .icon-party-mode:before { content: "\e8e2" } .icon-people:before { content: "\e8e3" } .icon-people-outline:before { content: "\e8e4" } .icon-person:before { content: "\e8e5" } .icon-person-add:before { content: "\e8e6" } .icon-person-outline:before { content: "\e8e7" } .icon-plus-one:before { content: "\e8e8" } .icon-poll:before { content: "\e8e9" } .icon-public:before { content: "\e8ea" } .icon-school:before { content: "\e8eb" } .icon-share:before { content: "\e8ec" } .icon-whatshot:before { content: "\e8ed" } .icon-check-box:before { content: "\e8ee" } .icon-check-box-outline-blank:before { content: "\e8ef" } .icon-radio-button-off:before { content: "\e8f0" } .icon-radio-button-on:before { content: "\e8f1" } .icon-star:before { content: "\e8f2" } .icon-star-half:before { content: "\e8f3" } .icon-star-outline:before { content: "\e8f4" } .container:after, .container:before, .row:after, .row:before { display: table; line-height: 0; content: "" } .waves-button, .waves-circle { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0) } .waves-effect { overflow: hidden; position: relative } .waves-effect .waves-ripple { background-color: rgba(0, 0, 0, .1); background-image: -webkit-radial-gradient(rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(255, 255, 255, 0) 60%); background-image: radial-gradient(rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(255, 255, 255, 0) 60%); border-radius: 50%; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; pointer-events: none; position: absolute; width: 100px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform } code, kbd { border-radius: 4px } .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, .4); background-image: -webkit-radial-gradient(rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .2) 30%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 60%); background-image: radial-gradient(rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .2) 30%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 60%) } .waves-effect.waves-color-alt .waves-ripple { background-color: #c8e6c9; background-image: -webkit-radial-gradient(rgba(76, 175, 80, .1) 0, #4caf50 100%); background-image: radial-gradient(rgba(76, 175, 80, .1) 0, #4caf50 100%) } .waves-effect.waves-color-blue .waves-ripple { background-color: #bbdefb; background-image: -webkit-radial-gradient(rgba(33, 150, 243, .1) 0, #2196f3 100%); background-image: radial-gradient(rgba(33, 150, 243, .1) 0, #2196f3 100%) } .waves-effect.waves-color-green .waves-ripple { background-color: #c8e6c9; background-image: -webkit-radial-gradient(rgba(76, 175, 80, .1) 0, #4caf50 100%); background-image: radial-gradient(rgba(76, 175, 80, .1) 0, #4caf50 100%) } .waves-effect.waves-color-purple .waves-ripple { background-color: #e1bee7; background-image: -webkit-radial-gradient(rgba(156, 39, 176, .1) 0, #9c27b0 100%); background-image: radial-gradient(rgba(156, 39, 176, .1) 0, #9c27b0 100%) } .waves-effect.waves-color-red .waves-ripple { background-color: #ffcdd2; background-image: -webkit-radial-gradient(rgba(244, 67, 54, .1) 0, #f44336 100%); background-image: radial-gradient(rgba(244, 67, 54, .1) 0, #f44336 100%) } .waves-effect.waves-color-yellow .waves-ripple { background-color: #ffecb3; background-image: -webkit-radial-gradient(rgba(255, 193, 7, .1) 0, #ffc107 100%); background-image: radial-gradient(rgba(255, 193, 7, .1) 0, #ffc107 100%) } code, pre { background-color: #f5f5f5 } .waves-notransition { -webkit-transition: none !important; transition: none !important } code, kbd, pre, samp { font-family: Monaco, Menlo, Consolas, "Courier New", monospace } code { border: 1px solid #e0e0e0; color: #b71c1c; line-height: 1 } kbd { background-color: #212121 } kbd kbd { font-size: 100%; font-weight: 700; padding: 0 } .btn, .btn-text, .form-help { font-weight: 400 } pre { border: 1px solid #e0e0e0; border-radius: 2px; color: #212121; font-size: 12px; line-height: 24px; margin: 24px 0; padding: 12px 8px; word-wrap: break-word } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xx-1, .col-xx-10, .col-xx-11, .col-xx-12, .col-xx-2, .col-xx-3, .col-xx-4, .col-xx-5, .col-xx-6, .col-xx-7, .col-xx-8, .col-xx-9 { min-height: 1px; position: relative; padding-left: 16px; padding-right: 16px } .col-xx-1, .col-xx-10, .col-xx-11, .col-xx-12, .col-xx-2, .col-xx-3, .col-xx-4, .col-xx-5, .col-xx-6, .col-xx-7, .col-xx-8, .col-xx-9 { float: left } .col-xx-1 { width: 8.33333% } .col-xx-2 { width: 16.66667% } .col-xx-3 { width: 25% } .col-xx-4 { width: 33.33333% } .col-xx-5 { width: 41.66667% } .col-xx-6 { width: 50% } .col-xx-7 { width: 58.33333% } .col-xx-8 { width: 66.66667% } .col-xx-9 { width: 75% } .col-xx-10 { width: 83.33333% } .col-xx-11 { width: 91.66667% } .col-xx-12 { width: 100% } .col-xx-offset-0 { margin-left: 0 } .col-xx-offset-1 { margin-left: 8.33333% } .col-xx-offset-2 { margin-left: 16.66667% } .col-xx-offset-3 { margin-left: 25% } .col-xx-offset-4 { margin-left: 33.33333% } .col-xx-offset-5 { margin-left: 41.66667% } .col-xx-offset-6 { margin-left: 50% } .col-xx-offset-7 { margin-left: 58.33333% } .col-xx-offset-8 { margin-left: 66.66667% } .col-xx-offset-9 { margin-left: 75% } .col-xx-offset-10 { margin-left: 83.33333% } .col-xx-offset-11 { margin-left: 91.66667% } .col-xx-offset-12 { margin-left: 100% } .col-xx-pull-0 { right: 0 } .col-xx-pull-1 { right: 8.33333% } .col-xx-pull-2 { right: 16.66667% } .col-xx-pull-3 { right: 25% } .col-xx-pull-4 { right: 33.33333% } .col-xx-pull-5 { right: 41.66667% } .col-xx-pull-6 { right: 50% } .col-xx-pull-7 { right: 58.33333% } .col-xx-pull-8 { right: 66.66667% } .col-xx-pull-9 { right: 75% } .col-xx-pull-10 { right: 83.33333% } .col-xx-pull-11 { right: 91.66667% } .col-xx-pull-12 { right: 100% } .col-xx-push-0 { left: 0 } .col-xx-push-1 { left: 8.33333% } .col-xx-push-2 { left: 16.66667% } .col-xx-push-3 { left: 25% } .col-xx-push-4 { left: 33.33333% } .col-xx-push-5 { left: 41.66667% } .col-xx-push-6 { left: 50% } .col-xx-push-7 { left: 58.33333% } .col-xx-push-8 { left: 66.66667% } .col-xx-push-9 { left: 75% } .col-xx-push-10 { left: 83.33333% } .col-xx-push-11 { left: 91.66667% } .col-xx-push-12 { left: 100% } @media only screen and (min-width:480px) { .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } .col-xs-offset-0 { margin-left: 0 } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-offset-12 { margin-left: 100% } .col-xs-pull-0 { right: 0 } .col-xs-pull-1 { right: 8.33333% } .col-xs-pull-2 { right: 16.66667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.33333% } .col-xs-pull-5 { right: 41.66667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.33333% } .col-xs-pull-8 { right: 66.66667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.33333% } .col-xs-pull-11 { right: 91.66667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: 0 } .col-xs-push-1 { left: 8.33333% } .col-xs-push-2 { left: 16.66667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.33333% } .col-xs-push-5 { left: 41.66667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.33333% } .col-xs-push-8 { left: 66.66667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.33333% } .col-xs-push-11 { left: 91.66667% } .col-xs-push-12 { left: 100% } } @media only screen and (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } .col-sm-offset-0 { margin-left: 0 } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-offset-12 { margin-left: 100% } .col-sm-pull-0 { right: 0 } .col-sm-pull-1 { right: 8.33333% } .col-sm-pull-2 { right: 16.66667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333% } .col-sm-pull-5 { right: 41.66667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333% } .col-sm-pull-8 { right: 66.66667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333% } .col-sm-pull-11 { right: 91.66667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: 0 } .col-sm-push-1 { left: 8.33333% } .col-sm-push-2 { left: 16.66667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333% } .col-sm-push-5 { left: 41.66667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333% } .col-sm-push-8 { left: 66.66667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333% } .col-sm-push-11 { left: 91.66667% } .col-sm-push-12 { left: 100% } } @media only screen and (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } .col-md-offset-0 { margin-left: 0 } .col-md-offset-1 { margin-left: 8.33333% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-offset-12 { margin-left: 100% } .col-md-pull-0 { right: 0 } .col-md-pull-1 { right: 8.33333% } .col-md-pull-2 { right: 16.66667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333% } .col-md-pull-5 { right: 41.66667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333% } .col-md-pull-8 { right: 66.66667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333% } .col-md-pull-11 { right: 91.66667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: 0 } .col-md-push-1 { left: 8.33333% } .col-md-push-2 { left: 16.66667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333% } .col-md-push-5 { left: 41.66667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333% } .col-md-push-8 { left: 66.66667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333% } .col-md-push-11 { left: 91.66667% } .col-md-push-12 { left: 100% } } @media only screen and (min-width:1440px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } .col-lg-offset-0 { margin-left: 0 } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-offset-12 { margin-left: 100% } .col-lg-pull-0 { right: 0 } .col-lg-pull-1 { right: 8.33333% } .col-lg-pull-2 { right: 16.66667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333% } .col-lg-pull-5 { right: 41.66667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333% } .col-lg-pull-8 { right: 66.66667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333% } .col-lg-pull-11 { right: 91.66667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: 0 } .col-lg-push-1 { left: 8.33333% } .col-lg-push-2 { left: 16.66667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333% } .col-lg-push-5 { left: 41.66667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333% } .col-lg-push-8 { left: 66.66667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333% } .col-lg-push-11 { left: 91.66667% } .col-lg-push-12 { left: 100% } } .col-between { margin-left: -16px; position: absolute; top: 0; width: 32px } .container { margin-right: auto; margin-left: auto; padding-right: 16px; padding-left: 16px } @media only screen and (min-width:992px) { .container { max-width: 960px } } @media only screen and (min-width:1440px) { .container { max-width: 1408px } } .container-full { max-width: none } .row { margin-right: -16px; margin-left: -16px } @media only screen and (min-width:480px)and (max-width:767px) { .row-clear>.col-xs-2:nth-child(6n+1), .row-clear>.col-xs-3:nth-child(4n+1), .row-clear>.col-xs-4:nth-child(3n+1), .row-clear>.col-xs-6:nth-child(2n+1) { clear: left } } @media only screen and (min-width:768px)and (max-width:991px) { .row-clear>.col-sm-2:nth-child(6n+1), .row-clear>.col-sm-3:nth-child(4n+1), .row-clear>.col-sm-4:nth-child(3n+1), .row-clear>.col-sm-6:nth-child(2n+1) { clear: left } } @media only screen and (min-width:992px)and (max-width:1439px) { .row-clear>.col-md-2:nth-child(6n+1), .row-clear>.col-md-3:nth-child(4n+1), .row-clear>.col-md-4:nth-child(3n+1), .row-clear>.col-md-6:nth-child(2n+1) { clear: left } } @media only screen and (min-width:1440px) { .row-clear>.col-lg-2:nth-child(6n+1), .row-clear>.col-lg-3:nth-child(4n+1), .row-clear>.col-lg-4:nth-child(3n+1), .row-clear>.col-lg-6:nth-child(2n+1) { clear: left } } .breadcrumb:after, .card-action:after, .card-header:after, .clearfix:after, .dropdown-wrap:after, .fbtn, .header:after, .menu-top-user:after, .nav:after, .picker__box:after, .tile-action:after, .tile-footer:after, .tile-toggle:after, .tile:after, .toast-inner:after { clear: both } .row-relative { position: relative } @media print { blockquote, img, pre, tr { page-break-inside: avoid } .card, .tile, blockquote, pre { border: 1px solid #9e9e9e } *, :after, :before { background: 0 0 !important; box-shadow: none !important; text-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } a[href^="#"]:after, a[href^="javascript:"]:after { content: "" } abbr[title]:after { content: " (" attr(title) ")" } img { max-width: 100% !important } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } thead { display: table-header-group } .fbtn-container, .menu, .menu-toggle { display: none !important } .footer { page-break-after: always } .header a { color: #2196f3 } .tab-nav .nav>li.active>a { border-bottom: 3px solid #212121; padding-bottom: 9px } } .modal-content, .picker__box { background-clip: padding-box } .a { background-color: transparent; border: 0; display: inline; color: #2196f3 } .a:focus, .a:hover { color: #0d47a1; outline: 0; text-decoration: underline } .access-hide { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .access-hide.focusable:active, .access-hide.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .btn, .collapsing, .fbtn { position: relative } .collapsible-region, .collapsing, .media, .media-inner { overflow: hidden } .clearfix:after, .clearfix:before { content: ""; display: table; line-height: 0 } .collapse { display: none } .collapse.in { display: block } .collapsed-hide { display: inline } .collapsed .collapsed-hide, .collapsed-show, .touch .fbtn-text { display: none } .collapsed .collapsed-show { display: inline } .collapsing { height: 0; -webkit-transition: height .3s cubic-bezier(.4, 0, .2, 1); transition: height .3s cubic-bezier(.4, 0, .2, 1) } .fade { opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1); transition: opacity .3s cubic-bezier(.4, 0, .2, 1) } .fade.in { opacity: 1; filter: alpha(opacity = 100) } .iframe-seamless { border: 0; display: block; height: 100%; margin: 0; padding: 0; width: 100% } .img-responsive { display: block; height: auto; max-width: 100% } .list-clear, .list-inline { list-style: none; padding-left: 0 } .list-inline { margin-left: -8px } .list-inline>li { display: inline-block; padding-right: 8px; padding-left: 8px } .margin-bottom { margin-bottom: 24px !important } .margin-bottom-half { margin-bottom: 12px !important } .margin-left { margin-left: 16px !important } .margin-left-half { margin-left: 8px !important } .margin-no { margin: 0 !important } .margin-no-bottom { margin-bottom: 0 !important } .margin-no-left { margin-left: 0 !important } .avatar.pull-right, .media-object.pull-right { margin-left: 16px } .margin-no-right { margin-right: 0 !important } .margin-no-top { margin-top: 0 !important } .margin-right { margin-right: 16px !important } .margin-right-half { margin-right: 8px !important } .avatar.pull-left, .media-object.pull-left { margin-right: 16px } .margin-top { margin-top: 24px !important } .margin-top-half { margin-top: 12px !important } .modal-scrollbar-measure { height: 50px; overflow: scroll; position: absolute; top: -99999px; width: 50px } .fbtn-dropdown, .no-overflow, .text-overflow { overflow: hidden } .p { display: block; margin-top: 24px; margin-bottom: 24px } .pull-left { float: left } .pull-right { float: right } .text-break { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto } .text-overflow { display: block; line-height: inherit; text-overflow: ellipsis; white-space: nowrap } .text-nowrap { white-space: nowrap } .text-left { text-align: left } .text-right { text-align: right } .avatar, .avatar .fa, .btn, .fbtn, .fbtn-sub { text-align: center } .text-bg { color: #e0e0e0 } .text-black { color: #000 } .text-default { color: #212121 } .text-hint { color: #9e9e9e } .text-sec { color: #616161 } .text-white { color: #fff } .text-alt { color: #4caf50 } .text-blue { color: #2196f3 } .text-green { color: #4caf50 } .text-purple { color: #9c27b0 } .text-red { color: #f44336 } .text-yellow { color: #ffc107 } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-xx-block, .visible-xx-inline, .visible-xx-inline-block { display: none !important } @media only screen and (max-width:479px) { .hidden-xx { display: none !important } .visible-xx-block { display: block !important } .visible-xx-inline { display: inline !important } .visible-xx-inline-block { display: inline-block !important } } @media only screen and (min-width:480px)and (max-width:767px) { .hidden-xs { display: none !important } .visible-xs-block { display: block !important } .visible-xs-inline { display: inline !important } .visible-xs-inline-block { display: inline-block !important } } @media only screen and (min-width:768px)and (max-width:991px) { .hidden-sm { display: none !important } .visible-sm-block { display: block !important } .visible-sm-inline { display: inline !important } .visible-sm-inline-block { display: inline-block !important } } @media only screen and (min-width:992px)and (max-width:1439px) { .hidden-md { display: none !important } .visible-md-block { display: block !important } .visible-md-inline { display: inline !important } .visible-md-inline-block { display: inline-block !important } } @media only screen and (min-width:1440px) { .hidden-lg { display: none !important } .visible-lg-block { display: block !important } .visible-lg-inline { display: inline !important } .visible-lg-inline-block { display: inline-block !important } } .avatar { background-color: #e0e0e0; border-radius: 50%; color: #212121; display: block; height: 48px; line-height: 48px; width: 48px } .avatar:focus, .avatar:hover { text-decoration: none } .avatar img { border-radius: 50%; height: 100%; vertical-align: top; width: 100% } .btn, .picker__box, .picker__frame, .picker__holder:after, .picker__table td, .picker__table th, .switch-toggle { vertical-align: middle } .avatar .fa { display: block; height: 100%; line-height: inherit } .avatar .fa-text { font-family: inherit } .avatar-alt { background-color: #4caf50; color: #fff } .avatar-blue { background-color: #2196f3; color: #fff } .avatar-green { background-color: #4caf50; color: #fff } .avatar-purple { background-color: #9c27b0; color: #fff } .avatar-red { background-color: #f44336; color: #fff } .avatar-yellow { background-color: #ffc107; color: #fff } .avatar-inline { display: inline-block } .avatar-lg { height: 96px; line-height: 96px; width: 96px } .avatar-sm { height: 36px; line-height: 36px; margin-top: -6px; margin-bottom: -6px; width: 36px } .avatar-transparent { background-color: transparent } .breadcrumb { margin: 24px 0; padding: 12px 0 } .breadcrumb:after, .breadcrumb:before { content: ""; display: table; line-height: 0 } .breadcrumb>li+li:before, .btn { display: inline-block; line-height: 24px } .breadcrumb>li { display: block; float: left } .breadcrumb>li+li:before { color: #9e9e9e; content: "\e8a8"; margin-left: .4em } .card-action:after, .card-action:before, .card-header:after, .card-header:before, .checkbox-adv .circle-check:after, .nav:after, .nav:before, .picker__box:after, .picker__box:before, .picker__holder:after, .radio-adv .circle-check:after, .switch-toggle:after, .tile-action:after, .tile-action:before { content: "" } .breadcrumb>.active { color: #212121 } .breadcrumb>.active>.a, .breadcrumb>.active>a { color: #212121; cursor: text; text-decoration: none } .btn { background-color: #fff; background-image: none; background-position: 50% 50%; background-size: 100% 100%; border: 1px solid transparent; border-radius: 2px; color: #212121; cursor: pointer; font-size: 16px; margin-bottom: 0; max-width: 100%; padding: 5px 15px; white-space: nowrap; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15), 0 1px 5px 1px rgba(0, 0, 0, .15); box-shadow: 0 1px 5px rgba(0, 0, 0, .15), 0 1px 5px 1px rgba(0, 0, 0, .15); -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1); transition: background-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1); -webkit-user-select: none } .btn-alt, .btn-alt[disabled], fieldset[disabled] .btn-alt { background-color: #4caf50 } .btn:active, .btn:focus, .btn:hover { color: #212121; outline: 0; text-decoration: none; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15), 0 5px 10px 1px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .15); box-shadow: 0 1px 5px rgba(0, 0, 0, .15), 0 5px 10px 1px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .15) } .btn-alt, .btn-alt:active, .btn-alt:focus, .btn-alt:hover, .btn-blue, .btn-blue:active, .btn-blue:focus, .btn-blue:hover, .btn-green, .btn-green:active, .btn-green:focus, .btn-green:hover, .btn-purple, .btn-red, .btn-red:active, .btn-red:focus, .btn-red:hover, .btn-yellow, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover, .card[class*="-bg"], .fbtn, a.fbtn:focus, a.fbtn:hover { color: #fff } .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: .5; filter: alpha(opacity = 50) } .dropdown [data-toggle=dropdown], .fbtn { cursor: pointer } .btn.waves-effect { border: 0; padding: 6px 16px } .btn-blue, .btn-blue[disabled], fieldset[disabled] .btn-blue { background-color: #2196f3 } .btn-green, .btn-green[disabled], fieldset[disabled] .btn-green { background-color: #4caf50 } .btn-purple, .btn-purple[disabled], fieldset[disabled] .btn-purple { background-color: #9c27b0 } .btn-purple:active, .btn-purple:focus, .btn-purple:hover { color: #fff } .btn-red, .btn-red[disabled], fieldset[disabled] .btn-red { background-color: #f44336 } .btn-yellow, .btn-yellow[disabled], fieldset[disabled] .btn-yellow { background-color: #ffc107 } .btn-sm { font-size: 12px; line-height: 22px; padding: 0 7px } .btn-sm.waves-effect { padding: 1px 8px } .btn-block { display: block; white-space: normal; width: 100% } .btn-flat { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-flat:active, .btn-flat:focus, .btn-flat:hover { background-color: #e0e0e0; -webkit-box-shadow: none; box-shadow: none } .btn-flat[disabled], fieldset[disabled] .btn-flat { color: #212121 } .btn-flat.btn-alt, .btn-flat.btn-alt[disabled], fieldset[disabled] .btn-flat.btn-alt { color: #4caf50 } .btn-flat.btn-alt:active, .btn-flat.btn-alt:focus, .btn-flat.btn-alt:hover { background-color: #c8e6c9 } .btn-flat.btn-blue, .btn-flat.btn-blue[disabled], fieldset[disabled] .btn-flat.btn-blue { color: #2196f3 } .btn-flat.btn-blue:active, .btn-flat.btn-blue:focus, .btn-flat.btn-blue:hover { background-color: #bbdefb } .btn-flat.btn-green, .btn-flat.btn-green[disabled], fieldset[disabled] .btn-flat.btn-green { color: #4caf50 } .btn-flat.btn-green:active, .btn-flat.btn-green:focus, .btn-flat.btn-green:hover { background-color: #c8e6c9 } .btn-flat.btn-purple, .btn-flat.btn-purple[disabled], fieldset[disabled] .btn-flat.btn-purple { color: #9c27b0 } .btn-flat.btn-purple:active, .btn-flat.btn-purple:focus, .btn-flat.btn-purple:hover { background-color: #e1bee7 } .btn-flat.btn-red, .btn-flat.btn-red[disabled], fieldset[disabled] .btn-flat.btn-red { color: #f44336 } .btn-flat.btn-red:active, .btn-flat.btn-red:focus, .btn-flat.btn-red:hover { background-color: #ffcdd2 } .btn-flat.btn-yellow, .btn-flat.btn-yellow[disabled], fieldset[disabled] .btn-flat.btn-yellow { color: #ffc107 } .btn-flat.btn-yellow:active, .btn-flat.btn-yellow:focus, .btn-flat.btn-yellow:hover { background-color: #ffecb3 } .btn-text { color: #212121; display: inline-block; font-size: 16px; line-height: 24px; padding: 6px 0 } .fbtn { background-color: #e0e0e0; border-radius: 50%; display: block; font-size: 24px; padding: 12px 0; width: 48px; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .5); box-shadow: 0 3px 10px rgba(0, 0, 0, .5); -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: box-shadow, opacity, -webkit-transform; transition-property: box-shadow, opacity, transform } .card, .fbtn-text { border-radius: 2px } a.fbtn:focus, a.fbtn:hover { -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .5), 0 3px 15px rgba(0, 0, 0, .5); box-shadow: 0 3px 10px rgba(0, 0, 0, .5), 0 3px 15px rgba(0, 0, 0, .5) } .fbtn-alt { background-color: #4caf50 } .fbtn-blue { background-color: #2196f3 } .fbtn-green { background-color: #4caf50 } .fbtn-purple { background-color: #9c27b0 } .fbtn-red { background-color: #f44336 } .fbtn-yellow { background-color: #ffc107 } .fbtn-lg { padding: 18px 0; width: 60px } .fbtn-lg .fbtn-sub { top: 18px } .fbtn-lg ~.fbtn-dropdown { min-width: 92px } .fbtn-container { position: fixed; right: 16px; bottom: 24px; z-index: 21; -webkit-transition: margin-bottom .3s cubic-bezier(.4, 0, .2, 1), right .3s cubic-bezier(.4, 0, .2, 1); transition: margin-bottom .3s cubic-bezier(.4, 0, .2, 1), right .3s cubic-bezier(.4, 0, .2, 1) } .fbtn-dropdown, .fbtn-sub, .fbtn-text { position: absolute } .fbtn-dropdown { max-height: 0; padding-right: 16px; padding-left: 16px; right: -16px; bottom: 100%; -webkit-transition: max-height 0s .5s; transition: max-height 0s .5s } .fbtn-inner.open .fbtn-dropdown { max-height: 99999px; overflow: visible; -webkit-transition: max-height 0s; transition: max-height 0s } .fbtn-ori, .fbtn-rotate, .fbtn-sub { -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) } .card-img, .card-inner-side ~.card-inner, .card-side.card-side-img, .fbtn-text, .picker__box, .tile-side ~.card-inner { overflow: hidden } .fbtn-dropdown .fbtn { margin: 12px auto; opacity: 0; filter: alpha(opacity = 0); -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) } .fbtn-dropdown .fbtn:nth-last-child(1) { -webkit-transition-delay: 300ms; transition-delay: 300ms } .fbtn-dropdown .fbtn:nth-last-child(2) { -webkit-transition-delay: 250ms; transition-delay: 250ms } .fbtn-dropdown .fbtn:nth-last-child(3) { -webkit-transition-delay: 200ms; transition-delay: 200ms } .fbtn-dropdown .fbtn:nth-last-child(4) { -webkit-transition-delay: 150ms; transition-delay: 150ms } .fbtn-dropdown .fbtn:nth-last-child(5) { -webkit-transition-delay: 100ms; transition-delay: 100ms } .fbtn-dropdown .fbtn:nth-last-child(6) { -webkit-transition-delay: 50ms; transition-delay: 50ms } .fbtn-inner.open .fbtn-dropdown .fbtn { opacity: 1; filter: alpha(opacity = 100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: 300ms; transition-delay: 300ms } .fbtn-inner.open .fbtn-ori, .fbtn-inner.open .fbtn-rotate { -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg) } .fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s } .fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(2) { -webkit-transition-delay: 50ms; transition-delay: 50ms } .fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(3) { -webkit-transition-delay: 100ms; transition-delay: 100ms } .fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(4) { -webkit-transition-delay: 150ms; transition-delay: 150ms } .fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(5) { -webkit-transition-delay: 200ms; transition-delay: 200ms } .fbtn-inner.open .fbtn-dropdown .fbtn:nth-last-child(6) { -webkit-transition-delay: 250ms; transition-delay: 250ms } .fbtn-ori, .fbtn-sub { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform } .fbtn-ori, .fbtn-rotate, .fbtn-sub { transition: all .3s cubic-bezier(.4, 0, .2, 1) } .fbtn-inner.open .fbtn-ori { opacity: 0; filter: alpha(opacity = 0) } .fbtn-rotate { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform } .fbtn-sub { top: 12px; left: 0; width: 100%; opacity: 0; filter: alpha(opacity = 0); -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg) } .fbtn-inner.open .fbtn-sub { opacity: 1; filter: alpha(opacity = 100); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .fbtn-text { background-color: #212121; background-color: rgba(0, 0, 0, .8); font-size: 12px; height: 0; margin-top: -12px; margin-right: 16px; padding-right: 8px; padding-left: 8px; top: 50%; right: 100%; white-space: nowrap; width: 0; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1); transition: opacity .3s cubic-bezier(.4, 0, .2, 1) } .card, .card-action, .tile-action { position: relative } .card-heading, .card-img-heading { line-height: 24px; font-size: 20px } .no-touch .fbtn:hover .fbtn-text { height: auto; width: auto; opacity: 1; filter: alpha(opacity = 100) } .no-touch .fbtn-dropdown .fbtn:hover .fbtn-text { height: 0; width: 0; opacity: 0; filter: alpha(opacity = 0) } .no-touch .fbtn-inner.open .fbtn-dropdown .fbtn:hover .fbtn-text, .touch .fbtn-text { height: auto; width: auto; opacity: 1; filter: alpha(opacity = 100) } .card, .touch .fbtn-inner.open .fbtn-text { display: block } .card { background-color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 24px; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .25); box-shadow: 0 0 1px 1px rgba(0, 0, 0, .25); -webkit-transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1); transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) } .card:focus, .card:hover { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 0 5px 1px rgba(0, 0, 0, .25); box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 0 5px 1px rgba(0, 0, 0, .25) } .no-boxshadow .card { border: 1px solid #e0e0e0 } .card-alt { -webkit-box-shadow: 0 0 1px 1px #81c784; box-shadow: 0 0 1px 1px #81c784 } .card-alt:focus, .card-alt:hover { -webkit-box-shadow: 0 0 1px 1px #81c784, 0 0 5px 1px #81c784; box-shadow: 0 0 1px 1px #81c784, 0 0 5px 1px #81c784 } .no-boxshadow .card-alt { border-color: #c8e6c9 } .card-alt-bg { background-color: #4caf50 } .card-blue { -webkit-box-shadow: 0 0 1px 1px #64b5f6; box-shadow: 0 0 1px 1px #64b5f6 } .card-blue:focus, .card-blue:hover { -webkit-box-shadow: 0 0 1px 1px #64b5f6, 0 0 5px 1px #64b5f6; box-shadow: 0 0 1px 1px #64b5f6, 0 0 5px 1px #64b5f6 } .no-boxshadow .card-blue { border-color: #bbdefb } .card-blue-bg { background-color: #2196f3 } .card-green { -webkit-box-shadow: 0 0 1px 1px #81c784; box-shadow: 0 0 1px 1px #81c784 } .card-green:focus, .card-green:hover { -webkit-box-shadow: 0 0 1px 1px #81c784, 0 0 5px 1px #81c784; box-shadow: 0 0 1px 1px #81c784, 0 0 5px 1px #81c784 } .no-boxshadow .card-green { border-color: #c8e6c9 } .card-green-bg { background-color: #4caf50 } .card-purple { -webkit-box-shadow: 0 0 1px 1px #ba68c8; box-shadow: 0 0 1px 1px #ba68c8 } .card-purple:focus, .card-purple:hover { -webkit-box-shadow: 0 0 1px 1px #ba68c8, 0 0 5px 1px #ba68c8; box-shadow: 0 0 1px 1px #ba68c8, 0 0 5px 1px #ba68c8 } .no-boxshadow .card-purple { border-color: #e1bee7 } .card-purple-bg { background-color: #9c27b0 } .card-red { -webkit-box-shadow: 0 0 1px 1px #e57373; box-shadow: 0 0 1px 1px #e57373 } .card-red:focus, .card-red:hover { -webkit-box-shadow: 0 0 1px 1px #e57373, 0 0 5px 1px #e57373; box-shadow: 0 0 1px 1px #e57373, 0 0 5px 1px #e57373 } .no-boxshadow .card-red { border-color: #ffcdd2 } .card-red-bg { background-color: #f44336 } .card-yellow { -webkit-box-shadow: 0 0 1px 1px #ffd54f; box-shadow: 0 0 1px 1px #ffd54f } .card-yellow:focus, .card-yellow:hover { -webkit-box-shadow: 0 0 1px 1px #ffd54f, 0 0 5px 1px #ffd54f; box-shadow: 0 0 1px 1px #ffd54f, 0 0 5px 1px #ffd54f } .no-boxshadow .card-yellow { border-color: #ffecb3 } .card-yellow-bg { background-color: #ffc107 } .card-action:after, .card-action:before, .tile-action:after, .tile-action:before { display: table; line-height: 0 } .card-action:before, .tile-action:before { border-top: 1px solid #e0e0e0; display: block; position: absolute; top: -1px; left: 0; width: 100% } .card-header+.card-action:before, .card-header+.tile-action:before { display: none } .card-action .nav, .tile-action .nav { margin-top: 0; margin-bottom: 0 } .card-action .nav>li>.a, .card-action .nav>li>a, .tile-action .nav>li>.a, .tile-action .nav>li>a { color: #616161 } .card-action .nav>li>.a:focus, .card-action .nav>li>.a:hover, .card-action .nav>li>a:focus, .card-action .nav>li>a:hover, .tile-action .nav>li>.a:focus, .tile-action .nav>li>.a:hover, .tile-action .nav>li>a:focus, .tile-action .nav>li>a:hover { color: #2196f3 } .card[class*="-bg"] .card-action .nav>li>.a, .card[class*="-bg"] .card-action .nav>li>a, .card[class*="-bg"] .tile-action .nav>li>.a, .card[class*="-bg"] .tile-action .nav>li>a { color: #fff } .card-action .nav>li.active>.a, .card-action .nav>li.active>a, .tile-action .nav>li.active>.a, .tile-action .nav>li.active>a { color: #2196f3 } .card-action .nav>li.open>.a, .card-action .nav>li.open>a, .tile-action .nav>li.open>.a, .tile-action .nav>li.open>a { color: #212121 } .card-alt .card-action:before, .card-alt .tile-action:before { border-top-color: #c8e6c9 } .card-blue .card-action:before, .card-blue .tile-action:before { border-top-color: #bbdefb } .card-green .card-action:before, .card-green .tile-action:before { border-top-color: #c8e6c9 } .card-purple .card-action:before, .card-purple .tile-action:before { border-top-color: #e1bee7 } .card-red .card-action:before, .card-red .tile-action:before { border-top-color: #ffcdd2 } .card-yellow .card-action:before, .card-yellow .tile-action:before { border-top-color: #ffecb3 } .card-header { padding-top: 6px; padding-bottom: 6px; position: relative } .card-header:after, .card-header:before { display: table; line-height: 0 } .card-header:before { border-bottom: 1px solid #e0e0e0; display: block; position: absolute; bottom: 0; left: 0; width: 100% } .card-heading { display: block; margin-top: 24px; margin-bottom: 24px } .card-header .card-heading { margin-top: 0; margin-bottom: 0 } .card-img { position: relative } .card-img:first-child { border-radius: 2px 2px 0 0 } .card-img:last-child { border-radius: 0 0 2px 2px } .card-img img { display: block; height: auto; width: 100% } .card-img-heading { background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .5)); color: #fff; margin: 0; padding: 12px 16px; position: absolute; bottom: 0; left: 0; width: 100% } .card-header .card-inner, .card-inner-side, .tile-side { padding-top: 12px; padding-bottom: 12px } .card-inner, .card-inner-side.pull-left, .card-side, .pull-left.tile-side { padding-left: 16px } .card-inner, .card-inner-side.pull-right, .card-side, .pull-right.tile-side { padding-right: 16px } .card-inner { position: relative; z-index: 1 } .card-main { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .card-side { background-color: #f5f5f5; border-radius: 2px 0 0 2px; max-width: 33.33333% } .card-side[href] { color: #212121 } .card-side[href]:focus, .card-side[href]:hover { background-color: #eee; text-decoration: none } .card-side.card-side-img { padding-right: 0; padding-left: 0 } .card-side.card-side-right { border-radius: 0 2px 2px 0; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2 } .card-alt .card-side { background-color: #4caf50; color: #fff } .card-alt .card-side[href]:focus, .card-alt .card-side[href]:hover, .card-alt-bg .card-side { background-color: #388e3c } .card-alt-bg .card-side[href]:focus, .card-alt-bg .card-side[href]:hover { background-color: #1b5e20 } .card-blue .card-side { background-color: #2196f3; color: #fff } .card-blue .card-side[href]:focus, .card-blue .card-side[href]:hover, .card-blue-bg .card-side { background-color: #1976d2 } .card-blue-bg .card-side[href]:focus, .card-blue-bg .card-side[href]:hover { background-color: #0d47a1 } .card-green .card-side { background-color: #4caf50; color: #fff } .card-green .card-side[href]:focus, .card-green .card-side[href]:hover, .card-green-bg .card-side { background-color: #388e3c } .card-green-bg .card-side[href]:focus, .card-green-bg .card-side[href]:hover { background-color: #1b5e20 } .card-purple .card-side { background-color: #9c27b0; color: #fff } .card-purple .card-side[href]:focus, .card-purple .card-side[href]:hover, .card-purple-bg .card-side { background-color: #7b1fa2 } .card-purple-bg .card-side[href]:focus, .card-purple-bg .card-side[href]:hover { background-color: #4a148c } .card-red .card-side { background-color: #f44336; color: #fff } .card-red .card-side[href]:focus, .card-red .card-side[href]:hover, .card-red-bg .card-side { background-color: #d32f2f } .card-red-bg .card-side[href]:focus, .card-red-bg .card-side[href]:hover { background-color: #b71c1c } .card-yellow .card-side { background-color: #ffc107; color: #fff } .card-yellow .card-side[href]:focus, .card-yellow .card-side[href]:hover, .card-yellow-bg .card-side { background-color: #ffa000 } .card-yellow-bg .card-side[href]:focus, .card-yellow-bg .card-side[href]:hover { background-color: #ff6f00 } .card-wrap { margin-top: 24px } .dropdown { position: relative; -webkit-transition: z-index 0s .3s; transition: z-index 0s .3s } .dropdown.open { z-index: 21; -webkit-transition: z-index 0s; transition: z-index 0s } .dropdown-inline { display: inline-block } .dropdown-menu { background-color: #fff; border: 1px solid #9e9e9e; border-radius: 0 2px 2px; margin: -1px 0 0 !important; min-width: 100%; padding-top: 12px !important; padding: 0; padding-bottom: 12px !important; position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .15); box-shadow: 0 5px 10px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .15); opacity: 0; filter: alpha(opacity = 0); -webkit-transform: scale(.25, 0); -ms-transform: scale(.25, 0); transform: scale(.25, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform } .dropdown.open .dropdown-menu { opacity: 1; filter: alpha(opacity = 100); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } .dropdown-menu.dropdown-menu-right, .dropdown.pull-right .dropdown-menu, .nav.pull-right .dropdown-menu { border-radius: 2px 0 2px 2px; right: 0; left: auto; -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .dropdown-menu .a, .dropdown-menu a { color: #212121; display: block; padding: 12px 16px; overflow: hidden; position: relative; text-align: left; text-overflow: ellipsis; white-space: nowrap } .dropdown-menu .a:focus, .dropdown-menu .a:hover, .dropdown-menu a:focus, .dropdown-menu a:hover { background-color: #f5f5f5; text-decoration: none } .dropdown-menu .active>.a, .dropdown-menu .active>a { background-color: #f5f5f5 } .dropdown-menu li { display: block; position: relative } .no-csstransforms .dropdown-menu { display: none } .no-csstransforms .dropdown.open .dropdown-menu { display: block } .dropdown-toggle { -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1); transition: background-color .3s cubic-bezier(.4, 0, .2, 1) } .dropdown.open .dropdown-toggle { background-color: #e0e0e0; border-radius: 2px 2px 0 0 } .dropdown.open .dropdown-toggle-alt { background-color: #1b5e20 } .dropdown.open .dropdown-toggle-blue { background-color: #0d47a1 } .dropdown.open .dropdown-toggle-green { background-color: #1b5e20 } .dropdown.open .dropdown-toggle-purple { background-color: #4a148c } .dropdown.open .dropdown-toggle-red { background-color: #b71c1c } .dropdown.open .dropdown-toggle-yellow { background-color: #ff6f00 } .dropdown-toggle-btn { position: relative; z-index: 1 } .dropdown.open .dropdown-toggle-btn { background-color: #fff; color: #212121; -webkit-box-shadow: none; box-shadow: none } .dropdown-toggle-btn ~.dropdown-menu { min-width: 101%; min-width: calc(100% + 2px); padding-top: 48px !important; top: -12px; left: -1px; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0) } .dropdown-toggle-btn ~.dropdown-menu.dropdown-menu-right, .dropdown.pull-right .dropdown-toggle-btn ~.dropdown-menu, .nav.pull-right .dropdown-toggle-btn ~.dropdown-menu { right: -1px; left: auto } .dropdown-wrap { margin-top: 24px; margin-bottom: 24px } .dropdown-wrap:after, .dropdown-wrap:before { content: ""; display: table; line-height: 0 } legend[class*=col-xx-] { padding-left: 8px } @media only screen and (min-width:480px) { legend[class*=col-xs-] { padding-left: 8px } } @media only screen and (min-width:768px) { legend[class*=col-sm-] { padding-left: 8px } } @media only screen and (min-width:992px) { legend[class*=col-md-] { padding-left: 8px } } @media only screen and (min-width:1440px) { legend[class*=col-lg-] { padding-left: 8px } } .checkbox, .radio { display: block; position: relative } .form-group .checkbox, .form-group .radio { margin-top: 6px; padding-bottom: 6px } .checkbox label, .radio label { cursor: pointer; margin: 0; min-height: 16px; padding-left: 24px } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { color: #9e9e9e; cursor: not-allowed } .checkbox input[type=checkbox], .radio input[type=radio] { margin-left: -24px; position: absolute } .checkbox-inline, .radio-inline { display: inline-block; margin-right: 16px } .form { margin-top: 24px; margin-bottom: 24px } .form-control, .picker__select--month, .picker__select--year { background-color: transparent; background-image: none; border: 0; border-bottom: 1px solid #9e9e9e; border-radius: 0; color: #212121; display: block; font-size: 16px; height: 36px; line-height: 24px; padding: 6px 0 5px; width: 100%; -webkit-transition: border-bottom-color .15s cubic-bezier(.4, 0, .2, 1); transition: border-bottom-color .15s cubic-bezier(.4, 0, .2, 1) } .form-control:-ms-input-placeholder, .picker__select--month:-ms-input-placeholder, .picker__select--year:-ms-input-placeholder { color: #9e9e9e } .form-control::-moz-placeholder, .picker__select--month::-moz-placeholder, .picker__select--year::-moz-placeholder { color: #9e9e9e; opacity: 1 } .form-control::-webkit-input-placeholder, .picker__select--month::-webkit-input-placeholder, .picker__select--year::-webkit-input-placeholder { color: #9e9e9e } .form-control:focus, .picker__select--month:focus, .picker__select--year:focus { border-bottom-color: #2196f3; border-bottom-width: 2px; outline: 0; padding-bottom: 4px } .form-control[disabled], .form-control[readonly], [disabled].picker__select--month, [disabled].picker__select--year, [readonly].picker__select--month, [readonly].picker__select--year, fieldset[disabled] .form-control, fieldset[disabled] .picker__select--month, fieldset[disabled] .picker__select--year { border-bottom-style: dashed; color: #9e9e9e; cursor: not-allowed; opacity: 1 } .form-control-inline.picker__select--month, .form-control-inline.picker__select--year, .form-control.form-control-inline { display: inline-block; vertical-align: middle; width: auto } .form-group-alt .form-control, .form-group-alt .picker__select--month, .form-group-alt .picker__select--year { border-bottom-color: #4caf50 } .form-group-blue .form-control, .form-group-blue .picker__select--month, .form-group-blue .picker__select--year { border-bottom-color: #2196f3 } .form-group-green .form-control, .form-group-green .picker__select--month, .form-group-green .picker__select--year { border-bottom-color: #4caf50 } .form-group-purple .form-control, .form-group-purple .picker__select--month, .form-group-purple .picker__select--year { border-bottom-color: #9c27b0 } .form-group-red .form-control, .form-group-red .picker__select--month, .form-group-red .picker__select--year { border-bottom-color: #f44336 } .form-group-yellow .form-control, .form-group-yellow .picker__select--month, .form-group-yellow .picker__select--year { border-bottom-color: #ffc107 } .form-control-static, .tab-nav { border-bottom: 1px solid #9e9e9e } @media only screen and (-webkit-min-device-pixel-ratio:0) { select.form-control, select.picker__select--month, select.picker__select--year { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAkCAMAAACg5NohAAAAZlBMVEUAAABlZWXLy8vg4OB6enrX19fg4OCdnZ2KiopsbGzn5+dzc3Pt7e3GxsbPz89ubm7u7u5ycnLY2NiJiYmGhoZoaGjq6up/f3+WlpaGhoaZmZllZWVhYWFYWFhaWlpdXV1bW1tWVlaZeqNTAAAAHHRSTlMA+WVC31BEqMzyNekpcGDpKNxJzcjkL9CjwZ/yNlWBeQAAALBJREFUKM/NztkWwiAMRdFQoNparR2cGf//J8UFNdXEd8/rXrkAq9rLoIGt3Vkn9A8xJoiaSqeSJGskuXlJNs2sFRPjWo7lptzVVEoO7VyEWofvoEn8NTUUxuZo2KyCPjo2+wB9m7ZM01zB/9feN2zXEVS0bLEHZQ1b6EE2jhNvDsBbMBWkampepJtizNpi4UPyGrEimBbhLT4L2nLnzR6+ksnIGm7iGjXv8xq14bSWJwymLjvMk/6KAAAAAElFTkSuQmCC); background-position: 100% 11px; background-repeat: no-repeat; background-size: auto 12px; padding-right: 12px } select.form-control[multiple], select.form-control[size], select[multiple].picker__select--month, select[multiple].picker__select--year, select[size].picker__select--month, select[size].picker__select--year { background-image: none; padding-right: 0 } } textarea.form-control, textarea.picker__select--month, textarea.picker__select--year { height: auto } .form-control-inverse { color: #fff } .form-control-inverse:-ms-input-placeholder { color: #f5f5f5 } .form-control-inverse::-moz-placeholder { color: #f5f5f5; opacity: 1 } .form-control-inverse::-webkit-input-placeholder { color: #f5f5f5 } .form-control-static { display: block; font-size: 16px; font-weight: 400; line-height: 24px; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-bottom: 5px } .form-group, .form-group-btn, .modal-title { margin-bottom: 24px } .form-group { margin-top: 24px } .form-group-btn .btn { margin-top: 24px; margin-right: 16px } .form-help { display: block; font-size: 12px; margin-top: 12px; margin-bottom: 12px; position: relative } .form-help-icon { position: absolute; top: 6px; right: 0 } .form-help-msg { padding-right: 1.28571em } .form-label { display: block; margin-top: 12px } @media only screen and (min-width:480px) { [class*=col-xs]>.form-label { line-height: 24px; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; text-align: right } } @media only screen and (min-width:768px) { [class*=col-sm]>.form-label { line-height: 24px; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; text-align: right } } @media only screen and (min-width:992px) { [class*=col-md]>.form-label { line-height: 24px; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; text-align: right } } @media only screen and (min-width:1440px) { [class*=col-lg]>.form-label { line-height: 24px; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; text-align: right } } .label, .menu-content hr { margin-bottom: 12px } .form-group-alt .form-label { color: #4caf50 } .form-group-blue .form-label { color: #2196f3 } .form-group-green .form-label { color: #4caf50 } .form-group-purple .form-label { color: #9c27b0 } .form-group-red .form-label { color: #f44336 } .form-group-yellow .form-label { color: #ffc107 } .checkbox-adv, .radio-adv { font-size: 16px; line-height: 24px } .checkbox-adv [class^=circle], .radio-adv [class^=circle] { display: block; height: 16px; position: absolute; top: 3px; left: 0; width: 16px } .checkbox-adv .circle, .radio-adv .circle { border: 2px solid #616161; -webkit-transition: border-color .3s cubic-bezier(.4, 0, .2, 1); transition: border-color .3s cubic-bezier(.4, 0, .2, 1) } .checkbox-adv.disabled .circle, .disabled.radio-adv .circle, fieldset[disabled] .checkbox-adv .circle, fieldset[disabled] .radio-adv .circle { border-color: #9e9e9e !important } .checkbox-adv input.access-hide:focus ~.circle, .radio-adv input.access-hide:focus ~.circle { border-color: #212121 } .checkbox-adv input.access-hide:checked ~.circle, .radio-adv input.access-hide:checked ~.circle { border-color: #4caf50 } .checkbox-adv .circle-check, .radio-adv .circle-check { background-color: transparent; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform } .checkbox-adv .circle-icon, .checkbox-adv input.access-hide:checked ~.circle-check, .radio-adv .circle-icon, .radio-adv input.access-hide:checked ~.circle-check { -webkit-transform: scale(.5); transform: scale(.5); -ms-transform: scale(.5) } .checkbox-adv .circle-check:after, .radio-adv .circle-check:after { background-color: #4caf50; border-radius: 50%; display: block; height: 80px; position: absolute; top: -32px; left: -32px; width: 80px; opacity: 0; filter: alpha(opacity = 0) } .checkbox-adv.disabled .circle-check:after, .disabled.radio-adv .circle-check:after, fieldset[disabled] .checkbox-adv .circle-check:after, fieldset[disabled] .radio-adv .circle-check:after { background-color: #9e9e9e } .checkbox-adv input.access-hide:checked ~.circle-check:after, .radio-adv input.access-hide:checked ~.circle-check:after { -webkit-animation: circle-check .6s; animation: circle-check .6s } .checkbox-adv .circle-icon, .radio-adv .circle-icon { background-color: transparent; color: transparent; -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: background-color, color, -webkit-transform; transition-property: background-color, color, transform } .checkbox-adv input.access-hide:checked ~.circle-icon, .radio-adv input.access-hide:checked ~.circle-icon { background-color: #4caf50; color: #fff; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .checkbox-adv.disabled input.access-hide:checked ~.circle-icon, .disabled.radio-adv input.access-hide:checked ~.circle-icon, fieldset[disabled] .checkbox-adv input.access-hide:checked ~.circle-icon, fieldset[disabled] .radio-adv input.access-hide:checked ~.circle-icon { background-color: #9e9e9e } .radio-adv [class^=circle] { border-radius: 50% } .radio-adv input.access-hide:checked ~.circle-check { background-color: #4caf50 } .radio-adv.disabled input.access-hide:checked ~.circle-check, .switch-toggle, fieldset[disabled] .radio-adv input.access-hide:checked ~.circle-check { background-color: #9e9e9e } @ -webkit-keyframes circle-check { 0%,100%{ opacity: 0 } 25%{ opacity : .25 } } @ keyframes circle-check { 0%,100%{ opacity: 0 } 25%{ opacity : .25 } } .picker { position: absolute; z-index: 40; -webkit-user-select: none } .picker__box { background-color: #fff; border-radius: 4px; outline: 0; -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, .5); box-shadow: 0 1px 30px rgba(0, 0, 0, .5) } .picker__box:after, .picker__box:before { display: table; line-height: 0 } .picker__date-display { background-color: #4caf50; border-radius: 4px 4px 0 0; color: #fff } @media only screen and (min-width:992px) { .picker__date-display { border-radius: 4px 0 0; float: left; width: 50% } } .picker__day { border-radius: 50%; height: 36px; margin: 6px; padding: 6px 0; width: 36px } .picker__day:focus, .picker__day:hover { color: #2196f3; cursor: pointer } .picker__day.picker__day--selected { background-color: #4caf50; color: #fff !important } .picker__day.picker__day--today { color: #4caf50 } .picker__day-display { font-size: 64px; line-height: 72px; padding: 0 16px } .picker__day--outfocus { color: #eee } .picker__footer { clear: both; padding: 12px 8px; text-align: right } .picker__footer button { margin-left: 8px } .picker__footer button:first-child { margin-left: 0 } .picker__frame { display: inline-block; margin: 48px auto; max-width: 352px; white-space: normal; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: -webkit-transform; transition-property: transform } .picker--opened .picker__frame { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } .picker__header { margin: 12px 8px; position: relative } @media only screen and (min-width:992px) { .picker__frame { max-width: 704px } .picker__header { float: left; margin-top: 6px; margin-right: 0; margin-left: 0; width: 50% } } .picker__holder { overflow-x: hidden; overflow-y: auto; position: fixed; top: 100%; right: 0; bottom: 0; left: 0; text-align: center; white-space: nowrap; width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1), top 0s linear .3s; transition: background-color .3s cubic-bezier(.4, 0, .2, 1), top 0s linear .3s } .picker__holder:after { display: inline-block; height: 100%; width: 1px } .picker--opened .picker__holder { background-color: rgba(0, 0, 0, .5); top: 0; -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1), top 0s linear 0s; transition: background-color .3s cubic-bezier(.4, 0, .2, 1), top 0s linear 0s } .picker__input { border-bottom-style: solid !important; color: #212121 !important; cursor: text !important } .picker__input.picker__input--active { border-bottom-color: #2196f3; border-bottom-width: 2px } .picker__month, .picker__year { display: inline; margin-left: 16px } .picker__month:first-child, .picker__year:first-child { margin-left: 0 } .picker__month-display { font-size: 28px; font-weight: 300; line-height: 48px; padding: 12px 16px 0 } @media only screen and (min-width:992px) { .picker__month-display { padding-top: 48px; padding-bottom: 24px } } .picker__nav--next, .picker__nav--prev { cursor: pointer; line-height: 24px; margin-top: -12px; padding: 0 16px; position: absolute; top: 50% } .picker__nav--next:focus, .picker__nav--next:hover, .picker__nav--prev:focus, .picker__nav--prev:hover { color: #2196f3 } .picker__nav--next { right: 0 } .picker__nav--prev { left: 0 } .picker__select--month, .picker__select--year { border-bottom: 0; display: inline-block; height: 24px; margin-left: 16px; padding-top: 0; padding-bottom: 0; width: auto } .picker__select--month:first-child, .picker__select--year:first-child { margin-left: 0 } @media only screen and (-webkit-min-device-pixel-ratio:0) { select.picker__select--month, select.picker__select--year { background-position: 100% 50% } } .picker__table { border-spacing: 0; margin: 0 8px; table-layout: fixed } .picker__table td, .picker__table th { border: 0; font-size: 14px; line-height: 24px; margin: 0; min-width: 48px; padding: 0; text-align: center } .picker__weekday { color: #9e9e9e; font-weight: 300 } .picker__weekday-display { background-color: #388e3c; border-radius: 4px 4px 0 0; padding: 6px 16px } .picker__year-display { color: #f5f5f5; font-size: 28px; font-weight: 300; line-height: 48px; padding: 0 16px 12px } @media only screen and (min-width:992px) { .picker__table { float: left; margin: 0; width: 50% } .picker__year-display { padding-top: 24px; padding-bottom: 48px } } .floating-label { color: #9e9e9e; cursor: text; font-size: 16px; line-height: 1; margin: 0; padding: 0; position: absolute; top: 10px; left: 0; -webkit-transition: color .3s cubic-bezier(.4, 0, .2, 1), font-size .3s cubic-bezier(.4, 0, .2, 1), top .3s cubic-bezier(.4, 0, .2, 1); transition: color .3s cubic-bezier(.4, 0, .2, 1), font-size .3s cubic-bezier(.4, 0, .2, 1), top .3s cubic-bezier(.4, 0, .2, 1) } .form-group-label, .switch, .switch-toggle { position: relative } .form-group-label [class*=col-] .floating-label { left: 16px } .form-group-label.control-focus .floating-label, .form-group-label.control-highlight .floating-label { font-size: 12px; top: -6px } .form-group-label.control-focus .floating-label { color: #2196f3 } .form-group-label .form-control:-ms-input-placeholder, .form-group-label .picker__select--month:-ms-input-placeholder, .form-group-label .picker__select--year:-ms-input-placeholder { color: transparent } .form-group-label .form-control::-moz-placeholder, .form-group-label .picker__select--month::-moz-placeholder, .form-group-label .picker__select--year::-moz-placeholder { color: transparent; opacity: 1 } .form-group-label .form-control::-webkit-input-placeholder, .form-group-label .picker__select--month::-webkit-input-placeholder, .form-group-label .picker__select--year::-webkit-input-placeholder { color: transparent } .form-group-label.form-group-alt .floating-label { color: #4caf50 } .form-group-label.form-group-blue .floating-label { color: #2196f3 } .form-group-label.form-group-green .floating-label { color: #4caf50 } .form-group-label.form-group-purple .floating-label { color: #9c27b0 } .form-group-label.form-group-red .floating-label { color: #f44336 } .form-group-label.form-group-yellow .floating-label { color: #ffc107 } .form-icon-label { cursor: pointer; display: block; padding: 6px 0 } .form-group-icon.control-focus .form-icon-label { color: #2196f3 } .form-group-icon.form-group-alt .form-icon-label { color: #4caf50 } .form-group-icon.form-group-blue .form-icon-label { color: #2196f3 } .form-group-icon.form-group-green .form-icon-label { color: #4caf50 } .form-group-icon.form-group-purple .form-icon-label { color: #9c27b0 } .form-group-icon.form-group-red .form-icon-label { color: #f44336 } .form-group-icon.form-group-yellow .form-icon-label { color: #ffc107 } .switch.checkbox label, .switch.radio label { padding-left: 43px } .switch-toggle { border-radius: 6px; cursor: pointer; display: inline-block; height: 12px; margin-right: 8px; width: 35px; -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1); transition: background-color .3s cubic-bezier(.4, 0, .2, 1) } .switch-toggle:after { background-color: #fff; border-radius: 50%; display: block; height: 20px; position: absolute; top: -4px; left: 0; width: 20px; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25); -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .15s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1); transition: background-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .15s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1) } input[type=checkbox]:checked+.switch-toggle, input[type=radio]:checked+.switch-toggle { background-color: #81c784 } input[type=checkbox]:checked+.switch-toggle:after, input[type=radio]:checked+.switch-toggle:after { background-color: #4caf50; left: 15px } .checkbox.switch .switch-toggle, .radio.switch .switch-toggle { position: absolute; top: 6px; left: 0 } .no-touch .switch-toggle:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25), 0 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25), 0 0 0 15px rgba(0, 0, 0, .1) } .no-touch input[type=checkbox]:checked+.switch-toggle:active:after, .no-touch input[type=radio]:checked+.switch-toggle:active:after, .touch .switch-toggle.switch-toggle-on:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25), 0 0 0 15px rgba(76, 175, 80, .25); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25), 0 0 0 15px rgba(76, 175, 80, .25) } .touch .switch-toggle { -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1) .15s; transition: background-color .3s cubic-bezier(.4, 0, .2, 1) .15s } .touch .switch-toggle:after { -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1) .15s, box-shadow .15s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1) .15s; transition: background-color .3s cubic-bezier(.4, 0, .2, 1) .15s, box-shadow .15s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1) .15s } .touch input[type=checkbox]:checked+.switch-toggle.switch-toggle-on:after, .touch input[type=radio]:checked+.switch-toggle.switch-toggle-on:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25), 0 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .25), 0 0 0 15px rgba(0, 0, 0, .1) } .textarea-autosize { min-height: 36px; overflow-x: hidden } .label { background-color: #616161; border-radius: 2px; color: #fff; display: inline; font-size: 75%; font-style: normal; font-weight: 400; line-height: 1; padding: .2em .6em; vertical-align: baseline; white-space: nowrap } .modal-close, .modal-title { font-size: 20px; line-height: 24px } .label-alt { background-color: #4caf50 } .label-blue { background-color: #2196f3 } .label-green { background-color: #4caf50 } .label-purple { background-color: #9c27b0 } .label-red { background-color: #f44336 } .label-yellow { background-color: #ffc107 } .modal { display: none; overflow: hidden; outline: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 40; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-backdrop { background-color: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 39; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1); transition: opacity .3s cubic-bezier(.4, 0, .2, 1) } .modal-backdrop.fade.in, .sortable-ghost { opacity: .5; filter: alpha(opacity = 50) } .load-bar-content, .modal-content, .modal-dialog, .modal-heading, .nav, .nav .a, .nav a, .nav li, .progress { position: relative } .modal-close { color: #616161; cursor: pointer; display: block; float: right; margin-right: -8px; padding-right: 8px; padding-left: 8px } .modal-close:focus, .modal-close:hover { color: #2196f3; text-decoration: none } .modal-content { background-color: #fff; border: 1px solid transparent; border-radius: 4px; outline: 0; -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, .5); box-shadow: 0 1px 30px rgba(0, 0, 0, .5) } .no-boxshadow .tile, .table td, .table th { border: 1px solid #e0e0e0 } .modal-uploader .modal-content { height: 100% } .modal-dialog { margin-right: auto; margin-left: auto; padding: 48px 16px } .modal-footer, .modal-heading { padding-right: 32px; padding-left: 32px } .modal-dialog.modal-full { height: 100% } .modal-dialog.modal-full .modal-content { height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .load-bar, .load-bar-base, .modal-open, .progress { overflow: hidden } .modal.fade .modal-dialog { -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: -webkit-transform; transition-property: transform } .modal.fade.in .modal-dialog { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } @media only screen and (min-width:480px) { .modal-dialog.modal-xs { width: 480px } } @media only screen and (min-width:992px) { .modal-dialog { width: 960px } } @media only screen and (min-width:1440px) { .modal-dialog { width: 1408px } } .modal-footer .btn+.btn { margin-left: 16px } .modal-heading { padding-top: 24px } .modal-inner { padding-right: 32px; padding-left: 32px } .modal-title { margin-top: 0; margin-right: 28px } .nav { margin: 24px 0; padding: 0 } .header .nav, .nav ul { margin: 0 } .nav:after, .nav:before { display: table; line-height: 0 } .nav .a, .nav a { display: block; padding: 12px 16px } .nav .a:focus, .nav .a:hover, .nav a:focus, .nav a:hover { text-decoration: none } .nav li { display: block } .nav ul { padding: 0 } .nav-justified { width: 100% } .nav-justified>li { display: table-cell !important; float: none !important; width: 1% !important } .nav-justified>li>a { text-align: center } .nav-list>li { float: left } .load-bar { float: right; height: 100%; width: 50% } .load-bar:first-child { float: left } .load-bar-base { background-color: #2196f3; float: left; height: 100%; width: 100%; -webkit-animation: load-bar-right-in 1s cubic-bezier(.4, 0, .2, 1) 1 forwards; animation: load-bar-right-in 1s cubic-bezier(.4, 0, .2, 1) 1 forwards; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transform-origin: top right; transform-origin: top right } .load-bar:first-child .load-bar-base { -webkit-animation: load-bar-left-in 1s cubic-bezier(.4, 0, .2, 1) 1 forwards; animation: load-bar-left-in 1s cubic-bezier(.4, 0, .2, 1) 1 forwards; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transform-origin: top left; transform-origin: top left } @ -webkit-keyframes load-bar-left-in { 0%{ -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 100%{ -webkit-transform :translate (0 , 0); -ms-transform :translate (0 , 0); transform :translate (0 , 0); -webkit-transform :translate3d (0 , 0,0); -ms-transform :translate3d (0 , 0,0); transform :translate3d (0 , 0,0) } } @ keyframes load-bar-left-in { 0%{ -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 100%{ -webkit-transform :translate (0 , 0); -ms-transform :translate (0 , 0); transform :translate (0 , 0); -webkit-transform :translate3d (0 , 0,0); -ms-transform :translate3d (0 , 0,0); transform :translate3d (0 , 0,0) } } @ -webkit-keyframes load-bar-right-in { 0%{ -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100%{ -webkit-transform :translate (0 , 0); -ms-transform :translate (0 , 0); transform :translate (0 , 0); -webkit-transform :translate3d (0 , 0,0); -ms-transform :translate3d (0 , 0,0); transform :translate3d (0 , 0,0) } } @ keyframes load-bar-right-in { 0%{ -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100%{ -webkit-transform :translate (0 , 0); -ms-transform :translate (0 , 0); transform :translate (0 , 0); -webkit-transform :translate3d (0 , 0,0); -ms-transform :translate3d (0 , 0,0); transform :translate3d (0 , 0,0) } } .load-bar-content { float: left; height: 100%; width: 400%; -webkit-animation: load-bar-right 4s linear infinite forwards; animation: load-bar-right 4s linear infinite forwards; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-transform-origin: top center; transform-origin: top center } .load-bar:first-child .load-bar-content { -webkit-animation: load-bar-left 4s linear infinite forwards; animation: load-bar-left 4s linear infinite forwards; -webkit-animation-delay: 1s; animation-delay: 1s } @ -webkit-keyframes load-bar-left { 0%{ -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100%{ -webkit-transform :translate (-100% , 0); -ms-transform :translate (-100% , 0); transform :translate (-100% , 0); -webkit-transform :translate3d (-100% , 0,0); -ms-transform :translate3d (-100% , 0,0); transform :translate3d (-100% , 0,0) } } @ keyframes load-bar-left { 0%{ -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100%{ -webkit-transform :translate (-100% , 0); -ms-transform :translate (-100% , 0); transform :translate (-100% , 0); -webkit-transform :translate3d (-100% , 0,0); -ms-transform :translate3d (-100% , 0,0); transform :translate3d (-100% , 0,0) } } @ -webkit-keyframes load-bar-right { 0%{ -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100%{ -webkit-transform :translate (0 , 0); -ms-transform :translate (0 , 0); transform :translate (0 , 0); -webkit-transform :translate3d (0 , 0,0); -ms-transform :translate3d (0 , 0,0); transform :translate3d (0 , 0,0) } } @ keyframes load-bar-right { 0%{ -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100%{ -webkit-transform :translate (0 , 0); -ms-transform :translate (0 , 0); transform :translate (0 , 0); -webkit-transform :translate3d (0 , 0,0); -ms-transform :translate3d (0 , 0,0); transform :translate3d (0 , 0,0) } } .load-bar-progress { background-color: transparent; float: left; height: 100%; width: 25% } .load-bar-progress-alt { background-color: #4caf50 } .load-bar-progress-blue { background-color: #2196f3 } .load-bar-progress-green { background-color: #4caf50 } .load-bar-progress-purple { background-color: #9c27b0 } .load-bar-progress-red { background-color: #f44336 } .load-bar-progress-yellow { background-color: #ffc107 } .progress { background-color: #b2dbfb; height: 4px; margin-top: 22px; margin-bottom: 22px } .progress-bar { background-color: #2196f3; border-radius: 0 1px 1px 0; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: width .3s cubic-bezier(.4, 0, .2, 1); transition: width .3s cubic-bezier(.4, 0, .2, 1) } .progress-alt { background-color: #c8e6c9 } .progress-alt .progress-bar { background-color: #4caf50 } .progress-blue { background-color: #bbdefb } .progress-blue .progress-bar { background-color: #2196f3 } .progress-green { background-color: #c8e6c9 } .progress-green .progress-bar { background-color: #4caf50 } .progress-purple { background-color: #e1bee7 } .progress-purple .progress-bar { background-color: #9c27b0 } .progress-red { background-color: #ffcdd2 } .progress-red .progress-bar { background-color: #f44336 } .progress-yellow { background-color: #ffecb3 } .progress-yellow .progress-bar { background-color: #ffc107 } .progress-bar-indeterminate { background-color: #2196f3 } .progress-bar-indeterminate:after, .progress-bar-indeterminate:before { background-color: inherit; border-radius: 1px; content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; will-change: left, right } .header .dropdown-toggle:after, .header .nav>li>a .header-close:after, .header:after, .header:before, .menu-top-user:after, .menu-top-user:before, .no-boxshadow .menu-scroll:after, .tile-footer:after, .tile-footer:before, .tile-sub:before, .tile-toggle:after, .tile-toggle:before, .tile:after, .tile:before { content: "" } .progress-bar-indeterminate:after { -webkit-animation: indeterminate-one 3s cubic-bezier(.6, .8, .6, .4) infinite; animation: indeterminate-one 3s cubic-bezier(.6, .8, .6, .4) infinite } .progress-bar-indeterminate:before { -webkit-animation: indeterminate-two 3s cubic-bezier(.2, .8, .2, .8) infinite; animation: indeterminate-two 3s cubic-bezier(.2, .8, .2, .8) infinite; -webkit-animation-delay: 1.5s; animation-delay: 1.5s } @ -webkit-keyframes indeterminate-one { 0%{ right: 100%; left: -35% } 100%,60%{ right : -90%;left : 100% } } @ keyframes indeterminate-one { 0%{ right: 100%; left: -35% } 100%,60%{ right : -90%;left : 100% } } @ -webkit-keyframes indeterminate-two { 0%{ right: 100%; left: -150% } 100%,60%{ right : -35%;left : 135% } } @ keyframes indeterminate-two { 0%{ right: 100%; left: -150% } 100%,60%{ right : -35%;left : 135% } } .sortable-handle { cursor: move; cursor: -webkit-grab } .tab-nav { margin-top: 24px; margin-bottom: 24px; position: relative } .tab-nav .nav { margin-top: 0; margin-bottom: -1px } .table, .table-responsive { margin-top: 24px; margin-bottom: 24px } .tab-nav .nav>li { vertical-align: bottom } .tab-nav .nav>li>a { color: #212121; padding-right: 8px; padding-left: 8px; -webkit-transition: border-bottom 0s, padding-bottom 0s; transition: border-bottom 0s, padding-bottom 0s } .tab-nav .nav>li>a:focus, .tab-nav .nav>li>a:hover { color: #2196f3 } .tab-nav .nav>li.active>a { border-bottom: 3px solid #2196f3; color: #2196f3; padding-bottom: 9px; -webkit-transition: border-bottom 0s .45s, padding-bottom 0s .45s; transition: border-bottom 0s .45s, padding-bottom 0s .45s } .tab-nav-indicator { background-color: #2196f3; height: 3px; position: absolute; bottom: -1px; -webkit-transition: left .3s cubic-bezier(.4, 0, .2, 1) .15s, right .3s cubic-bezier(.4, 0, .2, 1); transition: left .3s cubic-bezier(.4, 0, .2, 1) .15s, right .3s cubic-bezier(.4, 0, .2, 1) } .tab-nav-indicator.reverse { -webkit-transition: left .3s cubic-bezier(.4, 0, .2, 1), right .3s cubic-bezier(.4, 0, .2, 1) .15s; transition: left .3s cubic-bezier(.4, 0, .2, 1), right .3s cubic-bezier(.4, 0, .2, 1) .15s } .tab-nav-alt .nav>li>a:focus, .tab-nav-alt .nav>li>a:hover { color: #4caf50 } .tab-nav-alt .nav>li.active>a { border-bottom-color: #4caf50; color: #4caf50 } .tab-nav-alt .tab-nav-indicator { background-color: #4caf50 } .tab-nav-blue .nav>li>a:focus, .tab-nav-blue .nav>li>a:hover { color: #2196f3 } .tab-nav-blue .nav>li.active>a { border-bottom-color: #2196f3; color: #2196f3 } .tab-nav-blue .tab-nav-indicator { background-color: #2196f3 } .tab-nav-green .nav>li>a:focus, .tab-nav-green .nav>li>a:hover { color: #4caf50 } .tab-nav-green .nav>li.active>a { border-bottom-color: #4caf50; color: #4caf50 } .tab-nav-green .tab-nav-indicator { background-color: #4caf50 } .tab-nav-purple .nav>li>a:focus, .tab-nav-purple .nav>li>a:hover { color: #9c27b0 } .tab-nav-purple .nav>li.active>a { border-bottom-color: #9c27b0; color: #9c27b0 } .tab-nav-purple .tab-nav-indicator { background-color: #9c27b0 } .tab-nav-red .nav>li>a:focus, .tab-nav-red .nav>li>a:hover { color: #f44336 } .tab-nav-red .nav>li.active>a { border-bottom-color: #f44336; color: #f44336 } .tab-nav-red .tab-nav-indicator { background-color: #f44336 } .tab-nav-yellow .nav>li>a:focus, .tab-nav-yellow .nav>li>a:hover { color: #ffc107 } .tab-nav-yellow .nav>li.active>a { border-bottom-color: #ffc107; color: #ffc107 } .tab-nav-yellow .tab-nav-indicator { background-color: #ffc107 } .tab-pane { display: none; visibility: hidden } .tab-pane.active { display: block; visibility: visible } .table { background-color: #fff; width: 100% } .table td, .table th { line-height: 24px; padding: 12px 16px 11px; vertical-align:middle; } .table td.nowrap, .table th.nowrap { white-space: nowrap; width: 1% } .table>thead td, .table>thead th { background-color: #f5f5f5; color: #616161; vertical-align: bottom } .table-stripe>tbody>tr:nth-child(odd) { background-color: #fafafa } .table-hover>tbody>tr:hover { background-color: #eee } .table-responsive { min-height: .01%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .tile-action ~.tile-inner, .tile-side ~.tile-inner, .toast-text { overflow: hidden } .table-responsive .table { margin-top: 0; margin-bottom: 0 } .tile { background-color: #fff; display: block; position: relative; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .15); box-shadow: 0 0 1px 1px rgba(0, 0, 0, .15) } .header.fixed, .header.open, .menu-open .header, .toast-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .5); box-shadow: 0 1px 10px rgba(0, 0, 0, .5) } .tile:after, .tile:before { display: table; line-height: 0 } .tile[href] { color: #212121 } .tile[href]:focus, .tile[href]:hover { color: #2196f3; text-decoration: none } .tile.active { margin-top: 24px !important; margin-bottom: 24px !important } .tile-wrap-animation .tile { opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1); transition: all .6s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform } .tile-wrap-animation.isinview .tile { opacity: 1; -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important } .no-boxshadow .tile+.tile { margin-top: -1px } .tile-action { float: right; -webkit-user-select: none } .no-touch .tile-action, .tile-action:before, .touch .tile-collapse .tile-action { display: none } .no-touch .tile:hover .tile-action, .tile-collapse.active .tile-action { display: block } .tile-action-show { display: block !important } .tile-active-show { -webkit-transition: height .15s linear; transition: height .15s linear } .tile-collapse { -webkit-transition: margin .15s linear; transition: margin .15s linear } .tile-collapse.active { margin-right: -15px; margin-left: -15px } .tile-wrap-animation .tile-collapse { -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1), margin .15s linear; transition: all .6s cubic-bezier(.4, 0, .2, 1), margin .15s linear; -webkit-transition-property: margin, opacity, -webkit-transform; transition-property: margin, opacity, transform } @media only screen and (min-width:1056px)and (max-width:1439px) { .tile-collapse-full.active { margin-right: -63px; margin-left: -63px } } @media only screen and (min-width:1504px) { .tile-collapse-full.active { margin-right: -63px; margin-left: -63px } } .tile-footer { background-color: #f5f5f5; position: relative } .tile-footer:after, .tile-footer:before { display: table; line-height: 0 } .tile-footer:before { border-top: 1px solid #e0e0e0; display: block; position: absolute; top: 0; left: 0; width: 100% } .tile-footer:first-child { border-top: 0 } .footer, .tile-sub:before { border-top: 1px solid #e0e0e0 } .tile-footer .nav { margin-top: 0; margin-bottom: 0 } .tile-inner { padding: 12px 16px; position: relative } .tile-side-container { padding: 0 !important } .tile-sub { display: inline-block; padding-right: 16px; padding-left: 16px; position: relative; width: 100% } .tile-sub:before { display: block; position: absolute; top: 0; left: 0; width: 100% } .tile-toggle { cursor: pointer } .tile-toggle:after, .tile-toggle:before { display: table; line-height: 0 } .tile-wrap { margin-top: 24px; margin-bottom: 24px; position: relative } .toast { position: fixed; right: 0; bottom: 0; left: 0; z-index: 21 } .toast a { color: #b2dbfb; cursor: pointer } .toast a:focus, .toast a:hover { color: #6ab8f7; text-decoration: none } .toast .tooltip { position: static !important } .toast-inner { background-color: #212121; color: #fff; font-size: 14px; padding: 12px 16px; backface-visibility: hidden; -webkit-transform: translate3d(0, 200%, 0); -ms-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: -webkit-transform; transition-property: transform } .content-heading, .page-alt .content-heading { background-color: #4caf50 } .toast-inner:after, .toast-inner:before { content: ""; display: table; line-height: 0 } .toast-show .toast-inner { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @media only screen and (min-width:768px) { .toast { margin-right: 80px; right: auto; bottom: 24px; left: 16px !important } .toast-inner { border-radius: 2px; float: left } } .no-csstransforms3d .toast-inner { opacity: 0; filter: alpha(opacity = 0) } .no-csstransforms3d .toast-show .toast-inner { opacity: 1; filter: alpha(opacity = 100) } [data-dismiss=toast] { cursor: pointer; float: right; font-weight: 700; margin-left: 16px; text-transform: uppercase } .content { padding-bottom: 24px } .searching .content { display: none } .content-fix-scroll { margin-right: -16px; margin-left: -16px; overflow: hidden; padding-right: 16px; padding-left: 16px } .content-fix.fixed .content-fix-scroll { position: fixed; top: 48px; bottom: 0 } .content-fix.fixed .content-fix-wrap { overflow-x: hidden; overflow-y: auto; padding-right: 32px; padding-left: 32px; position: absolute; top: 0; right: -16px; bottom: 0; left: -16px; -webkit-overflow-scrolling: touch; -ms-overflow-style: none } .content-heading, .row-fix { position: relative } .content-heading { color: #fff; overflow: hidden; padding-top: 48px; z-index: 1; -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1), color .3s cubic-bezier(.4, 0, .2, 1); transition: background-color .3s cubic-bezier(.4, 0, .2, 1), color .3s cubic-bezier(.4, 0, .2, 1) } .page-blue .content-heading { background-color: #2196f3 } .page-green .content-heading { background-color: #4caf50 } .page-purple .content-heading { background-color: #9c27b0 } .page-red .content-heading { background-color: #f44336 } .page-yellow .content-heading { background-color: #ffc107 } .content-heading .heading { font-weight: 300 } .content-sub-heading { color: #4caf50; font-size: 20px; font-weight: 400; line-height: 24px } .page-alt .content-sub-heading { color: #4caf50 } .page-blue .content-sub-heading { color: #2196f3 } .page-green .content-sub-heading { color: #4caf50 } .page-purple .content-sub-heading { color: #9c27b0 } .page-red .content-sub-heading { color: #f44336 } .page-yellow .content-sub-heading { color: #ffc107 } .footer, .footer a { color: #9e9e9e } .footer { background-color: #fafafa; text-align: center; position: absolute; bottom: 0; right: 0; left: 0 } .footer a:focus, .footer a:hover { color: #212121 } .header, .header .breadcrumb, .header .breadcrumb>.active>.a, .header .breadcrumb>.active>a, .header a { color: #fff } .header { background-color: #4caf50; position: fixed; top: 0; right: 0; left: 0; z-index: 30; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .15s linear; transition: background-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .15s linear } .header .dropdown-toggle:after, .header .nav>li>a .header-close:after { border-radius: 50%; position: absolute; -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) } .header:after, .header:before { display: table; line-height: 0 } .header.fixed, .header.open, .menu-open .header { background-color: #388e3c } .page-alt .header { background-color: #4caf50 } .menu-open.page-alt .header, .page-alt .header.fixed, .page-alt .header.open { background-color: #388e3c } .page-blue .header { text-align:center; background-color: #2196f3 } .menu-open.page-blue .header, .page-blue .header.fixed, .page-blue .header.open { background-color: #1976d2 } .page-green .header { background-color: #4caf50 } .menu-open.page-green .header, .page-green .header.fixed, .page-green .header.open { background-color: #388e3c } .page-purple .header { background-color: #9c27b0 } .menu-open.page-purple .header, .page-purple .header.fixed, .page-purple .header.open { background-color: #7b1fa2 } .page-red .header { background-color: #f44336 } .menu-open.page-red .header, .page-red .header.fixed, .page-red .header.open { background-color: #d32f2f } .page-yellow .header { background-color: #ffc107 } .menu-open.page-yellow .header, .page-yellow .header.fixed, .page-yellow .header.open { background-color: #ffa000 } .header .breadcrumb { margin-top: 0; margin-bottom: 0; max-height: 48px; overflow: hidden; padding-right: 16px; padding-left: 16px } .header .breadcrumb .a, .header .breadcrumb a { text-decoration: none } .header .breadcrumb>.active { color: #fff; font-weight: 300 } @media only screen and (max-width:767px) { .header .breadcrumb>li { display: none } .header .breadcrumb>.active { display: block } .header .breadcrumb>.active:before { display: none } } .header .dropdown-menu { border-radius: 2px } .header .dropdown-menu a { color: #212121 } .header .dropdown-toggle { z-index: 1 } .header .dropdown-toggle:after { background-color: #4caf50; display: block; height: 36px; top: 6px; right: 6px; bottom: 6px; left: 6px; z-index: -1; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform } .page-alt .header .dropdown-toggle:after { background-color: #4caf50 } .page-blue .header .dropdown-toggle:after { background-color: #2196f3 } .page-green .header .dropdown-toggle:after { background-color: #4caf50 } .page-purple .header .dropdown-toggle:after { background-color: #9c27b0 } .page-red .header .dropdown-toggle:after { background-color: #f44336 } .page-yellow .header .dropdown-toggle:after { background-color: #ffc107 } .no-csstransforms .header .dropdown-toggle:after { display: none } .header-btn, .no-csstransforms .header .dropdown.open .dropdown-toggle:after { display: block } .header .dropdown.open .dropdown-toggle { background-color: transparent } .header .dropdown.open .dropdown-toggle:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .header .nav>li>a .avatar, .header .nav>li>a .breadcrumb>li+li:before, .header .nav>li>a .fa, .header .nav>li>a .icon { -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform } .header .nav>li>a .header-close { position: absolute; top: 16px; left: 0; text-align: center; width: 100%; opacity: 0; filter: alpha(opacity = 0); -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg) } .header .nav>li>a .header-close:after { background-color: #4caf50; display: block; height: 36px; margin-top: -18px; margin-left: -18px; top: 50%; left: 50%; width: 36px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition-property: -webkit-transform; transition-property: transform } .page-alt .header .nav>li>a .header-close:after { background-color: #4caf50 } .page-blue .header .nav>li>a .header-close:after { background-color: #2196f3 } .page-green .header .nav>li>a .header-close:after { background-color: #4caf50 } .page-purple .header .nav>li>a .header-close:after { background-color: #9c27b0 } .page-red .header .nav>li>a .header-close:after { background-color: #f44336 } .page-yellow .header .nav>li>a .header-close:after { background-color: #ffc107 } .header .nav>li>a .header-close:before { position: relative; z-index: 1 } .header .nav>li.active>a .avatar, .header .nav>li.active>a .breadcrumb>li+li:before, .header .nav>li.active>a .fa, .header .nav>li.active>a .icon { opacity: 0; filter: alpha(opacity = 0); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg) } .header .nav>li.active>a .header-close { opacity: 1; filter: alpha(opacity = 100); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .header .nav>li.active>a .header-close:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .header-btn { float: left; height: 48px; padding: 12px 16px; text-align: center } .header-btn:focus, .header-btn:hover { text-decoration: none } .header-fix-show, .header.fixed .header-fix-hide { display: none !important } .header.fixed .header-fix-show { display: block !important } .header-logo, .header-text, .nav-drawer-logo { display: block; font-weight: 300; height: 48px; line-height: 24px; margin: 0; padding: 12px 16px } .header-logo:focus, .header-logo:hover, .header-text:focus, .header-text:hover, .nav-drawer-logo:focus, .nav-drawer-logo:hover { text-decoration: none } .header-logo, .nav-drawer-logo { font-size: 20px } .header-logo img, .nav-drawer-logo img { display: block; max-height: 24px; width: auto } .header-nav-scroll { height: 48px; overflow: hidden; position: relative } .header-nav-scroll.pull-down { position: absolute; top: 100%; left: 0; width: 100%; -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1) .15s, top .3s cubic-bezier(.4, 0, .2, 1); transition: opacity .15s cubic-bezier(.4, 0, .2, 1) .15s, top .3s cubic-bezier(.4, 0, .2, 1) } .header.fixed .header-nav-scroll.pull-down, .header.open .header-nav-scroll.pull-down, .menu-open .header-nav-scroll.pull-down { top: 0; z-index: -1; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1), top .3s cubic-bezier(.4, 0, .2, 1); transition: opacity .15s cubic-bezier(.4, 0, .2, 1), top .3s cubic-bezier(.4, 0, .2, 1) } .menu, .menu.open { -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) } .header-nav-wrap { height: 150%; overflow-x: auto; overflow-y: hidden; padding-bottom: 24px; position: absolute; top: 0; left: 0; white-space: nowrap; width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: none } .menu-scroll, .menu-top-img, .touch .menu-open { overflow: hidden } .header-nav-wrap .nav>li { display: inline-block; float: none } .menu { position: fixed; top: 48px; bottom: 0; left: -100%; width: 100%; z-index: 29; -webkit-transition-property: box-shadow, -webkit-transform; transition-property: box-shadow, transform } .menu, .menu.open { transition: all .3s cubic-bezier(.4, 0, .2, 1) } .menu.open { left: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5) } @media only screen and (min-width:480px) { .menu { left: -320px; width: 320px } } .menu.menu-right { right: -100%; left: auto } .menu.menu-right.open { right: 0 } @media only screen and (min-width:480px) { .menu.menu-right { right: -320px } .no-touch .menu.menu-right.open ~.fbtn-container { right: 336px } } .menu-backdrop { display: none } .nav-drawer ~.menu-backdrop, .touch .menu-backdrop { background-color: #000; display: block; height: 0; position: fixed; top: 0; left: 0; width: 0; z-index: 28; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: height 0s .3s, opacity .3s cubic-bezier(.4, 0, .2, 1), width 0s .3s, z-index 0s .3s; transition: height 0s .3s, opacity .3s cubic-bezier(.4, 0, .2, 1), width 0s .3s, z-index 0s .3s } .nav-drawer.open ~.menu-backdrop, .touch .menu.open ~.menu-backdrop { height: 100%; width: 100%; opacity: .5; filter: alpha(opacity = 50); -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1); transition: opacity .3s cubic-bezier(.4, 0, .2, 1) } .nav-drawer.open ~.menu-backdrop { z-index: 30 } @media only screen and (min-width:1440px) { .nav-drawer.open ~.menu-backdrop { height: 0; width: 0; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: none; transition: none } } .menu-collapse-toggle-close, .menu-collapse-toggle-default { transition: all .3s cubic-bezier(.4, 0, .2, 1); -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) } .menu-collapse-toggle { background-color: transparent !important; cursor: pointer; display: block; float: right; padding: 12px 16px; position: absolute; top: 0; right: 0; z-index: 1 } .menu-collapse-toggle:hover { color: #2196f3 !important } .menu-collapse-toggle-close { position: absolute; top: 16px; left: 0; text-align: center; width: 100%; opacity: 1; filter: alpha(opacity = 100); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform } .menu-collapse-toggle.collapsed .menu-collapse-toggle-close { opacity: 0; filter: alpha(opacity = 0); -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg) } .menu-collapse-toggle-default { opacity: 0; filter: alpha(opacity = 0); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform } .menu-collapse-toggle.collapsed .menu-collapse-toggle-default { opacity: 1; filter: alpha(opacity = 100); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .menu-content { padding-top: 12px; padding-bottom: 12px } .menu-content hr { border-top-color: #e0e0e0; margin-top: 11px } .menu-content .nav { margin-top: 0; margin-bottom: 0 } .menu-content .nav .a, .menu-content .nav a { color: #616161; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .menu-content .nav .a:focus, .menu-content .nav .a:hover, .menu-content .nav a:focus, .menu-content .nav a:hover { background-color: #f5f5f5 } .menu-content .nav .a .breadcrumb>li+li:before, .menu-content .nav .a .fa, .menu-content .nav .a .icon, .menu-content .nav a .breadcrumb>li+li:before, .menu-content .nav a .fa, .menu-content .nav a .icon { margin-right: 16px } .menu-content .nav li.active>.a, .menu-content .nav li.active>a { color: #4caf50 } .page-blue .menu-content .nav li.active>.a, .page-blue .menu-content .nav li.active>a { color: #2196f3 } .page-green .menu-content .nav li.active>.a, .page-green .menu-content .nav li.active>a { color: #4caf50 } .page-purple .menu-content .nav li.active>.a, .page-purple .menu-content .nav li.active>a { color: #9c27b0 } .page-red .menu-content .nav li.active>.a, .page-red .menu-content .nav li.active>a { color: #f44336 } .page-yellow .menu-content .nav li.active>.a, .page-yellow .menu-content .nav li.active>a { color: #ffc107 } .menu-content .nav ul .a, .menu-content .nav ul a { font-weight: 400; padding-left: 32px } .menu-content .nav ul ul .a, .menu-content .nav ul ul a { font-size: 90%; font-weight: 300; padding-top: 6px; padding-bottom: 6px; padding-left: 48px } @media only screen and (min-width:480px) { .menu-content { width: 320px } } .no-boxshadow .menu-content .nav { margin-right: 1px } .no-boxshadow .menu.menu-right .menu-content .nav { margin-right: 0; margin-left: 1px } .menu-content-inner { padding-right: 16px; padding-left: 16px } .menu-scroll { background-color: #fff; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 1 } .no-boxshadow .menu-scroll:after { background-color: #e0e0e0; display: block; height: 100%; position: absolute; top: 0; right: 0; width: 1px } .no-boxshadow .menu.menu-right .menu-scroll:after { right: auto; left: 0 } .menu-top { background-color: #212121; color: #f5f5f5; position: relative; z-index: 1 } .menu-top a { color: #f5f5f5; text-decoration: none } .menu-top a:focus, .menu-top a:hover { color: #fff } @media only screen and (min-width:480px) { .menu-top { width: 320px } } .menu-top-form { margin-top: 6px; margin-bottom: 6px } .menu-top-img { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 100%; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; -webkit-align-items: center; align-items: center } .menu-top-img img { min-height: 100%; width: 100%; opacity: .5; filter: alpha(opacity = 50) } .menu-top-info { padding: 36px 16px; position: relative } .menu-top-user { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center } .menu-top-user:after, .menu-top-user:before { display: table; line-height: 0 } .menu-wrap { overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: none } @media only screen and (min-width:480px) { .menu-wrap { padding-right: 32px; right: -32px } } .nav-drawer { max-width: 85%; max-width: calc(100% - 64px); top: 0; left: -320px; width: 320px; z-index: 31 } .nav-drawer .menu-content { padding-top: 0 } .nav-drawer-logo { border-bottom: 1px solid #e0e0e0; color: #212121; float: none; margin-bottom: 12px } .nav-drawer-logo:focus, .nav-drawer-logo:hover { text-decoration: none } .nav-drawer-open { overflow: hidden } @media only screen and (min-width:1440px) { .nav-drawer, .nav-drawer .menu-content, .nav-drawer .menu-top { width: 240px } .nav-drawer { left: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5) } .nav-drawer.menu-left ~.content { margin-left: 240px } .nav-drawer.menu-left ~.content .content-heading, .nav-drawer.menu-left ~.content .content-inner { padding-left: 16px } .nav-drawer.menu-left ~.footer, .nav-drawer.menu-left ~.header { padding-left: 16px; left: 240px } .nav-drawer.menu-right { right: 0 } .nav-drawer.menu-right ~.content { margin-right: 240px } .nav-drawer.menu-right ~.content .content-heading, .nav-drawer.menu-right ~.content .content-inner { padding-right: 16px } .nav-drawer.menu-right ~.footer, .nav-drawer.menu-right ~.header { padding-right: 16px; right: 240px } .nav-drawer-open { overflow: auto } }