/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/**
 * 重写默认浏览器样式
 * @author xupingmao
 * @since 2020/01/08
 * @modified 2022/01/27 22:33:24
 * @filename reset.css
 */

* {
    box-sizing: border-box;
}

body {
    background-color: #DEE2E6;
    font-family: "微软雅黑", "Open Sans Light", Helvetica, "Arial Narrow", HELVETICA; 
    font-size: 14px;
    letter-spacing: 1px;
    -webkit-text-size-adjust: 100%; 
    margin: 0; 
    padding: 0;
    background-repeat:no-repeat ;
    background-size:100% 100%; 
    background-attachment: fixed;
}

pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    display: block;
    width: 100%;
}

p,li,a {
    font-family: "Open Sans",Arial,Helvetica,sans-senif,"Microsoft Yahei",SimSun,"宋体";
}


/* display: inline; 此元素会被显示为内联元素，元素前后没有换行符。*/
/* margin: 块级元素的垂直相邻外边距会合并 */

p {
    display: block;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

h1,h2,h3 {
    font-family: "Open Sans",Arial,Helvetica,sans-senif,"Microsoft Yahei",SimSun,"宋体";
    margin-top: 10px;
    margin-bottom: 10px;
}

input[type=checkbox] {
    width: 16px;
    height: 16px;
}

/* 单选 */
input[type=radio] {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

input {
    padding: 5px;
    outline: none;
}

textarea, input {
    border: 1px solid #ccc;
    border-radius: 0px;
    font-size: 14px;
}

textarea:focus, input:focus {
    border: 1px solid #8cc;
}

textarea:read-only, input[type=text]:read-only {
    background-color: #eee;
}

select {
    padding: 5px;
    border: 1px solid #ccc;
}

/** 链接样式 **/
a {
    font-size: 14px;
    font-family: "Open Sans",Arial,Helvetica,sans-senif,"Microsoft Yahei",SimSun,"宋体";
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-all;
    color: #08c;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}


blockquote {
    font-style: italic;
    display: block;
    width: 100%;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1;
}

blockquote p {
    margin: 0px;
}


/** 表格样式 **/
table {
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#333333;
    border-width: 1px;
    border-color: #ccc;
    border-collapse: collapse;
}

table th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #ccc;
    background-color: #eee;
}
table td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #ccc;
    background-color: #ffffff;
}
/**
 * 通用的CSS样式
 * @author xupingmao
 * @since 2017/12/16
 * @modified 2022/03/16 18:57:15
 * @filename common.css
 * 命名规范（主要参考bootstrap）: 包含两部分，
 * 1：简单的、望文生义的样式，比如颜色 red, blue等等
 * 2：复杂样式，命名规则为：模块名(可选)-功能外观-子功能外观(可选)-实现方式(可选)-特征或状态(可选)，示例如下：
 *   1. marked-code (marked模块的code组件)
 *   2. marked-img (marked模块的图片组件)
 *   3. list-link（外观是list，通过link实现的）
 *   4. list-item（外观是list，通过div实现的）
 *   5. btn-link   (外观是button，通过link实现的)
 *   6. btn-danger (外观是button，表示危险操作)
 *   7. btn-default (外观是button，默认样式)
 *   8. tab-link  （外观是tab，通过link实现)
 *   9. tab-link-activate (外观是tab，通过link实现，状态是激活)
 *   10. x-dialog-title-box-activate（x模块下的对话框标题，div实现，状态是激活）
 * 
 *  注意：后声明的样式匹配优先级更高
 */

/** marked 样式 **/
.marked-heading {
    /* 避免顶部fixed菜单遮挡 */
    width: 100%;
    font-family: "Microsoft YaHei", "黑体";
}

h1.marked-heading {
    font-size: 24px;
}

h2.marked-heading {
    font-size: 20px;
}

h3.marked-heading {
    font-size: 16px;
}

.marked-img {
    text-align: center;
}

.marked-contents {
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.marked-contents-title {
    display: inline-block;
    padding: 5px;
}

.marked-contents h1 {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
}

.marked-code {
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 0.5rem;
    border: 1px solid #ddd;
    word-wrap: break-word;
    white-space: pre-wrap;
    margin: 0px;
}

.marked-codespan {
    padding-left: 4px;
    padding-right: 4px;
    margin: 0;
    /* background-color: rgba(27,31,35,.05); */
    background-color: pink;
    border-radius: 4px;
    padding: 3px;
    line-height: 23px;
}

.marked-strong {
    color: red;
}

.marked-strong>a {
    color: red;
}

/** 标题样式 **/
.heading {
    margin: 0px 0px 10px 0px;
    padding: 5px;
    display: block;
    float: left;
    width: 100%;
    font-size: 16px;
    background: #eee;
    border-left: 5px solid #039BE5;
}

/** label **/
.label {
    display: inline-block;
    width: 100px;
}

.btn-link, .button-link {
    text-decoration: none;
    cursor: pointer;
}

.btn-link:hover, .button-link:hover {
    background: #ccc;
}

.link, .black-link, .link2 {
    margin-right: 5px;
    cursor: pointer;
}

.link {
    /*color: #37a; */
    color: #08c;
}

.black-link {
    color: black;
}

.link2 {
    color: black;
}

.link2:hover {
    color: gray;
}

.path-link, .default-path-link {
    line-height: 28px;
    color: #000;
}

.path-link:hover, .default-path-link:hover {
    color: #888;
}

.default-path-link {
    color: #08c;
}

.danger-link {
    color: red;
}

.selected-link {
    /*border-bottom: 2px solid red;*/
    color: red;
}

/* 高对比度link */
.contract-link {
    display: inline-block;
    color: #08c;
    line-height: 20px;
    float: left;
    margin: 3px;
    padding: 3px;
    text-decoration: none;
}

.contract-link:hover {
    color: white;
    background-color: #08c;
    text-decoration: none;
}

/* 菜单的链接样式 */
.nav-item>a, .menu-link {
    color: white;
    padding: 3px 5px;
    text-decoration: none;
    font-size: 16px;
}

.nav-item>a:hover, .menu-link:hover {
    text-decoration: underline;
}

/** 表格 **/
.no-border-table td {
    border: none;
}

.table {
    width: 100%;
}

.table th{
    border-color: #ccc;
    text-align: left;
}

.table td {
    border-color: #ccc;
    word-wrap: break-word;
    word-break: break-all;
}

/* 
这种方式走不通,需要声明hover-tr
.table tr:hover td{
    background-color: none;
}

.table tr:hover{
    background-color: #eee;
}
 */

.row-no, .index-td {
    width: 50px;
}

.hover-tr:hover td {
    background: none;
}

.hover-tr:hover {
    background-color: #eee;
}

.line-td {
    border-top: none;
    border-left: none;
    border-right: none;
}

/** 列表样式 **/
.list-item, .list-link {
    width: 100%;
    padding: 10px 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    line-height: 25px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.list-item:last-of-type, .list-link:last-of-type {
    border-bottom: none;
}

.list-item:hover, .list-link:hover {
    background-color: #eee;
}

.list-link i, .list-item i {
    color: black;
}

.list-item-badge {
    color: #888;
}

/** 以下为具体场景下的样式 **/
.menu-selected {
    background: #0088cc;
    color: #fff;
}

/** 侧边栏样式 **/
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.hide, .hidden {
    display: none;
}

.hidden-file {
    display: none;
}

.tool-div {
    font-size: medium;
}

.tool-div a {
    font-size: medium;
    color: blue;
}

.tool-description {
    font-size: small;
    padding-top: 3px;
}

.xnote-menu {
    padding-left:0;
}

li.menu-item {
    float: left;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

li.menu-active {
    padding-bottom: 3px;
    border-style: solid;
    border-color: #99cc33;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom-width: 2px;
}

li.menu-item a {
    text-decoration: none; 
    color: #fff;
}

li.menu-item a:hover {
    background-color: inherit;
}

li.menu-item:hover {
    background-color: #777;
}

/** base START **/

.header {
  width: 100%;
  background-color: #eee;
  position: fixed;
  left: 0px;
  top: 0px;
}


.root {
    /*    
    padding-bottom: 10px;
    width: 1000px;
    height: 100%;
    overflow: hidden;
    margin-left: 0px;
    margin: 0 auto;
    */
}

.nav {
    float: left;
    width: 100%;
    background-color: #515865;
}

.nav-container {
    float: left;
    width: 1000px;
    padding-left: 10px;
    padding-right: 10px;
}

.nav-left {
    display: none;
}

.x-center {
    /* 具体样式由 base_layout.html 脚本动态调整 */
}

.x-center.dev-info {
    padding-left: 10px;
    padding-right: 10px;
}

.x-left {
    display: none;
}

.x-body {
    float: left;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    min-height: 400px;
    /*padding: 0px 10%;*/
}

.footer {
    float: left;
    color: #fff;
    background-color: #515865;
    width: 100%;
    font-size: 14px;
}

.nav-top {
  width: 100%;
  float: left;
  margin-top: 40px;
}

.nav-top * {
  margin: 0px;
  padding: 0px;
  color: black;
}

.nav-top h1 {
  font-family: "monospace Consolas";
}

.nav-top ul {
  height: 30px;
  width: 100%;
  padding-left: 10px;
}

.nav-top li {
  display: block;
  float: left;
  padding: 5px;
}

.nav-left-search {
    float: left;
    padding: 10px;
    display: none;
    padding-bottom: 0px;
}

.nav-search-input {
    width: 100%;
    height: 30px;
    outline: none;
    padding-left: 5px;
    padding-right: 30px;
    float: left;
    display: block;
    border: 1px solid #ccc;
}

.nav-search-btn {
    float: left;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    margin-top: 0px;
    border-radius: 0px;
}

.nav-search {
    width: 345px;
    float: right;
    padding: 10px 0px;
}

.navMenu-top { 
  padding: 10px; 
  color: #fff; 
  border-bottom: 1px solid rgba(255,255,255,.1) 
}

.notice {
    border: 1px solid #ccc;
    background-color: #cef2e0;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 3px;
}

.form-control {
    width: 100%;
}


/** file-list样式 END **/

.green-text {
    color: green;
}

.green-bg {
    color: #fff;
    background-color: green;
}

.red-bg {
    background-color: red;
}

.red-text {
    color: #f00;
}

.blue-text {
    color: #00f;
}

.center-text {
    text-align: center;
}

.gray-text {
    color: #888;
}

.error {
    padding: 5px;
    background-color: #f2dede;
    margin: 0px;
}

.warn {
    margin: 0px;
    padding: 5px;
    background-color: #ffc;
}

.info {
    padding: 5px;
    background-color: #C1FFC1;
    margin: 0px;
}

.info.light {
    background-color: #eee;
}

.success {
    padding: 5px;
    margin: 0px;
    background-color: #cf9;
}

.x-dialog {
    display: none;
    position: fixed;
    margin: 0 auto;
    background-color: #fff;
    z-index: 100;
    overflow-y: hidden;
}

.x-dialog-title {
    margin: 0 auto;
    width: 100%;
    background-color: #214FA3;
    color: #fff;
    padding: 5px;
    cursor: move;
    height: 36px;
    line-height: 26px;
}

.x-dialog-body {
    float: left;
    width: 100%;
    overflow-y: auto;
}

.x-dialog-background {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}

.background {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}

.x-dialog-ajax {
    display: block;
}

.x-dialog-close {
    background-color: red;
    float: right;
    border: none;
    margin-top: 0px;
    border: 1px solid transparent;
}

.x-dialog-close:hover {
    border: 1px solid black;
}

.dialog-close-btn {
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
}

.dialog-close-btn:hover {
    background-color: red;
}

.dialog-title-btn {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
}

.dialog-title-btn:hover {
    background-color: gray;
}


.dialog-title {
    float: left;
    width: 100%;
    height: 30px;
    background-color: #3c3333
}

.dialog-iframe {
    float: left;
    width: 100%;
    height: 100%;
    border: none
}


.no-border tr td {
    border: none;
}

.input-group {
    float:left;
    width:300px;
    padding-bottom:5px;
    max-width: 700px;
    line-height: 29px;
}

.input-group label {
    width: 120px;
    float: left;
    padding-right: 10px;
    line-height: 29px;
    text-align: right;
}

.input-group input[type=text], .input-group input[type=password], .input-group select {
    width: 160px;
}

.input-group button {
    margin-top: 0px;
}

.input-group-row {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.input-group-row input, .input-group-row select {
    width: 200px;
}

#searchBox {
    margin-bottom: 5px;
}

.search-input {
    float: left;
    height:40px;
    padding-left: 10px;
    padding-right: 40px;
    width: 100%;
    max-width: 500px;
    outline: none;
    box-sizing: border-box;
}

.search-btn {
    float: left;
    right: 10px;
    background: #355380; 
    color: #fff; 
    border: none;
    border-radius:0px;
    /*max-width:25%;*/
    width: 40px;
    height: 40px;
    margin-left: -40px;
}

.item-option {
    color: #aaa;
    cursor: pointer;
    font-size: 12px;
}

.item-option:hover {
    color: #000;
    background: none;
    text-decoration: underline;
}

.fs-path {
    float: left;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    background-color: #eee;
}

.fs-file {
    color: black;
    cursor: pointer;
}

.fs-folder {
    color: blue;
}

/** 知识库列表样式 **/
#fileTable td {
    border-top: none;
    border-left: none;
    border-right: none;
}

.group-link {
    color: #08c;
}

.grid-title, .card-title {
    width: 100%;
    float: left;
    border-left: 5px solid #039BE5;
    margin-top: 0px;
    margin-bottom: 5px;
    font-family: arial,"Sim Sun";
    font-size: 14px;
    font-weight: normal;
    overflow: initial;
    padding-left: 5px;
}

.card-title-2 {
    padding: 5px;
    margin: 0px;
    background-color: #eee;
}

.grid-row {
    width: 100%;
    float: left;
}

.grid-link {
    display: block;
    float: left;
    width: 220px;
    padding: 5px;
    margin: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 25px;
}

.grid-link:hover {
    background: #eee;
}

.grid-item {
    width: 20%;
    padding: 5px;
    /*margin: 5px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    line-height: 25px;
}

.group-div {
    width: 220px;
    padding: 5px;
    margin: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    /*border: 1px solid #ccc;*/
    box-sizing: border-box;
    float: left;
    line-height: 25px;
}

.group-div:hover {
    background-color: #eee;
}

.children-count {
    float: right;
}

.note-link {
    color: #08c;
}

.scroll-y {
    overflow-y: auto;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.small-font {
    font-size: small;
}

.code {
    font-family: Consolas, monospace;
}

.nav-ul {
    display: block;
    float: left;
    list-style: none;
    padding-left: 0px;
    margin: 0px;
    line-height: 50px;
}

.nav-item {
    padding-right: 5px;
    display: block;
    float: left;
}

.keyword {
    color: blue;
}

.output-title {
    width: 100%;
    border: 1px solid #ccc;
    padding-left: 5px;
    margin-top: 5px;
}

.output-body {
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #eee;
    box-sizing: border-box;
    margin: 0px;
    border-top: none;
    font-family: consolas, monospace;
}


.bot-btn {
    position: fixed;
    bottom: 50px;
    width: 50px;
    height: 40px;
    font-size: 14px;
    background-color: #00c1de;
    cursor: pointer;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    z-index: 100;
    opacity: 0.8
}

.border {
    border: solid 1px #ccc;
}

.main-content {
    float: left;
    width: 1000px;
    min-height: 20px;
    padding: 10px;
    background-color: #fff;
}

.main-content-bg {
    background-color: #fff;
}

.aside {
    float: left;
    width: 220px;
    margin-left: -220px;
    display: none;
}

.aside-item {
    background-color: white;
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.aside-item li {
    list-style: none;
    line-height: 20px;
}

.aside-title {
    border-bottom: 1px solid #ccc;
    /*background-color: #efefef;*/
    padding: 5px;
}

.aside-content {
    margin: 5px;
}

.aside-content ul {
    margin: 0px;
    padding: 0px;
}

.aside-content li {
    display: block;
    width: 100%;
}

/** 颜色属性 **/
.red {
    color:red;
}

.black {
    color: black;
}

.orange {
    color: orange;
}

.green {
    color: green;
}

.gray {
    color: gray;
}

.small-device {
    display: none;
}

.grid-card, .card, .box {
    float: left;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.card.btn-line-height {
    padding-left: 10px;
}

.transparent-card {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.x-photo {
    cursor: pointer;
}

.no-outline {
    outline: none;
}

/** 滚动条样式 **/
.scrollbar::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    height: 10px;
    background-color: #eee;
}

.scrollbar::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background-color: #999;
}


.scrollbar::-webkit-scrollbar-track { 
    /*滚动条里面轨道*/
    /*border-radius: 10px; */
    /*background: #eee; */
} 

.x-option-dialog div.layui-layer-content {
    padding: 10px;
}


.light-bottom-border {
    border-bottom: 1px solid #eee;
}

select.no-border {
    border: none;
}

.split-title {
    width: 100%;
    float: left;
    background-color: #eee;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: normal;
}

.search-out-box {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

/* 高优先级样式 */
.col-md-1{float:left;width:8.3%;}
.col-md-2{float:left;width:16.7%;}
.col-md-3{float:left;width:25%;}
.col-md-4{float:left;width:33.3%;}
.col-md-5{float:left;width:41.7%;}
.col-md-6{float:left;width:50%;}
.col-md-7{float:left;width:58.3%;}
.col-md-8{float:left;width:66.7%;}
.col-md-9{float:left;width:75%;}
.col-md-10{float:left;width:83.3%;}
.col-md-11{float:left;width:91.7%;}
.col-md-12{float:left;width:100%;}
.col-md-offset-12{margin-left:100%;}
.col-md-offset-11{margin-left:91.66666666666666%;}
.col-md-offset-10{margin-left:83.33333333333334%;}
.col-md-offset-9{margin-left:75%;}
.col-md-offset-8{margin-left:66.66666666666666%;}
.col-md-offset-7{margin-left:58.333333333333336%;}
.col-md-offset-6{margin-left:50%;}
.col-md-offset-5{margin-left:41.66666666666667%;}
.col-md-offset-4{margin-left:33.33333333333333%;}
.col-md-offset-3{margin-left:25%;}
.col-md-offset-2{margin-left:16.666666666666664%;}
.col-md-offset-1{margin-left:8.333333333333332%;}
.col-md-offset-0{margin-left:0;}
.top-offset-1{margin-top:5px;}
.top-offset-2{margin-top:10px;}
.bottom-offset-1{margin-bottom:5px;}
.row{float: left;width: 100%;overflow: auto;}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad-left-5 {padding-left: 5px;}
.pad-bottom-10 {padding-bottom: 10px}




/** 移动端样式放在最后 **/
@media screen and (max-width: 1000px) {
    /** mobile **/

    .root {
        left: 0px;
        right: 0px;
        width: 100%;
    }

    .x-body {
        /*top: 80px;*/
    }

    .nav {
        border: none;
    }

    /* 移动端菜单样式 */
    .menu-box, .nav-ul {
        width: 100%;
    }

    .nav-item {
        width: 25%;
        text-align: center;
    }

    .nav-search {
        /*width: 100%;*/
        display: none;
    }

    .main-content {
        width: 100%;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .aside {
        width: 100%;
        padding: 0px;
        margin-left: 0px;
    }

    .aside li {
        float: left;
        width: auto;
        padding-right: 5px;
        width: 25%;
    }

    .small-device {
        display: inherit;
    }

    .grid-item {
        width: 50%;
    }

    .plugin-item {
        width: 100%;
        margin-left: 0px;
    }

    .input-group {
        width: 100%;
    }

    .input-group label, .input-group input[type=text], .input-group input[type=password], .input-group select {
        width: 100%;
        text-align: left;
        padding-left: 5px;
    }
}
/**
 * description here
 * @author xupingmao
 * @since 2021/07/18 19:08:04
 * @modified 2021/09/11 13:49:23
 * @filename common-icon.css
 */

.icon {
    width: 16px;
    height: 16px;
}

.icon-check {
    margin: 0px;
}

.icon-next, .icon-right {
    display: block;
    background-image: url(/static/image/icon_right.png);
    background-size: cover;
    width: 16px;
    height: 16px;
}

.icon-folder-system {
    display: inline-block;
    background-image: url(/static/image/icon_folder_settings.png);
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-left: -1px;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
}

.icon-script {
    display: block;
    margin-right: 3px;
    float: left;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/static/image/icon_script.svg);
}

.icon-dict {
    display: block;
    margin-right: 3px;
    margin-top: 4px; /* line-height是25px */
    float: left;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/static/image/icon_dict.svg);
}

.icon-barcode {
    display: block;
    margin-right: 3px;
    margin-top: 4px; /* line-height是25px */
    float: left;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/static/image/icons/icon_barcode.png);
}

.icon-network {
    display: block;
    margin-right: 3px;
    margin-top: 4px; /* line-height是25px */
    float: left;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/static/image/icons/icon_network.png);
}

.icon-network-14px {
    display: block;
    margin-right: 5px;
    margin-top: 5px; /* line-height是25px */
    float: left;
    width: 14px;
    height: 14px;
    background-size: cover;
    background-image: url(/static/image/icons/icon_network.png);
}


.icon-work {
    display: block;
    margin-right: 5px;
    margin-top: 5px; /* line-height是25px */
    float: left;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/static/image/icons/icon_work.png);
}

/**
 * 标签的样式
 * @author xupingmao
 * @since 2021/05/22 12:56:05
 * @modified 2022/03/12 10:52:50
 * @filename common-tag.css
 */

/** .tag的优先级最低，要放在最前面 **/
.tag {
    font-size: 12px;
    background-color: green;
    color: white;
    border-radius: 3px;
    padding: 3px 5px;
    margin-left: 2px;
    margin-right: 2px;
    word-break: keep-all;
    display: inline-block;
    line-height: 17px;
}


a.tag {
    text-decoration: none;
    color: white;
    word-break: keep-all;
    word-wrap: unset;
    display: inline-block;
}

a.tag:hover {
    text-decoration: underline;
}

.inline-tag {
    display: inline-block;
}

.tag.pink {
    background-color: pink;
}

.tag.red, .red-tag {
    background-color: red;
    color: white;
}

.tag.orange, .orange-tag {
    background-color: orange;
    color: white;
}

.gray-tag, .tag.gray, .tag.grey {
    color: white;
    background-color: #ccc;
}


.tag.lightgray {
    background-color: #eee;
    color: #08c;
}

.tag.lightgray:hover {
    background-color: #eee;
}

.tag.lightgray.active {
    background-color: #08c;
    color: white;
}


.tag-span, .tag-span-danger {
    display: block;
    float: left;
    line-height: 20px;
    border-radius: 2px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.tag-span:hover {
    background-color: #eee;
}

.tag-span-danger {
    color: red;
}

.tag-span-light {
    border: 1px solid #ccc;
    background-color: #cf9;
    padding: 5px;
    color: #000;
    margin: 2px;
    display: block;
    float: left;
    line-height: 20px;
}

.tag-span-light a {
    color: #000;
}

.gray-tag-link, .gray-tag-span {
    background-color: #ccc;
    color: white;
    padding: 3px;
    border-radius: 3px;
    word-break: keep-all;
}

.info-tag, .tag-info, .tag.info {
    padding: 3px;
    border-radius: 3px;
    font-size: 12px;
    background: rgb(13, 202, 240);
    color: #fff;
}

.tag.system {
    background-color: #000;
    color: white;
}

.tag.large {
    font-size: 14px;
    line-height: 19px;
}

.tag.lightblue {
    color: #08c;
    background-color: #ddf4ff;
}/**
 * 布局相关的样式
 * @author xupingmao
 * @since 2021/07/25 09:22:04
 * @modified 2021/07/31 14:09:11
 * @filename common-layout.css
 */


.content-left {
    float: left;
    width: 700px;
}

.content-right {
    padding-left: 10px;
    float: left;
    width: 300px;
}

.foot-placeholder {
    float: left;
    width: 100%;
    height: 50px;
}

.mobile-only {
    display: none;
}

.mobile-hidden {
    display: block;
}

.desktop-only {
    display: block;
}

.desktop-only-inline {
    display: inline;
}

.desktop-only-inline-block {
    display: inline-block;
}

.nav-left {
    display: block;
    float: left;
    top: 0px;
    width: 180px;
    height: 100%;
    position: fixed;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #515865;
}

.nav-scroll {
    height: 100%;
    overflow-y: auto;
}

.nav-left li {
    display: block;
    color: white;
}

.nav-left li>a {
    color: white;
    line-height: 25px;
}

/** 移动端样式放在最后 **/
@media screen and (max-width: 800px) {
    /** mobile **/
    .content-left {
        width: 100%;
    }

    .content-right {
        padding-left: 0px;
        width: 100%;
    }

    .mobile-only {
        display: block;
    }

    .mobile-hidden {
        display: none;
    }

    .desktop-only, .desktop-only-inline, .desktop-only-inline-block {
        display: none;
    }

}
/**
 * description here
 * @author xupingmao
 * @since 2021/07/25 12:04:40
 * @modified 2022/03/13 16:38:20
 * @filename common-button.css
 */


.fixed-button-box {
    position: fixed;
    right: 20px;
    bottom: 20%;
}

.fixed-bottom-box {
    position: fixed;
    width: 80%;
    left: 10%;
    bottom: 0px;
}

.fixed-button {
    color: white;
    display: block;
    width: 100%;
    text-align: center;
    background-color: black;
    margin-top: 20px;
    padding: 5px;
    border-radius: 5px;
    opacity: 0.6;
    box-shadow: 2px 2px 2px #888;
}

.fixed-button:hover {
    opacity: 1.0;
}

.fixed-button-inner-box {
    float: left;
    width: 50%;
    padding: 10px;
}

.fixed-button-2 {
    color: white;
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    background-color: black;
    padding: 5px;
    border-radius: 5px;
    opacity: 0.6;
    box-shadow: 2px 2px 2px #888;
}


/** 按钮样式 **/

/* 不能指定input[type=button]不然会覆盖其他class样式(选择器优先级过高) */
.btn, [type=submit], [type=button], button, .inline-btn, .x-tab-btn {
    display: inline-block;
    -webkit-appearance: none; /* 消除IOS默认的按钮样式 */
    background-color: #337ab7;
    /*background-color: #067bef;*/
    /*background-color: #06f;*/
    border-color: #2e6da4;
    border: 1px solid transparent;
    color: #fff;
    text-decoration: none;
    margin-top: 5px;
    padding: 3px 7px 3px;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    border-radius: 3px;
    font-family: "Open Sans",Arial,Helvetica,sans-senif,"Microsoft Yahei",SimSun,"宋体";
}

.btn.large, [type=button].large, button.large {
    padding-left: 20px;
    padding-right: 20px;
}

.btn:hover, .inline-btn:hover, button:hover, [type=submit]:hover, [type=button]:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
    cursor: pointer;
    text-decoration: none;
}

.btn-default, .btn-cancel {
    color: black;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.btn-default:hover, .btn-cancel:hover {
    color: black;
    background-color: #ccc;
}

.btn-danger {
    background-color: #f00;
    border-radius: 3px;
}

.btn-danger:hover {
    background-color: #c00;
}

.btn-line-height {
    line-height: 32px;
}

.inline-btn {
    margin-top: 0px;
    border-radius: 3px;
}

.prompt-btn:hover {
    cursor: pointer;
}

.btn.danger {
    color: red;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.btn.danger:hover {
    background-color: #ccc;
    border-color: #000;
}

.btn.danger2 {
    color: red;
}


.toolbar.homepage {
    position: fixed;
    right: 10px;
    bottom: 20%;
}

.toolbar.homepage>.action {
    width: 50px;
    background-color: white;
    cursor: pointer;
    padding: 10px;
    opacity: 0.5;
}

.toolbar.homepage>.action:hover {
    opacity: 1.0;
}

.btn.large {
    width: 100px;
    height: 30px;
}

.btn.huge {
    width: 100%;
    height: 30px;
}/**
 * markdown的样式扩展
 * @author xupingmao
 * @since 2021/08/01 14:25:17
 * @modified 2022/03/27 16:53:38
 * @filename common-markdown.css
 */

.markdown-box img {
    width: 100%;
    text-align: center;
}

.xnote-todo {
    background-color: #FFDEAD;
    padding: 2px;
    border-radius: 2px;
    line-height: 26px;
}

div.xnote-todo {
    display: inline-block;
    margin-top: 5px;
}

div.xnote-done {
    display: inline-block;
    margin-top: 5px;
}

.xnote-done {
    color: #aaa;
    padding: 2px;
    border-radius: 2px;
}

.xnote-todo.doing {
    color: black;
    background-color: #98FB98;
}/**
 * description here
 * @author xupingmao
 * @since 2021/11/28 19:24:44
 * @modified 2021/11/28 19:28:07
 * @filename common-dialog.css
 */

.dialog-textarea {
    position: absolute;
    left: 0px;
    right: 0px;
    font-size: 14px;
    top: 0px;
    bottom: 0px;
}


.dialog-body {
    position: absolute;
    padding: 10px;
    top: 0px;
    bottom: 50px;
    overflow-y: auto;
    right: 0px;
    left: 0px;
}

.dialog-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    padding: 10px;
}/**
 * description here
 * @author mark
 * @since 2022/03/11 21:46:22
 * @modified 2022/03/16 18:10:23
 * @filename common-tab.css
 */

/** TAB页的容器 **/
.x-tab-box {
}

.x-tab-box.pad0 {
    padding: 0px;
}

/* TAB页的链接样式 */
.tab-link, .x-tab {
    float: left;
    padding: 2px;
    padding-left: 5px;
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 20px;
    color: #ccc;
    border: 1px solid transparent;
}

.tab-link:hover, .x-tab:hover {
    color: #000;
}

.x-tab.active {
    display: inherit;
    color: #000;
}

/** 按钮模式 **/
.x-tab-btn, .x-tab.btn, .x-tab-box.btn-style>.x-tab {
    color: black;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 5px;
}

/** 按钮hover **/
.x-tab-btn:hover, .x-tab.btn:hover, .x-tab-box.btn-style>.x-tab:hover {
    /*background-color: #4f88e1;*/
    /*border-color: #4f88e1;*/
    /* #05c 深蓝色 */
    /* #06f 亮蓝色 */
    background-color: #06f;
    color: #fff;
    text-decoration: none;
}

/** 按钮被选中 **/
.x-tab-btn.active, .x-tab.btn.active, .x-tab-box.btn-style>.x-tab.active {
    background-color: #06f;
    border-color: #06f;
    color: #fff;
}

/** Dark 模式 **/
.x-tab-box.dark>.x-tab.active,.x-tab-box.dark>.x-tab:hover {
	background-color: gray;
	color: #fff;
    border: 1px solid gray;
}

.x-tab-box.dark>.x-tab {
    border-color: #ccc;
}

/** Dark 模式 **/
.x-tab-box.dark-style>.x-tab.active, .x-tab-box.dark-style>.x-tab:hover {
    background-color: gray;
    color: #fff;
    border: 1px solid gray;
    border-radius: 2px;
}

.x-tab-box.dark-style>.x-tab {
    border-color: #ccc;
}

/** 下划线模式 **/
.x-tab-box.underline-style>.x-tab.active {
    border-bottom: 3px solid red;
    text-decoration: none;
}

.x-tab-box.underline-style>.x-tab:hover {
    border-bottom: 3px solid red;
    text-decoration: none;
}

/** border-style **/
.x-tab-box.border-style>.x-tab.active,.x-tab-box.border-style>.x-tab:hover {
    border: 2px solid #06f;
    text-decoration: none;
    border-radius: 2px;
}

.x-tab-box.border-style>.x-tab {
    border: 2px solid transparent;
    text-decoration: none;
    border-radius: 2px;
}/**
 * 下拉选项列表控件
 * @author mark
 * @since 2022/03/12 10:32:46
 * @modified 2022/04/04 23:56:22
 * @filename common-dropdown.css
 */

.x-dropdown, .dropdown {
    position: relative;
    display: inline-block;
}


.dropdown-btn {
    margin-right: 0px;
}

.dropdown-mask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    background-color: #000;
    opacity: 0.5;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 35px;
    left: -67px;
    background-color: #f9f9f9;
    min-width: 120px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
    cursor: pointer;
}

.dropdown-content.mobile {
    position: fixed;
    height: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    top: unset;
    overflow-y: auto;
}

/* 左对齐 */
.x-dropdown.align-left > .dropdown-content {
    left: 0px;
    text-align: left;
}

/* 右对齐 */
.x-dropdown.align-right > .dropdown-content {
    left: -67px;
}

.dropdown-option {
    padding: 8px;
    margin: 0px;
    color: black;
    font-weight: bold;
    display: block;
}

.dropdown-option:hover {
    background-color: #09f;
    color: white;
}

.dropdown-option-red {
    padding: 8px;
    margin: 0px;
    color: red;
    font-weight: bold;
    display: block;
}

.dropdown-option-red:hover {
    background-color: #09f;
    color: red;
}
/**
 * description here
 * @author mark
 * @since 2022/03/16 18:57:05
 * @modified 2022/03/16 19:05:08
 * @filename common-page.css
 */


/** 分页的样式 **/
.pagenation {
    /*width: 100%;*/
    margin: 0 auto;
}

.x-page-link {
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
    padding: 3px 10px;
    color: #000;
    font-size: 12px;
}

.x-page-link:hover {
    background-color: #06f;
    border-color: #06f;
    color: #fff;
    text-decoration: none;
}

.x-page-link.disabled:hover {
    background-color: #fff;
    border-color: #ccc;
    color: #dfdfdf;
}

.x-page-link.disabled {
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
    padding: 3px 10px;
    color: #dfdfdf;
    cursor: not-allowed;
}

.x-page-link.active {
    background-color: #4f88e1;
    border-color: #4f88e1;
    color: #fff;
}
/**
 * description here
 * @author xupingmao
 * @since 2022/04/09 18:42:06
 * @modified 2022/04/09 19:07:19
 * @filename common-photo.css
 */

.layui-layer-imgbar.imgbar-top {
    bottom: unset;
    top: 0px;
    text-align: left;
    font-size: 14px;
    background-color: rgba(100,100,100,0.7);
    z-index: 1;
    position: fixed;
}

.layui-layer-imgbar.imgbar-bottom {
    position: fixed;
    background-color: rgba(100,100,100,0.7);
}

.layui-layer-imgbar .clickable {
    cursor: pointer;
    padding: 5px;
}

.layui-layer-imgbar .clickable:hover {
    background-color: #ccc;
    color: black;
}/* 响应式工具
 * @modified 2020/10/07 15:59:08
 */

/* 参考bootstrap visible-xs-* 的命名 */

/* >1200可见 */
.visible-lg-block {
    display: none;
}

.visible-lg-inline {
    display: none;
}

.visible-lg-inline-block {
    display: none;
}


/* >1200px隐藏 */
.hidden-lg {
}


/* <768px隐藏 */
.hidden-xs {
}

/* 大屏幕设备 >1200px */
@media screen and (min-width: 1200px) {

    .hidden-lg {
        display: none;
    }

    .visible-lg-block {
        display: block;
    }

    .visible-lg-inline {
        display: inline;
    }

    .visible-lg-inline-block {
        display: inline-block;
    }
}

/* 小屏幕设备 <768px */
@media screen and (max-width: 768px) {

    .hidden-xs {
        display: none;
    }

}/**
 * 应用相关的CSS样式
 * @author xupingmao
 * @since 2019/06/16
 * @modified 2019/12/15 18:26:57
*/

/* 上传文件样式 */
.progress {
    background-color: #f90;
    color: #fff;
    height: 20px;
    display: none;
    margin-left: 5px;
    border-width: 3px;
}
.progress span {
    display: block;
    background-color: #f90;
    color: #fff;
    height: 100%;
}

.finished-tag {
    color: #fff;
    background-color: green;
    border-width: 3px;
    border-radius: 3px;
    margin-left: 5px;
}

#dropArea {
    float: left;
    width: 100%;
    height: 80px;
    line-height: 80px;
    border: 3px dashed silver;
    text-align: center;
    font-size: 36px;
    color: #d3d3d3;
    cursor: pointer;
}

.file-item {
    float: left;
    width: 100%;
}

.file-item-icon {
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.file-item-info {
    padding: 10px;
    float: left;
    width: calc(100% - 100px);
}

.menu-aside {
    display: none;
}

.option-name {
    width: 60%;
}

.option-td {
    width: 20%;
}

#poweredBy {
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    right: 0px; 
    padding: 15px; 
    padding-left: 40px;
    padding-right: 0px;
    border-top: 1px solid #ccc;
}

#poweredBy,
#poweredBy a {
    color: white;
}

