├── .npmignore ├── .gitignore ├── .travis.yml ├── .jshintrc ├── examples ├── Gruntfile.snippet.js ├── Gruntfile.server.js ├── Gruntfile.proxy.js ├── Gruntfile.sass.proxy.js └── Gruntfile.sass.server.js ├── LICENSE-MIT ├── test ├── e2e.js └── fixtures │ ├── index.html │ └── css │ └── style.css ├── package.json ├── README.md ├── tasks └── browser-sync.js ├── Gruntfile.js └── readme.old.md /.npmignore: -------------------------------------------------------------------------------- 1 | test/ 2 | .sass-cache/ 3 | .idea/ -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | npm-debug.log 3 | tmp 4 | .idea 5 | .sass-cache 6 | *.swp 7 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | sudo: false 2 | git: 3 | depth: 2 4 | language: node_js 5 | node_js: 6 | - '5' 7 | - '4' 8 | - '0.12' 9 | - '0.10' 10 | -------------------------------------------------------------------------------- /.jshintrc: -------------------------------------------------------------------------------- 1 | { 2 | "boss": true, 3 | "curly": true, 4 | "eqeqeq": true, 5 | "eqnull": true, 6 | "immed": true, 7 | "latedef": true, 8 | "mocha" : true, 9 | "newcap": true, 10 | "noarg": true, 11 | "node": true, 12 | "sub": true, 13 | "undef": true, 14 | "unused": true 15 | } 16 | -------------------------------------------------------------------------------- /examples/Gruntfile.snippet.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * Install: 4 | * npm install grunt grunt-browser-sync 5 | * 6 | * Run: 7 | * grunt 8 | * 9 | * This example will output a snippet into the console, 10 | * Paste it into the body of your website. 11 | */ 12 | 13 | module.exports = function (grunt) { 14 | 15 | grunt.initConfig({ 16 | 17 | // BrowserSync Task 18 | browserSync: { 19 | default_options: { 20 | bsFiles: { 21 | src: [ 22 | "css/*.css", 23 | "*.html" 24 | ] 25 | } 26 | } 27 | } 28 | 29 | }); 30 | 31 | grunt.loadNpmTasks("grunt-browser-sync"); 32 | 33 | grunt.registerTask("default", ["browserSync"]); 34 | }; -------------------------------------------------------------------------------- /examples/Gruntfile.server.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * Install: 4 | * npm install grunt grunt-browser-sync 5 | * 6 | * Run: 7 | * grunt 8 | * 9 | * This example will serve HTML files from the `app` directory 10 | * 11 | */ 12 | 13 | module.exports = function (grunt) { 14 | 15 | grunt.initConfig({ 16 | 17 | // BrowserSync Task 18 | browserSync: { 19 | default_options: { 20 | bsFiles: { 21 | src: [ 22 | "css/*.css", 23 | "*.html" 24 | ] 25 | }, 26 | options: { 27 | baseDir: "app" 28 | } 29 | } 30 | } 31 | 32 | }); 33 | 34 | grunt.loadNpmTasks("grunt-browser-sync"); 35 | 36 | grunt.registerTask("default", ["browserSync"]); 37 | }; -------------------------------------------------------------------------------- /examples/Gruntfile.proxy.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * Install: 4 | * npm install grunt grunt-browser-sync 5 | * 6 | * Run: 7 | * grunt 8 | * 9 | * This example will wrap your existing vhost in a proxy URL 10 | * Use the proxy URL to view your site. 11 | * 12 | */ 13 | 14 | module.exports = function (grunt) { 15 | 16 | grunt.initConfig({ 17 | 18 | // BrowserSync Task 19 | browserSync: { 20 | default_options: { 21 | bsFiles: { 22 | src: [ 23 | "css/*.css", 24 | "*.html" 25 | ] 26 | }, 27 | options: { 28 | proxy: "localphpsite.dev" 29 | } 30 | } 31 | } 32 | 33 | }); 34 | 35 | grunt.loadNpmTasks("grunt-browser-sync"); 36 | 37 | grunt.registerTask("default", ["browserSync"]); 38 | }; 39 | -------------------------------------------------------------------------------- /LICENSE-MIT: -------------------------------------------------------------------------------- 1 | Copyright (c) 2013 Shane Osbourne 2 | 3 | Permission is hereby granted, free of charge, to any person 4 | obtaining a copy of this software and associated documentation 5 | files (the "Software"), to deal in the Software without 6 | restriction, including without limitation the rights to use, 7 | copy, modify, merge, publish, distribute, sublicense, and/or sell 8 | copies of the Software, and to permit persons to whom the 9 | Software is furnished to do so, subject to the following 10 | conditions: 11 | 12 | The above copyright notice and this permission notice shall be 13 | included in all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 16 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES 17 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 18 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 19 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 20 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 21 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR 22 | OTHER DEALINGS IN THE SOFTWARE. 23 | -------------------------------------------------------------------------------- /test/e2e.js: -------------------------------------------------------------------------------- 1 | var exec = require("child_process").spawn; 2 | var http = require("http"); 3 | var assert = require("chai").assert; 4 | 5 | describe("Running server", function () { 6 | it("running server from grunt", function (done) { 7 | var instance = exec("grunt", ["browserSync:server"]); 8 | instance.stdout.on("data", function (data) { 9 | var string = data.toString().split(" "); 10 | var url; 11 | 12 | if (string[1] === "Local") { 13 | url = string[3]; 14 | var opts = require("url").parse(url); 15 | opts.headers = { 16 | accept: "text/html" 17 | }; 18 | http.get(opts, function (res) { 19 | var chunks = []; 20 | res.on("data", function (chunk) { 21 | chunks.push(chunk.toString()); 22 | }); 23 | res.on("end", function () { 24 | instance.kill(); 25 | assert.include(chunks.join(""), "/browser-sync/browser-sync-client"); 26 | done(); 27 | }) 28 | }) 29 | } 30 | }); 31 | }); 32 | }); -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "grunt-browser-sync", 3 | "description": "Live CSS reload & Browser Syncing", 4 | "version": "2.2.0", 5 | "homepage": "https://github.com/shakyshane/grunt-browser-sync", 6 | "author": { 7 | "name": "Shane Osbourne" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git://github.com/shakyshane/grunt-browser-sync.git" 12 | }, 13 | "bugs": { 14 | "url": "https://github.com/shakyshane/grunt-browser-sync/issues" 15 | }, 16 | "licenses": [ 17 | { 18 | "type": "MIT", 19 | "url": "https://github.com/shakyshane/grunt-browser-sync/blob/master/LICENSE-MIT" 20 | } 21 | ], 22 | "main": "Gruntfile.js", 23 | "engines": { 24 | "node": ">=0.10.0" 25 | }, 26 | "scripts": { 27 | "test": "jshint tasks/*.js" 28 | }, 29 | "dependencies": { 30 | "browser-sync": "^2.17.2" 31 | }, 32 | "keywords": [ 33 | "gruntplugin", 34 | "live reload", 35 | "inject styles", 36 | "style injector", 37 | "auto refresh" 38 | ], 39 | "devDependencies": { 40 | "grunt": "^0.4.5", 41 | "grunt-autoprefixer": "^3.0.0", 42 | "grunt-cli": "^0.1.13", 43 | "grunt-concurrent": "^1.0.0", 44 | "grunt-contrib-connect": "^0.9.0", 45 | "grunt-contrib-sass": "^0.9.2", 46 | "grunt-contrib-watch": "^0.6.1", 47 | "jshint": "^2.6.3" 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /examples/Gruntfile.sass.proxy.js: -------------------------------------------------------------------------------- 1 | /** 2 | * 3 | * Install: 4 | * npm install grunt grunt-contrib-watch grunt-contrib-sass grunt-browser-sync 5 | * 6 | * Run: 7 | * grunt 8 | * 9 | * This example will watch SCSS files & compile them. 10 | * BrowserSync will then inject the changes. 11 | */ 12 | module.exports = function (grunt) { 13 | 14 | // Project configuration. 15 | grunt.initConfig({ 16 | watch: { 17 | sass: { 18 | files: "app/scss/*.scss", 19 | tasks: "sass:dev" 20 | } 21 | }, 22 | sass: { 23 | dev: { 24 | files: { 25 | "app/css/styles.css": "app/scss/styles.scss" 26 | } 27 | } 28 | }, 29 | browserSync: { 30 | default_options: { 31 | bsFiles: { 32 | src: [ 33 | "css/*.css", 34 | "*.html" 35 | ] 36 | }, 37 | options: { 38 | watchTask: true, 39 | proxy: "yourvhost.dev" 40 | } 41 | } 42 | } 43 | }); 44 | 45 | grunt.loadNpmTasks('grunt-contrib-watch'); 46 | grunt.loadNpmTasks('grunt-contrib-sass'); 47 | grunt.loadNpmTasks('grunt-browser-sync'); 48 | 49 | grunt.registerTask('default', ['browserSync', 'watch']); 50 | }; -------------------------------------------------------------------------------- /examples/Gruntfile.sass.server.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Install: 3 | * npm install grunt grunt-contrib-watch grunt-contrib-sass grunt-browser-sync 4 | * 5 | * Run: 6 | * grunt 7 | * 8 | * This example will watch SCSS files & compile them. 9 | * BrowserSync will then inject the changes. 10 | */ 11 | module.exports = function (grunt) { 12 | 13 | // Project configuration. 14 | grunt.initConfig({ 15 | watch: { 16 | sass: { 17 | files: "app/scss/*.scss", 18 | tasks: "sass:dev" 19 | } 20 | }, 21 | sass: { 22 | dev: { 23 | files: { 24 | "app/css/styles.css": "app/scss/styles.scss" 25 | } 26 | } 27 | }, 28 | browserSync: { 29 | default_options: { 30 | bsFiles: { 31 | src: [ 32 | "css/*.css", 33 | "*.html" 34 | ] 35 | }, 36 | options: { 37 | watchTask: true, 38 | server: { 39 | baseDir: "./" 40 | } 41 | } 42 | } 43 | } 44 | }); 45 | 46 | grunt.loadNpmTasks('grunt-contrib-watch'); 47 | grunt.loadNpmTasks('grunt-contrib-sass'); 48 | grunt.loadNpmTasks('grunt-browser-sync'); 49 | 50 | grunt.registerTask('default', ['browserSync', 'watch']); 51 | }; -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # grunt-browser-sync [![NPM version](https://badge.fury.io/js/grunt-browser-sync.svg)](https://www.npmjs.org/package/grunt-browser-sync) 2 | 3 | > A grunt task for the [browser-sync](https://github.com/shakyShane/browser-sync) module. 4 | 5 | Follow [@browserSync](http://www.twitter.com/browserSync) for news & updates. 6 | 7 | ## Getting Started 8 | This plugin requires Grunt `~0.4.1` 9 | 10 | If you haven't used [Grunt](http://gruntjs.com/) before, be sure to check out the [Getting Started](http://gruntjs.com/getting-started) guide, as it explains how to create a [Gruntfile](http://gruntjs.com/sample-gruntfile) as well as install and use Grunt plugins. 11 | 12 | ## About 13 | 14 | For a full list of features, please visit [https://github.com/shakyShane/browser-sync](https://github.com/shakyShane/browser-sync) 15 | 16 | 17 | ## Install 18 | 19 | ```shell 20 | npm install grunt-browser-sync --save-dev 21 | ``` 22 | 23 | Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript: 24 | 25 | ```js 26 | grunt.loadNpmTasks('grunt-browser-sync'); 27 | ``` 28 | 29 | ## Usage 30 | Please see the [Grunt JS](http://www.browsersync.io/docs/grunt/) section of the Official [BrowserSync Documentation](http://www.browsersync.io/docs/). 31 | 32 | ## Support 33 | If you've found Browser-sync useful and would like to contribute to its continued development & support, please feel free to send a donation of any size - it would be greatly appreciated! 34 | 35 | [![Support via Gittip](https://rawgithub.com/chris---/Donation-Badges/master/gittip.jpeg)](https://www.gittip.com/shakyshane) 36 | [![Support via PayPal](https://rawgithub.com/chris---/Donation-Badges/master/paypal.jpeg)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=shakyshane%40gmail%2ecom&lc=US&item_name=browser%2dsync) 37 | 38 | ## Contributing 39 | In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using [Grunt](http://gruntjs.com/). 40 | -------------------------------------------------------------------------------- /tasks/browser-sync.js: -------------------------------------------------------------------------------- 1 | /* 2 | * grunt-browser-sync 3 | * https://github.com/BrowserSync/grunt-browser-sync 4 | * 5 | * Copyright (c) 2015 Shane Osbourne 6 | * Licensed under the MIT license. 7 | */ 8 | 9 | 'use strict'; 10 | 11 | module.exports = function (grunt) { 12 | 13 | var bs = require("browser-sync").create("Grunt"); 14 | 15 | grunt.registerMultiTask("browserSync", "Keep your browsers in sync", function () { 16 | 17 | var done = this.async(); 18 | 19 | var options = this.options({ 20 | keepalive: true 21 | }); 22 | 23 | var patterns; 24 | 25 | if (this.data && this.data.bsFiles && this.data.bsFiles.src) { 26 | patterns = this.data.bsFiles.src; 27 | if (typeof patterns === "string") { 28 | patterns = [patterns]; 29 | } 30 | } 31 | 32 | if (!patterns) { 33 | if (this.data.src) { 34 | patterns = this.data.src; 35 | if (typeof this.data.src === "string") { 36 | patterns = [this.data.src]; 37 | } 38 | } 39 | } 40 | 41 | if (!patterns) { 42 | if (this.filesSrc.length) { 43 | patterns = this.filesSrc; 44 | } 45 | } 46 | 47 | bs.init(patterns || [], options, function (err) { 48 | if (err) { 49 | done(err); 50 | return; 51 | } 52 | 53 | if (options.watchTask || 54 | options.watchtask || 55 | options.background || 56 | !options.keepalive) { 57 | done(); 58 | } 59 | }); 60 | }); 61 | 62 | grunt.registerMultiTask("bsReload", function () { 63 | if (bs && bs.active) { 64 | bs.reload(this.data.reload); 65 | } 66 | }); 67 | 68 | grunt.registerMultiTask("bsNotify", function () { 69 | if (bs && bs.active) { 70 | bs.notify(this.data.notify, this.data.timeout); 71 | } 72 | }); 73 | }; 74 | -------------------------------------------------------------------------------- /test/fixtures/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 11 | Scroll test 12 |

1

13 | 14 |

2

15 | 16 |

3

17 | 18 |

4

19 | 20 |

5

21 | 22 |

6

23 | 24 |

7

25 | 26 |

8

27 | 28 |

9

29 | 30 |

10

31 | 32 |

11

33 | 34 |

21

35 | 36 |

31

37 | 38 |

41

39 | 40 |

51

41 | 42 |

61

43 | 44 |

71

45 | 46 |

81

47 | 48 |

91

49 | 50 |

101

51 | 52 |

111

53 | 54 |

121

55 | 56 |

131

57 | 58 |

141

59 | 60 |

151

61 | 62 |

161

63 | 64 |

171

65 | 66 |

181

67 | 68 |

191

69 | 70 |

201

71 | 72 |

211

73 | 74 |

221

75 | 76 |

231

77 | 78 |

241

79 | 80 |

251

81 | 82 |

261

83 | 84 |

271

85 | 86 |

281

87 | 88 |

291

89 | 90 |

301

91 | 92 |

311

93 | 94 |

321

95 | 96 |

331

97 | 98 |

341

99 | 100 |

351

101 | 102 |

361

103 | 104 |

371

105 | 106 |

381

107 | 108 |

391

109 | 110 |

401

111 | 112 |

411

113 | 114 |

421

115 | 116 |

431

117 | 118 |

441

119 | 120 |

451

121 | 122 |

461

123 | 124 |

471

125 | 126 |

481

127 | 128 |

491

129 | 130 |

501

131 | 132 |

511

133 | 134 |

521

135 | 136 |

531

137 | 138 |

541

139 | 140 |

551

141 | 142 |

561

143 | 144 |

571

145 | 146 |

581

147 | 148 |

591

149 | 150 |

601

151 | 152 |

611

153 | 154 |

621

155 | 156 |

631

157 | 158 |

641

159 | 160 |

651

161 | 162 |

661

163 | 164 |

671

165 | 166 |

681

167 | 168 |

691

169 | 170 |

701

171 | 172 |

711

173 | 174 |

721

175 | 176 |

731

177 | 178 |

741

179 | 180 |

751

181 | 182 |

761

183 | 184 |

771

185 | 186 |

781

187 | 188 |

791

189 | 190 |

801

191 | 192 |

811

193 | 194 |

821

195 | 196 |

831

197 | 198 |

841

199 | 200 |

851

201 | 202 |

861

203 | 204 |

871

205 | 206 |

881

207 | 208 |

891

209 | 210 |

901

211 | 212 |

911

213 | 214 |

921

215 | 216 |

931

217 | 218 |

941

219 | 220 |

951

221 | 222 |

961

223 | 224 |

971

225 | 226 |

981

227 | 228 |

991

229 | 230 |

1001

231 | 232 | -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | /* 2 | * grunt-browser-sync 3 | * https://github.com/shakyshane/grunt-browser-sync 4 | * 5 | * Copyright (c) 2013 Shane Osbourne 6 | * Licensed under the MIT license. 7 | */ 8 | 9 | 'use strict'; 10 | 11 | module.exports = function (grunt) { 12 | 13 | // Project configuration. 14 | grunt.initConfig({ 15 | jshint: { 16 | all: [ 17 | 'Gruntfile.js', 18 | 'tasks/*.js', 19 | '<%= nodeunit.tests %>' 20 | ], 21 | options: { 22 | jshintrc: '.jshintrc' 23 | } 24 | }, 25 | uglify: { 26 | files: { 27 | src: "tasks/lib/style-injector-client.js", 28 | dest: "tasks/lib/style-injector-client.min.js" 29 | } 30 | }, 31 | clean: { 32 | tests: ['tmp'] 33 | }, 34 | // The actual grunt server settings 35 | connect: { 36 | server: { 37 | options: { 38 | hostname: "127.0.0.1", 39 | port: 9001, 40 | base: "test/fixtures" 41 | } 42 | } 43 | }, 44 | watch: { 45 | options: { 46 | spawn: false 47 | }, 48 | server_tests: { 49 | files: [ 50 | "test/new-server/**/*.js", 51 | "tasks/lib/**/*.js" 52 | ], 53 | tasks: ["jasmine_node"] 54 | }, 55 | sass: { 56 | files: "test/fixtures/sass/*.scss", 57 | tasks: ['bsNotify:sassStart', 'sass', 'autoprefixer', 'bsReload:css'] 58 | } 59 | }, 60 | concurrent: { 61 | dev: { 62 | tasks: [ 63 | 'watch', 64 | 'browserSync' 65 | ], 66 | options: { 67 | logConcurrentOutput: true 68 | } 69 | } 70 | }, 71 | autoprefixer: { 72 | sass: { 73 | files: { 74 | "test/fixtures/css/style.css": "test/fixtures/css/style.css" 75 | } 76 | } 77 | }, 78 | browserSync: { 79 | server: { 80 | bsFiles: { 81 | src : [ 82 | //'test/fixtures/css/*.css', 83 | 'test/fixtures/*.html' 84 | ] 85 | }, 86 | options: { 87 | open: false, 88 | online: false, 89 | background: true, 90 | server: { 91 | baseDir: ["test/fixtures", "test/fixtures2"], 92 | middleware: [ 93 | function (req, res, next) { 94 | console.log("from middleware 1"); 95 | next(); 96 | }, 97 | function (req, res, next) { 98 | console.log("from middleware 2"); 99 | next(); 100 | } 101 | ] 102 | } 103 | } 104 | }, 105 | proxy: { 106 | files: { 107 | src : [ 108 | 'test/fixtures/css/style.css' 109 | ] 110 | }, 111 | options: { 112 | watchTask: false, 113 | ghostMode: { 114 | scroll: true, 115 | links: true, 116 | forms: true 117 | }, 118 | proxy: { 119 | host: "127.0.0.1", 120 | port: 9001 121 | } 122 | } 123 | } 124 | }, 125 | "bsReload": { 126 | css: { 127 | reload: "style.css" 128 | }, 129 | all: { 130 | reload: true 131 | } 132 | }, 133 | "bsNotify": { 134 | sassStart: { 135 | notify: "Please wait, compiling sass!" 136 | } 137 | }, 138 | sass: { 139 | test: { 140 | files: { 141 | "test/fixtures/css/style.css" : "test/fixtures/sass/style.scss" 142 | } 143 | } 144 | }, 145 | karma: { 146 | unit: { 147 | configFile: 'test/karma.conf.js', 148 | singleRun: true 149 | } 150 | }, 151 | nodeunit: { 152 | tests: ['test/*_test.js'] 153 | } 154 | }); 155 | 156 | // Actually load this plugin's task(s). 157 | grunt.loadTasks('tasks'); 158 | grunt.loadNpmTasks('grunt-contrib-sass'); 159 | //grunt.loadNpmTasks('grunt-sass'); 160 | grunt.loadNpmTasks('grunt-contrib-watch'); 161 | grunt.loadNpmTasks('grunt-autoprefixer'); 162 | grunt.loadNpmTasks('grunt-contrib-connect'); 163 | grunt.loadNpmTasks('grunt-concurrent'); 164 | 165 | // Whenever the "test" task is run, first clean the "tmp" dir, then run this 166 | // plugin's task(s), then test the result. 167 | grunt.registerTask('test', ['karma', 'jasmine_node']); 168 | 169 | // By default, lint and run all tests. 170 | grunt.registerTask('default', ["browserSync"]); 171 | 172 | grunt.registerTask('dev-watch', ["browserSync:server", "watch:sass"]); 173 | grunt.registerTask('server', ["browserSync:server", "watch:sass"]); 174 | grunt.registerTask('proxy', ["browserSync:proxy", "watch:sass"]); 175 | 176 | grunt.registerTask('server-proxy', ["connect", "browserSync:proxy"]); 177 | }; 178 | -------------------------------------------------------------------------------- /readme.old.md: -------------------------------------------------------------------------------- 1 | # grunt-browser-sync [![NPM version](https://badge.fury.io/js/grunt-browser-sync.png)](http://badge.fury.io/js/grunt-browser-sync) 2 | 3 | > A grunt task for the [browser-sync](https://github.com/shakyShane/browser-sync) module. 4 | 5 | Follow [@browserSync](http://www.twitter.com/browserSync) for news & updates. 6 | 7 | ## Getting Started 8 | This plugin requires Grunt `~0.4.1` 9 | 10 | If you haven't used [Grunt](http://gruntjs.com/) before, be sure to check out the [Getting Started](http://gruntjs.com/getting-started) guide, as it explains how to create a [Gruntfile](http://gruntjs.com/sample-gruntfile) as well as install and use Grunt plugins. 11 | 12 | ## About 13 | 14 | For a full list of features, please visit [https://github.com/shakyShane/browser-sync](https://github.com/shakyShane/browser-sync) 15 | 16 | 17 | ## Install 18 | 19 | ```shell 20 | npm install grunt-browser-sync --save-dev 21 | ``` 22 | 23 | Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript: 24 | 25 | ```js 26 | grunt.loadNpmTasks('grunt-browser-sync'); 27 | ``` 28 | 29 | ## Config 30 | Here's an example of the simplest configuration possible. This will give you a HTML snippet to paste into the footer of your website to enable browser-sync. 31 | 32 | ``` 33 | browserSync: { 34 | files: { 35 | src : 'assets/css/style.css' 36 | } 37 | } 38 | ``` 39 | 40 | Here's a [full list of available options.](https://github.com/shakyShane/browser-sync/wiki/options) 41 | 42 | ### Screencasts ( < 3 min each ) 43 | 44 | 45 | Browser-sync + Jekyll + Sass 46 | 47 | 1. [Browser-Sync + Jekyll + SASS Part: 1 - Example](http://quick.as/3v0sop3) 48 | 2. [Browser-Sync + Jekyll + SASS Part: 2 - Configuration](http://quick.as/5g9c1jx) 49 | 3. [Browser-Sync + Jekyll + SASS Part: 3 - Alternative Workflow](http://quick.as/ogrclvd) 50 | 51 | Browser-sync + CabinJS 52 | 53 | 1. [Browser-Sync + CabinJS](http://quick.as/qq9cnl1) 54 | 55 | 56 | Want any more? Something specific? ask me nicely [@shaneOsbourne](http://www.twitter.com/shaneOsbourne) 57 | 58 | ## Important: Using browser-sync + grunt watch 59 | If you are using both of these, scroll down to the **watchTask** option below to see how to config them to be used together! 60 | 61 | ## + static file server 62 | You can use this plugin as a server too (for static HTML, JS & CSS). When using the Server option, the snippets are automatically injected for you. 63 | 64 | ``` 65 | browserSync: { 66 | dev: { 67 | bsFiles: { 68 | src : 'assets/css/style.css' 69 | }, 70 | options: { 71 | server: { 72 | baseDir: "app" 73 | } 74 | } 75 | } 76 | }, 77 | ``` 78 | 79 | ## + your own php/mamp/wamp/rails server (proxy) (version 0.7.0 required) 80 | If you already have a local server setup (with your vhosts etc), just tell browser-sync all about it & it will do the rest for you. 81 | 82 | ``` 83 | browserSync: { 84 | dev: { 85 | bsFiles: { 86 | src : 'assets/css/style.css' 87 | }, 88 | options: { 89 | proxy: "local.dev" 90 | } 91 | } 92 | }, 93 | ``` 94 | Using the **proxy** option will give you an IP address that you can access from any device/computer on your network automagically. 95 | 96 | 97 | ## bsFiles - explained (version > 0.4.3 required) 98 | 99 | You may be wondering why browser-sync accepts a `bsFiles` property (see the examples below)… It's because browser-sync has it's own file-watching functionality built in & you can skip grunt doing file look-ups by changing the regular **files** property to **bsFiles**. (this also allows browser-sync to respond to newly added files, like grunt-contrib-watch does) 100 | 101 | ## Run 102 | 103 | `grunt browserSync` 104 | 105 | When you've used one of the configs from above, run this command from the terminal and you'll be good to go (if you are using the built-in server). If you are not using the built in server or the proxy, (because your site is on PHP or something else), just grab the HTML snippet from the command line and paste it into your site just before the closing ` A quick word on hosts... 194 | The power of Browser Sync comes when you have multiple devices/browsers connected. To do this, you use your networks IP instead of `localhost`. For example, you may have a php/node/mamp server running at `localhost:8000`. Swap out the localhost part for something like `192.168.0.1` (find yours by running `ifconfig` on Mac, `ipconfig` on Windows) and you can connect to **192.168.0.1:8000**. Now, with Browser Sync running, you can have as many browsers/devices connected and they will all live-update when you change a file. 195 | 196 | ### ports (default: null) 197 | Browser-sync will detect up to 3 available ports to use within a fixed range. You can override this if you need to by supplying min & max values. 198 | 199 | ```js 200 | grunt.initConfig({ 201 | browserSync: { 202 | dev: { 203 | bsFiles: { 204 | src : 'app/assets/css/*.css' 205 | }, 206 | options: { 207 | ports: { 208 | min: 6000, 209 | max: 6100 210 | } 211 | } 212 | } 213 | } 214 | }); 215 | ``` 216 | 217 | ### ghostMode (default: *true*) 218 | There are currently 4 options for **ghostMode** `clicks`, `scroll`, `links` & `forms` 219 | - Clicks. *alpha* All clicks will be mirrored across devices. 220 | - Scroll. Enable this and your connected browsers will attempt to keep in sync 221 | - Links. Enable this and your connected browsers will follow each other around. (note: this could be problematic if you already have click events 222 | on `` elements. It's designed to just make it easy to view multiple pages in the same site and have all browsers keep in sync while in development. 223 | - Forms Enable this and your connected browsers will keep all form inputs in sync 224 | 225 | ```js 226 | grunt.initConfig({ 227 | browserSync: { 228 | dev: { 229 | bsFiles: { 230 | src : 'app/assets/css/*.css' 231 | }, 232 | options: { 233 | host : "192.168.0.1", 234 | ghostMode: { 235 | clicks: true, 236 | scroll: true, 237 | links: true, 238 | forms: true 239 | } 240 | } 241 | } 242 | } 243 | }); 244 | 245 | ``` 246 | ### server (default: *false*) 247 | Using the `server` option negates the need for the HTML snippet as it will be injected automatically (no browser plugins needed!). Just provide the base directory where you want to serve your files from and you'll be good to go!. 248 | 249 | ```js 250 | grunt.initConfig({ 251 | browserSync: { 252 | dev: { 253 | bsFiles: { 254 | src : 'app/assets/css/*.css' 255 | }, 256 | options: { 257 | host : "192.168.0.1", 258 | server: { 259 | baseDir: "app" 260 | } 261 | } 262 | } 263 | } 264 | }); 265 | 266 | ``` 267 | ### server.index (default: *false*) 268 | If you are using the server feature & for some reason your index page is NOT 'index.html', you can specify which file to load instead. 269 | ```js 270 | grunt.initConfig({ 271 | browserSync: { 272 | dev: { 273 | bsFiles: { 274 | src : 'app/assets/css/*.css' 275 | }, 276 | options: { 277 | host : "192.168.0.1", 278 | server: { 279 | baseDir: "app", 280 | index: "index.htm" 281 | } 282 | } 283 | } 284 | } 285 | }); 286 | ``` 287 | 288 | ## Live Reload 289 | Browser Sync injects CSS into all connected browsers without reloading the page & it even works on VMs running IE 7 & 8! But that's not all it does. It can also live-inject jpg & png files too, as well as perform a hard refresh for JS, PHP, HTML files etc. For example: 290 | 291 | ```js 292 | grunt.initConfig({ 293 | browserSync: { 294 | dev: { 295 | bsFiles: { 296 | src : [ 297 | 'assets/css/*.css', 298 | 'assets/img/**/*.jpg', 299 | 'assets/img/**/*.png', 300 | 'assets/js/**/*.js', 301 | '**/*.php', 302 | '**/*.html' 303 | ] 304 | } 305 | } 306 | } 307 | }); 308 | ``` 309 | 310 | 311 | ## Support 312 | If you've found Browser-sync useful and would like to contribute to its continued development & support, please feel free to send a donation of any size - it would be greatly appreciated! 313 | 314 | [![Support via Gittip](https://rawgithub.com/chris---/Donation-Badges/master/gittip.jpeg)](https://www.gittip.com/shakyshane) 315 | [![Support via PayPal](https://rawgithub.com/chris---/Donation-Badges/master/paypal.jpeg)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=shakyshane%40gmail%2ecom&lc=US&item_name=browser%2dsync) 316 | 317 | ## Contributing 318 | In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using [Grunt](http://gruntjs.com/). -------------------------------------------------------------------------------- /test/fixtures/css/style.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.0.1 by @fat and @mdo 3 | * Copyright 2013 Twitter, Inc. 4 | * Licensed under http://www.apache.org/licenses/LICENSE-2.0 5 | * 6 | * Designed and built with all the love in the world by @mdo and @fat. 7 | */ 8 | /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ 9 | article, 10 | aside, 11 | details, 12 | figcaption, 13 | figure, 14 | footer, 15 | header, 16 | hgroup, 17 | main, 18 | nav, 19 | section, 20 | summary { 21 | display: block; } 22 | 23 | audio, 24 | canvas, 25 | video { 26 | display: inline-block; } 27 | 28 | audio:not([controls]) { 29 | display: none; 30 | height: 0; } 31 | 32 | [hidden], 33 | template { 34 | display: none; } 35 | 36 | html { 37 | font-family: sans-serif; 38 | -webkit-text-size-adjust: 100%; 39 | -ms-text-size-adjust: 100%; } 40 | 41 | body { 42 | margin: 0; } 43 | 44 | a { 45 | background: transparent; } 46 | 47 | a:focus { 48 | outline: thin dotted; } 49 | 50 | a:active, 51 | a:hover { 52 | outline: 0; } 53 | 54 | h1 { 55 | margin: 0.67em 0; 56 | font-size: 2em; } 57 | 58 | abbr[title] { 59 | border-bottom: 1px dotted; } 60 | 61 | b, 62 | strong { 63 | font-weight: bold; } 64 | 65 | dfn { 66 | font-style: italic; } 67 | 68 | hr { 69 | height: 0; 70 | -moz-box-sizing: content-box; 71 | box-sizing: content-box; } 72 | 73 | mark { 74 | color: #000; 75 | background: #ff0; } 76 | 77 | code, 78 | kbd, 79 | pre, 80 | samp { 81 | font-family: monospace, serif; 82 | font-size: 1em; } 83 | 84 | pre { 85 | white-space: pre-wrap; } 86 | 87 | q { 88 | quotes: "\201C" "\201D" "\2018" "\2019"; } 89 | 90 | small { 91 | font-size: 80%; } 92 | 93 | sub, 94 | sup { 95 | position: relative; 96 | font-size: 75%; 97 | line-height: 0; 98 | vertical-align: baseline; } 99 | 100 | sup { 101 | top: -0.5em; } 102 | 103 | sub { 104 | bottom: -0.25em; } 105 | 106 | img { 107 | border: 0; } 108 | 109 | svg:not(:root) { 110 | overflow: hidden; } 111 | 112 | figure { 113 | margin: 0; } 114 | 115 | fieldset { 116 | padding: 0.35em 0.625em 0.75em; 117 | margin: 0 2px; 118 | border: 1px solid #c0c0c0; } 119 | 120 | legend { 121 | padding: 0; 122 | border: 0; } 123 | 124 | button, 125 | input, 126 | select, 127 | textarea { 128 | margin: 0; 129 | font-family: inherit; 130 | font-size: 100%; } 131 | 132 | button, 133 | input { 134 | line-height: normal; } 135 | 136 | button, 137 | select { 138 | text-transform: none; } 139 | 140 | button, 141 | html input[type="button"], 142 | input[type="reset"], 143 | input[type="submit"] { 144 | cursor: pointer; 145 | -webkit-appearance: button; } 146 | 147 | button[disabled], 148 | html input[disabled] { 149 | cursor: default; } 150 | 151 | input[type="checkbox"], 152 | input[type="radio"] { 153 | padding: 0; 154 | box-sizing: border-box; } 155 | 156 | input[type="search"] { 157 | -webkit-box-sizing: content-box; 158 | -moz-box-sizing: content-box; 159 | box-sizing: content-box; 160 | -webkit-appearance: textfield; } 161 | 162 | input[type="search"]::-webkit-search-cancel-button, 163 | input[type="search"]::-webkit-search-decoration { 164 | -webkit-appearance: none; } 165 | 166 | button::-moz-focus-inner, 167 | input::-moz-focus-inner { 168 | padding: 0; 169 | border: 0; } 170 | 171 | textarea { 172 | overflow: auto; 173 | vertical-align: top; } 174 | 175 | table { 176 | border-collapse: collapse; 177 | border-spacing: 0; } 178 | 179 | @media print { 180 | * { 181 | color: #000 !important; 182 | text-shadow: none !important; 183 | background: transparent !important; 184 | box-shadow: none !important; } 185 | 186 | a, 187 | a:visited { 188 | text-decoration: underline; } 189 | 190 | a[href]:after { 191 | content: " (" attr(href) ")"; } 192 | 193 | abbr[title]:after { 194 | content: " (" attr(title) ")"; } 195 | 196 | a[href^="javascript:"]:after, 197 | a[href^="#"]:after { 198 | content: ""; } 199 | 200 | pre, 201 | blockquote { 202 | border: 1px solid #999; 203 | page-break-inside: avoid; } 204 | 205 | thead { 206 | display: table-header-group; } 207 | 208 | tr, 209 | img { 210 | page-break-inside: avoid; } 211 | 212 | img { 213 | max-width: 100% !important; } 214 | 215 | @page { 216 | margin: 2cm .5cm; } 217 | 218 | p, 219 | h2, 220 | h3 { 221 | orphans: 3; 222 | widows: 3; } 223 | 224 | h2, 225 | h3 { 226 | page-break-after: avoid; } 227 | 228 | select { 229 | background: #fff !important; } 230 | 231 | .navbar { 232 | display: none; } 233 | 234 | .table td, 235 | .table th { 236 | background-color: #fff !important; } 237 | 238 | .btn > .caret, 239 | .dropup > .btn > .caret { 240 | border-top-color: #000 !important; } 241 | 242 | .label { 243 | border: 1px solid #000; } 244 | 245 | .table { 246 | border-collapse: collapse !important; } 247 | 248 | .table-bordered th, 249 | .table-bordered td { 250 | border: 1px solid #ddd !important; } } 251 | *, 252 | *:before, 253 | *:after { 254 | -webkit-box-sizing: border-box; 255 | -moz-box-sizing: border-box; 256 | box-sizing: border-box; } 257 | 258 | html { 259 | font-size: 62.5%; 260 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 261 | 262 | body { 263 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 264 | font-size: 14px; 265 | line-height: 1.428571429; 266 | color: #333333; 267 | background-color: #ffffff; } 268 | 269 | input, 270 | button, 271 | select, 272 | textarea { 273 | font-family: inherit; 274 | font-size: inherit; 275 | line-height: inherit; } 276 | 277 | a { 278 | color: #428bca; 279 | text-decoration: none; } 280 | 281 | a:hover, 282 | a:focus { 283 | color: #2a6496; 284 | text-decoration: underline; } 285 | 286 | a:focus { 287 | outline: thin dotted #333; 288 | outline: 5px auto -webkit-focus-ring-color; 289 | outline-offset: -2px; } 290 | 291 | img { 292 | vertical-align: middle; } 293 | 294 | .img-responsive { 295 | display: block; 296 | height: auto; 297 | max-width: 100%; } 298 | 299 | .img-rounded { 300 | border-radius: 6px; } 301 | 302 | .img-thumbnail { 303 | display: inline-block; 304 | height: auto; 305 | max-width: 100%; 306 | padding: 4px; 307 | line-height: 1.428571429; 308 | background-color: #ffffff; 309 | border: 1px solid #dddddd; 310 | border-radius: 4px; 311 | -webkit-transition: all 0.2s ease-in-out; 312 | transition: all 0.2s ease-in-out; } 313 | 314 | .img-circle { 315 | border-radius: 50%; } 316 | 317 | hr { 318 | margin-top: 20px; 319 | margin-bottom: 20px; 320 | border: 0; 321 | border-top: 1px solid #eeeeee; } 322 | 323 | .sr-only { 324 | position: absolute; 325 | width: 1px; 326 | height: 1px; 327 | padding: 0; 328 | margin: -1px; 329 | overflow: hidden; 330 | clip: rect(0, 0, 0, 0); 331 | border: 0; } 332 | 333 | p { 334 | margin: 0 0 10px; } 335 | 336 | .lead { 337 | margin-bottom: 20px; 338 | font-size: 16px; 339 | font-weight: 200; 340 | line-height: 1.4; } 341 | 342 | @media (min-width: 768px) { 343 | .lead { 344 | font-size: 21px; } } 345 | small, 346 | .small { 347 | font-size: 85%; } 348 | 349 | cite { 350 | font-style: normal; } 351 | 352 | .text-muted { 353 | color: #999999; } 354 | 355 | .text-primary { 356 | color: #428bca; } 357 | 358 | .text-primary:hover { 359 | color: #3071a9; } 360 | 361 | .text-warning { 362 | color: #c09853; } 363 | 364 | .text-warning:hover { 365 | color: #a47e3c; } 366 | 367 | .text-danger { 368 | color: #b94a48; } 369 | 370 | .text-danger:hover { 371 | color: #953b39; } 372 | 373 | .text-success { 374 | color: #468847; } 375 | 376 | .text-success:hover { 377 | color: #356635; } 378 | 379 | .text-info { 380 | color: #3a87ad; } 381 | 382 | .text-info:hover { 383 | color: #2d6987; } 384 | 385 | .text-left { 386 | text-align: left; } 387 | 388 | .text-right { 389 | text-align: right; } 390 | 391 | .text-center { 392 | text-align: center; } 393 | 394 | h1, 395 | h2, 396 | h3, 397 | h4, 398 | h5, 399 | h6, 400 | .h1, 401 | .h2, 402 | .h3, 403 | .h4, 404 | .h5, 405 | .h6 { 406 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 407 | font-weight: 500; 408 | line-height: 1.1; 409 | color: inherit; } 410 | 411 | h1 small, 412 | h2 small, 413 | h3 small, 414 | h4 small, 415 | h5 small, 416 | h6 small, 417 | .h1 small, 418 | .h2 small, 419 | .h3 small, 420 | .h4 small, 421 | .h5 small, 422 | .h6 small, 423 | h1 .small, 424 | h2 .small, 425 | h3 .small, 426 | h4 .small, 427 | h5 .small, 428 | h6 .small, 429 | .h1 .small, 430 | .h2 .small, 431 | .h3 .small, 432 | .h4 .small, 433 | .h5 .small, 434 | .h6 .small { 435 | font-weight: normal; 436 | line-height: 1; 437 | color: #999999; } 438 | 439 | h1, 440 | h2, 441 | h3 { 442 | margin-top: 20px; 443 | margin-bottom: 10px; } 444 | 445 | h1 small, 446 | h2 small, 447 | h3 small, 448 | h1 .small, 449 | h2 .small, 450 | h3 .small { 451 | font-size: 65%; } 452 | 453 | h4, 454 | h5, 455 | h6 { 456 | margin-top: 10px; 457 | margin-bottom: 10px; } 458 | 459 | h4 small, 460 | h5 small, 461 | h6 small, 462 | h4 .small, 463 | h5 .small, 464 | h6 .small { 465 | font-size: 75%; } 466 | 467 | h1, 468 | .h1 { 469 | font-size: 36px; } 470 | 471 | h2, 472 | .h2 { 473 | font-size: 30px; } 474 | 475 | h3, 476 | .h3 { 477 | font-size: 24px; } 478 | 479 | h4, 480 | .h4 { 481 | font-size: 18px; } 482 | 483 | h5, 484 | .h5 { 485 | font-size: 14px; } 486 | 487 | h6, 488 | .h6 { 489 | font-size: 12px; } 490 | 491 | .page-header { 492 | padding-bottom: 9px; 493 | margin: 40px 0 20px; 494 | border-bottom: 1px solid #eeeeee; } 495 | 496 | ul, 497 | ol { 498 | margin-top: 0; 499 | margin-bottom: 10px; } 500 | 501 | ul ul, 502 | ol ul, 503 | ul ol, 504 | ol ol { 505 | margin-bottom: 0; } 506 | 507 | .list-unstyled { 508 | padding-left: 0; 509 | list-style: none; } 510 | 511 | .list-inline { 512 | padding-left: 0; 513 | list-style: none; } 514 | 515 | .list-inline > li { 516 | display: inline-block; 517 | padding-right: 5px; 518 | padding-left: 5px; } 519 | 520 | .list-inline > li:first-child { 521 | padding-left: 0; } 522 | 523 | dl { 524 | margin-bottom: 20px; } 525 | 526 | dt, 527 | dd { 528 | line-height: 1.428571429; } 529 | 530 | dt { 531 | font-weight: bold; } 532 | 533 | dd { 534 | margin-left: 0; } 535 | 536 | @media (min-width: 768px) { 537 | .dl-horizontal dt { 538 | float: left; 539 | width: 160px; 540 | overflow: hidden; 541 | clear: left; 542 | text-align: right; 543 | text-overflow: ellipsis; 544 | white-space: nowrap; } 545 | 546 | .dl-horizontal dd { 547 | margin-left: 180px; } 548 | 549 | .dl-horizontal dd:before, 550 | .dl-horizontal dd:after { 551 | display: table; 552 | content: " "; } 553 | 554 | .dl-horizontal dd:after { 555 | clear: both; } 556 | 557 | .dl-horizontal dd:before, 558 | .dl-horizontal dd:after { 559 | display: table; 560 | content: " "; } 561 | 562 | .dl-horizontal dd:after { 563 | clear: both; } } 564 | abbr[title], 565 | abbr[data-original-title] { 566 | cursor: help; 567 | border-bottom: 1px dotted #999999; } 568 | 569 | abbr.initialism { 570 | font-size: 90%; 571 | text-transform: uppercase; } 572 | 573 | blockquote { 574 | padding: 10px 20px; 575 | margin: 0 0 20px; 576 | border-left: 5px solid #eeeeee; } 577 | 578 | blockquote p { 579 | font-size: 17.5px; 580 | font-weight: 300; 581 | line-height: 1.25; } 582 | 583 | blockquote p:last-child { 584 | margin-bottom: 0; } 585 | 586 | blockquote small { 587 | display: block; 588 | line-height: 1.428571429; 589 | color: #999999; } 590 | 591 | blockquote small:before { 592 | content: '\2014 \00A0'; } 593 | 594 | blockquote.pull-right { 595 | padding-right: 15px; 596 | padding-left: 0; 597 | border-right: 5px solid #eeeeee; 598 | border-left: 0; } 599 | 600 | blockquote.pull-right p, 601 | blockquote.pull-right small, 602 | blockquote.pull-right .small { 603 | text-align: right; } 604 | 605 | blockquote.pull-right small:before, 606 | blockquote.pull-right .small:before { 607 | content: ''; } 608 | 609 | blockquote.pull-right small:after, 610 | blockquote.pull-right .small:after { 611 | content: '\00A0 \2014'; } 612 | 613 | blockquote:before, 614 | blockquote:after { 615 | content: ""; } 616 | 617 | address { 618 | margin-bottom: 20px; 619 | font-style: normal; 620 | line-height: 1.428571429; } 621 | 622 | code, 623 | kbd, 624 | pre, 625 | samp { 626 | font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } 627 | 628 | code { 629 | padding: 2px 4px; 630 | font-size: 90%; 631 | color: #c7254e; 632 | white-space: nowrap; 633 | background-color: #f9f2f4; 634 | border-radius: 4px; } 635 | 636 | pre { 637 | display: block; 638 | padding: 9.5px; 639 | margin: 0 0 10px; 640 | font-size: 13px; 641 | line-height: 1.428571429; 642 | color: #333333; 643 | word-break: break-all; 644 | word-wrap: break-word; 645 | background-color: #f5f5f5; 646 | border: 1px solid #cccccc; 647 | border-radius: 4px; } 648 | 649 | pre code { 650 | padding: 0; 651 | font-size: inherit; 652 | color: inherit; 653 | white-space: pre-wrap; 654 | background-color: transparent; 655 | border-radius: 0; } 656 | 657 | .pre-scrollable { 658 | max-height: 340px; 659 | overflow-y: scroll; } 660 | 661 | .container { 662 | padding-right: 15px; 663 | padding-left: 15px; 664 | margin-right: auto; 665 | margin-left: auto; } 666 | 667 | .container:before, 668 | .container:after { 669 | display: table; 670 | content: " "; } 671 | 672 | .container:after { 673 | clear: both; } 674 | 675 | .container:before, 676 | .container:after { 677 | display: table; 678 | content: " "; } 679 | 680 | .container:after { 681 | clear: both; } 682 | 683 | .row { 684 | margin-right: -15px; 685 | margin-left: -15px; } 686 | 687 | .row:before, 688 | .row:after { 689 | display: table; 690 | content: " "; } 691 | 692 | .row:after { 693 | clear: both; } 694 | 695 | .row:before, 696 | .row:after { 697 | display: table; 698 | content: " "; } 699 | 700 | .row:after { 701 | clear: both; } 702 | 703 | .col-xs-1, 704 | .col-sm-1, 705 | .col-md-1, 706 | .col-lg-1, 707 | .col-xs-2, 708 | .col-sm-2, 709 | .col-md-2, 710 | .col-lg-2, 711 | .col-xs-3, 712 | .col-sm-3, 713 | .col-md-3, 714 | .col-lg-3, 715 | .col-xs-4, 716 | .col-sm-4, 717 | .col-md-4, 718 | .col-lg-4, 719 | .col-xs-5, 720 | .col-sm-5, 721 | .col-md-5, 722 | .col-lg-5, 723 | .col-xs-6, 724 | .col-sm-6, 725 | .col-md-6, 726 | .col-lg-6, 727 | .col-xs-7, 728 | .col-sm-7, 729 | .col-md-7, 730 | .col-lg-7, 731 | .col-xs-8, 732 | .col-sm-8, 733 | .col-md-8, 734 | .col-lg-8, 735 | .col-xs-9, 736 | .col-sm-9, 737 | .col-md-9, 738 | .col-lg-9, 739 | .col-xs-10, 740 | .col-sm-10, 741 | .col-md-10, 742 | .col-lg-10, 743 | .col-xs-11, 744 | .col-sm-11, 745 | .col-md-11, 746 | .col-lg-11, 747 | .col-xs-12, 748 | .col-sm-12, 749 | .col-md-12, 750 | .col-lg-12 { 751 | position: relative; 752 | min-height: 1px; 753 | padding-right: 15px; 754 | padding-left: 15px; } 755 | 756 | .col-xs-1, 757 | .col-xs-2, 758 | .col-xs-3, 759 | .col-xs-4, 760 | .col-xs-5, 761 | .col-xs-6, 762 | .col-xs-7, 763 | .col-xs-8, 764 | .col-xs-9, 765 | .col-xs-10, 766 | .col-xs-11 { 767 | float: left; } 768 | 769 | .col-xs-12 { 770 | width: 100%; } 771 | 772 | .col-xs-11 { 773 | width: 91.66666666666666%; } 774 | 775 | .col-xs-10 { 776 | width: 83.33333333333334%; } 777 | 778 | .col-xs-9 { 779 | width: 75%; } 780 | 781 | .col-xs-8 { 782 | width: 66.66666666666666%; } 783 | 784 | .col-xs-7 { 785 | width: 58.333333333333336%; } 786 | 787 | .col-xs-6 { 788 | width: 50%; } 789 | 790 | .col-xs-5 { 791 | width: 41.66666666666667%; } 792 | 793 | .col-xs-4 { 794 | width: 33.33333333333333%; } 795 | 796 | .col-xs-3 { 797 | width: 25%; } 798 | 799 | .col-xs-2 { 800 | width: 16.666666666666664%; } 801 | 802 | .col-xs-1 { 803 | width: 8.333333333333332%; } 804 | 805 | .col-xs-pull-12 { 806 | right: 100%; } 807 | 808 | .col-xs-pull-11 { 809 | right: 91.66666666666666%; } 810 | 811 | .col-xs-pull-10 { 812 | right: 83.33333333333334%; } 813 | 814 | .col-xs-pull-9 { 815 | right: 75%; } 816 | 817 | .col-xs-pull-8 { 818 | right: 66.66666666666666%; } 819 | 820 | .col-xs-pull-7 { 821 | right: 58.333333333333336%; } 822 | 823 | .col-xs-pull-6 { 824 | right: 50%; } 825 | 826 | .col-xs-pull-5 { 827 | right: 41.66666666666667%; } 828 | 829 | .col-xs-pull-4 { 830 | right: 33.33333333333333%; } 831 | 832 | .col-xs-pull-3 { 833 | right: 25%; } 834 | 835 | .col-xs-pull-2 { 836 | right: 16.666666666666664%; } 837 | 838 | .col-xs-pull-1 { 839 | right: 8.333333333333332%; } 840 | 841 | .col-xs-push-12 { 842 | left: 100%; } 843 | 844 | .col-xs-push-11 { 845 | left: 91.66666666666666%; } 846 | 847 | .col-xs-push-10 { 848 | left: 83.33333333333334%; } 849 | 850 | .col-xs-push-9 { 851 | left: 75%; } 852 | 853 | .col-xs-push-8 { 854 | left: 66.66666666666666%; } 855 | 856 | .col-xs-push-7 { 857 | left: 58.333333333333336%; } 858 | 859 | .col-xs-push-6 { 860 | left: 50%; } 861 | 862 | .col-xs-push-5 { 863 | left: 41.66666666666667%; } 864 | 865 | .col-xs-push-4 { 866 | left: 33.33333333333333%; } 867 | 868 | .col-xs-push-3 { 869 | left: 25%; } 870 | 871 | .col-xs-push-2 { 872 | left: 16.666666666666664%; } 873 | 874 | .col-xs-push-1 { 875 | left: 8.333333333333332%; } 876 | 877 | .col-xs-offset-12 { 878 | margin-left: 100%; } 879 | 880 | .col-xs-offset-11 { 881 | margin-left: 91.66666666666666%; } 882 | 883 | .col-xs-offset-10 { 884 | margin-left: 83.33333333333334%; } 885 | 886 | .col-xs-offset-9 { 887 | margin-left: 75%; } 888 | 889 | .col-xs-offset-8 { 890 | margin-left: 66.66666666666666%; } 891 | 892 | .col-xs-offset-7 { 893 | margin-left: 58.333333333333336%; } 894 | 895 | .col-xs-offset-6 { 896 | margin-left: 50%; } 897 | 898 | .col-xs-offset-5 { 899 | margin-left: 41.66666666666667%; } 900 | 901 | .col-xs-offset-4 { 902 | margin-left: 33.33333333333333%; } 903 | 904 | .col-xs-offset-3 { 905 | margin-left: 25%; } 906 | 907 | .col-xs-offset-2 { 908 | margin-left: 16.666666666666664%; } 909 | 910 | .col-xs-offset-1 { 911 | margin-left: 8.333333333333332%; } 912 | 913 | @media (min-width: 768px) { 914 | .container { 915 | width: 750px; } 916 | 917 | .col-sm-1, 918 | .col-sm-2, 919 | .col-sm-3, 920 | .col-sm-4, 921 | .col-sm-5, 922 | .col-sm-6, 923 | .col-sm-7, 924 | .col-sm-8, 925 | .col-sm-9, 926 | .col-sm-10, 927 | .col-sm-11 { 928 | float: left; } 929 | 930 | .col-sm-12 { 931 | width: 100%; } 932 | 933 | .col-sm-11 { 934 | width: 91.66666666666666%; } 935 | 936 | .col-sm-10 { 937 | width: 83.33333333333334%; } 938 | 939 | .col-sm-9 { 940 | width: 75%; } 941 | 942 | .col-sm-8 { 943 | width: 66.66666666666666%; } 944 | 945 | .col-sm-7 { 946 | width: 58.333333333333336%; } 947 | 948 | .col-sm-6 { 949 | width: 50%; } 950 | 951 | .col-sm-5 { 952 | width: 41.66666666666667%; } 953 | 954 | .col-sm-4 { 955 | width: 33.33333333333333%; } 956 | 957 | .col-sm-3 { 958 | width: 25%; } 959 | 960 | .col-sm-2 { 961 | width: 16.666666666666664%; } 962 | 963 | .col-sm-1 { 964 | width: 8.333333333333332%; } 965 | 966 | .col-sm-pull-12 { 967 | right: 100%; } 968 | 969 | .col-sm-pull-11 { 970 | right: 91.66666666666666%; } 971 | 972 | .col-sm-pull-10 { 973 | right: 83.33333333333334%; } 974 | 975 | .col-sm-pull-9 { 976 | right: 75%; } 977 | 978 | .col-sm-pull-8 { 979 | right: 66.66666666666666%; } 980 | 981 | .col-sm-pull-7 { 982 | right: 58.333333333333336%; } 983 | 984 | .col-sm-pull-6 { 985 | right: 50%; } 986 | 987 | .col-sm-pull-5 { 988 | right: 41.66666666666667%; } 989 | 990 | .col-sm-pull-4 { 991 | right: 33.33333333333333%; } 992 | 993 | .col-sm-pull-3 { 994 | right: 25%; } 995 | 996 | .col-sm-pull-2 { 997 | right: 16.666666666666664%; } 998 | 999 | .col-sm-pull-1 { 1000 | right: 8.333333333333332%; } 1001 | 1002 | .col-sm-push-12 { 1003 | left: 100%; } 1004 | 1005 | .col-sm-push-11 { 1006 | left: 91.66666666666666%; } 1007 | 1008 | .col-sm-push-10 { 1009 | left: 83.33333333333334%; } 1010 | 1011 | .col-sm-push-9 { 1012 | left: 75%; } 1013 | 1014 | .col-sm-push-8 { 1015 | left: 66.66666666666666%; } 1016 | 1017 | .col-sm-push-7 { 1018 | left: 58.333333333333336%; } 1019 | 1020 | .col-sm-push-6 { 1021 | left: 50%; } 1022 | 1023 | .col-sm-push-5 { 1024 | left: 41.66666666666667%; } 1025 | 1026 | .col-sm-push-4 { 1027 | left: 33.33333333333333%; } 1028 | 1029 | .col-sm-push-3 { 1030 | left: 25%; } 1031 | 1032 | .col-sm-push-2 { 1033 | left: 16.666666666666664%; } 1034 | 1035 | .col-sm-push-1 { 1036 | left: 8.333333333333332%; } 1037 | 1038 | .col-sm-offset-12 { 1039 | margin-left: 100%; } 1040 | 1041 | .col-sm-offset-11 { 1042 | margin-left: 91.66666666666666%; } 1043 | 1044 | .col-sm-offset-10 { 1045 | margin-left: 83.33333333333334%; } 1046 | 1047 | .col-sm-offset-9 { 1048 | margin-left: 75%; } 1049 | 1050 | .col-sm-offset-8 { 1051 | margin-left: 66.66666666666666%; } 1052 | 1053 | .col-sm-offset-7 { 1054 | margin-left: 58.333333333333336%; } 1055 | 1056 | .col-sm-offset-6 { 1057 | margin-left: 50%; } 1058 | 1059 | .col-sm-offset-5 { 1060 | margin-left: 41.66666666666667%; } 1061 | 1062 | .col-sm-offset-4 { 1063 | margin-left: 33.33333333333333%; } 1064 | 1065 | .col-sm-offset-3 { 1066 | margin-left: 25%; } 1067 | 1068 | .col-sm-offset-2 { 1069 | margin-left: 16.666666666666664%; } 1070 | 1071 | .col-sm-offset-1 { 1072 | margin-left: 8.333333333333332%; } } 1073 | @media (min-width: 992px) { 1074 | .container { 1075 | width: 970px; } 1076 | 1077 | .col-md-1, 1078 | .col-md-2, 1079 | .col-md-3, 1080 | .col-md-4, 1081 | .col-md-5, 1082 | .col-md-6, 1083 | .col-md-7, 1084 | .col-md-8, 1085 | .col-md-9, 1086 | .col-md-10, 1087 | .col-md-11 { 1088 | float: left; } 1089 | 1090 | .col-md-12 { 1091 | width: 100%; } 1092 | 1093 | .col-md-11 { 1094 | width: 91.66666666666666%; } 1095 | 1096 | .col-md-10 { 1097 | width: 83.33333333333334%; } 1098 | 1099 | .col-md-9 { 1100 | width: 75%; } 1101 | 1102 | .col-md-8 { 1103 | width: 66.66666666666666%; } 1104 | 1105 | .col-md-7 { 1106 | width: 58.333333333333336%; } 1107 | 1108 | .col-md-6 { 1109 | width: 50%; } 1110 | 1111 | .col-md-5 { 1112 | width: 41.66666666666667%; } 1113 | 1114 | .col-md-4 { 1115 | width: 33.33333333333333%; } 1116 | 1117 | .col-md-3 { 1118 | width: 25%; } 1119 | 1120 | .col-md-2 { 1121 | width: 16.666666666666664%; } 1122 | 1123 | .col-md-1 { 1124 | width: 8.333333333333332%; } 1125 | 1126 | .col-md-pull-12 { 1127 | right: 100%; } 1128 | 1129 | .col-md-pull-11 { 1130 | right: 91.66666666666666%; } 1131 | 1132 | .col-md-pull-10 { 1133 | right: 83.33333333333334%; } 1134 | 1135 | .col-md-pull-9 { 1136 | right: 75%; } 1137 | 1138 | .col-md-pull-8 { 1139 | right: 66.66666666666666%; } 1140 | 1141 | .col-md-pull-7 { 1142 | right: 58.333333333333336%; } 1143 | 1144 | .col-md-pull-6 { 1145 | right: 50%; } 1146 | 1147 | .col-md-pull-5 { 1148 | right: 41.66666666666667%; } 1149 | 1150 | .col-md-pull-4 { 1151 | right: 33.33333333333333%; } 1152 | 1153 | .col-md-pull-3 { 1154 | right: 25%; } 1155 | 1156 | .col-md-pull-2 { 1157 | right: 16.666666666666664%; } 1158 | 1159 | .col-md-pull-1 { 1160 | right: 8.333333333333332%; } 1161 | 1162 | .col-md-push-12 { 1163 | left: 100%; } 1164 | 1165 | .col-md-push-11 { 1166 | left: 91.66666666666666%; } 1167 | 1168 | .col-md-push-10 { 1169 | left: 83.33333333333334%; } 1170 | 1171 | .col-md-push-9 { 1172 | left: 75%; } 1173 | 1174 | .col-md-push-8 { 1175 | left: 66.66666666666666%; } 1176 | 1177 | .col-md-push-7 { 1178 | left: 58.333333333333336%; } 1179 | 1180 | .col-md-push-6 { 1181 | left: 50%; } 1182 | 1183 | .col-md-push-5 { 1184 | left: 41.66666666666667%; } 1185 | 1186 | .col-md-push-4 { 1187 | left: 33.33333333333333%; } 1188 | 1189 | .col-md-push-3 { 1190 | left: 25%; } 1191 | 1192 | .col-md-push-2 { 1193 | left: 16.666666666666664%; } 1194 | 1195 | .col-md-push-1 { 1196 | left: 8.333333333333332%; } 1197 | 1198 | .col-md-offset-12 { 1199 | margin-left: 100%; } 1200 | 1201 | .col-md-offset-11 { 1202 | margin-left: 91.66666666666666%; } 1203 | 1204 | .col-md-offset-10 { 1205 | margin-left: 83.33333333333334%; } 1206 | 1207 | .col-md-offset-9 { 1208 | margin-left: 75%; } 1209 | 1210 | .col-md-offset-8 { 1211 | margin-left: 66.66666666666666%; } 1212 | 1213 | .col-md-offset-7 { 1214 | margin-left: 58.333333333333336%; } 1215 | 1216 | .col-md-offset-6 { 1217 | margin-left: 50%; } 1218 | 1219 | .col-md-offset-5 { 1220 | margin-left: 41.66666666666667%; } 1221 | 1222 | .col-md-offset-4 { 1223 | margin-left: 33.33333333333333%; } 1224 | 1225 | .col-md-offset-3 { 1226 | margin-left: 25%; } 1227 | 1228 | .col-md-offset-2 { 1229 | margin-left: 16.666666666666664%; } 1230 | 1231 | .col-md-offset-1 { 1232 | margin-left: 8.333333333333332%; } } 1233 | @media (min-width: 1200px) { 1234 | .container { 1235 | width: 1170px; } 1236 | 1237 | .col-lg-1, 1238 | .col-lg-2, 1239 | .col-lg-3, 1240 | .col-lg-4, 1241 | .col-lg-5, 1242 | .col-lg-6, 1243 | .col-lg-7, 1244 | .col-lg-8, 1245 | .col-lg-9, 1246 | .col-lg-10, 1247 | .col-lg-11 { 1248 | float: left; } 1249 | 1250 | .col-lg-12 { 1251 | width: 100%; } 1252 | 1253 | .col-lg-11 { 1254 | width: 91.66666666666666%; } 1255 | 1256 | .col-lg-10 { 1257 | width: 83.33333333333334%; } 1258 | 1259 | .col-lg-9 { 1260 | width: 75%; } 1261 | 1262 | .col-lg-8 { 1263 | width: 66.66666666666666%; } 1264 | 1265 | .col-lg-7 { 1266 | width: 58.333333333333336%; } 1267 | 1268 | .col-lg-6 { 1269 | width: 50%; } 1270 | 1271 | .col-lg-5 { 1272 | width: 41.66666666666667%; } 1273 | 1274 | .col-lg-4 { 1275 | width: 33.33333333333333%; } 1276 | 1277 | .col-lg-3 { 1278 | width: 25%; } 1279 | 1280 | .col-lg-2 { 1281 | width: 16.666666666666664%; } 1282 | 1283 | .col-lg-1 { 1284 | width: 8.333333333333332%; } 1285 | 1286 | .col-lg-pull-12 { 1287 | right: 100%; } 1288 | 1289 | .col-lg-pull-11 { 1290 | right: 91.66666666666666%; } 1291 | 1292 | .col-lg-pull-10 { 1293 | right: 83.33333333333334%; } 1294 | 1295 | .col-lg-pull-9 { 1296 | right: 75%; } 1297 | 1298 | .col-lg-pull-8 { 1299 | right: 66.66666666666666%; } 1300 | 1301 | .col-lg-pull-7 { 1302 | right: 58.333333333333336%; } 1303 | 1304 | .col-lg-pull-6 { 1305 | right: 50%; } 1306 | 1307 | .col-lg-pull-5 { 1308 | right: 41.66666666666667%; } 1309 | 1310 | .col-lg-pull-4 { 1311 | right: 33.33333333333333%; } 1312 | 1313 | .col-lg-pull-3 { 1314 | right: 25%; } 1315 | 1316 | .col-lg-pull-2 { 1317 | right: 16.666666666666664%; } 1318 | 1319 | .col-lg-pull-1 { 1320 | right: 8.333333333333332%; } 1321 | 1322 | .col-lg-push-12 { 1323 | left: 100%; } 1324 | 1325 | .col-lg-push-11 { 1326 | left: 91.66666666666666%; } 1327 | 1328 | .col-lg-push-10 { 1329 | left: 83.33333333333334%; } 1330 | 1331 | .col-lg-push-9 { 1332 | left: 75%; } 1333 | 1334 | .col-lg-push-8 { 1335 | left: 66.66666666666666%; } 1336 | 1337 | .col-lg-push-7 { 1338 | left: 58.333333333333336%; } 1339 | 1340 | .col-lg-push-6 { 1341 | left: 50%; } 1342 | 1343 | .col-lg-push-5 { 1344 | left: 41.66666666666667%; } 1345 | 1346 | .col-lg-push-4 { 1347 | left: 33.33333333333333%; } 1348 | 1349 | .col-lg-push-3 { 1350 | left: 25%; } 1351 | 1352 | .col-lg-push-2 { 1353 | left: 16.666666666666664%; } 1354 | 1355 | .col-lg-push-1 { 1356 | left: 8.333333333333332%; } 1357 | 1358 | .col-lg-offset-12 { 1359 | margin-left: 100%; } 1360 | 1361 | .col-lg-offset-11 { 1362 | margin-left: 91.66666666666666%; } 1363 | 1364 | .col-lg-offset-10 { 1365 | margin-left: 83.33333333333334%; } 1366 | 1367 | .col-lg-offset-9 { 1368 | margin-left: 75%; } 1369 | 1370 | .col-lg-offset-8 { 1371 | margin-left: 66.66666666666666%; } 1372 | 1373 | .col-lg-offset-7 { 1374 | margin-left: 58.333333333333336%; } 1375 | 1376 | .col-lg-offset-6 { 1377 | margin-left: 50%; } 1378 | 1379 | .col-lg-offset-5 { 1380 | margin-left: 41.66666666666667%; } 1381 | 1382 | .col-lg-offset-4 { 1383 | margin-left: 33.33333333333333%; } 1384 | 1385 | .col-lg-offset-3 { 1386 | margin-left: 25%; } 1387 | 1388 | .col-lg-offset-2 { 1389 | margin-left: 16.666666666666664%; } 1390 | 1391 | .col-lg-offset-1 { 1392 | margin-left: 8.333333333333332%; } } 1393 | table { 1394 | max-width: 100%; 1395 | background-color: transparent; } 1396 | 1397 | th { 1398 | text-align: left; } 1399 | 1400 | .table { 1401 | width: 100%; 1402 | margin-bottom: 20px; } 1403 | 1404 | .table > thead > tr > th, 1405 | .table > tbody > tr > th, 1406 | .table > tfoot > tr > th, 1407 | .table > thead > tr > td, 1408 | .table > tbody > tr > td, 1409 | .table > tfoot > tr > td { 1410 | padding: 8px; 1411 | line-height: 1.428571429; 1412 | vertical-align: top; 1413 | border-top: 1px solid #dddddd; } 1414 | 1415 | .table > thead > tr > th { 1416 | vertical-align: bottom; 1417 | border-bottom: 2px solid #dddddd; } 1418 | 1419 | .table > caption + thead > tr:first-child > th, 1420 | .table > colgroup + thead > tr:first-child > th, 1421 | .table > thead:first-child > tr:first-child > th, 1422 | .table > caption + thead > tr:first-child > td, 1423 | .table > colgroup + thead > tr:first-child > td, 1424 | .table > thead:first-child > tr:first-child > td { 1425 | border-top: 0; } 1426 | 1427 | .table > tbody + tbody { 1428 | border-top: 2px solid #dddddd; } 1429 | 1430 | .table .table { 1431 | background-color: #ffffff; } 1432 | 1433 | .table-condensed > thead > tr > th, 1434 | .table-condensed > tbody > tr > th, 1435 | .table-condensed > tfoot > tr > th, 1436 | .table-condensed > thead > tr > td, 1437 | .table-condensed > tbody > tr > td, 1438 | .table-condensed > tfoot > tr > td { 1439 | padding: 5px; } 1440 | 1441 | .table-bordered { 1442 | border: 1px solid #dddddd; } 1443 | 1444 | .table-bordered > thead > tr > th, 1445 | .table-bordered > tbody > tr > th, 1446 | .table-bordered > tfoot > tr > th, 1447 | .table-bordered > thead > tr > td, 1448 | .table-bordered > tbody > tr > td, 1449 | .table-bordered > tfoot > tr > td { 1450 | border: 1px solid #dddddd; } 1451 | 1452 | .table-bordered > thead > tr > th, 1453 | .table-bordered > thead > tr > td { 1454 | border-bottom-width: 2px; } 1455 | 1456 | .table-striped > tbody > tr:nth-child(odd) > td, 1457 | .table-striped > tbody > tr:nth-child(odd) > th { 1458 | background-color: #f9f9f9; } 1459 | 1460 | .table-hover > tbody > tr:hover > td, 1461 | .table-hover > tbody > tr:hover > th { 1462 | background-color: #f5f5f5; } 1463 | 1464 | table col[class*="col-"] { 1465 | display: table-column; 1466 | float: none; } 1467 | 1468 | table td[class*="col-"], 1469 | table th[class*="col-"] { 1470 | display: table-cell; 1471 | float: none; } 1472 | 1473 | .table > thead > tr > td.active, 1474 | .table > tbody > tr > td.active, 1475 | .table > tfoot > tr > td.active, 1476 | .table > thead > tr > th.active, 1477 | .table > tbody > tr > th.active, 1478 | .table > tfoot > tr > th.active, 1479 | .table > thead > tr.active > td, 1480 | .table > tbody > tr.active > td, 1481 | .table > tfoot > tr.active > td, 1482 | .table > thead > tr.active > th, 1483 | .table > tbody > tr.active > th, 1484 | .table > tfoot > tr.active > th { 1485 | background-color: #f5f5f5; } 1486 | 1487 | .table > thead > tr > td.success, 1488 | .table > tbody > tr > td.success, 1489 | .table > tfoot > tr > td.success, 1490 | .table > thead > tr > th.success, 1491 | .table > tbody > tr > th.success, 1492 | .table > tfoot > tr > th.success, 1493 | .table > thead > tr.success > td, 1494 | .table > tbody > tr.success > td, 1495 | .table > tfoot > tr.success > td, 1496 | .table > thead > tr.success > th, 1497 | .table > tbody > tr.success > th, 1498 | .table > tfoot > tr.success > th { 1499 | background-color: #dff0d8; } 1500 | 1501 | .table-hover > tbody > tr > td.success:hover, 1502 | .table-hover > tbody > tr > th.success:hover, 1503 | .table-hover > tbody > tr.success:hover > td, 1504 | .table-hover > tbody > tr.success:hover > th { 1505 | background-color: #d0e9c6; } 1506 | 1507 | .table > thead > tr > td.danger, 1508 | .table > tbody > tr > td.danger, 1509 | .table > tfoot > tr > td.danger, 1510 | .table > thead > tr > th.danger, 1511 | .table > tbody > tr > th.danger, 1512 | .table > tfoot > tr > th.danger, 1513 | .table > thead > tr.danger > td, 1514 | .table > tbody > tr.danger > td, 1515 | .table > tfoot > tr.danger > td, 1516 | .table > thead > tr.danger > th, 1517 | .table > tbody > tr.danger > th, 1518 | .table > tfoot > tr.danger > th { 1519 | background-color: #f2dede; } 1520 | 1521 | .table-hover > tbody > tr > td.danger:hover, 1522 | .table-hover > tbody > tr > th.danger:hover, 1523 | .table-hover > tbody > tr.danger:hover > td, 1524 | .table-hover > tbody > tr.danger:hover > th { 1525 | background-color: #ebcccc; } 1526 | 1527 | .table > thead > tr > td.warning, 1528 | .table > tbody > tr > td.warning, 1529 | .table > tfoot > tr > td.warning, 1530 | .table > thead > tr > th.warning, 1531 | .table > tbody > tr > th.warning, 1532 | .table > tfoot > tr > th.warning, 1533 | .table > thead > tr.warning > td, 1534 | .table > tbody > tr.warning > td, 1535 | .table > tfoot > tr.warning > td, 1536 | .table > thead > tr.warning > th, 1537 | .table > tbody > tr.warning > th, 1538 | .table > tfoot > tr.warning > th { 1539 | background-color: #fcf8e3; } 1540 | 1541 | .table-hover > tbody > tr > td.warning:hover, 1542 | .table-hover > tbody > tr > th.warning:hover, 1543 | .table-hover > tbody > tr.warning:hover > td, 1544 | .table-hover > tbody > tr.warning:hover > th { 1545 | background-color: #faf2cc; } 1546 | 1547 | @media (max-width: 767px) { 1548 | .table-responsive { 1549 | width: 100%; 1550 | margin-bottom: 15px; 1551 | overflow-x: scroll; 1552 | overflow-y: hidden; 1553 | border: 1px solid #dddddd; 1554 | -ms-overflow-style: -ms-autohiding-scrollbar; 1555 | -webkit-overflow-scrolling: touch; } 1556 | 1557 | .table-responsive > .table { 1558 | margin-bottom: 0; } 1559 | 1560 | .table-responsive > .table > thead > tr > th, 1561 | .table-responsive > .table > tbody > tr > th, 1562 | .table-responsive > .table > tfoot > tr > th, 1563 | .table-responsive > .table > thead > tr > td, 1564 | .table-responsive > .table > tbody > tr > td, 1565 | .table-responsive > .table > tfoot > tr > td { 1566 | white-space: nowrap; } 1567 | 1568 | .table-responsive > .table-bordered { 1569 | border: 0; } 1570 | 1571 | .table-responsive > .table-bordered > thead > tr > th:first-child, 1572 | .table-responsive > .table-bordered > tbody > tr > th:first-child, 1573 | .table-responsive > .table-bordered > tfoot > tr > th:first-child, 1574 | .table-responsive > .table-bordered > thead > tr > td:first-child, 1575 | .table-responsive > .table-bordered > tbody > tr > td:first-child, 1576 | .table-responsive > .table-bordered > tfoot > tr > td:first-child { 1577 | border-left: 0; } 1578 | 1579 | .table-responsive > .table-bordered > thead > tr > th:last-child, 1580 | .table-responsive > .table-bordered > tbody > tr > th:last-child, 1581 | .table-responsive > .table-bordered > tfoot > tr > th:last-child, 1582 | .table-responsive > .table-bordered > thead > tr > td:last-child, 1583 | .table-responsive > .table-bordered > tbody > tr > td:last-child, 1584 | .table-responsive > .table-bordered > tfoot > tr > td:last-child { 1585 | border-right: 0; } 1586 | 1587 | .table-responsive > .table-bordered > tbody > tr:last-child > th, 1588 | .table-responsive > .table-bordered > tfoot > tr:last-child > th, 1589 | .table-responsive > .table-bordered > tbody > tr:last-child > td, 1590 | .table-responsive > .table-bordered > tfoot > tr:last-child > td { 1591 | border-bottom: 0; } } 1592 | fieldset { 1593 | padding: 0; 1594 | margin: 0; 1595 | border: 0; } 1596 | 1597 | legend { 1598 | display: block; 1599 | width: 100%; 1600 | padding: 0; 1601 | margin-bottom: 20px; 1602 | font-size: 21px; 1603 | line-height: inherit; 1604 | color: #333333; 1605 | border: 0; 1606 | border-bottom: 1px solid #e5e5e5; } 1607 | 1608 | label { 1609 | display: inline-block; 1610 | margin-bottom: 5px; 1611 | font-weight: bold; } 1612 | 1613 | input[type="search"] { 1614 | -webkit-box-sizing: border-box; 1615 | -moz-box-sizing: border-box; 1616 | box-sizing: border-box; } 1617 | 1618 | input[type="radio"], 1619 | input[type="checkbox"] { 1620 | margin: 4px 0 0; 1621 | margin-top: 1px \9; 1622 | /* IE8-9 */ 1623 | line-height: normal; } 1624 | 1625 | input[type="file"] { 1626 | display: block; } 1627 | 1628 | select[multiple], 1629 | select[size] { 1630 | height: auto; } 1631 | 1632 | select optgroup { 1633 | font-family: inherit; 1634 | font-size: inherit; 1635 | font-style: inherit; } 1636 | 1637 | input[type="file"]:focus, 1638 | input[type="radio"]:focus, 1639 | input[type="checkbox"]:focus { 1640 | outline: thin dotted #333; 1641 | outline: 5px auto -webkit-focus-ring-color; 1642 | outline-offset: -2px; } 1643 | 1644 | input[type="number"]::-webkit-outer-spin-button, 1645 | input[type="number"]::-webkit-inner-spin-button { 1646 | height: auto; } 1647 | 1648 | output { 1649 | display: block; 1650 | padding-top: 7px; 1651 | font-size: 14px; 1652 | line-height: 1.428571429; 1653 | color: #555555; 1654 | vertical-align: middle; } 1655 | 1656 | .form-control:-moz-placeholder { 1657 | color: #999999; } 1658 | 1659 | .form-control::-moz-placeholder { 1660 | color: #999999; } 1661 | 1662 | .form-control:-ms-input-placeholder { 1663 | color: #999999; } 1664 | 1665 | .form-control::-webkit-input-placeholder { 1666 | color: #999999; } 1667 | 1668 | .form-control { 1669 | display: block; 1670 | width: 100%; 1671 | height: 34px; 1672 | padding: 6px 12px; 1673 | font-size: 14px; 1674 | line-height: 1.428571429; 1675 | color: #555555; 1676 | vertical-align: middle; 1677 | background-color: #ffffff; 1678 | background-image: none; 1679 | border: 1px solid #cccccc; 1680 | border-radius: 4px; 1681 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1682 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1683 | -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 1684 | transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } 1685 | 1686 | .form-control:focus { 1687 | border-color: #66afe9; 1688 | outline: 0; 1689 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); 1690 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } 1691 | 1692 | .form-control[disabled], 1693 | .form-control[readonly], 1694 | fieldset[disabled] .form-control { 1695 | cursor: not-allowed; 1696 | background-color: #eeeeee; } 1697 | 1698 | textarea.form-control { 1699 | height: auto; } 1700 | 1701 | .form-group { 1702 | margin-bottom: 15px; } 1703 | 1704 | .radio, 1705 | .checkbox { 1706 | display: block; 1707 | min-height: 20px; 1708 | padding-left: 20px; 1709 | margin-top: 10px; 1710 | margin-bottom: 10px; 1711 | vertical-align: middle; } 1712 | 1713 | .radio label, 1714 | .checkbox label { 1715 | display: inline; 1716 | margin-bottom: 0; 1717 | font-weight: normal; 1718 | cursor: pointer; } 1719 | 1720 | .radio input[type="radio"], 1721 | .radio-inline input[type="radio"], 1722 | .checkbox input[type="checkbox"], 1723 | .checkbox-inline input[type="checkbox"] { 1724 | float: left; 1725 | margin-left: -20px; } 1726 | 1727 | .radio + .radio, 1728 | .checkbox + .checkbox { 1729 | margin-top: -5px; } 1730 | 1731 | .radio-inline, 1732 | .checkbox-inline { 1733 | display: inline-block; 1734 | padding-left: 20px; 1735 | margin-bottom: 0; 1736 | font-weight: normal; 1737 | vertical-align: middle; 1738 | cursor: pointer; } 1739 | 1740 | .radio-inline + .radio-inline, 1741 | .checkbox-inline + .checkbox-inline { 1742 | margin-top: 0; 1743 | margin-left: 10px; } 1744 | 1745 | input[type="radio"][disabled], 1746 | input[type="checkbox"][disabled], 1747 | .radio[disabled], 1748 | .radio-inline[disabled], 1749 | .checkbox[disabled], 1750 | .checkbox-inline[disabled], 1751 | fieldset[disabled] input[type="radio"], 1752 | fieldset[disabled] input[type="checkbox"], 1753 | fieldset[disabled] .radio, 1754 | fieldset[disabled] .radio-inline, 1755 | fieldset[disabled] .checkbox, 1756 | fieldset[disabled] .checkbox-inline { 1757 | cursor: not-allowed; } 1758 | 1759 | .input-sm { 1760 | height: 30px; 1761 | padding: 5px 10px; 1762 | font-size: 12px; 1763 | line-height: 1.5; 1764 | border-radius: 3px; } 1765 | 1766 | select.input-sm { 1767 | height: 30px; 1768 | line-height: 30px; } 1769 | 1770 | textarea.input-sm { 1771 | height: auto; } 1772 | 1773 | .input-lg { 1774 | height: 45px; 1775 | padding: 10px 16px; 1776 | font-size: 18px; 1777 | line-height: 1.33; 1778 | border-radius: 6px; } 1779 | 1780 | select.input-lg { 1781 | height: 45px; 1782 | line-height: 45px; } 1783 | 1784 | textarea.input-lg { 1785 | height: auto; } 1786 | 1787 | .has-warning .help-block, 1788 | .has-warning .control-label, 1789 | .has-warning .radio, 1790 | .has-warning .checkbox, 1791 | .has-warning .radio-inline, 1792 | .has-warning .checkbox-inline { 1793 | color: #c09853; } 1794 | 1795 | .has-warning .form-control { 1796 | border-color: #c09853; 1797 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1798 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } 1799 | 1800 | .has-warning .form-control:focus { 1801 | border-color: #a47e3c; 1802 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; 1803 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } 1804 | 1805 | .has-warning .input-group-addon { 1806 | color: #c09853; 1807 | background-color: #fcf8e3; 1808 | border-color: #c09853; } 1809 | 1810 | .has-error .help-block, 1811 | .has-error .control-label, 1812 | .has-error .radio, 1813 | .has-error .checkbox, 1814 | .has-error .radio-inline, 1815 | .has-error .checkbox-inline { 1816 | color: #b94a48; } 1817 | 1818 | .has-error .form-control { 1819 | border-color: #b94a48; 1820 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1821 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } 1822 | 1823 | .has-error .form-control:focus { 1824 | border-color: #953b39; 1825 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; 1826 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } 1827 | 1828 | .has-error .input-group-addon { 1829 | color: #b94a48; 1830 | background-color: #f2dede; 1831 | border-color: #b94a48; } 1832 | 1833 | .has-success .help-block, 1834 | .has-success .control-label, 1835 | .has-success .radio, 1836 | .has-success .checkbox, 1837 | .has-success .radio-inline, 1838 | .has-success .checkbox-inline { 1839 | color: #468847; } 1840 | 1841 | .has-success .form-control { 1842 | border-color: #468847; 1843 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 1844 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } 1845 | 1846 | .has-success .form-control:focus { 1847 | border-color: #356635; 1848 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; 1849 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } 1850 | 1851 | .has-success .input-group-addon { 1852 | color: #468847; 1853 | background-color: #dff0d8; 1854 | border-color: #468847; } 1855 | 1856 | .form-control-static { 1857 | margin-bottom: 0; } 1858 | 1859 | .help-block { 1860 | display: block; 1861 | margin-top: 5px; 1862 | margin-bottom: 10px; 1863 | color: #737373; } 1864 | 1865 | @media (min-width: 768px) { 1866 | .form-inline .form-group { 1867 | display: inline-block; 1868 | margin-bottom: 0; 1869 | vertical-align: middle; } 1870 | 1871 | .form-inline .form-control { 1872 | display: inline-block; } 1873 | 1874 | .form-inline .radio, 1875 | .form-inline .checkbox { 1876 | display: inline-block; 1877 | padding-left: 0; 1878 | margin-top: 0; 1879 | margin-bottom: 0; } 1880 | 1881 | .form-inline .radio input[type="radio"], 1882 | .form-inline .checkbox input[type="checkbox"] { 1883 | float: none; 1884 | margin-left: 0; } } 1885 | .form-horizontal .control-label, 1886 | .form-horizontal .radio, 1887 | .form-horizontal .checkbox, 1888 | .form-horizontal .radio-inline, 1889 | .form-horizontal .checkbox-inline { 1890 | padding-top: 7px; 1891 | margin-top: 0; 1892 | margin-bottom: 0; } 1893 | 1894 | .form-horizontal .form-group { 1895 | margin-right: -15px; 1896 | margin-left: -15px; } 1897 | 1898 | .form-horizontal .form-group:before, 1899 | .form-horizontal .form-group:after { 1900 | display: table; 1901 | content: " "; } 1902 | 1903 | .form-horizontal .form-group:after { 1904 | clear: both; } 1905 | 1906 | .form-horizontal .form-group:before, 1907 | .form-horizontal .form-group:after { 1908 | display: table; 1909 | content: " "; } 1910 | 1911 | .form-horizontal .form-group:after { 1912 | clear: both; } 1913 | 1914 | .form-horizontal .form-control-static { 1915 | padding-top: 7px; } 1916 | 1917 | @media (min-width: 768px) { 1918 | .form-horizontal .control-label { 1919 | text-align: right; } } 1920 | .btn { 1921 | display: inline-block; 1922 | padding: 6px 12px; 1923 | margin-bottom: 0; 1924 | font-size: 14px; 1925 | font-weight: normal; 1926 | line-height: 1.428571429; 1927 | text-align: center; 1928 | white-space: nowrap; 1929 | vertical-align: middle; 1930 | cursor: pointer; 1931 | background-image: none; 1932 | border: 1px solid transparent; 1933 | border-radius: 4px; 1934 | -webkit-user-select: none; 1935 | -moz-user-select: none; 1936 | -ms-user-select: none; 1937 | -o-user-select: none; 1938 | user-select: none; } 1939 | 1940 | .btn:focus { 1941 | outline: thin dotted #333; 1942 | outline: 5px auto -webkit-focus-ring-color; 1943 | outline-offset: -2px; } 1944 | 1945 | .btn:hover, 1946 | .btn:focus { 1947 | color: #333333; 1948 | text-decoration: none; } 1949 | 1950 | .btn:active, 1951 | .btn.active { 1952 | background-image: none; 1953 | outline: 0; 1954 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 1955 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } 1956 | 1957 | .btn.disabled, 1958 | .btn[disabled], 1959 | fieldset[disabled] .btn { 1960 | pointer-events: none; 1961 | cursor: not-allowed; 1962 | opacity: 0.65; 1963 | filter: alpha(opacity=65); 1964 | -webkit-box-shadow: none; 1965 | box-shadow: none; } 1966 | 1967 | .btn-default { 1968 | color: #333333; 1969 | background-color: #ffffff; 1970 | border-color: #cccccc; } 1971 | 1972 | .btn-default:hover, 1973 | .btn-default:focus, 1974 | .btn-default:active, 1975 | .btn-default.active, 1976 | .open .dropdown-toggle.btn-default { 1977 | color: #333333; 1978 | background-color: #ebebeb; 1979 | border-color: #adadad; } 1980 | 1981 | .btn-default:active, 1982 | .btn-default.active, 1983 | .open .dropdown-toggle.btn-default { 1984 | background-image: none; } 1985 | 1986 | .btn-default.disabled, 1987 | .btn-default[disabled], 1988 | fieldset[disabled] .btn-default, 1989 | .btn-default.disabled:hover, 1990 | .btn-default[disabled]:hover, 1991 | fieldset[disabled] .btn-default:hover, 1992 | .btn-default.disabled:focus, 1993 | .btn-default[disabled]:focus, 1994 | fieldset[disabled] .btn-default:focus, 1995 | .btn-default.disabled:active, 1996 | .btn-default[disabled]:active, 1997 | fieldset[disabled] .btn-default:active, 1998 | .btn-default.disabled.active, 1999 | .btn-default[disabled].active, 2000 | fieldset[disabled] .btn-default.active { 2001 | background-color: #ffffff; 2002 | border-color: #cccccc; } 2003 | 2004 | .btn-primary { 2005 | color: #ffffff; 2006 | background-color: #428bca; 2007 | border-color: #357ebd; } 2008 | 2009 | .btn-primary:hover, 2010 | .btn-primary:focus, 2011 | .btn-primary:active, 2012 | .btn-primary.active, 2013 | .open .dropdown-toggle.btn-primary { 2014 | color: #ffffff; 2015 | background-color: #3276b1; 2016 | border-color: #285e8e; } 2017 | 2018 | .btn-primary:active, 2019 | .btn-primary.active, 2020 | .open .dropdown-toggle.btn-primary { 2021 | background-image: none; } 2022 | 2023 | .btn-primary.disabled, 2024 | .btn-primary[disabled], 2025 | fieldset[disabled] .btn-primary, 2026 | .btn-primary.disabled:hover, 2027 | .btn-primary[disabled]:hover, 2028 | fieldset[disabled] .btn-primary:hover, 2029 | .btn-primary.disabled:focus, 2030 | .btn-primary[disabled]:focus, 2031 | fieldset[disabled] .btn-primary:focus, 2032 | .btn-primary.disabled:active, 2033 | .btn-primary[disabled]:active, 2034 | fieldset[disabled] .btn-primary:active, 2035 | .btn-primary.disabled.active, 2036 | .btn-primary[disabled].active, 2037 | fieldset[disabled] .btn-primary.active { 2038 | background-color: #428bca; 2039 | border-color: #357ebd; } 2040 | 2041 | .btn-warning { 2042 | color: #ffffff; 2043 | background-color: #f0ad4e; 2044 | border-color: #eea236; } 2045 | 2046 | .btn-warning:hover, 2047 | .btn-warning:focus, 2048 | .btn-warning:active, 2049 | .btn-warning.active, 2050 | .open .dropdown-toggle.btn-warning { 2051 | color: #ffffff; 2052 | background-color: #ed9c28; 2053 | border-color: #d58512; } 2054 | 2055 | .btn-warning:active, 2056 | .btn-warning.active, 2057 | .open .dropdown-toggle.btn-warning { 2058 | background-image: none; } 2059 | 2060 | .btn-warning.disabled, 2061 | .btn-warning[disabled], 2062 | fieldset[disabled] .btn-warning, 2063 | .btn-warning.disabled:hover, 2064 | .btn-warning[disabled]:hover, 2065 | fieldset[disabled] .btn-warning:hover, 2066 | .btn-warning.disabled:focus, 2067 | .btn-warning[disabled]:focus, 2068 | fieldset[disabled] .btn-warning:focus, 2069 | .btn-warning.disabled:active, 2070 | .btn-warning[disabled]:active, 2071 | fieldset[disabled] .btn-warning:active, 2072 | .btn-warning.disabled.active, 2073 | .btn-warning[disabled].active, 2074 | fieldset[disabled] .btn-warning.active { 2075 | background-color: #f0ad4e; 2076 | border-color: #eea236; } 2077 | 2078 | .btn-danger { 2079 | color: #ffffff; 2080 | background-color: #d9534f; 2081 | border-color: #d43f3a; } 2082 | 2083 | .btn-danger:hover, 2084 | .btn-danger:focus, 2085 | .btn-danger:active, 2086 | .btn-danger.active, 2087 | .open .dropdown-toggle.btn-danger { 2088 | color: #ffffff; 2089 | background-color: #d2322d; 2090 | border-color: #ac2925; } 2091 | 2092 | .btn-danger:active, 2093 | .btn-danger.active, 2094 | .open .dropdown-toggle.btn-danger { 2095 | background-image: none; } 2096 | 2097 | .btn-danger.disabled, 2098 | .btn-danger[disabled], 2099 | fieldset[disabled] .btn-danger, 2100 | .btn-danger.disabled:hover, 2101 | .btn-danger[disabled]:hover, 2102 | fieldset[disabled] .btn-danger:hover, 2103 | .btn-danger.disabled:focus, 2104 | .btn-danger[disabled]:focus, 2105 | fieldset[disabled] .btn-danger:focus, 2106 | .btn-danger.disabled:active, 2107 | .btn-danger[disabled]:active, 2108 | fieldset[disabled] .btn-danger:active, 2109 | .btn-danger.disabled.active, 2110 | .btn-danger[disabled].active, 2111 | fieldset[disabled] .btn-danger.active { 2112 | background-color: #d9534f; 2113 | border-color: #d43f3a; } 2114 | 2115 | .btn-success { 2116 | color: #ffffff; 2117 | background-color: #5cb85c; 2118 | border-color: #4cae4c; } 2119 | 2120 | .btn-success:hover, 2121 | .btn-success:focus, 2122 | .btn-success:active, 2123 | .btn-success.active, 2124 | .open .dropdown-toggle.btn-success { 2125 | color: #ffffff; 2126 | background-color: #47a447; 2127 | border-color: #398439; } 2128 | 2129 | .btn-success:active, 2130 | .btn-success.active, 2131 | .open .dropdown-toggle.btn-success { 2132 | background-image: none; } 2133 | 2134 | .btn-success.disabled, 2135 | .btn-success[disabled], 2136 | fieldset[disabled] .btn-success, 2137 | .btn-success.disabled:hover, 2138 | .btn-success[disabled]:hover, 2139 | fieldset[disabled] .btn-success:hover, 2140 | .btn-success.disabled:focus, 2141 | .btn-success[disabled]:focus, 2142 | fieldset[disabled] .btn-success:focus, 2143 | .btn-success.disabled:active, 2144 | .btn-success[disabled]:active, 2145 | fieldset[disabled] .btn-success:active, 2146 | .btn-success.disabled.active, 2147 | .btn-success[disabled].active, 2148 | fieldset[disabled] .btn-success.active { 2149 | background-color: #5cb85c; 2150 | border-color: #4cae4c; } 2151 | 2152 | .btn-info { 2153 | color: #ffffff; 2154 | background-color: #5bc0de; 2155 | border-color: #46b8da; } 2156 | 2157 | .btn-info:hover, 2158 | .btn-info:focus, 2159 | .btn-info:active, 2160 | .btn-info.active, 2161 | .open .dropdown-toggle.btn-info { 2162 | color: #ffffff; 2163 | background-color: #39b3d7; 2164 | border-color: #269abc; } 2165 | 2166 | .btn-info:active, 2167 | .btn-info.active, 2168 | .open .dropdown-toggle.btn-info { 2169 | background-image: none; } 2170 | 2171 | .btn-info.disabled, 2172 | .btn-info[disabled], 2173 | fieldset[disabled] .btn-info, 2174 | .btn-info.disabled:hover, 2175 | .btn-info[disabled]:hover, 2176 | fieldset[disabled] .btn-info:hover, 2177 | .btn-info.disabled:focus, 2178 | .btn-info[disabled]:focus, 2179 | fieldset[disabled] .btn-info:focus, 2180 | .btn-info.disabled:active, 2181 | .btn-info[disabled]:active, 2182 | fieldset[disabled] .btn-info:active, 2183 | .btn-info.disabled.active, 2184 | .btn-info[disabled].active, 2185 | fieldset[disabled] .btn-info.active { 2186 | background-color: #5bc0de; 2187 | border-color: #46b8da; } 2188 | 2189 | .btn-link { 2190 | font-weight: normal; 2191 | color: #428bca; 2192 | cursor: pointer; 2193 | border-radius: 0; } 2194 | 2195 | .btn-link, 2196 | .btn-link:active, 2197 | .btn-link[disabled], 2198 | fieldset[disabled] .btn-link { 2199 | background-color: transparent; 2200 | -webkit-box-shadow: none; 2201 | box-shadow: none; } 2202 | 2203 | .btn-link, 2204 | .btn-link:hover, 2205 | .btn-link:focus, 2206 | .btn-link:active { 2207 | border-color: transparent; } 2208 | 2209 | .btn-link:hover, 2210 | .btn-link:focus { 2211 | color: #2a6496; 2212 | text-decoration: underline; 2213 | background-color: transparent; } 2214 | 2215 | .btn-link[disabled]:hover, 2216 | fieldset[disabled] .btn-link:hover, 2217 | .btn-link[disabled]:focus, 2218 | fieldset[disabled] .btn-link:focus { 2219 | color: #999999; 2220 | text-decoration: none; } 2221 | 2222 | .btn-lg { 2223 | padding: 10px 16px; 2224 | font-size: 18px; 2225 | line-height: 1.33; 2226 | border-radius: 6px; } 2227 | 2228 | .btn-sm, 2229 | .btn-xs { 2230 | padding: 5px 10px; 2231 | font-size: 12px; 2232 | line-height: 1.5; 2233 | border-radius: 3px; } 2234 | 2235 | .btn-xs { 2236 | padding: 1px 5px; } 2237 | 2238 | .btn-block { 2239 | display: block; 2240 | width: 100%; 2241 | padding-right: 0; 2242 | padding-left: 0; } 2243 | 2244 | .btn-block + .btn-block { 2245 | margin-top: 5px; } 2246 | 2247 | input[type="submit"].btn-block, 2248 | input[type="reset"].btn-block, 2249 | input[type="button"].btn-block { 2250 | width: 100%; } 2251 | 2252 | .fade { 2253 | opacity: 0; 2254 | -webkit-transition: opacity 0.15s linear; 2255 | transition: opacity 0.15s linear; } 2256 | 2257 | .fade.in { 2258 | opacity: 1; } 2259 | 2260 | .collapse { 2261 | display: none; } 2262 | 2263 | .collapse.in { 2264 | display: block; } 2265 | 2266 | .collapsing { 2267 | position: relative; 2268 | height: 0; 2269 | overflow: hidden; 2270 | -webkit-transition: height 0.35s ease; 2271 | transition: height 0.35s ease; } 2272 | 2273 | @font-face { 2274 | font-family: 'Glyphicons Halflings'; 2275 | src: url("../fonts/glyphicons-halflings-regular.eot"); 2276 | src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } 2277 | 2278 | .glyphicon { 2279 | position: relative; 2280 | top: 1px; 2281 | display: inline-block; 2282 | font-family: 'Glyphicons Halflings'; 2283 | -webkit-font-smoothing: antialiased; 2284 | font-style: normal; 2285 | font-weight: normal; 2286 | line-height: 1; 2287 | -moz-osx-font-smoothing: grayscale; } 2288 | 2289 | .glyphicon:empty { 2290 | width: 1em; } 2291 | 2292 | .glyphicon-asterisk:before { 2293 | content: "\2a"; } 2294 | 2295 | .glyphicon-plus:before { 2296 | content: "\2b"; } 2297 | 2298 | .glyphicon-euro:before { 2299 | content: "\20ac"; } 2300 | 2301 | .glyphicon-minus:before { 2302 | content: "\2212"; } 2303 | 2304 | .glyphicon-cloud:before { 2305 | content: "\2601"; } 2306 | 2307 | .glyphicon-envelope:before { 2308 | content: "\2709"; } 2309 | 2310 | .glyphicon-pencil:before { 2311 | content: "\270f"; } 2312 | 2313 | .glyphicon-glass:before { 2314 | content: "\e001"; } 2315 | 2316 | .glyphicon-music:before { 2317 | content: "\e002"; } 2318 | 2319 | .glyphicon-search:before { 2320 | content: "\e003"; } 2321 | 2322 | .glyphicon-heart:before { 2323 | content: "\e005"; } 2324 | 2325 | .glyphicon-star:before { 2326 | content: "\e006"; } 2327 | 2328 | .glyphicon-star-empty:before { 2329 | content: "\e007"; } 2330 | 2331 | .glyphicon-user:before { 2332 | content: "\e008"; } 2333 | 2334 | .glyphicon-film:before { 2335 | content: "\e009"; } 2336 | 2337 | .glyphicon-th-large:before { 2338 | content: "\e010"; } 2339 | 2340 | .glyphicon-th:before { 2341 | content: "\e011"; } 2342 | 2343 | .glyphicon-th-list:before { 2344 | content: "\e012"; } 2345 | 2346 | .glyphicon-ok:before { 2347 | content: "\e013"; } 2348 | 2349 | .glyphicon-remove:before { 2350 | content: "\e014"; } 2351 | 2352 | .glyphicon-zoom-in:before { 2353 | content: "\e015"; } 2354 | 2355 | .glyphicon-zoom-out:before { 2356 | content: "\e016"; } 2357 | 2358 | .glyphicon-off:before { 2359 | content: "\e017"; } 2360 | 2361 | .glyphicon-signal:before { 2362 | content: "\e018"; } 2363 | 2364 | .glyphicon-cog:before { 2365 | content: "\e019"; } 2366 | 2367 | .glyphicon-trash:before { 2368 | content: "\e020"; } 2369 | 2370 | .glyphicon-home:before { 2371 | content: "\e021"; } 2372 | 2373 | .glyphicon-file:before { 2374 | content: "\e022"; } 2375 | 2376 | .glyphicon-time:before { 2377 | content: "\e023"; } 2378 | 2379 | .glyphicon-road:before { 2380 | content: "\e024"; } 2381 | 2382 | .glyphicon-download-alt:before { 2383 | content: "\e025"; } 2384 | 2385 | .glyphicon-download:before { 2386 | content: "\e026"; } 2387 | 2388 | .glyphicon-upload:before { 2389 | content: "\e027"; } 2390 | 2391 | .glyphicon-inbox:before { 2392 | content: "\e028"; } 2393 | 2394 | .glyphicon-play-circle:before { 2395 | content: "\e029"; } 2396 | 2397 | .glyphicon-repeat:before { 2398 | content: "\e030"; } 2399 | 2400 | .glyphicon-refresh:before { 2401 | content: "\e031"; } 2402 | 2403 | .glyphicon-list-alt:before { 2404 | content: "\e032"; } 2405 | 2406 | .glyphicon-lock:before { 2407 | content: "\e033"; } 2408 | 2409 | .glyphicon-flag:before { 2410 | content: "\e034"; } 2411 | 2412 | .glyphicon-headphones:before { 2413 | content: "\e035"; } 2414 | 2415 | .glyphicon-volume-off:before { 2416 | content: "\e036"; } 2417 | 2418 | .glyphicon-volume-down:before { 2419 | content: "\e037"; } 2420 | 2421 | .glyphicon-volume-up:before { 2422 | content: "\e038"; } 2423 | 2424 | .glyphicon-qrcode:before { 2425 | content: "\e039"; } 2426 | 2427 | .glyphicon-barcode:before { 2428 | content: "\e040"; } 2429 | 2430 | .glyphicon-tag:before { 2431 | content: "\e041"; } 2432 | 2433 | .glyphicon-tags:before { 2434 | content: "\e042"; } 2435 | 2436 | .glyphicon-book:before { 2437 | content: "\e043"; } 2438 | 2439 | .glyphicon-bookmark:before { 2440 | content: "\e044"; } 2441 | 2442 | .glyphicon-print:before { 2443 | content: "\e045"; } 2444 | 2445 | .glyphicon-camera:before { 2446 | content: "\e046"; } 2447 | 2448 | .glyphicon-font:before { 2449 | content: "\e047"; } 2450 | 2451 | .glyphicon-bold:before { 2452 | content: "\e048"; } 2453 | 2454 | .glyphicon-italic:before { 2455 | content: "\e049"; } 2456 | 2457 | .glyphicon-text-height:before { 2458 | content: "\e050"; } 2459 | 2460 | .glyphicon-text-width:before { 2461 | content: "\e051"; } 2462 | 2463 | .glyphicon-align-left:before { 2464 | content: "\e052"; } 2465 | 2466 | .glyphicon-align-center:before { 2467 | content: "\e053"; } 2468 | 2469 | .glyphicon-align-right:before { 2470 | content: "\e054"; } 2471 | 2472 | .glyphicon-align-justify:before { 2473 | content: "\e055"; } 2474 | 2475 | .glyphicon-list:before { 2476 | content: "\e056"; } 2477 | 2478 | .glyphicon-indent-left:before { 2479 | content: "\e057"; } 2480 | 2481 | .glyphicon-indent-right:before { 2482 | content: "\e058"; } 2483 | 2484 | .glyphicon-facetime-video:before { 2485 | content: "\e059"; } 2486 | 2487 | .glyphicon-picture:before { 2488 | content: "\e060"; } 2489 | 2490 | .glyphicon-map-marker:before { 2491 | content: "\e062"; } 2492 | 2493 | .glyphicon-adjust:before { 2494 | content: "\e063"; } 2495 | 2496 | .glyphicon-tint:before { 2497 | content: "\e064"; } 2498 | 2499 | .glyphicon-edit:before { 2500 | content: "\e065"; } 2501 | 2502 | .glyphicon-share:before { 2503 | content: "\e066"; } 2504 | 2505 | .glyphicon-check:before { 2506 | content: "\e067"; } 2507 | 2508 | .glyphicon-move:before { 2509 | content: "\e068"; } 2510 | 2511 | .glyphicon-step-backward:before { 2512 | content: "\e069"; } 2513 | 2514 | .glyphicon-fast-backward:before { 2515 | content: "\e070"; } 2516 | 2517 | .glyphicon-backward:before { 2518 | content: "\e071"; } 2519 | 2520 | .glyphicon-play:before { 2521 | content: "\e072"; } 2522 | 2523 | .glyphicon-pause:before { 2524 | content: "\e073"; } 2525 | 2526 | .glyphicon-stop:before { 2527 | content: "\e074"; } 2528 | 2529 | .glyphicon-forward:before { 2530 | content: "\e075"; } 2531 | 2532 | .glyphicon-fast-forward:before { 2533 | content: "\e076"; } 2534 | 2535 | .glyphicon-step-forward:before { 2536 | content: "\e077"; } 2537 | 2538 | .glyphicon-eject:before { 2539 | content: "\e078"; } 2540 | 2541 | .glyphicon-chevron-left:before { 2542 | content: "\e079"; } 2543 | 2544 | .glyphicon-chevron-right:before { 2545 | content: "\e080"; } 2546 | 2547 | .glyphicon-plus-sign:before { 2548 | content: "\e081"; } 2549 | 2550 | .glyphicon-minus-sign:before { 2551 | content: "\e082"; } 2552 | 2553 | .glyphicon-remove-sign:before { 2554 | content: "\e083"; } 2555 | 2556 | .glyphicon-ok-sign:before { 2557 | content: "\e084"; } 2558 | 2559 | .glyphicon-question-sign:before { 2560 | content: "\e085"; } 2561 | 2562 | .glyphicon-info-sign:before { 2563 | content: "\e086"; } 2564 | 2565 | .glyphicon-screenshot:before { 2566 | content: "\e087"; } 2567 | 2568 | .glyphicon-remove-circle:before { 2569 | content: "\e088"; } 2570 | 2571 | .glyphicon-ok-circle:before { 2572 | content: "\e089"; } 2573 | 2574 | .glyphicon-ban-circle:before { 2575 | content: "\e090"; } 2576 | 2577 | .glyphicon-arrow-left:before { 2578 | content: "\e091"; } 2579 | 2580 | .glyphicon-arrow-right:before { 2581 | content: "\e092"; } 2582 | 2583 | .glyphicon-arrow-up:before { 2584 | content: "\e093"; } 2585 | 2586 | .glyphicon-arrow-down:before { 2587 | content: "\e094"; } 2588 | 2589 | .glyphicon-share-alt:before { 2590 | content: "\e095"; } 2591 | 2592 | .glyphicon-resize-full:before { 2593 | content: "\e096"; } 2594 | 2595 | .glyphicon-resize-small:before { 2596 | content: "\e097"; } 2597 | 2598 | .glyphicon-exclamation-sign:before { 2599 | content: "\e101"; } 2600 | 2601 | .glyphicon-gift:before { 2602 | content: "\e102"; } 2603 | 2604 | .glyphicon-leaf:before { 2605 | content: "\e103"; } 2606 | 2607 | .glyphicon-fire:before { 2608 | content: "\e104"; } 2609 | 2610 | .glyphicon-eye-open:before { 2611 | content: "\e105"; } 2612 | 2613 | .glyphicon-eye-close:before { 2614 | content: "\e106"; } 2615 | 2616 | .glyphicon-warning-sign:before { 2617 | content: "\e107"; } 2618 | 2619 | .glyphicon-plane:before { 2620 | content: "\e108"; } 2621 | 2622 | .glyphicon-calendar:before { 2623 | content: "\e109"; } 2624 | 2625 | .glyphicon-random:before { 2626 | content: "\e110"; } 2627 | 2628 | .glyphicon-comment:before { 2629 | content: "\e111"; } 2630 | 2631 | .glyphicon-magnet:before { 2632 | content: "\e112"; } 2633 | 2634 | .glyphicon-chevron-up:before { 2635 | content: "\e113"; } 2636 | 2637 | .glyphicon-chevron-down:before { 2638 | content: "\e114"; } 2639 | 2640 | .glyphicon-retweet:before { 2641 | content: "\e115"; } 2642 | 2643 | .glyphicon-shopping-cart:before { 2644 | content: "\e116"; } 2645 | 2646 | .glyphicon-folder-close:before { 2647 | content: "\e117"; } 2648 | 2649 | .glyphicon-folder-open:before { 2650 | content: "\e118"; } 2651 | 2652 | .glyphicon-resize-vertical:before { 2653 | content: "\e119"; } 2654 | 2655 | .glyphicon-resize-horizontal:before { 2656 | content: "\e120"; } 2657 | 2658 | .glyphicon-hdd:before { 2659 | content: "\e121"; } 2660 | 2661 | .glyphicon-bullhorn:before { 2662 | content: "\e122"; } 2663 | 2664 | .glyphicon-bell:before { 2665 | content: "\e123"; } 2666 | 2667 | .glyphicon-certificate:before { 2668 | content: "\e124"; } 2669 | 2670 | .glyphicon-thumbs-up:before { 2671 | content: "\e125"; } 2672 | 2673 | .glyphicon-thumbs-down:before { 2674 | content: "\e126"; } 2675 | 2676 | .glyphicon-hand-right:before { 2677 | content: "\e127"; } 2678 | 2679 | .glyphicon-hand-left:before { 2680 | content: "\e128"; } 2681 | 2682 | .glyphicon-hand-up:before { 2683 | content: "\e129"; } 2684 | 2685 | .glyphicon-hand-down:before { 2686 | content: "\e130"; } 2687 | 2688 | .glyphicon-circle-arrow-right:before { 2689 | content: "\e131"; } 2690 | 2691 | .glyphicon-circle-arrow-left:before { 2692 | content: "\e132"; } 2693 | 2694 | .glyphicon-circle-arrow-up:before { 2695 | content: "\e133"; } 2696 | 2697 | .glyphicon-circle-arrow-down:before { 2698 | content: "\e134"; } 2699 | 2700 | .glyphicon-globe:before { 2701 | content: "\e135"; } 2702 | 2703 | .glyphicon-wrench:before { 2704 | content: "\e136"; } 2705 | 2706 | .glyphicon-tasks:before { 2707 | content: "\e137"; } 2708 | 2709 | .glyphicon-filter:before { 2710 | content: "\e138"; } 2711 | 2712 | .glyphicon-briefcase:before { 2713 | content: "\e139"; } 2714 | 2715 | .glyphicon-fullscreen:before { 2716 | content: "\e140"; } 2717 | 2718 | .glyphicon-dashboard:before { 2719 | content: "\e141"; } 2720 | 2721 | .glyphicon-paperclip:before { 2722 | content: "\e142"; } 2723 | 2724 | .glyphicon-heart-empty:before { 2725 | content: "\e143"; } 2726 | 2727 | .glyphicon-link:before { 2728 | content: "\e144"; } 2729 | 2730 | .glyphicon-phone:before { 2731 | content: "\e145"; } 2732 | 2733 | .glyphicon-pushpin:before { 2734 | content: "\e146"; } 2735 | 2736 | .glyphicon-usd:before { 2737 | content: "\e148"; } 2738 | 2739 | .glyphicon-gbp:before { 2740 | content: "\e149"; } 2741 | 2742 | .glyphicon-sort:before { 2743 | content: "\e150"; } 2744 | 2745 | .glyphicon-sort-by-alphabet:before { 2746 | content: "\e151"; } 2747 | 2748 | .glyphicon-sort-by-alphabet-alt:before { 2749 | content: "\e152"; } 2750 | 2751 | .glyphicon-sort-by-order:before { 2752 | content: "\e153"; } 2753 | 2754 | .glyphicon-sort-by-order-alt:before { 2755 | content: "\e154"; } 2756 | 2757 | .glyphicon-sort-by-attributes:before { 2758 | content: "\e155"; } 2759 | 2760 | .glyphicon-sort-by-attributes-alt:before { 2761 | content: "\e156"; } 2762 | 2763 | .glyphicon-unchecked:before { 2764 | content: "\e157"; } 2765 | 2766 | .glyphicon-expand:before { 2767 | content: "\e158"; } 2768 | 2769 | .glyphicon-collapse-down:before { 2770 | content: "\e159"; } 2771 | 2772 | .glyphicon-collapse-up:before { 2773 | content: "\e160"; } 2774 | 2775 | .glyphicon-log-in:before { 2776 | content: "\e161"; } 2777 | 2778 | .glyphicon-flash:before { 2779 | content: "\e162"; } 2780 | 2781 | .glyphicon-log-out:before { 2782 | content: "\e163"; } 2783 | 2784 | .glyphicon-new-window:before { 2785 | content: "\e164"; } 2786 | 2787 | .glyphicon-record:before { 2788 | content: "\e165"; } 2789 | 2790 | .glyphicon-save:before { 2791 | content: "\e166"; } 2792 | 2793 | .glyphicon-open:before { 2794 | content: "\e167"; } 2795 | 2796 | .glyphicon-saved:before { 2797 | content: "\e168"; } 2798 | 2799 | .glyphicon-import:before { 2800 | content: "\e169"; } 2801 | 2802 | .glyphicon-export:before { 2803 | content: "\e170"; } 2804 | 2805 | .glyphicon-send:before { 2806 | content: "\e171"; } 2807 | 2808 | .glyphicon-floppy-disk:before { 2809 | content: "\e172"; } 2810 | 2811 | .glyphicon-floppy-saved:before { 2812 | content: "\e173"; } 2813 | 2814 | .glyphicon-floppy-remove:before { 2815 | content: "\e174"; } 2816 | 2817 | .glyphicon-floppy-save:before { 2818 | content: "\e175"; } 2819 | 2820 | .glyphicon-floppy-open:before { 2821 | content: "\e176"; } 2822 | 2823 | .glyphicon-credit-card:before { 2824 | content: "\e177"; } 2825 | 2826 | .glyphicon-transfer:before { 2827 | content: "\e178"; } 2828 | 2829 | .glyphicon-cutlery:before { 2830 | content: "\e179"; } 2831 | 2832 | .glyphicon-header:before { 2833 | content: "\e180"; } 2834 | 2835 | .glyphicon-compressed:before { 2836 | content: "\e181"; } 2837 | 2838 | .glyphicon-earphone:before { 2839 | content: "\e182"; } 2840 | 2841 | .glyphicon-phone-alt:before { 2842 | content: "\e183"; } 2843 | 2844 | .glyphicon-tower:before { 2845 | content: "\e184"; } 2846 | 2847 | .glyphicon-stats:before { 2848 | content: "\e185"; } 2849 | 2850 | .glyphicon-sd-video:before { 2851 | content: "\e186"; } 2852 | 2853 | .glyphicon-hd-video:before { 2854 | content: "\e187"; } 2855 | 2856 | .glyphicon-subtitles:before { 2857 | content: "\e188"; } 2858 | 2859 | .glyphicon-sound-stereo:before { 2860 | content: "\e189"; } 2861 | 2862 | .glyphicon-sound-dolby:before { 2863 | content: "\e190"; } 2864 | 2865 | .glyphicon-sound-5-1:before { 2866 | content: "\e191"; } 2867 | 2868 | .glyphicon-sound-6-1:before { 2869 | content: "\e192"; } 2870 | 2871 | .glyphicon-sound-7-1:before { 2872 | content: "\e193"; } 2873 | 2874 | .glyphicon-copyright-mark:before { 2875 | content: "\e194"; } 2876 | 2877 | .glyphicon-registration-mark:before { 2878 | content: "\e195"; } 2879 | 2880 | .glyphicon-cloud-download:before { 2881 | content: "\e197"; } 2882 | 2883 | .glyphicon-cloud-upload:before { 2884 | content: "\e198"; } 2885 | 2886 | .glyphicon-tree-conifer:before { 2887 | content: "\e199"; } 2888 | 2889 | .glyphicon-tree-deciduous:before { 2890 | content: "\e200"; } 2891 | 2892 | .caret { 2893 | display: inline-block; 2894 | width: 0; 2895 | height: 0; 2896 | margin-left: 2px; 2897 | vertical-align: middle; 2898 | border-top: 4px solid #000000; 2899 | border-right: 4px solid transparent; 2900 | border-bottom: 0 dotted; 2901 | border-left: 4px solid transparent; } 2902 | 2903 | .dropdown { 2904 | position: relative; } 2905 | 2906 | .dropdown-toggle:focus { 2907 | outline: 0; } 2908 | 2909 | .dropdown-menu { 2910 | position: absolute; 2911 | top: 100%; 2912 | left: 0; 2913 | z-index: 1000; 2914 | display: none; 2915 | float: left; 2916 | min-width: 160px; 2917 | padding: 5px 0; 2918 | margin: 2px 0 0; 2919 | font-size: 14px; 2920 | list-style: none; 2921 | background-color: #ffffff; 2922 | border: 1px solid #cccccc; 2923 | border: 1px solid rgba(0, 0, 0, 0.15); 2924 | border-radius: 4px; 2925 | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 2926 | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 2927 | background-clip: padding-box; } 2928 | 2929 | .dropdown-menu.pull-right { 2930 | right: 0; 2931 | left: auto; } 2932 | 2933 | .dropdown-menu .divider { 2934 | height: 1px; 2935 | margin: 9px 0; 2936 | overflow: hidden; 2937 | background-color: #e5e5e5; } 2938 | 2939 | .dropdown-menu > li > a { 2940 | display: block; 2941 | padding: 3px 20px; 2942 | clear: both; 2943 | font-weight: normal; 2944 | line-height: 1.428571429; 2945 | color: #333333; 2946 | white-space: nowrap; } 2947 | 2948 | .dropdown-menu > li > a:hover, 2949 | .dropdown-menu > li > a:focus { 2950 | color: #262626; 2951 | text-decoration: none; 2952 | background-color: #f5f5f5; } 2953 | 2954 | .dropdown-menu > .active > a, 2955 | .dropdown-menu > .active > a:hover, 2956 | .dropdown-menu > .active > a:focus { 2957 | color: #ffffff; 2958 | text-decoration: none; 2959 | background-color: #428bca; 2960 | outline: 0; } 2961 | 2962 | .dropdown-menu > .disabled > a, 2963 | .dropdown-menu > .disabled > a:hover, 2964 | .dropdown-menu > .disabled > a:focus { 2965 | color: #999999; } 2966 | 2967 | .dropdown-menu > .disabled > a:hover, 2968 | .dropdown-menu > .disabled > a:focus { 2969 | text-decoration: none; 2970 | cursor: not-allowed; 2971 | background-color: transparent; 2972 | background-image: none; 2973 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } 2974 | 2975 | .open > .dropdown-menu { 2976 | display: block; } 2977 | 2978 | .open > a { 2979 | outline: 0; } 2980 | 2981 | .dropdown-header { 2982 | display: block; 2983 | padding: 3px 20px; 2984 | font-size: 12px; 2985 | line-height: 1.428571429; 2986 | color: #999999; } 2987 | 2988 | .dropdown-backdrop { 2989 | position: fixed; 2990 | top: 0; 2991 | right: 0; 2992 | bottom: 0; 2993 | left: 0; 2994 | z-index: 990; } 2995 | 2996 | .pull-right > .dropdown-menu { 2997 | right: 0; 2998 | left: auto; } 2999 | 3000 | .dropup .caret, 3001 | .navbar-fixed-bottom .dropdown .caret { 3002 | border-top: 0 dotted; 3003 | border-bottom: 4px solid #000000; 3004 | content: ""; } 3005 | 3006 | .dropup .dropdown-menu, 3007 | .navbar-fixed-bottom .dropdown .dropdown-menu { 3008 | top: auto; 3009 | bottom: 100%; 3010 | margin-bottom: 1px; } 3011 | 3012 | @media (min-width: 768px) { 3013 | .navbar-right .dropdown-menu { 3014 | right: 0; 3015 | left: auto; } } 3016 | .btn-default .caret { 3017 | border-top-color: #333333; } 3018 | 3019 | .btn-primary .caret, 3020 | .btn-success .caret, 3021 | .btn-warning .caret, 3022 | .btn-danger .caret, 3023 | .btn-info .caret { 3024 | border-top-color: #fff; } 3025 | 3026 | .dropup .btn-default .caret { 3027 | border-bottom-color: #333333; } 3028 | 3029 | .dropup .btn-primary .caret, 3030 | .dropup .btn-success .caret, 3031 | .dropup .btn-warning .caret, 3032 | .dropup .btn-danger .caret, 3033 | .dropup .btn-info .caret { 3034 | border-bottom-color: #fff; } 3035 | 3036 | .btn-group, 3037 | .btn-group-vertical { 3038 | position: relative; 3039 | display: inline-block; 3040 | vertical-align: middle; } 3041 | 3042 | .btn-group > .btn, 3043 | .btn-group-vertical > .btn { 3044 | position: relative; 3045 | float: left; } 3046 | 3047 | .btn-group > .btn:hover, 3048 | .btn-group-vertical > .btn:hover, 3049 | .btn-group > .btn:focus, 3050 | .btn-group-vertical > .btn:focus, 3051 | .btn-group > .btn:active, 3052 | .btn-group-vertical > .btn:active, 3053 | .btn-group > .btn.active, 3054 | .btn-group-vertical > .btn.active { 3055 | z-index: 2; } 3056 | 3057 | .btn-group > .btn:focus, 3058 | .btn-group-vertical > .btn:focus { 3059 | outline: none; } 3060 | 3061 | .btn-group .btn + .btn, 3062 | .btn-group .btn + .btn-group, 3063 | .btn-group .btn-group + .btn, 3064 | .btn-group .btn-group + .btn-group { 3065 | margin-left: -1px; } 3066 | 3067 | .btn-toolbar:before, 3068 | .btn-toolbar:after { 3069 | display: table; 3070 | content: " "; } 3071 | 3072 | .btn-toolbar:after { 3073 | clear: both; } 3074 | 3075 | .btn-toolbar:before, 3076 | .btn-toolbar:after { 3077 | display: table; 3078 | content: " "; } 3079 | 3080 | .btn-toolbar:after { 3081 | clear: both; } 3082 | 3083 | .btn-toolbar .btn-group { 3084 | float: left; } 3085 | 3086 | .btn-toolbar > .btn + .btn, 3087 | .btn-toolbar > .btn-group + .btn, 3088 | .btn-toolbar > .btn + .btn-group, 3089 | .btn-toolbar > .btn-group + .btn-group { 3090 | margin-left: 5px; } 3091 | 3092 | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { 3093 | border-radius: 0; } 3094 | 3095 | .btn-group > .btn:first-child { 3096 | margin-left: 0; } 3097 | 3098 | .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { 3099 | border-top-right-radius: 0; 3100 | border-bottom-right-radius: 0; } 3101 | 3102 | .btn-group > .btn:last-child:not(:first-child), 3103 | .btn-group > .dropdown-toggle:not(:first-child) { 3104 | border-bottom-left-radius: 0; 3105 | border-top-left-radius: 0; } 3106 | 3107 | .btn-group > .btn-group { 3108 | float: left; } 3109 | 3110 | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { 3111 | border-radius: 0; } 3112 | 3113 | .btn-group > .btn-group:first-child > .btn:last-child, 3114 | .btn-group > .btn-group:first-child > .dropdown-toggle { 3115 | border-top-right-radius: 0; 3116 | border-bottom-right-radius: 0; } 3117 | 3118 | .btn-group > .btn-group:last-child > .btn:first-child { 3119 | border-bottom-left-radius: 0; 3120 | border-top-left-radius: 0; } 3121 | 3122 | .btn-group .dropdown-toggle:active, 3123 | .btn-group.open .dropdown-toggle { 3124 | outline: 0; } 3125 | 3126 | .btn-group-xs > .btn { 3127 | padding: 5px 10px; 3128 | padding: 1px 5px; 3129 | font-size: 12px; 3130 | line-height: 1.5; 3131 | border-radius: 3px; } 3132 | 3133 | .btn-group-sm > .btn { 3134 | padding: 5px 10px; 3135 | font-size: 12px; 3136 | line-height: 1.5; 3137 | border-radius: 3px; } 3138 | 3139 | .btn-group-lg > .btn { 3140 | padding: 10px 16px; 3141 | font-size: 18px; 3142 | line-height: 1.33; 3143 | border-radius: 6px; } 3144 | 3145 | .btn-group > .btn + .dropdown-toggle { 3146 | padding-right: 8px; 3147 | padding-left: 8px; } 3148 | 3149 | .btn-group > .btn-lg + .dropdown-toggle { 3150 | padding-right: 12px; 3151 | padding-left: 12px; } 3152 | 3153 | .btn-group.open .dropdown-toggle { 3154 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3155 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } 3156 | 3157 | .btn-group.open .dropdown-toggle.btn-link { 3158 | -webkit-box-shadow: none; 3159 | box-shadow: none; } 3160 | 3161 | .btn .caret { 3162 | margin-left: 0; } 3163 | 3164 | .btn-lg .caret { 3165 | border-width: 5px 5px 0; 3166 | border-bottom-width: 0; } 3167 | 3168 | .dropup .btn-lg .caret { 3169 | border-width: 0 5px 5px; } 3170 | 3171 | .btn-group-vertical > .btn, 3172 | .btn-group-vertical > .btn-group { 3173 | display: block; 3174 | float: none; 3175 | width: 100%; 3176 | max-width: 100%; } 3177 | 3178 | .btn-group-vertical > .btn-group:before, 3179 | .btn-group-vertical > .btn-group:after { 3180 | display: table; 3181 | content: " "; } 3182 | 3183 | .btn-group-vertical > .btn-group:after { 3184 | clear: both; } 3185 | 3186 | .btn-group-vertical > .btn-group:before, 3187 | .btn-group-vertical > .btn-group:after { 3188 | display: table; 3189 | content: " "; } 3190 | 3191 | .btn-group-vertical > .btn-group:after { 3192 | clear: both; } 3193 | 3194 | .btn-group-vertical > .btn-group > .btn { 3195 | float: none; } 3196 | 3197 | .btn-group-vertical > .btn + .btn, 3198 | .btn-group-vertical > .btn + .btn-group, 3199 | .btn-group-vertical > .btn-group + .btn, 3200 | .btn-group-vertical > .btn-group + .btn-group { 3201 | margin-top: -1px; 3202 | margin-left: 0; } 3203 | 3204 | .btn-group-vertical > .btn:not(:first-child):not(:last-child) { 3205 | border-radius: 0; } 3206 | 3207 | .btn-group-vertical > .btn:first-child:not(:last-child) { 3208 | border-top-right-radius: 4px; 3209 | border-bottom-right-radius: 0; 3210 | border-bottom-left-radius: 0; } 3211 | 3212 | .btn-group-vertical > .btn:last-child:not(:first-child) { 3213 | border-top-right-radius: 0; 3214 | border-bottom-left-radius: 4px; 3215 | border-top-left-radius: 0; } 3216 | 3217 | .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { 3218 | border-radius: 0; } 3219 | 3220 | .btn-group-vertical > .btn-group:first-child > .btn:last-child, 3221 | .btn-group-vertical > .btn-group:first-child > .dropdown-toggle { 3222 | border-bottom-right-radius: 0; 3223 | border-bottom-left-radius: 0; } 3224 | 3225 | .btn-group-vertical > .btn-group:last-child > .btn:first-child { 3226 | border-top-right-radius: 0; 3227 | border-top-left-radius: 0; } 3228 | 3229 | .btn-group-justified { 3230 | display: table; 3231 | width: 100%; 3232 | border-collapse: separate; 3233 | table-layout: fixed; } 3234 | 3235 | .btn-group-justified .btn { 3236 | display: table-cell; 3237 | float: none; 3238 | width: 1%; } 3239 | 3240 | [data-toggle="buttons"] > .btn > input[type="radio"], 3241 | [data-toggle="buttons"] > .btn > input[type="checkbox"] { 3242 | display: none; } 3243 | 3244 | .input-group { 3245 | position: relative; 3246 | display: table; 3247 | border-collapse: separate; } 3248 | 3249 | .input-group.col { 3250 | float: none; 3251 | padding-right: 0; 3252 | padding-left: 0; } 3253 | 3254 | .input-group .form-control { 3255 | width: 100%; 3256 | margin-bottom: 0; } 3257 | 3258 | .input-group-lg > .form-control, 3259 | .input-group-lg > .input-group-addon, 3260 | .input-group-lg > .input-group-btn > .btn { 3261 | height: 45px; 3262 | padding: 10px 16px; 3263 | font-size: 18px; 3264 | line-height: 1.33; 3265 | border-radius: 6px; } 3266 | 3267 | select.input-group-lg > .form-control, 3268 | select.input-group-lg > .input-group-addon, 3269 | select.input-group-lg > .input-group-btn > .btn { 3270 | height: 45px; 3271 | line-height: 45px; } 3272 | 3273 | textarea.input-group-lg > .form-control, 3274 | textarea.input-group-lg > .input-group-addon, 3275 | textarea.input-group-lg > .input-group-btn > .btn { 3276 | height: auto; } 3277 | 3278 | .input-group-sm > .form-control, 3279 | .input-group-sm > .input-group-addon, 3280 | .input-group-sm > .input-group-btn > .btn { 3281 | height: 30px; 3282 | padding: 5px 10px; 3283 | font-size: 12px; 3284 | line-height: 1.5; 3285 | border-radius: 3px; } 3286 | 3287 | select.input-group-sm > .form-control, 3288 | select.input-group-sm > .input-group-addon, 3289 | select.input-group-sm > .input-group-btn > .btn { 3290 | height: 30px; 3291 | line-height: 30px; } 3292 | 3293 | textarea.input-group-sm > .form-control, 3294 | textarea.input-group-sm > .input-group-addon, 3295 | textarea.input-group-sm > .input-group-btn > .btn { 3296 | height: auto; } 3297 | 3298 | .input-group-addon, 3299 | .input-group-btn, 3300 | .input-group .form-control { 3301 | display: table-cell; } 3302 | 3303 | .input-group-addon:not(:first-child):not(:last-child), 3304 | .input-group-btn:not(:first-child):not(:last-child), 3305 | .input-group .form-control:not(:first-child):not(:last-child) { 3306 | border-radius: 0; } 3307 | 3308 | .input-group-addon, 3309 | .input-group-btn { 3310 | width: 1%; 3311 | white-space: nowrap; 3312 | vertical-align: middle; } 3313 | 3314 | .input-group-addon { 3315 | padding: 6px 12px; 3316 | font-size: 14px; 3317 | font-weight: normal; 3318 | line-height: 1; 3319 | color: #555555; 3320 | text-align: center; 3321 | background-color: #eeeeee; 3322 | border: 1px solid #cccccc; 3323 | border-radius: 4px; } 3324 | 3325 | .input-group-addon.input-sm { 3326 | padding: 5px 10px; 3327 | font-size: 12px; 3328 | border-radius: 3px; } 3329 | 3330 | .input-group-addon.input-lg { 3331 | padding: 10px 16px; 3332 | font-size: 18px; 3333 | border-radius: 6px; } 3334 | 3335 | .input-group-addon input[type="radio"], 3336 | .input-group-addon input[type="checkbox"] { 3337 | margin-top: 0; } 3338 | 3339 | .input-group .form-control:first-child, 3340 | .input-group-addon:first-child, 3341 | .input-group-btn:first-child > .btn, 3342 | .input-group-btn:first-child > .dropdown-toggle, 3343 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { 3344 | border-top-right-radius: 0; 3345 | border-bottom-right-radius: 0; } 3346 | 3347 | .input-group-addon:first-child { 3348 | border-right: 0; } 3349 | 3350 | .input-group .form-control:last-child, 3351 | .input-group-addon:last-child, 3352 | .input-group-btn:last-child > .btn, 3353 | .input-group-btn:last-child > .dropdown-toggle, 3354 | .input-group-btn:first-child > .btn:not(:first-child) { 3355 | border-bottom-left-radius: 0; 3356 | border-top-left-radius: 0; } 3357 | 3358 | .input-group-addon:last-child { 3359 | border-left: 0; } 3360 | 3361 | .input-group-btn { 3362 | position: relative; 3363 | white-space: nowrap; } 3364 | 3365 | .input-group-btn:first-child > .btn { 3366 | margin-right: -1px; } 3367 | 3368 | .input-group-btn:last-child > .btn { 3369 | margin-left: -1px; } 3370 | 3371 | .input-group-btn > .btn { 3372 | position: relative; } 3373 | 3374 | .input-group-btn > .btn + .btn { 3375 | margin-left: -4px; } 3376 | 3377 | .input-group-btn > .btn:hover, 3378 | .input-group-btn > .btn:active { 3379 | z-index: 2; } 3380 | 3381 | .nav { 3382 | padding-left: 0; 3383 | margin-bottom: 0; 3384 | list-style: none; } 3385 | 3386 | .nav:before, 3387 | .nav:after { 3388 | display: table; 3389 | content: " "; } 3390 | 3391 | .nav:after { 3392 | clear: both; } 3393 | 3394 | .nav:before, 3395 | .nav:after { 3396 | display: table; 3397 | content: " "; } 3398 | 3399 | .nav:after { 3400 | clear: both; } 3401 | 3402 | .nav > li { 3403 | position: relative; 3404 | display: block; } 3405 | 3406 | .nav > li > a { 3407 | position: relative; 3408 | display: block; 3409 | padding: 10px 15px; } 3410 | 3411 | .nav > li > a:hover, 3412 | .nav > li > a:focus { 3413 | text-decoration: none; 3414 | background-color: #eeeeee; } 3415 | 3416 | .nav > li.disabled > a { 3417 | color: #999999; } 3418 | 3419 | .nav > li.disabled > a:hover, 3420 | .nav > li.disabled > a:focus { 3421 | color: #999999; 3422 | text-decoration: none; 3423 | cursor: not-allowed; 3424 | background-color: transparent; } 3425 | 3426 | .nav .open > a, 3427 | .nav .open > a:hover, 3428 | .nav .open > a:focus { 3429 | background-color: #eeeeee; 3430 | border-color: #428bca; } 3431 | 3432 | .nav .open > a .caret, 3433 | .nav .open > a:hover .caret, 3434 | .nav .open > a:focus .caret { 3435 | border-top-color: #2a6496; 3436 | border-bottom-color: #2a6496; } 3437 | 3438 | .nav .nav-divider { 3439 | height: 1px; 3440 | margin: 9px 0; 3441 | overflow: hidden; 3442 | background-color: #e5e5e5; } 3443 | 3444 | .nav > li > a > img { 3445 | max-width: none; } 3446 | 3447 | .nav-tabs { 3448 | border-bottom: 1px solid #dddddd; } 3449 | 3450 | .nav-tabs > li { 3451 | float: left; 3452 | margin-bottom: -1px; } 3453 | 3454 | .nav-tabs > li > a { 3455 | margin-right: 2px; 3456 | line-height: 1.428571429; 3457 | border: 1px solid transparent; 3458 | border-radius: 4px 4px 0 0; } 3459 | 3460 | .nav-tabs > li > a:hover { 3461 | border-color: #eeeeee #eeeeee #dddddd; } 3462 | 3463 | .nav-tabs > li.active > a, 3464 | .nav-tabs > li.active > a:hover, 3465 | .nav-tabs > li.active > a:focus { 3466 | color: #555555; 3467 | cursor: default; 3468 | background-color: #ffffff; 3469 | border: 1px solid #dddddd; 3470 | border-bottom-color: transparent; } 3471 | 3472 | .nav-tabs.nav-justified { 3473 | width: 100%; 3474 | border-bottom: 0; } 3475 | 3476 | .nav-tabs.nav-justified > li { 3477 | float: none; } 3478 | 3479 | .nav-tabs.nav-justified > li > a { 3480 | margin-bottom: 5px; 3481 | text-align: center; } 3482 | 3483 | .nav-tabs.nav-justified > .dropdown .dropdown-menu { 3484 | top: auto; 3485 | left: auto; } 3486 | 3487 | @media (min-width: 768px) { 3488 | .nav-tabs.nav-justified > li { 3489 | display: table-cell; 3490 | width: 1%; } 3491 | 3492 | .nav-tabs.nav-justified > li > a { 3493 | margin-bottom: 0; } } 3494 | .nav-tabs.nav-justified > li > a { 3495 | margin-right: 0; 3496 | border-radius: 4px; } 3497 | 3498 | .nav-tabs.nav-justified > .active > a, 3499 | .nav-tabs.nav-justified > .active > a:hover, 3500 | .nav-tabs.nav-justified > .active > a:focus { 3501 | border: 1px solid #dddddd; } 3502 | 3503 | @media (min-width: 768px) { 3504 | .nav-tabs.nav-justified > li > a { 3505 | border-bottom: 1px solid #dddddd; 3506 | border-radius: 4px 4px 0 0; } 3507 | 3508 | .nav-tabs.nav-justified > .active > a, 3509 | .nav-tabs.nav-justified > .active > a:hover, 3510 | .nav-tabs.nav-justified > .active > a:focus { 3511 | border-bottom-color: #ffffff; } } 3512 | .nav-pills > li { 3513 | float: left; } 3514 | 3515 | .nav-pills > li > a { 3516 | border-radius: 4px; } 3517 | 3518 | .nav-pills > li + li { 3519 | margin-left: 2px; } 3520 | 3521 | .nav-pills > li.active > a, 3522 | .nav-pills > li.active > a:hover, 3523 | .nav-pills > li.active > a:focus { 3524 | color: #ffffff; 3525 | background-color: #428bca; } 3526 | 3527 | .nav-pills > li.active > a .caret, 3528 | .nav-pills > li.active > a:hover .caret, 3529 | .nav-pills > li.active > a:focus .caret { 3530 | border-top-color: #ffffff; 3531 | border-bottom-color: #ffffff; } 3532 | 3533 | .nav-stacked > li { 3534 | float: none; } 3535 | 3536 | .nav-stacked > li + li { 3537 | margin-top: 2px; 3538 | margin-left: 0; } 3539 | 3540 | .nav-justified { 3541 | width: 100%; } 3542 | 3543 | .nav-justified > li { 3544 | float: none; } 3545 | 3546 | .nav-justified > li > a { 3547 | margin-bottom: 5px; 3548 | text-align: center; } 3549 | 3550 | .nav-justified > .dropdown .dropdown-menu { 3551 | top: auto; 3552 | left: auto; } 3553 | 3554 | @media (min-width: 768px) { 3555 | .nav-justified > li { 3556 | display: table-cell; 3557 | width: 1%; } 3558 | 3559 | .nav-justified > li > a { 3560 | margin-bottom: 0; } } 3561 | .nav-tabs-justified { 3562 | border-bottom: 0; } 3563 | 3564 | .nav-tabs-justified > li > a { 3565 | margin-right: 0; 3566 | border-radius: 4px; } 3567 | 3568 | .nav-tabs-justified > .active > a, 3569 | .nav-tabs-justified > .active > a:hover, 3570 | .nav-tabs-justified > .active > a:focus { 3571 | border: 1px solid #dddddd; } 3572 | 3573 | @media (min-width: 768px) { 3574 | .nav-tabs-justified > li > a { 3575 | border-bottom: 1px solid #dddddd; 3576 | border-radius: 4px 4px 0 0; } 3577 | 3578 | .nav-tabs-justified > .active > a, 3579 | .nav-tabs-justified > .active > a:hover, 3580 | .nav-tabs-justified > .active > a:focus { 3581 | border-bottom-color: #ffffff; } } 3582 | .tab-content > .tab-pane { 3583 | display: none; } 3584 | 3585 | .tab-content > .active { 3586 | display: block; } 3587 | 3588 | .nav .caret { 3589 | border-top-color: #428bca; 3590 | border-bottom-color: #428bca; } 3591 | 3592 | .nav a:hover .caret { 3593 | border-top-color: #2a6496; 3594 | border-bottom-color: #2a6496; } 3595 | 3596 | .nav-tabs .dropdown-menu { 3597 | margin-top: -1px; 3598 | border-top-right-radius: 0; 3599 | border-top-left-radius: 0; } 3600 | 3601 | .navbar { 3602 | position: relative; 3603 | min-height: 50px; 3604 | margin-bottom: 20px; 3605 | border: 1px solid transparent; } 3606 | 3607 | .navbar:before, 3608 | .navbar:after { 3609 | display: table; 3610 | content: " "; } 3611 | 3612 | .navbar:after { 3613 | clear: both; } 3614 | 3615 | .navbar:before, 3616 | .navbar:after { 3617 | display: table; 3618 | content: " "; } 3619 | 3620 | .navbar:after { 3621 | clear: both; } 3622 | 3623 | @media (min-width: 768px) { 3624 | .navbar { 3625 | border-radius: 4px; } } 3626 | .navbar-header:before, 3627 | .navbar-header:after { 3628 | display: table; 3629 | content: " "; } 3630 | 3631 | .navbar-header:after { 3632 | clear: both; } 3633 | 3634 | .navbar-header:before, 3635 | .navbar-header:after { 3636 | display: table; 3637 | content: " "; } 3638 | 3639 | .navbar-header:after { 3640 | clear: both; } 3641 | 3642 | @media (min-width: 768px) { 3643 | .navbar-header { 3644 | float: left; } } 3645 | .navbar-collapse { 3646 | max-height: 340px; 3647 | padding-right: 15px; 3648 | padding-left: 15px; 3649 | overflow-x: visible; 3650 | border-top: 1px solid transparent; 3651 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); 3652 | -webkit-overflow-scrolling: touch; } 3653 | 3654 | .navbar-collapse:before, 3655 | .navbar-collapse:after { 3656 | display: table; 3657 | content: " "; } 3658 | 3659 | .navbar-collapse:after { 3660 | clear: both; } 3661 | 3662 | .navbar-collapse:before, 3663 | .navbar-collapse:after { 3664 | display: table; 3665 | content: " "; } 3666 | 3667 | .navbar-collapse:after { 3668 | clear: both; } 3669 | 3670 | .navbar-collapse.in { 3671 | overflow-y: auto; } 3672 | 3673 | @media (min-width: 768px) { 3674 | .navbar-collapse { 3675 | width: auto; 3676 | border-top: 0; 3677 | box-shadow: none; } 3678 | 3679 | .navbar-collapse.collapse { 3680 | display: block !important; 3681 | height: auto !important; 3682 | padding-bottom: 0; 3683 | overflow: visible !important; } 3684 | 3685 | .navbar-collapse.in { 3686 | overflow-y: auto; } 3687 | 3688 | .navbar-collapse .navbar-nav.navbar-left:first-child { 3689 | margin-left: -15px; } 3690 | 3691 | .navbar-collapse .navbar-nav.navbar-right:last-child { 3692 | margin-right: -15px; } 3693 | 3694 | .navbar-collapse .navbar-text:last-child { 3695 | margin-right: 0; } } 3696 | .container > .navbar-header, 3697 | .container > .navbar-collapse { 3698 | margin-right: -15px; 3699 | margin-left: -15px; } 3700 | 3701 | @media (min-width: 768px) { 3702 | .container > .navbar-header, 3703 | .container > .navbar-collapse { 3704 | margin-right: 0; 3705 | margin-left: 0; } } 3706 | .navbar-static-top { 3707 | z-index: 1000; 3708 | border-width: 0 0 1px; } 3709 | 3710 | @media (min-width: 768px) { 3711 | .navbar-static-top { 3712 | border-radius: 0; } } 3713 | .navbar-fixed-top, 3714 | .navbar-fixed-bottom { 3715 | position: fixed; 3716 | right: 0; 3717 | left: 0; 3718 | z-index: 1030; } 3719 | 3720 | @media (min-width: 768px) { 3721 | .navbar-fixed-top, 3722 | .navbar-fixed-bottom { 3723 | border-radius: 0; } } 3724 | .navbar-fixed-top { 3725 | top: 0; 3726 | border-width: 0 0 1px; } 3727 | 3728 | .navbar-fixed-bottom { 3729 | bottom: 0; 3730 | margin-bottom: 0; 3731 | border-width: 1px 0 0; } 3732 | 3733 | .navbar-brand { 3734 | float: left; 3735 | padding: 15px 15px; 3736 | font-size: 18px; 3737 | line-height: 20px; } 3738 | 3739 | .navbar-brand:hover, 3740 | .navbar-brand:focus { 3741 | text-decoration: none; } 3742 | 3743 | @media (min-width: 768px) { 3744 | .navbar > .container .navbar-brand { 3745 | margin-left: -15px; } } 3746 | .navbar-toggle { 3747 | position: relative; 3748 | float: right; 3749 | padding: 9px 10px; 3750 | margin-top: 8px; 3751 | margin-right: 15px; 3752 | margin-bottom: 8px; 3753 | background-color: transparent; 3754 | border: 1px solid transparent; 3755 | border-radius: 4px; } 3756 | 3757 | .navbar-toggle .icon-bar { 3758 | display: block; 3759 | width: 22px; 3760 | height: 2px; 3761 | border-radius: 1px; } 3762 | 3763 | .navbar-toggle .icon-bar + .icon-bar { 3764 | margin-top: 4px; } 3765 | 3766 | @media (min-width: 768px) { 3767 | .navbar-toggle { 3768 | display: none; } } 3769 | .navbar-nav { 3770 | margin: 7.5px -15px; } 3771 | 3772 | .navbar-nav > li > a { 3773 | padding-top: 10px; 3774 | padding-bottom: 10px; 3775 | line-height: 20px; } 3776 | 3777 | @media (max-width: 767px) { 3778 | .navbar-nav .open .dropdown-menu { 3779 | position: static; 3780 | float: none; 3781 | width: auto; 3782 | margin-top: 0; 3783 | background-color: transparent; 3784 | border: 0; 3785 | box-shadow: none; } 3786 | 3787 | .navbar-nav .open .dropdown-menu > li > a, 3788 | .navbar-nav .open .dropdown-menu .dropdown-header { 3789 | padding: 5px 15px 5px 25px; } 3790 | 3791 | .navbar-nav .open .dropdown-menu > li > a { 3792 | line-height: 20px; } 3793 | 3794 | .navbar-nav .open .dropdown-menu > li > a:hover, 3795 | .navbar-nav .open .dropdown-menu > li > a:focus { 3796 | background-image: none; } } 3797 | @media (min-width: 768px) { 3798 | .navbar-nav { 3799 | float: left; 3800 | margin: 0; } 3801 | 3802 | .navbar-nav > li { 3803 | float: left; } 3804 | 3805 | .navbar-nav > li > a { 3806 | padding-top: 15px; 3807 | padding-bottom: 15px; } } 3808 | @media (min-width: 768px) { 3809 | .navbar-left { 3810 | float: left !important; } 3811 | 3812 | .navbar-right { 3813 | float: right !important; } } 3814 | .navbar-form { 3815 | padding: 10px 15px; 3816 | margin-top: 8px; 3817 | margin-right: -15px; 3818 | margin-bottom: 8px; 3819 | margin-left: -15px; 3820 | border-top: 1px solid transparent; 3821 | border-bottom: 1px solid transparent; 3822 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 3823 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } 3824 | 3825 | @media (min-width: 768px) { 3826 | .navbar-form .form-group { 3827 | display: inline-block; 3828 | margin-bottom: 0; 3829 | vertical-align: middle; } 3830 | 3831 | .navbar-form .form-control { 3832 | display: inline-block; } 3833 | 3834 | .navbar-form .radio, 3835 | .navbar-form .checkbox { 3836 | display: inline-block; 3837 | padding-left: 0; 3838 | margin-top: 0; 3839 | margin-bottom: 0; } 3840 | 3841 | .navbar-form .radio input[type="radio"], 3842 | .navbar-form .checkbox input[type="checkbox"] { 3843 | float: none; 3844 | margin-left: 0; } } 3845 | @media (max-width: 767px) { 3846 | .navbar-form .form-group { 3847 | margin-bottom: 5px; } } 3848 | @media (min-width: 768px) { 3849 | .navbar-form { 3850 | width: auto; 3851 | padding-top: 0; 3852 | padding-bottom: 0; 3853 | margin-right: 0; 3854 | margin-left: 0; 3855 | border: 0; 3856 | -webkit-box-shadow: none; 3857 | box-shadow: none; } } 3858 | .navbar-nav > li > .dropdown-menu { 3859 | margin-top: 0; 3860 | border-top-right-radius: 0; 3861 | border-top-left-radius: 0; } 3862 | 3863 | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { 3864 | border-bottom-right-radius: 0; 3865 | border-bottom-left-radius: 0; } 3866 | 3867 | .navbar-nav.pull-right > li > .dropdown-menu, 3868 | .navbar-nav > li > .dropdown-menu.pull-right { 3869 | right: 0; 3870 | left: auto; } 3871 | 3872 | .navbar-btn { 3873 | margin-top: 8px; 3874 | margin-bottom: 8px; } 3875 | 3876 | .navbar-text { 3877 | float: left; 3878 | margin-top: 15px; 3879 | margin-bottom: 15px; } 3880 | 3881 | @media (min-width: 768px) { 3882 | .navbar-text { 3883 | margin-right: 15px; 3884 | margin-left: 15px; } } 3885 | .navbar-default { 3886 | background-color: #f8f8f8; 3887 | border-color: #e7e7e7; } 3888 | 3889 | .navbar-default .navbar-brand { 3890 | color: #777777; } 3891 | 3892 | .navbar-default .navbar-brand:hover, 3893 | .navbar-default .navbar-brand:focus { 3894 | color: #5e5e5e; 3895 | background-color: transparent; } 3896 | 3897 | .navbar-default .navbar-text { 3898 | color: #777777; } 3899 | 3900 | .navbar-default .navbar-nav > li > a { 3901 | color: #777777; } 3902 | 3903 | .navbar-default .navbar-nav > li > a:hover, 3904 | .navbar-default .navbar-nav > li > a:focus { 3905 | color: #333333; 3906 | background-color: transparent; } 3907 | 3908 | .navbar-default .navbar-nav > .active > a, 3909 | .navbar-default .navbar-nav > .active > a:hover, 3910 | .navbar-default .navbar-nav > .active > a:focus { 3911 | color: #555555; 3912 | background-color: #e7e7e7; } 3913 | 3914 | .navbar-default .navbar-nav > .disabled > a, 3915 | .navbar-default .navbar-nav > .disabled > a:hover, 3916 | .navbar-default .navbar-nav > .disabled > a:focus { 3917 | color: #cccccc; 3918 | background-color: transparent; } 3919 | 3920 | .navbar-default .navbar-toggle { 3921 | border-color: #dddddd; } 3922 | 3923 | .navbar-default .navbar-toggle:hover, 3924 | .navbar-default .navbar-toggle:focus { 3925 | background-color: #dddddd; } 3926 | 3927 | .navbar-default .navbar-toggle .icon-bar { 3928 | background-color: #cccccc; } 3929 | 3930 | .navbar-default .navbar-collapse, 3931 | .navbar-default .navbar-form { 3932 | border-color: #e7e7e7; } 3933 | 3934 | .navbar-default .navbar-nav > .dropdown > a:hover .caret, 3935 | .navbar-default .navbar-nav > .dropdown > a:focus .caret { 3936 | border-top-color: #333333; 3937 | border-bottom-color: #333333; } 3938 | 3939 | .navbar-default .navbar-nav > .open > a, 3940 | .navbar-default .navbar-nav > .open > a:hover, 3941 | .navbar-default .navbar-nav > .open > a:focus { 3942 | color: #555555; 3943 | background-color: #e7e7e7; } 3944 | 3945 | .navbar-default .navbar-nav > .open > a .caret, 3946 | .navbar-default .navbar-nav > .open > a:hover .caret, 3947 | .navbar-default .navbar-nav > .open > a:focus .caret { 3948 | border-top-color: #555555; 3949 | border-bottom-color: #555555; } 3950 | 3951 | .navbar-default .navbar-nav > .dropdown > a .caret { 3952 | border-top-color: #777777; 3953 | border-bottom-color: #777777; } 3954 | 3955 | @media (max-width: 767px) { 3956 | .navbar-default .navbar-nav .open .dropdown-menu > li > a { 3957 | color: #777777; } 3958 | 3959 | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 3960 | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { 3961 | color: #333333; 3962 | background-color: transparent; } 3963 | 3964 | .navbar-default .navbar-nav .open .dropdown-menu > .active > a, 3965 | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 3966 | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { 3967 | color: #555555; 3968 | background-color: #e7e7e7; } 3969 | 3970 | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, 3971 | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, 3972 | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { 3973 | color: #cccccc; 3974 | background-color: transparent; } } 3975 | .navbar-default .navbar-link { 3976 | color: #777777; } 3977 | 3978 | .navbar-default .navbar-link:hover { 3979 | color: #333333; } 3980 | 3981 | .navbar-inverse { 3982 | background-color: #222222; 3983 | border-color: #080808; } 3984 | 3985 | .navbar-inverse .navbar-brand { 3986 | color: #999999; } 3987 | 3988 | .navbar-inverse .navbar-brand:hover, 3989 | .navbar-inverse .navbar-brand:focus { 3990 | color: #ffffff; 3991 | background-color: transparent; } 3992 | 3993 | .navbar-inverse .navbar-text { 3994 | color: #999999; } 3995 | 3996 | .navbar-inverse .navbar-nav > li > a { 3997 | color: #999999; } 3998 | 3999 | .navbar-inverse .navbar-nav > li > a:hover, 4000 | .navbar-inverse .navbar-nav > li > a:focus { 4001 | color: #ffffff; 4002 | background-color: transparent; } 4003 | 4004 | .navbar-inverse .navbar-nav > .active > a, 4005 | .navbar-inverse .navbar-nav > .active > a:hover, 4006 | .navbar-inverse .navbar-nav > .active > a:focus { 4007 | color: #ffffff; 4008 | background-color: #080808; } 4009 | 4010 | .navbar-inverse .navbar-nav > .disabled > a, 4011 | .navbar-inverse .navbar-nav > .disabled > a:hover, 4012 | .navbar-inverse .navbar-nav > .disabled > a:focus { 4013 | color: #444444; 4014 | background-color: transparent; } 4015 | 4016 | .navbar-inverse .navbar-toggle { 4017 | border-color: #333333; } 4018 | 4019 | .navbar-inverse .navbar-toggle:hover, 4020 | .navbar-inverse .navbar-toggle:focus { 4021 | background-color: #333333; } 4022 | 4023 | .navbar-inverse .navbar-toggle .icon-bar { 4024 | background-color: #ffffff; } 4025 | 4026 | .navbar-inverse .navbar-collapse, 4027 | .navbar-inverse .navbar-form { 4028 | border-color: #101010; } 4029 | 4030 | .navbar-inverse .navbar-nav > .open > a, 4031 | .navbar-inverse .navbar-nav > .open > a:hover, 4032 | .navbar-inverse .navbar-nav > .open > a:focus { 4033 | color: #ffffff; 4034 | background-color: #080808; } 4035 | 4036 | .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { 4037 | border-top-color: #ffffff; 4038 | border-bottom-color: #ffffff; } 4039 | 4040 | .navbar-inverse .navbar-nav > .dropdown > a .caret { 4041 | border-top-color: #999999; 4042 | border-bottom-color: #999999; } 4043 | 4044 | .navbar-inverse .navbar-nav > .open > a .caret, 4045 | .navbar-inverse .navbar-nav > .open > a:hover .caret, 4046 | .navbar-inverse .navbar-nav > .open > a:focus .caret { 4047 | border-top-color: #ffffff; 4048 | border-bottom-color: #ffffff; } 4049 | 4050 | @media (max-width: 767px) { 4051 | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { 4052 | border-color: #080808; } 4053 | 4054 | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { 4055 | color: #999999; } 4056 | 4057 | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, 4058 | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { 4059 | color: #ffffff; 4060 | background-color: transparent; } 4061 | 4062 | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, 4063 | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, 4064 | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { 4065 | color: #ffffff; 4066 | background-color: #080808; } 4067 | 4068 | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, 4069 | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, 4070 | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { 4071 | color: #444444; 4072 | background-color: transparent; } } 4073 | .navbar-inverse .navbar-link { 4074 | color: #999999; } 4075 | 4076 | .navbar-inverse .navbar-link:hover { 4077 | color: #ffffff; } 4078 | 4079 | .breadcrumb { 4080 | padding: 8px 15px; 4081 | margin-bottom: 20px; 4082 | list-style: none; 4083 | background-color: #f5f5f5; 4084 | border-radius: 4px; } 4085 | 4086 | .breadcrumb > li { 4087 | display: inline-block; } 4088 | 4089 | .breadcrumb > li + li:before { 4090 | padding: 0 5px; 4091 | color: #cccccc; 4092 | content: "/\00a0"; } 4093 | 4094 | .breadcrumb > .active { 4095 | color: #999999; } 4096 | 4097 | .pagination { 4098 | display: inline-block; 4099 | padding-left: 0; 4100 | margin: 20px 0; 4101 | border-radius: 4px; } 4102 | 4103 | .pagination > li { 4104 | display: inline; } 4105 | 4106 | .pagination > li > a, 4107 | .pagination > li > span { 4108 | position: relative; 4109 | float: left; 4110 | padding: 6px 12px; 4111 | margin-left: -1px; 4112 | line-height: 1.428571429; 4113 | text-decoration: none; 4114 | background-color: #ffffff; 4115 | border: 1px solid #dddddd; } 4116 | 4117 | .pagination > li:first-child > a, 4118 | .pagination > li:first-child > span { 4119 | margin-left: 0; 4120 | border-bottom-left-radius: 4px; 4121 | border-top-left-radius: 4px; } 4122 | 4123 | .pagination > li:last-child > a, 4124 | .pagination > li:last-child > span { 4125 | border-top-right-radius: 4px; 4126 | border-bottom-right-radius: 4px; } 4127 | 4128 | .pagination > li > a:hover, 4129 | .pagination > li > span:hover, 4130 | .pagination > li > a:focus, 4131 | .pagination > li > span:focus { 4132 | background-color: #eeeeee; } 4133 | 4134 | .pagination > .active > a, 4135 | .pagination > .active > span, 4136 | .pagination > .active > a:hover, 4137 | .pagination > .active > span:hover, 4138 | .pagination > .active > a:focus, 4139 | .pagination > .active > span:focus { 4140 | z-index: 2; 4141 | color: #ffffff; 4142 | cursor: default; 4143 | background-color: #428bca; 4144 | border-color: #428bca; } 4145 | 4146 | .pagination > .disabled > span, 4147 | .pagination > .disabled > span:hover, 4148 | .pagination > .disabled > span:focus, 4149 | .pagination > .disabled > a, 4150 | .pagination > .disabled > a:hover, 4151 | .pagination > .disabled > a:focus { 4152 | color: #999999; 4153 | cursor: not-allowed; 4154 | background-color: #ffffff; 4155 | border-color: #dddddd; } 4156 | 4157 | .pagination-lg > li > a, 4158 | .pagination-lg > li > span { 4159 | padding: 10px 16px; 4160 | font-size: 18px; } 4161 | 4162 | .pagination-lg > li:first-child > a, 4163 | .pagination-lg > li:first-child > span { 4164 | border-bottom-left-radius: 6px; 4165 | border-top-left-radius: 6px; } 4166 | 4167 | .pagination-lg > li:last-child > a, 4168 | .pagination-lg > li:last-child > span { 4169 | border-top-right-radius: 6px; 4170 | border-bottom-right-radius: 6px; } 4171 | 4172 | .pagination-sm > li > a, 4173 | .pagination-sm > li > span { 4174 | padding: 5px 10px; 4175 | font-size: 12px; } 4176 | 4177 | .pagination-sm > li:first-child > a, 4178 | .pagination-sm > li:first-child > span { 4179 | border-bottom-left-radius: 3px; 4180 | border-top-left-radius: 3px; } 4181 | 4182 | .pagination-sm > li:last-child > a, 4183 | .pagination-sm > li:last-child > span { 4184 | border-top-right-radius: 3px; 4185 | border-bottom-right-radius: 3px; } 4186 | 4187 | .pager { 4188 | padding-left: 0; 4189 | margin: 20px 0; 4190 | text-align: center; 4191 | list-style: none; } 4192 | 4193 | .pager:before, 4194 | .pager:after { 4195 | display: table; 4196 | content: " "; } 4197 | 4198 | .pager:after { 4199 | clear: both; } 4200 | 4201 | .pager:before, 4202 | .pager:after { 4203 | display: table; 4204 | content: " "; } 4205 | 4206 | .pager:after { 4207 | clear: both; } 4208 | 4209 | .pager li { 4210 | display: inline; } 4211 | 4212 | .pager li > a, 4213 | .pager li > span { 4214 | display: inline-block; 4215 | padding: 5px 14px; 4216 | background-color: #ffffff; 4217 | border: 1px solid #dddddd; 4218 | border-radius: 15px; } 4219 | 4220 | .pager li > a:hover, 4221 | .pager li > a:focus { 4222 | text-decoration: none; 4223 | background-color: #eeeeee; } 4224 | 4225 | .pager .next > a, 4226 | .pager .next > span { 4227 | float: right; } 4228 | 4229 | .pager .previous > a, 4230 | .pager .previous > span { 4231 | float: left; } 4232 | 4233 | .pager .disabled > a, 4234 | .pager .disabled > a:hover, 4235 | .pager .disabled > a:focus, 4236 | .pager .disabled > span { 4237 | color: #999999; 4238 | cursor: not-allowed; 4239 | background-color: #ffffff; } 4240 | 4241 | .label { 4242 | display: inline; 4243 | padding: .2em .6em .3em; 4244 | font-size: 75%; 4245 | font-weight: bold; 4246 | line-height: 1; 4247 | color: #ffffff; 4248 | text-align: center; 4249 | white-space: nowrap; 4250 | vertical-align: baseline; 4251 | border-radius: .25em; } 4252 | 4253 | .label[href]:hover, 4254 | .label[href]:focus { 4255 | color: #ffffff; 4256 | text-decoration: none; 4257 | cursor: pointer; } 4258 | 4259 | .label:empty { 4260 | display: none; } 4261 | 4262 | .label-default { 4263 | background-color: #999999; } 4264 | 4265 | .label-default[href]:hover, 4266 | .label-default[href]:focus { 4267 | background-color: #808080; } 4268 | 4269 | .label-primary { 4270 | background-color: #428bca; } 4271 | 4272 | .label-primary[href]:hover, 4273 | .label-primary[href]:focus { 4274 | background-color: #3071a9; } 4275 | 4276 | .label-success { 4277 | background-color: #5cb85c; } 4278 | 4279 | .label-success[href]:hover, 4280 | .label-success[href]:focus { 4281 | background-color: #449d44; } 4282 | 4283 | .label-info { 4284 | background-color: #5bc0de; } 4285 | 4286 | .label-info[href]:hover, 4287 | .label-info[href]:focus { 4288 | background-color: #31b0d5; } 4289 | 4290 | .label-warning { 4291 | background-color: #f0ad4e; } 4292 | 4293 | .label-warning[href]:hover, 4294 | .label-warning[href]:focus { 4295 | background-color: #ec971f; } 4296 | 4297 | .label-danger { 4298 | background-color: #d9534f; } 4299 | 4300 | .label-danger[href]:hover, 4301 | .label-danger[href]:focus { 4302 | background-color: #c9302c; } 4303 | 4304 | .badge { 4305 | display: inline-block; 4306 | min-width: 10px; 4307 | padding: 3px 7px; 4308 | font-size: 12px; 4309 | font-weight: bold; 4310 | line-height: 1; 4311 | color: #ffffff; 4312 | text-align: center; 4313 | white-space: nowrap; 4314 | vertical-align: baseline; 4315 | background-color: #999999; 4316 | border-radius: 10px; } 4317 | 4318 | .badge:empty { 4319 | display: none; } 4320 | 4321 | a.badge:hover, 4322 | a.badge:focus { 4323 | color: #ffffff; 4324 | text-decoration: none; 4325 | cursor: pointer; } 4326 | 4327 | .btn .badge { 4328 | position: relative; 4329 | top: -1px; } 4330 | 4331 | a.list-group-item.active > .badge, 4332 | .nav-pills > .active > a > .badge { 4333 | color: #428bca; 4334 | background-color: #ffffff; } 4335 | 4336 | .nav-pills > li > a > .badge { 4337 | margin-left: 3px; } 4338 | 4339 | .jumbotron { 4340 | padding: 30px; 4341 | margin-bottom: 30px; 4342 | font-size: 21px; 4343 | font-weight: 200; 4344 | line-height: 2.1428571435; 4345 | color: inherit; 4346 | background-color: #eeeeee; } 4347 | 4348 | .jumbotron h1 { 4349 | line-height: 1; 4350 | color: inherit; } 4351 | 4352 | .jumbotron p { 4353 | line-height: 1.4; } 4354 | 4355 | .container .jumbotron { 4356 | border-radius: 6px; } 4357 | 4358 | @media screen and (min-width: 768px) { 4359 | .jumbotron { 4360 | padding-top: 48px; 4361 | padding-bottom: 48px; } 4362 | 4363 | .container .jumbotron { 4364 | padding-right: 60px; 4365 | padding-left: 60px; } 4366 | 4367 | .jumbotron h1 { 4368 | font-size: 63px; } } 4369 | .thumbnail { 4370 | display: inline-block; 4371 | display: block; 4372 | height: auto; 4373 | max-width: 100%; 4374 | padding: 4px; 4375 | margin-bottom: 20px; 4376 | line-height: 1.428571429; 4377 | background-color: #ffffff; 4378 | border: 1px solid #dddddd; 4379 | border-radius: 4px; 4380 | -webkit-transition: all 0.2s ease-in-out; 4381 | transition: all 0.2s ease-in-out; } 4382 | 4383 | .thumbnail > img { 4384 | display: block; 4385 | height: auto; 4386 | max-width: 100%; 4387 | margin-right: auto; 4388 | margin-left: auto; } 4389 | 4390 | a.thumbnail:hover, 4391 | a.thumbnail:focus, 4392 | a.thumbnail.active { 4393 | border-color: #428bca; } 4394 | 4395 | .thumbnail .caption { 4396 | padding: 9px; 4397 | color: #333333; } 4398 | 4399 | .alert { 4400 | padding: 15px; 4401 | margin-bottom: 20px; 4402 | border: 1px solid transparent; 4403 | border-radius: 4px; } 4404 | 4405 | .alert h4 { 4406 | margin-top: 0; 4407 | color: inherit; } 4408 | 4409 | .alert .alert-link { 4410 | font-weight: bold; } 4411 | 4412 | .alert > p, 4413 | .alert > ul { 4414 | margin-bottom: 0; } 4415 | 4416 | .alert > p + p { 4417 | margin-top: 5px; } 4418 | 4419 | .alert-dismissable { 4420 | padding-right: 35px; } 4421 | 4422 | .alert-dismissable .close { 4423 | position: relative; 4424 | top: -2px; 4425 | right: -21px; 4426 | color: inherit; } 4427 | 4428 | .alert-success { 4429 | color: #468847; 4430 | background-color: #dff0d8; 4431 | border-color: #d6e9c6; } 4432 | 4433 | .alert-success hr { 4434 | border-top-color: #c9e2b3; } 4435 | 4436 | .alert-success .alert-link { 4437 | color: #356635; } 4438 | 4439 | .alert-info { 4440 | color: #3a87ad; 4441 | background-color: #d9edf7; 4442 | border-color: #bce8f1; } 4443 | 4444 | .alert-info hr { 4445 | border-top-color: #a6e1ec; } 4446 | 4447 | .alert-info .alert-link { 4448 | color: #2d6987; } 4449 | 4450 | .alert-warning { 4451 | color: #c09853; 4452 | background-color: #fcf8e3; 4453 | border-color: #faebcc; } 4454 | 4455 | .alert-warning hr { 4456 | border-top-color: #f7e1b5; } 4457 | 4458 | .alert-warning .alert-link { 4459 | color: #a47e3c; } 4460 | 4461 | .alert-danger { 4462 | color: #b94a48; 4463 | background-color: #f2dede; 4464 | border-color: #ebccd1; } 4465 | 4466 | .alert-danger hr { 4467 | border-top-color: #e4b9c0; } 4468 | 4469 | .alert-danger .alert-link { 4470 | color: #953b39; } 4471 | 4472 | @-webkit-keyframes progress-bar-stripes { 4473 | from { 4474 | background-position: 40px 0; } 4475 | 4476 | to { 4477 | background-position: 0 0; } } 4478 | 4479 | @-moz-keyframes progress-bar-stripes { 4480 | from { 4481 | background-position: 40px 0; } 4482 | 4483 | to { 4484 | background-position: 0 0; } } 4485 | 4486 | @-o-keyframes progress-bar-stripes { 4487 | from { 4488 | background-position: 0 0; } 4489 | 4490 | to { 4491 | background-position: 40px 0; } } 4492 | 4493 | @keyframes progress-bar-stripes { 4494 | from { 4495 | background-position: 40px 0; } 4496 | 4497 | to { 4498 | background-position: 0 0; } } 4499 | 4500 | .progress { 4501 | height: 20px; 4502 | margin-bottom: 20px; 4503 | overflow: hidden; 4504 | background-color: #f5f5f5; 4505 | border-radius: 4px; 4506 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 4507 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } 4508 | 4509 | .progress-bar { 4510 | float: left; 4511 | width: 0; 4512 | height: 100%; 4513 | font-size: 12px; 4514 | line-height: 20px; 4515 | color: #ffffff; 4516 | text-align: center; 4517 | background-color: #428bca; 4518 | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 4519 | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 4520 | -webkit-transition: width 0.6s ease; 4521 | transition: width 0.6s ease; } 4522 | 4523 | .progress-striped .progress-bar { 4524 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 4525 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4526 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4527 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4528 | background-size: 40px 40px; } 4529 | 4530 | .progress.active .progress-bar { 4531 | -webkit-animation: progress-bar-stripes 2s linear infinite; 4532 | animation: progress-bar-stripes 2s linear infinite; } 4533 | 4534 | .progress-bar-success { 4535 | background-color: #5cb85c; } 4536 | 4537 | .progress-striped .progress-bar-success { 4538 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 4539 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4540 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4541 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } 4542 | 4543 | .progress-bar-info { 4544 | background-color: #5bc0de; } 4545 | 4546 | .progress-striped .progress-bar-info { 4547 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 4548 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4549 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4550 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } 4551 | 4552 | .progress-bar-warning { 4553 | background-color: #f0ad4e; } 4554 | 4555 | .progress-striped .progress-bar-warning { 4556 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 4557 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4558 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4559 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } 4560 | 4561 | .progress-bar-danger { 4562 | background-color: #d9534f; } 4563 | 4564 | .progress-striped .progress-bar-danger { 4565 | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 4566 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4567 | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); 4568 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } 4569 | 4570 | .media, 4571 | .media-body { 4572 | overflow: hidden; 4573 | zoom: 1; } 4574 | 4575 | .media, 4576 | .media .media { 4577 | margin-top: 15px; } 4578 | 4579 | .media:first-child { 4580 | margin-top: 0; } 4581 | 4582 | .media-object { 4583 | display: block; } 4584 | 4585 | .media-heading { 4586 | margin: 0 0 5px; } 4587 | 4588 | .media > .pull-left { 4589 | margin-right: 10px; } 4590 | 4591 | .media > .pull-right { 4592 | margin-left: 10px; } 4593 | 4594 | .media-list { 4595 | padding-left: 0; 4596 | list-style: none; } 4597 | 4598 | .list-group { 4599 | padding-left: 0; 4600 | margin-bottom: 20px; } 4601 | 4602 | .list-group-item { 4603 | position: relative; 4604 | display: block; 4605 | padding: 10px 15px; 4606 | margin-bottom: -1px; 4607 | background-color: #ffffff; 4608 | border: 1px solid #dddddd; } 4609 | 4610 | .list-group-item:first-child { 4611 | border-top-right-radius: 4px; 4612 | border-top-left-radius: 4px; } 4613 | 4614 | .list-group-item:last-child { 4615 | margin-bottom: 0; 4616 | border-bottom-right-radius: 4px; 4617 | border-bottom-left-radius: 4px; } 4618 | 4619 | .list-group-item > .badge { 4620 | float: right; } 4621 | 4622 | .list-group-item > .badge + .badge { 4623 | margin-right: 5px; } 4624 | 4625 | a.list-group-item { 4626 | color: #555555; } 4627 | 4628 | a.list-group-item .list-group-item-heading { 4629 | color: #333333; } 4630 | 4631 | a.list-group-item:hover, 4632 | a.list-group-item:focus { 4633 | text-decoration: none; 4634 | background-color: #f5f5f5; } 4635 | 4636 | a.list-group-item.active, 4637 | a.list-group-item.active:hover, 4638 | a.list-group-item.active:focus { 4639 | z-index: 2; 4640 | color: #ffffff; 4641 | background-color: #428bca; 4642 | border-color: #428bca; } 4643 | 4644 | a.list-group-item.active .list-group-item-heading, 4645 | a.list-group-item.active:hover .list-group-item-heading, 4646 | a.list-group-item.active:focus .list-group-item-heading { 4647 | color: inherit; } 4648 | 4649 | a.list-group-item.active .list-group-item-text, 4650 | a.list-group-item.active:hover .list-group-item-text, 4651 | a.list-group-item.active:focus .list-group-item-text { 4652 | color: #e1edf7; } 4653 | 4654 | .list-group-item-heading { 4655 | margin-top: 0; 4656 | margin-bottom: 5px; } 4657 | 4658 | .list-group-item-text { 4659 | margin-bottom: 0; 4660 | line-height: 1.3; } 4661 | 4662 | .panel { 4663 | margin-bottom: 20px; 4664 | background-color: #ffffff; 4665 | border: 1px solid transparent; 4666 | border-radius: 4px; 4667 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); 4668 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } 4669 | 4670 | .panel-body { 4671 | padding: 15px; } 4672 | 4673 | .panel-body:before, 4674 | .panel-body:after { 4675 | display: table; 4676 | content: " "; } 4677 | 4678 | .panel-body:after { 4679 | clear: both; } 4680 | 4681 | .panel-body:before, 4682 | .panel-body:after { 4683 | display: table; 4684 | content: " "; } 4685 | 4686 | .panel-body:after { 4687 | clear: both; } 4688 | 4689 | .panel > .list-group { 4690 | margin-bottom: 0; } 4691 | 4692 | .panel > .list-group .list-group-item { 4693 | border-width: 1px 0; } 4694 | 4695 | .panel > .list-group .list-group-item:first-child { 4696 | border-top-right-radius: 0; 4697 | border-top-left-radius: 0; } 4698 | 4699 | .panel > .list-group .list-group-item:last-child { 4700 | border-bottom: 0; } 4701 | 4702 | .panel-heading + .list-group .list-group-item:first-child { 4703 | border-top-width: 0; } 4704 | 4705 | .panel > .table, 4706 | .panel > .table-responsive { 4707 | margin-bottom: 0; } 4708 | 4709 | .panel > .panel-body + .table, 4710 | .panel > .panel-body + .table-responsive { 4711 | border-top: 1px solid #dddddd; } 4712 | 4713 | .panel > .table-bordered, 4714 | .panel > .table-responsive > .table-bordered { 4715 | border: 0; } 4716 | 4717 | .panel > .table-bordered > thead > tr > th:first-child, 4718 | .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, 4719 | .panel > .table-bordered > tbody > tr > th:first-child, 4720 | .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, 4721 | .panel > .table-bordered > tfoot > tr > th:first-child, 4722 | .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, 4723 | .panel > .table-bordered > thead > tr > td:first-child, 4724 | .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, 4725 | .panel > .table-bordered > tbody > tr > td:first-child, 4726 | .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, 4727 | .panel > .table-bordered > tfoot > tr > td:first-child, 4728 | .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { 4729 | border-left: 0; } 4730 | 4731 | .panel > .table-bordered > thead > tr > th:last-child, 4732 | .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, 4733 | .panel > .table-bordered > tbody > tr > th:last-child, 4734 | .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, 4735 | .panel > .table-bordered > tfoot > tr > th:last-child, 4736 | .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, 4737 | .panel > .table-bordered > thead > tr > td:last-child, 4738 | .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, 4739 | .panel > .table-bordered > tbody > tr > td:last-child, 4740 | .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, 4741 | .panel > .table-bordered > tfoot > tr > td:last-child, 4742 | .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { 4743 | border-right: 0; } 4744 | 4745 | .panel > .table-bordered > thead > tr:last-child > th, 4746 | .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, 4747 | .panel > .table-bordered > tbody > tr:last-child > th, 4748 | .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, 4749 | .panel > .table-bordered > tfoot > tr:last-child > th, 4750 | .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, 4751 | .panel > .table-bordered > thead > tr:last-child > td, 4752 | .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, 4753 | .panel > .table-bordered > tbody > tr:last-child > td, 4754 | .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, 4755 | .panel > .table-bordered > tfoot > tr:last-child > td, 4756 | .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td { 4757 | border-bottom: 0; } 4758 | 4759 | .panel-heading { 4760 | padding: 10px 15px; 4761 | border-bottom: 1px solid transparent; 4762 | border-top-right-radius: 3px; 4763 | border-top-left-radius: 3px; } 4764 | 4765 | .panel-heading > .dropdown .dropdown-toggle { 4766 | color: inherit; } 4767 | 4768 | .panel-title { 4769 | margin-top: 0; 4770 | margin-bottom: 0; 4771 | font-size: 16px; } 4772 | 4773 | .panel-title > a { 4774 | color: inherit; } 4775 | 4776 | .panel-footer { 4777 | padding: 10px 15px; 4778 | background-color: #f5f5f5; 4779 | border-top: 1px solid #dddddd; 4780 | border-bottom-right-radius: 3px; 4781 | border-bottom-left-radius: 3px; } 4782 | 4783 | .panel-group .panel { 4784 | margin-bottom: 0; 4785 | overflow: hidden; 4786 | border-radius: 4px; } 4787 | 4788 | .panel-group .panel + .panel { 4789 | margin-top: 5px; } 4790 | 4791 | .panel-group .panel-heading { 4792 | border-bottom: 0; } 4793 | 4794 | .panel-group .panel-heading + .panel-collapse .panel-body { 4795 | border-top: 1px solid #dddddd; } 4796 | 4797 | .panel-group .panel-footer { 4798 | border-top: 0; } 4799 | 4800 | .panel-group .panel-footer + .panel-collapse .panel-body { 4801 | border-bottom: 1px solid #dddddd; } 4802 | 4803 | .panel-default { 4804 | border-color: #dddddd; } 4805 | 4806 | .panel-default > .panel-heading { 4807 | color: #333333; 4808 | background-color: #f5f5f5; 4809 | border-color: #dddddd; } 4810 | 4811 | .panel-default > .panel-heading + .panel-collapse .panel-body { 4812 | border-top-color: #dddddd; } 4813 | 4814 | .panel-default > .panel-heading > .dropdown .caret { 4815 | border-color: #333333 transparent; } 4816 | 4817 | .panel-default > .panel-footer + .panel-collapse .panel-body { 4818 | border-bottom-color: #dddddd; } 4819 | 4820 | .panel-primary { 4821 | border-color: #428bca; } 4822 | 4823 | .panel-primary > .panel-heading { 4824 | color: #ffffff; 4825 | background-color: #428bca; 4826 | border-color: #428bca; } 4827 | 4828 | .panel-primary > .panel-heading + .panel-collapse .panel-body { 4829 | border-top-color: #428bca; } 4830 | 4831 | .panel-primary > .panel-heading > .dropdown .caret { 4832 | border-color: #ffffff transparent; } 4833 | 4834 | .panel-primary > .panel-footer + .panel-collapse .panel-body { 4835 | border-bottom-color: #428bca; } 4836 | 4837 | .panel-success { 4838 | border-color: #d6e9c6; } 4839 | 4840 | .panel-success > .panel-heading { 4841 | color: #468847; 4842 | background-color: #dff0d8; 4843 | border-color: #d6e9c6; } 4844 | 4845 | .panel-success > .panel-heading + .panel-collapse .panel-body { 4846 | border-top-color: #d6e9c6; } 4847 | 4848 | .panel-success > .panel-heading > .dropdown .caret { 4849 | border-color: #468847 transparent; } 4850 | 4851 | .panel-success > .panel-footer + .panel-collapse .panel-body { 4852 | border-bottom-color: #d6e9c6; } 4853 | 4854 | .panel-warning { 4855 | border-color: #faebcc; } 4856 | 4857 | .panel-warning > .panel-heading { 4858 | color: #c09853; 4859 | background-color: #fcf8e3; 4860 | border-color: #faebcc; } 4861 | 4862 | .panel-warning > .panel-heading + .panel-collapse .panel-body { 4863 | border-top-color: #faebcc; } 4864 | 4865 | .panel-warning > .panel-heading > .dropdown .caret { 4866 | border-color: #c09853 transparent; } 4867 | 4868 | .panel-warning > .panel-footer + .panel-collapse .panel-body { 4869 | border-bottom-color: #faebcc; } 4870 | 4871 | .panel-danger { 4872 | border-color: #ebccd1; } 4873 | 4874 | .panel-danger > .panel-heading { 4875 | color: #b94a48; 4876 | background-color: #f2dede; 4877 | border-color: #ebccd1; } 4878 | 4879 | .panel-danger > .panel-heading + .panel-collapse .panel-body { 4880 | border-top-color: #ebccd1; } 4881 | 4882 | .panel-danger > .panel-heading > .dropdown .caret { 4883 | border-color: #b94a48 transparent; } 4884 | 4885 | .panel-danger > .panel-footer + .panel-collapse .panel-body { 4886 | border-bottom-color: #ebccd1; } 4887 | 4888 | .panel-info { 4889 | border-color: #bce8f1; } 4890 | 4891 | .panel-info > .panel-heading { 4892 | color: #3a87ad; 4893 | background-color: #d9edf7; 4894 | border-color: #bce8f1; } 4895 | 4896 | .panel-info > .panel-heading + .panel-collapse .panel-body { 4897 | border-top-color: #bce8f1; } 4898 | 4899 | .panel-info > .panel-heading > .dropdown .caret { 4900 | border-color: #3a87ad transparent; } 4901 | 4902 | .panel-info > .panel-footer + .panel-collapse .panel-body { 4903 | border-bottom-color: #bce8f1; } 4904 | 4905 | .well { 4906 | min-height: 20px; 4907 | padding: 19px; 4908 | margin-bottom: 20px; 4909 | background-color: #f5f5f5; 4910 | border: 1px solid #e3e3e3; 4911 | border-radius: 4px; 4912 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); 4913 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } 4914 | 4915 | .well blockquote { 4916 | border-color: #ddd; 4917 | border-color: rgba(0, 0, 0, 0.15); } 4918 | 4919 | .well-lg { 4920 | padding: 24px; 4921 | border-radius: 6px; } 4922 | 4923 | .well-sm { 4924 | padding: 9px; 4925 | border-radius: 3px; } 4926 | 4927 | .close { 4928 | float: right; 4929 | font-size: 21px; 4930 | font-weight: bold; 4931 | line-height: 1; 4932 | color: #000000; 4933 | text-shadow: 0 1px 0 #ffffff; 4934 | opacity: 0.2; 4935 | filter: alpha(opacity=20); } 4936 | 4937 | .close:hover, 4938 | .close:focus { 4939 | color: #000000; 4940 | text-decoration: none; 4941 | cursor: pointer; 4942 | opacity: 0.5; 4943 | filter: alpha(opacity=50); } 4944 | 4945 | button.close { 4946 | padding: 0; 4947 | cursor: pointer; 4948 | background: transparent; 4949 | border: 0; 4950 | -webkit-appearance: none; } 4951 | 4952 | .modal-open { 4953 | overflow: hidden; } 4954 | 4955 | .modal { 4956 | position: fixed; 4957 | top: 0; 4958 | right: 0; 4959 | bottom: 0; 4960 | left: 0; 4961 | z-index: 1040; 4962 | display: none; 4963 | overflow: auto; 4964 | overflow-y: scroll; } 4965 | 4966 | .modal.fade .modal-dialog { 4967 | -webkit-transform: translate(0, -25%); 4968 | -ms-transform: translate(0, -25%); 4969 | transform: translate(0, -25%); 4970 | -webkit-transition: -webkit-transform 0.3s ease-out; 4971 | -moz-transition: -moz-transform 0.3s ease-out; 4972 | -o-transition: -o-transform 0.3s ease-out; 4973 | transition: transform 0.3s ease-out; } 4974 | 4975 | .modal.in .modal-dialog { 4976 | -webkit-transform: translate(0, 0); 4977 | -ms-transform: translate(0, 0); 4978 | transform: translate(0, 0); } 4979 | 4980 | .modal-dialog { 4981 | position: relative; 4982 | z-index: 1050; 4983 | width: auto; 4984 | padding: 10px; 4985 | margin-right: auto; 4986 | margin-left: auto; } 4987 | 4988 | .modal-content { 4989 | position: relative; 4990 | background-color: #ffffff; 4991 | border: 1px solid #999999; 4992 | border: 1px solid rgba(0, 0, 0, 0.2); 4993 | border-radius: 6px; 4994 | outline: none; 4995 | -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); 4996 | box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); 4997 | background-clip: padding-box; } 4998 | 4999 | .modal-backdrop { 5000 | position: fixed; 5001 | top: 0; 5002 | right: 0; 5003 | bottom: 0; 5004 | left: 0; 5005 | z-index: 1030; 5006 | background-color: #000000; } 5007 | 5008 | .modal-backdrop.fade { 5009 | opacity: 0; 5010 | filter: alpha(opacity=0); } 5011 | 5012 | .modal-backdrop.in { 5013 | opacity: 0.5; 5014 | filter: alpha(opacity=50); } 5015 | 5016 | .modal-header { 5017 | min-height: 16.428571429px; 5018 | padding: 15px; 5019 | border-bottom: 1px solid #e5e5e5; } 5020 | 5021 | .modal-header .close { 5022 | margin-top: -2px; } 5023 | 5024 | .modal-title { 5025 | margin: 0; 5026 | line-height: 1.428571429; } 5027 | 5028 | .modal-body { 5029 | position: relative; 5030 | padding: 20px; } 5031 | 5032 | .modal-footer { 5033 | padding: 19px 20px 20px; 5034 | margin-top: 15px; 5035 | text-align: right; 5036 | border-top: 1px solid #e5e5e5; } 5037 | 5038 | .modal-footer:before, 5039 | .modal-footer:after { 5040 | display: table; 5041 | content: " "; } 5042 | 5043 | .modal-footer:after { 5044 | clear: both; } 5045 | 5046 | .modal-footer:before, 5047 | .modal-footer:after { 5048 | display: table; 5049 | content: " "; } 5050 | 5051 | .modal-footer:after { 5052 | clear: both; } 5053 | 5054 | .modal-footer .btn + .btn { 5055 | margin-bottom: 0; 5056 | margin-left: 5px; } 5057 | 5058 | .modal-footer .btn-group .btn + .btn { 5059 | margin-left: -1px; } 5060 | 5061 | .modal-footer .btn-block + .btn-block { 5062 | margin-left: 0; } 5063 | 5064 | @media screen and (min-width: 768px) { 5065 | .modal-dialog { 5066 | width: 600px; 5067 | padding-top: 30px; 5068 | padding-bottom: 30px; } 5069 | 5070 | .modal-content { 5071 | -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); 5072 | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } 5073 | .tooltip { 5074 | position: absolute; 5075 | z-index: 1030; 5076 | display: block; 5077 | font-size: 12px; 5078 | line-height: 1.4; 5079 | opacity: 0; 5080 | filter: alpha(opacity=0); 5081 | visibility: visible; } 5082 | 5083 | .tooltip.in { 5084 | opacity: 0.9; 5085 | filter: alpha(opacity=90); } 5086 | 5087 | .tooltip.top { 5088 | padding: 5px 0; 5089 | margin-top: -3px; } 5090 | 5091 | .tooltip.right { 5092 | padding: 0 5px; 5093 | margin-left: 3px; } 5094 | 5095 | .tooltip.bottom { 5096 | padding: 5px 0; 5097 | margin-top: 3px; } 5098 | 5099 | .tooltip.left { 5100 | padding: 0 5px; 5101 | margin-left: -3px; } 5102 | 5103 | .tooltip-inner { 5104 | max-width: 200px; 5105 | padding: 3px 8px; 5106 | color: #ffffff; 5107 | text-align: center; 5108 | text-decoration: none; 5109 | background-color: #000000; 5110 | border-radius: 4px; } 5111 | 5112 | .tooltip-arrow { 5113 | position: absolute; 5114 | width: 0; 5115 | height: 0; 5116 | border-color: transparent; 5117 | border-style: solid; } 5118 | 5119 | .tooltip.top .tooltip-arrow { 5120 | bottom: 0; 5121 | left: 50%; 5122 | margin-left: -5px; 5123 | border-top-color: #000000; 5124 | border-width: 5px 5px 0; } 5125 | 5126 | .tooltip.top-left .tooltip-arrow { 5127 | bottom: 0; 5128 | left: 5px; 5129 | border-top-color: #000000; 5130 | border-width: 5px 5px 0; } 5131 | 5132 | .tooltip.top-right .tooltip-arrow { 5133 | right: 5px; 5134 | bottom: 0; 5135 | border-top-color: #000000; 5136 | border-width: 5px 5px 0; } 5137 | 5138 | .tooltip.right .tooltip-arrow { 5139 | top: 50%; 5140 | left: 0; 5141 | margin-top: -5px; 5142 | border-right-color: #000000; 5143 | border-width: 5px 5px 5px 0; } 5144 | 5145 | .tooltip.left .tooltip-arrow { 5146 | top: 50%; 5147 | right: 0; 5148 | margin-top: -5px; 5149 | border-left-color: #000000; 5150 | border-width: 5px 0 5px 5px; } 5151 | 5152 | .tooltip.bottom .tooltip-arrow { 5153 | top: 0; 5154 | left: 50%; 5155 | margin-left: -5px; 5156 | border-bottom-color: #000000; 5157 | border-width: 0 5px 5px; } 5158 | 5159 | .tooltip.bottom-left .tooltip-arrow { 5160 | top: 0; 5161 | left: 5px; 5162 | border-bottom-color: #000000; 5163 | border-width: 0 5px 5px; } 5164 | 5165 | .tooltip.bottom-right .tooltip-arrow { 5166 | top: 0; 5167 | right: 5px; 5168 | border-bottom-color: #000000; 5169 | border-width: 0 5px 5px; } 5170 | 5171 | .popover { 5172 | position: absolute; 5173 | top: 0; 5174 | left: 0; 5175 | z-index: 1010; 5176 | display: none; 5177 | max-width: 276px; 5178 | padding: 1px; 5179 | text-align: left; 5180 | white-space: normal; 5181 | background-color: #ffffff; 5182 | border: 1px solid #cccccc; 5183 | border: 1px solid rgba(0, 0, 0, 0.2); 5184 | border-radius: 6px; 5185 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 5186 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 5187 | background-clip: padding-box; } 5188 | 5189 | .popover.top { 5190 | margin-top: -10px; } 5191 | 5192 | .popover.right { 5193 | margin-left: 10px; } 5194 | 5195 | .popover.bottom { 5196 | margin-top: 10px; } 5197 | 5198 | .popover.left { 5199 | margin-left: -10px; } 5200 | 5201 | .popover-title { 5202 | padding: 8px 14px; 5203 | margin: 0; 5204 | font-size: 14px; 5205 | font-weight: normal; 5206 | line-height: 18px; 5207 | background-color: #f7f7f7; 5208 | border-bottom: 1px solid #ebebeb; 5209 | border-radius: 5px 5px 0 0; } 5210 | 5211 | .popover-content { 5212 | padding: 9px 14px; } 5213 | 5214 | .popover .arrow, 5215 | .popover .arrow:after { 5216 | position: absolute; 5217 | display: block; 5218 | width: 0; 5219 | height: 0; 5220 | border-color: transparent; 5221 | border-style: solid; } 5222 | 5223 | .popover .arrow { 5224 | border-width: 11px; } 5225 | 5226 | .popover .arrow:after { 5227 | border-width: 10px; 5228 | content: ""; } 5229 | 5230 | .popover.top .arrow { 5231 | bottom: -11px; 5232 | left: 50%; 5233 | margin-left: -11px; 5234 | border-top-color: #999999; 5235 | border-top-color: rgba(0, 0, 0, 0.25); 5236 | border-bottom-width: 0; } 5237 | 5238 | .popover.top .arrow:after { 5239 | bottom: 1px; 5240 | margin-left: -10px; 5241 | border-top-color: #ffffff; 5242 | border-bottom-width: 0; 5243 | content: " "; } 5244 | 5245 | .popover.right .arrow { 5246 | top: 50%; 5247 | left: -11px; 5248 | margin-top: -11px; 5249 | border-right-color: #999999; 5250 | border-right-color: rgba(0, 0, 0, 0.25); 5251 | border-left-width: 0; } 5252 | 5253 | .popover.right .arrow:after { 5254 | bottom: -10px; 5255 | left: 1px; 5256 | border-right-color: #ffffff; 5257 | border-left-width: 0; 5258 | content: " "; } 5259 | 5260 | .popover.bottom .arrow { 5261 | top: -11px; 5262 | left: 50%; 5263 | margin-left: -11px; 5264 | border-bottom-color: #999999; 5265 | border-bottom-color: rgba(0, 0, 0, 0.25); 5266 | border-top-width: 0; } 5267 | 5268 | .popover.bottom .arrow:after { 5269 | top: 1px; 5270 | margin-left: -10px; 5271 | border-bottom-color: #ffffff; 5272 | border-top-width: 0; 5273 | content: " "; } 5274 | 5275 | .popover.left .arrow { 5276 | top: 50%; 5277 | right: -11px; 5278 | margin-top: -11px; 5279 | border-left-color: #999999; 5280 | border-left-color: rgba(0, 0, 0, 0.25); 5281 | border-right-width: 0; } 5282 | 5283 | .popover.left .arrow:after { 5284 | right: 1px; 5285 | bottom: -10px; 5286 | border-left-color: #ffffff; 5287 | border-right-width: 0; 5288 | content: " "; } 5289 | 5290 | .carousel { 5291 | position: relative; } 5292 | 5293 | .carousel-inner { 5294 | position: relative; 5295 | width: 100%; 5296 | overflow: hidden; } 5297 | 5298 | .carousel-inner > .item { 5299 | position: relative; 5300 | display: none; 5301 | -webkit-transition: 0.6s ease-in-out left; 5302 | transition: 0.6s ease-in-out left; } 5303 | 5304 | .carousel-inner > .item > img, 5305 | .carousel-inner > .item > a > img { 5306 | display: block; 5307 | height: auto; 5308 | max-width: 100%; 5309 | line-height: 1; } 5310 | 5311 | .carousel-inner > .active, 5312 | .carousel-inner > .next, 5313 | .carousel-inner > .prev { 5314 | display: block; } 5315 | 5316 | .carousel-inner > .active { 5317 | left: 0; } 5318 | 5319 | .carousel-inner > .next, 5320 | .carousel-inner > .prev { 5321 | position: absolute; 5322 | top: 0; 5323 | width: 100%; } 5324 | 5325 | .carousel-inner > .next { 5326 | left: 100%; } 5327 | 5328 | .carousel-inner > .prev { 5329 | left: -100%; } 5330 | 5331 | .carousel-inner > .next.left, 5332 | .carousel-inner > .prev.right { 5333 | left: 0; } 5334 | 5335 | .carousel-inner > .active.left { 5336 | left: -100%; } 5337 | 5338 | .carousel-inner > .active.right { 5339 | left: 100%; } 5340 | 5341 | .carousel-control { 5342 | position: absolute; 5343 | top: 0; 5344 | bottom: 0; 5345 | left: 0; 5346 | width: 15%; 5347 | font-size: 20px; 5348 | color: #ffffff; 5349 | text-align: center; 5350 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); 5351 | opacity: 0.5; 5352 | filter: alpha(opacity=50); } 5353 | 5354 | .carousel-control.left { 5355 | background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); 5356 | background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); 5357 | background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); 5358 | background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); 5359 | background-repeat: repeat-x; 5360 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } 5361 | 5362 | .carousel-control.right { 5363 | right: 0; 5364 | left: auto; 5365 | background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); 5366 | background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); 5367 | background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); 5368 | background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); 5369 | background-repeat: repeat-x; 5370 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } 5371 | 5372 | .carousel-control:hover, 5373 | .carousel-control:focus { 5374 | color: #ffffff; 5375 | text-decoration: none; 5376 | opacity: 0.9; 5377 | filter: alpha(opacity=90); } 5378 | 5379 | .carousel-control .icon-prev, 5380 | .carousel-control .icon-next, 5381 | .carousel-control .glyphicon-chevron-left, 5382 | .carousel-control .glyphicon-chevron-right { 5383 | position: absolute; 5384 | top: 50%; 5385 | z-index: 5; 5386 | display: inline-block; } 5387 | 5388 | .carousel-control .icon-prev, 5389 | .carousel-control .glyphicon-chevron-left { 5390 | left: 50%; } 5391 | 5392 | .carousel-control .icon-next, 5393 | .carousel-control .glyphicon-chevron-right { 5394 | right: 50%; } 5395 | 5396 | .carousel-control .icon-prev, 5397 | .carousel-control .icon-next { 5398 | width: 20px; 5399 | height: 20px; 5400 | margin-top: -10px; 5401 | margin-left: -10px; 5402 | font-family: serif; } 5403 | 5404 | .carousel-control .icon-prev:before { 5405 | content: '\2039'; } 5406 | 5407 | .carousel-control .icon-next:before { 5408 | content: '\203a'; } 5409 | 5410 | .carousel-indicators { 5411 | position: absolute; 5412 | bottom: 10px; 5413 | left: 50%; 5414 | z-index: 15; 5415 | width: 60%; 5416 | padding-left: 0; 5417 | margin-left: -30%; 5418 | text-align: center; 5419 | list-style: none; } 5420 | 5421 | .carousel-indicators li { 5422 | display: inline-block; 5423 | width: 10px; 5424 | height: 10px; 5425 | margin: 1px; 5426 | text-indent: -999px; 5427 | cursor: pointer; 5428 | background-color: #000 \9; 5429 | background-color: rgba(0, 0, 0, 0); 5430 | border: 1px solid #ffffff; 5431 | border-radius: 10px; } 5432 | 5433 | .carousel-indicators .active { 5434 | width: 12px; 5435 | height: 12px; 5436 | margin: 0; 5437 | background-color: #ffffff; } 5438 | 5439 | .carousel-caption { 5440 | position: absolute; 5441 | right: 15%; 5442 | bottom: 20px; 5443 | left: 15%; 5444 | z-index: 10; 5445 | padding-top: 20px; 5446 | padding-bottom: 20px; 5447 | color: #ffffff; 5448 | text-align: center; 5449 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } 5450 | 5451 | .carousel-caption .btn { 5452 | text-shadow: none; } 5453 | 5454 | @media screen and (min-width: 768px) { 5455 | .carousel-control .glyphicons-chevron-left, 5456 | .carousel-control .glyphicons-chevron-right, 5457 | .carousel-control .icon-prev, 5458 | .carousel-control .icon-next { 5459 | width: 30px; 5460 | height: 30px; 5461 | margin-top: -15px; 5462 | margin-left: -15px; 5463 | font-size: 30px; } 5464 | 5465 | .carousel-caption { 5466 | right: 20%; 5467 | left: 20%; 5468 | padding-bottom: 30px; } 5469 | 5470 | .carousel-indicators { 5471 | bottom: 20px; } } 5472 | .clearfix:before, 5473 | .clearfix:after { 5474 | display: table; 5475 | content: " "; } 5476 | 5477 | .clearfix:after { 5478 | clear: both; } 5479 | 5480 | .center-block { 5481 | display: block; 5482 | margin-right: auto; 5483 | margin-left: auto; } 5484 | 5485 | .pull-right { 5486 | float: right !important; } 5487 | 5488 | .pull-left { 5489 | float: left !important; } 5490 | 5491 | .hide { 5492 | display: none !important; } 5493 | 5494 | .show { 5495 | display: block !important; } 5496 | 5497 | .invisible { 5498 | visibility: hidden; } 5499 | 5500 | .text-hide { 5501 | font: 0/0 a; 5502 | color: transparent; 5503 | text-shadow: none; 5504 | background-color: transparent; 5505 | border: 0; } 5506 | 5507 | .hidden { 5508 | display: none !important; 5509 | visibility: hidden !important; } 5510 | 5511 | .affix { 5512 | position: fixed; } 5513 | 5514 | @-ms-viewport { 5515 | width: device-width; } 5516 | 5517 | .visible-xs, 5518 | tr.visible-xs, 5519 | th.visible-xs, 5520 | td.visible-xs { 5521 | display: none !important; } 5522 | 5523 | @media (max-width: 767px) { 5524 | .visible-xs { 5525 | display: block !important; } 5526 | 5527 | tr.visible-xs { 5528 | display: table-row !important; } 5529 | 5530 | th.visible-xs, 5531 | td.visible-xs { 5532 | display: table-cell !important; } } 5533 | @media (min-width: 768px) and (max-width: 991px) { 5534 | .visible-xs.visible-sm { 5535 | display: block !important; } 5536 | 5537 | tr.visible-xs.visible-sm { 5538 | display: table-row !important; } 5539 | 5540 | th.visible-xs.visible-sm, 5541 | td.visible-xs.visible-sm { 5542 | display: table-cell !important; } } 5543 | @media (min-width: 992px) and (max-width: 1199px) { 5544 | .visible-xs.visible-md { 5545 | display: block !important; } 5546 | 5547 | tr.visible-xs.visible-md { 5548 | display: table-row !important; } 5549 | 5550 | th.visible-xs.visible-md, 5551 | td.visible-xs.visible-md { 5552 | display: table-cell !important; } } 5553 | @media (min-width: 1200px) { 5554 | .visible-xs.visible-lg { 5555 | display: block !important; } 5556 | 5557 | tr.visible-xs.visible-lg { 5558 | display: table-row !important; } 5559 | 5560 | th.visible-xs.visible-lg, 5561 | td.visible-xs.visible-lg { 5562 | display: table-cell !important; } } 5563 | .visible-sm, 5564 | tr.visible-sm, 5565 | th.visible-sm, 5566 | td.visible-sm { 5567 | display: none !important; } 5568 | 5569 | @media (max-width: 767px) { 5570 | .visible-sm.visible-xs { 5571 | display: block !important; } 5572 | 5573 | tr.visible-sm.visible-xs { 5574 | display: table-row !important; } 5575 | 5576 | th.visible-sm.visible-xs, 5577 | td.visible-sm.visible-xs { 5578 | display: table-cell !important; } } 5579 | @media (min-width: 768px) and (max-width: 991px) { 5580 | .visible-sm { 5581 | display: block !important; } 5582 | 5583 | tr.visible-sm { 5584 | display: table-row !important; } 5585 | 5586 | th.visible-sm, 5587 | td.visible-sm { 5588 | display: table-cell !important; } } 5589 | @media (min-width: 992px) and (max-width: 1199px) { 5590 | .visible-sm.visible-md { 5591 | display: block !important; } 5592 | 5593 | tr.visible-sm.visible-md { 5594 | display: table-row !important; } 5595 | 5596 | th.visible-sm.visible-md, 5597 | td.visible-sm.visible-md { 5598 | display: table-cell !important; } } 5599 | @media (min-width: 1200px) { 5600 | .visible-sm.visible-lg { 5601 | display: block !important; } 5602 | 5603 | tr.visible-sm.visible-lg { 5604 | display: table-row !important; } 5605 | 5606 | th.visible-sm.visible-lg, 5607 | td.visible-sm.visible-lg { 5608 | display: table-cell !important; } } 5609 | .visible-md, 5610 | tr.visible-md, 5611 | th.visible-md, 5612 | td.visible-md { 5613 | display: none !important; } 5614 | 5615 | @media (max-width: 767px) { 5616 | .visible-md.visible-xs { 5617 | display: block !important; } 5618 | 5619 | tr.visible-md.visible-xs { 5620 | display: table-row !important; } 5621 | 5622 | th.visible-md.visible-xs, 5623 | td.visible-md.visible-xs { 5624 | display: table-cell !important; } } 5625 | @media (min-width: 768px) and (max-width: 991px) { 5626 | .visible-md.visible-sm { 5627 | display: block !important; } 5628 | 5629 | tr.visible-md.visible-sm { 5630 | display: table-row !important; } 5631 | 5632 | th.visible-md.visible-sm, 5633 | td.visible-md.visible-sm { 5634 | display: table-cell !important; } } 5635 | @media (min-width: 992px) and (max-width: 1199px) { 5636 | .visible-md { 5637 | display: block !important; } 5638 | 5639 | tr.visible-md { 5640 | display: table-row !important; } 5641 | 5642 | th.visible-md, 5643 | td.visible-md { 5644 | display: table-cell !important; } } 5645 | @media (min-width: 1200px) { 5646 | .visible-md.visible-lg { 5647 | display: block !important; } 5648 | 5649 | tr.visible-md.visible-lg { 5650 | display: table-row !important; } 5651 | 5652 | th.visible-md.visible-lg, 5653 | td.visible-md.visible-lg { 5654 | display: table-cell !important; } } 5655 | .visible-lg, 5656 | tr.visible-lg, 5657 | th.visible-lg, 5658 | td.visible-lg { 5659 | display: none !important; } 5660 | 5661 | @media (max-width: 767px) { 5662 | .visible-lg.visible-xs { 5663 | display: block !important; } 5664 | 5665 | tr.visible-lg.visible-xs { 5666 | display: table-row !important; } 5667 | 5668 | th.visible-lg.visible-xs, 5669 | td.visible-lg.visible-xs { 5670 | display: table-cell !important; } } 5671 | @media (min-width: 768px) and (max-width: 991px) { 5672 | .visible-lg.visible-sm { 5673 | display: block !important; } 5674 | 5675 | tr.visible-lg.visible-sm { 5676 | display: table-row !important; } 5677 | 5678 | th.visible-lg.visible-sm, 5679 | td.visible-lg.visible-sm { 5680 | display: table-cell !important; } } 5681 | @media (min-width: 992px) and (max-width: 1199px) { 5682 | .visible-lg.visible-md { 5683 | display: block !important; } 5684 | 5685 | tr.visible-lg.visible-md { 5686 | display: table-row !important; } 5687 | 5688 | th.visible-lg.visible-md, 5689 | td.visible-lg.visible-md { 5690 | display: table-cell !important; } } 5691 | @media (min-width: 1200px) { 5692 | .visible-lg { 5693 | display: block !important; } 5694 | 5695 | tr.visible-lg { 5696 | display: table-row !important; } 5697 | 5698 | th.visible-lg, 5699 | td.visible-lg { 5700 | display: table-cell !important; } } 5701 | .hidden-xs { 5702 | display: block !important; } 5703 | 5704 | tr.hidden-xs { 5705 | display: table-row !important; } 5706 | 5707 | th.hidden-xs, 5708 | td.hidden-xs { 5709 | display: table-cell !important; } 5710 | 5711 | @media (max-width: 767px) { 5712 | .hidden-xs, 5713 | tr.hidden-xs, 5714 | th.hidden-xs, 5715 | td.hidden-xs { 5716 | display: none !important; } } 5717 | @media (min-width: 768px) and (max-width: 991px) { 5718 | .hidden-xs.hidden-sm, 5719 | tr.hidden-xs.hidden-sm, 5720 | th.hidden-xs.hidden-sm, 5721 | td.hidden-xs.hidden-sm { 5722 | display: none !important; } } 5723 | @media (min-width: 992px) and (max-width: 1199px) { 5724 | .hidden-xs.hidden-md, 5725 | tr.hidden-xs.hidden-md, 5726 | th.hidden-xs.hidden-md, 5727 | td.hidden-xs.hidden-md { 5728 | display: none !important; } } 5729 | @media (min-width: 1200px) { 5730 | .hidden-xs.hidden-lg, 5731 | tr.hidden-xs.hidden-lg, 5732 | th.hidden-xs.hidden-lg, 5733 | td.hidden-xs.hidden-lg { 5734 | display: none !important; } } 5735 | .hidden-sm { 5736 | display: block !important; } 5737 | 5738 | tr.hidden-sm { 5739 | display: table-row !important; } 5740 | 5741 | th.hidden-sm, 5742 | td.hidden-sm { 5743 | display: table-cell !important; } 5744 | 5745 | @media (max-width: 767px) { 5746 | .hidden-sm.hidden-xs, 5747 | tr.hidden-sm.hidden-xs, 5748 | th.hidden-sm.hidden-xs, 5749 | td.hidden-sm.hidden-xs { 5750 | display: none !important; } } 5751 | @media (min-width: 768px) and (max-width: 991px) { 5752 | .hidden-sm, 5753 | tr.hidden-sm, 5754 | th.hidden-sm, 5755 | td.hidden-sm { 5756 | display: none !important; } } 5757 | @media (min-width: 992px) and (max-width: 1199px) { 5758 | .hidden-sm.hidden-md, 5759 | tr.hidden-sm.hidden-md, 5760 | th.hidden-sm.hidden-md, 5761 | td.hidden-sm.hidden-md { 5762 | display: none !important; } } 5763 | @media (min-width: 1200px) { 5764 | .hidden-sm.hidden-lg, 5765 | tr.hidden-sm.hidden-lg, 5766 | th.hidden-sm.hidden-lg, 5767 | td.hidden-sm.hidden-lg { 5768 | display: none !important; } } 5769 | .hidden-md { 5770 | display: block !important; } 5771 | 5772 | tr.hidden-md { 5773 | display: table-row !important; } 5774 | 5775 | th.hidden-md, 5776 | td.hidden-md { 5777 | display: table-cell !important; } 5778 | 5779 | @media (max-width: 767px) { 5780 | .hidden-md.hidden-xs, 5781 | tr.hidden-md.hidden-xs, 5782 | th.hidden-md.hidden-xs, 5783 | td.hidden-md.hidden-xs { 5784 | display: none !important; } } 5785 | @media (min-width: 768px) and (max-width: 991px) { 5786 | .hidden-md.hidden-sm, 5787 | tr.hidden-md.hidden-sm, 5788 | th.hidden-md.hidden-sm, 5789 | td.hidden-md.hidden-sm { 5790 | display: none !important; } } 5791 | @media (min-width: 992px) and (max-width: 1199px) { 5792 | .hidden-md, 5793 | tr.hidden-md, 5794 | th.hidden-md, 5795 | td.hidden-md { 5796 | display: none !important; } } 5797 | @media (min-width: 1200px) { 5798 | .hidden-md.hidden-lg, 5799 | tr.hidden-md.hidden-lg, 5800 | th.hidden-md.hidden-lg, 5801 | td.hidden-md.hidden-lg { 5802 | display: none !important; } } 5803 | .hidden-lg { 5804 | display: block !important; } 5805 | 5806 | tr.hidden-lg { 5807 | display: table-row !important; } 5808 | 5809 | th.hidden-lg, 5810 | td.hidden-lg { 5811 | display: table-cell !important; } 5812 | 5813 | @media (max-width: 767px) { 5814 | .hidden-lg.hidden-xs, 5815 | tr.hidden-lg.hidden-xs, 5816 | th.hidden-lg.hidden-xs, 5817 | td.hidden-lg.hidden-xs { 5818 | display: none !important; } } 5819 | @media (min-width: 768px) and (max-width: 991px) { 5820 | .hidden-lg.hidden-sm, 5821 | tr.hidden-lg.hidden-sm, 5822 | th.hidden-lg.hidden-sm, 5823 | td.hidden-lg.hidden-sm { 5824 | display: none !important; } } 5825 | @media (min-width: 992px) and (max-width: 1199px) { 5826 | .hidden-lg.hidden-md, 5827 | tr.hidden-lg.hidden-md, 5828 | th.hidden-lg.hidden-md, 5829 | td.hidden-lg.hidden-md { 5830 | display: none !important; } } 5831 | @media (min-width: 1200px) { 5832 | .hidden-lg, 5833 | tr.hidden-lg, 5834 | th.hidden-lg, 5835 | td.hidden-lg { 5836 | display: none !important; } } 5837 | .visible-print, 5838 | tr.visible-print, 5839 | th.visible-print, 5840 | td.visible-print { 5841 | display: none !important; } 5842 | 5843 | @media print { 5844 | .visible-print { 5845 | display: block !important; } 5846 | 5847 | tr.visible-print { 5848 | display: table-row !important; } 5849 | 5850 | th.visible-print, 5851 | td.visible-print { 5852 | display: table-cell !important; } 5853 | 5854 | .hidden-print, 5855 | tr.hidden-print, 5856 | th.hidden-print, 5857 | td.hidden-print { 5858 | display: none !important; } } 5859 | body { 5860 | background: orange; } 5861 | --------------------------------------------------------------------------------