#poweredBy a {
    text-decoration: underline;
}

.item-ext-info {
    padding-top: 10px;
}

.note-group-select {
    padding: 5px;
}

.suggest-link {
    padding-right: 10px;
}

@media screen and (max-width: 800px) {
    /** mobile **/
    #dropArea {
        font-size: 24px;
    }

    .recent-note-date {
        font-size: 12px;
    }

    .x-left {
        display: none;
    }

    .x-body {
        position: static;
        width: 100%;
    }
}

/**
 * 备忘消息的CSS样式
 * @author xupingmao
 * @since 2019/11/24
 * @modified 2022/04/16 10:35:15
*/


/** 消息 **/
.message-row {
    float: left;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.msg-item-header {
    float: left;
    width: 100%;
}

.msg-left-op-link, .msg-right-op-link {
    font-size: 12px;
    color: #000;
    border: 1px solid #ccc;
    padding: 2px;
    background-color: #eee;
    border-radius: 2px;
}

.msg-item-ip {
    color: #888;
}

.msg-left-op-link:hover, .msg-right-op-link:hover {
    background-color: #ccc;
    border: 1px solid #000;
}

.msg-left-op-link {
    margin-right: 20px;
}

.msg-right-op-link {
    margin-left: 12px;
    float: right;
}

.red {
    color: red;
}

.chat-avatar {
    color: #2092d9;
}

.finished {
    color: #fff;
    background-color: green;
}
.in-progress {
    background-color: #f90;
    color: white;
}

.suspended {
    background-color: #aaa;
    color: white;
}

.chat-msg {
    margin-top: 0.1rem;
    float: left;
}

.msg-item-content {
    float: left;
    width: 100%;
    border-width: 5px;
    border-radius: 5px;
    word-wrap: break-word;
    word-break: break-all;
    padding: 5px 0px;
}

.msg-item-option {
    padding-top: 10px;
    float: left;
    width: 100%;
}

.chat-msg-img {
    width: 180px;
}
.chat-msg-option {
    color: #888;
    margin: 0;
    font-size: 10px;
}

.chat-msg-time {
    display: inline-block;
    padding: 2px;
    color: #888;
}

.input-box {
    width: 100%;
    font-size: 14px;
    outline: none;
}

.send-button {
    float: left;
    width: 64px;
    margin-top: 5px;
    margin-right: 5px;
}

.right {
    float: right;
}

.msg-tag,.msg-tag-orange {
    padding:3px;
    border-radius: 3px;
    color: white;
    background-color: #ccc;
}

.msg-tag-orange {
    padding: 3px;
    border-radius: 3px;
    color: white;
    background-color: orange;
}


.msg-img-box {
    width: 200px;
    background: #eee;
    overflow: hidden;
    /* 水平居中 */
    text-align: center;
    /* 垂直居中 需要配合子容器的vertical-align:middle; */
    /*height: 200px;*/
    /*line-height: 200px;*/
}

.msg-img-box.multi {
    float: left;
    background: none;
    width: unset;
    height: 200px;
    padding-right: 10px;
    padding-top: 10px;
}

.msg-img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}


.msg-update-btn {
    width: 60px;
}


.msg-amount-text {
    display: inline-block;
    padding: 3px 8px;
    color: #666;
}

.msg-strong {
    color: red;
    font-weight: bold;
}


/* 侧边栏的tab样式 */
.sidebar-btn-style>.x-tab-item {
    width: 50%;
    float: left;
    padding: 5px;
}

.sidebar-btn-style .x-tab {
    width: 100%;
    color: black;
    background-color: #eee;
    border-radius: 3px;
    margin: 0px;
}

.sidebar-btn-style .x-tab.active {
    background-color: gray;
    color: #fff;
    border: 1px solid gray;
}

.sidebar-btn-style .secondary.active {
    color: #fff;
}

.secondary {
    color: #888;
}


/* 列表样式 */
.sidebar-list-style>.x-tab-item {
    width: 100%;
    float: left;
    padding: 5px;
    color: #08c;
    border-bottom: 1px solid #eee;
}

.sidebar-list-style>.x-tab-item:hover {
    background-color: #eee;
}

.sidebar-list-style>.x-tab-item:last-child {
    border-bottom: none;
}


.sidebar-list-style .x-tab {
    width: 100%;
    padding: 0px;
    color: #08c;
}

.sidebar-list-style .x-tab.active {
    color: red;
}

.sidebar-list-style>.x-tab:last-child {
    border-bottom: none;
}

.edit-box {
    font-family: "微软雅黑", "Open Sans Light", Helvetica, "Arial Narrow", HELVETICA;
    font-size: 14px; 
}


.layui-layer-content .msg-edit-box {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    top: 0px;
    width: unset;
    height: unset;
    margin-bottom: 0px;
}

.layui-layer-content .msg-edit-box textarea {
    position: absolute;
    bottom: 40px;
    top: 0px;
    left: 0px;
    right: 0px;
}

.layui-layer-content .msg-edit-btn-box {
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
}

.msg-dialog-bottom-bar {
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    padding: 10px;
    padding-top: 5px;
    border-top: 1px solid #ccc;
    background-color: #fff;
}


/** 移动端样式放在最后 **/
@media screen and (max-width: 360px) {
    /** mobile **/

}
/**
 * 笔记的CSS样式
 * @author xupingmao
 * @since 2019/11/24
 * @modified 2022/03/16 18:52:34
*/


/** note-list样式 **/
.note-list>a:last-child>.book-item {
    border-bottom: none;
}

.book-list>a:last-child>.book-item {
    border-bottom: none;
}

.card>.book-item:last-child {
    border-bottom: none;
}

.tool-div {
    font-size: medium;
}

.tool-div a {
    font-size: medium;
    color: blue;
}

.tool-description {
    font-size: small;
    padding-top: 3px;
}

.note {
    float: left;
    border: solid 1px;
    border-color: #ccc;
    background-color: #fff;
    margin-bottom: 10px;
    width: 100%;
}

.note-body {
    padding: 5px;
    word-break: break-all;
}

.note-head {
    font-size: 20px;
}

.note-head-info {
    padding: 5px;
    background-color: #eee;
    color: #555;
    margin: 0px;
}

.note-name {
    /*font-size: 20px;*/
    line-height: 25px;
}

.note-name a {
    font-size: medium;
    color: blue;
}

.note-title {
    width: 100%;
    float: left;
}

.note-info {
    width: 100%;
    float: left;
}

.note-info span {
    display: inline-block;
    padding-top: 2px;
}

.note-time {
    font-size: 12px;
    color: #aaa;
}

.note-content-short {
    font-size: small;
    word-break: break-all;
}

.note-last-modify-time,
.note-last-visit-time {
    padding-left: 2px;
    padding-top: 2px;
    font-size: small;
    color: green;
}

.note-related {
    font-size: 6px;
    padding-left: 5px;
    color: red;
    display: none;
}
.note-visited-cnt {
    float: right;
    font-size: small;
}


/** 笔记样式 **/
.note-head {
    font-size: 20px;
}

.note-name a {
    font-size: medium;
    color: blue;
}

.note-content-short {
    font-size: small;
    word-break: break-all;
}

.note-detail-head {
    float: left;
    width: 100%;
    padding: 5px;
    padding-bottom: 5px;
    border: 1px solid #ccc;
}

.note-detail-foot {
    float: left;
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
}

.note-last-visit-time {
    padding-left: 2px;
    padding-top: 2px;
    font-size: small;
    color: green;
}

.note-related {
    font-size: 6px;
    padding-left: 5px;
    color: red;
    display: none;
}
.note-visited-cnt {
    float: right;
    font-size: small;
}

/** 评论 **/
.comment-row {
    width: 100%;
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.comment-user {
    float: left;
    font-weight: bold;
}

.comment-foot {
    float: left;
    width: 100%;
}

.comment-foot>.comment-foot-link {
    color: #08c;
}

.comment-time {
    float: right;
    font-size: 12px;
    color: #555;
}

.comment-content {
    float: left;
    width: 100%;
    padding: 10px;
}

.book-item {
    width: 100%;
    padding: 10px 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    line-height: 25px;
    border-bottom: 1px solid #eee;
}

.book-item:hover {
    background-color: #efefef;
}

.book-size {
    float: right;
    color: black;
}

.book-size-span {
    color: #888;
}

.nav-book-size-span {
    color: #888;
    float: right;
}

/** group select **/

.group-select-search {
    float: left;
    width: 100%;
    padding: 5px;
}

.group-select-header {
    width: 100%;
    padding: 5px;
    margin: 0px;
    background-color: #eee;
    /*float: left;*/
    /*display: block;*/
}

.group-select-size {
    float: right;
    color: #ccc;
}

.group-select-row {
    padding-left: 20px;
    margin: 14px 0px 14px 0px;
    padding-top: 0px;
    padding-right: 0px;
    /*float: left;*/
    /*width: 100%;*/
}
/** group select end **/

.dict-list-value {
    color: #000;
}

.share-dialog-row {
    padding-left: 20px;
}

.note-path {
    /*background-color: #eee;*/
    float: left;
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
}


.note-timeline-body {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.comment-source-info {
    float: left;
    line-height: 20px;
    padding: 5px;
}

.edit-comment-btn, .delete-comment-btn {
    color: black;
    background-color: #eee;
    border: 1px solid #ccc;
}

.delete-comment-btn {
    color: red;
}

/** markdown编辑的侧边菜单样式 **/
.note-sidebar-contents {
    float: left;
    width: 100%;
    height: 500px;
    overflow-y: auto;
}

.note-sidebar-contents>a[data-current] {
    color: red;
    font-weight: bold;
}

.sidebar-contents {
    max-height: 500px;
    overflow-y: auto;
}

.sidebar-contents .list-item {
    border-bottom: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.list-item.level-1 {
    padding-left: 5px;
}

.list-item.level-2 {
    padding-left: 25px;
}

.list-item.level-3 {
    padding-left: 45px;
}

.list-item.level-4, .list-item.level-5, .list-item.level-6, .list-item.level-7 {
    padding-left: 65px;
}

.sidebar-contents {
    font-weight: normal;
}

.note-header-span {
    line-height: 32px;
}

.things {
    padding-left: 20px;
}

#loadMore {
    text-align: center;
    width: 100%;
    float: left;
    color: blue;
}

/** markdown编辑的侧边菜单样式 END **//**
 * 插件的CSS样式
 * @author xupingmao
 * @since 2019/12/15
 * @modified 2021/08/03 23:47:06
*/

/** 插件 **/
.plugin-item {
    float: left;
    width: 100%;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    height: 32px;
}

.plugin-head {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.plugin-info {
    padding: 5px;
    background-color: #eee;
    color: #555;
}

.plugin-description {
    padding: 5px;
    background-color: #eee;
    color: #555;
    /*border-radius: 5px;*/
}


.plugin-right-box {
    float: right;
    line-height: 25px;
}

.plugin-right-span {
    color: #888;
}/**
 * 搜索的样式
 * @author xupingmao
 * @since 2021/04/24 17:35:43
 * @modified 2022/01/01 23:19:06
 * @filename search.css
 */

 .search-tab {
    padding: 5px;
 }

 .search-badge-info {
    padding:2px;
    font-size: 12px;
    color: green;
 }/**
 * 待办/随手记的样式
 * @author xupingmao
 * @since 2021/05/01 15:36:08
 * @modified 2022/04/11 21:27:08
 * @filename todo.css
 */

.todo-time {
    display: inline-block;
    padding: 2px;
    color: #888;
}


.todo-delete-btn {
    color: red;
}

.todo-delete-btn:hover {
    color: red;
}

.todo-content {
    margin-top: 10px;
    padding-bottom: 10px;
    word-break: break-all;
    float: left;
    width: 100%;
}

.todo-content blockquote {
    margin-bottom: 0px;
}

.todo-foot {
    float: left;
    width: 100%;
}

.todo-foot .btn, .todo-foot .btn-default {
    margin-top: 0px;
}

.todo-tag {
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
    background: #ccc;
    font-size: 12px;
    color: white;
}

.task-tag {
    padding: 3px;
    border-radius: 3px;
    background: orange;
    font-size: 12px;
    color: #fff;
}

.second-btn {
    margin-left: 50px;
}

.todo-comment {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.comment-line {
    background-color: #eee;
    width: 100%;
    float: left;
}

.comment-second a {
    margin-left: 50px;
} 


.todo-comment-row {
    border-top: 1px solid #ccc;
    padding: 10px;
}

.todo-comment-row .time {
    color: #888;
}
/* 宽屏设备 */
@media screen and (min-width: 1500px) {
    body, a, textarea, span, .card-title, .grid-title {
        font-size: 16px;
    }
    
    button, .btn, .btn-default, input[type=button] {
        font-size: 14px;
        line-height: 20px;
    }
    
    .send-button {
        width: 80px;
    }
    
    .tag-span {
        font-size: 16px;
    }
}