├── src ├── index.css ├── computer.jpg ├── index.js ├── App.test.js ├── lambda │ └── signup.js ├── App.js ├── App.css └── bootstrap.css ├── public ├── favicon.ico ├── manifest.json └── index.html ├── netlify.toml ├── docs └── images │ ├── netlify_signup.png │ ├── netlify_authorize.png │ ├── netlify_new_site.png │ ├── mailchimp_api_key_1.png │ ├── mailchimp_api_key_2.png │ ├── mailchimp_new_list.png │ ├── netlify_deployment.png │ ├── netlify_create_site_1.png │ ├── netlify_create_site_2.png │ ├── netlify_create_site_3.png │ ├── netlify_function_logs.png │ ├── mailchimp_create_list_1.png │ ├── mailchimp_create_list_2.png │ ├── netlify_trigger_redeploy.png │ ├── netlify_build_variables_1.png │ └── netlify_build_variables_2.png ├── package.json ├── LICENSE ├── .gitignore └── README.md /src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: sans-serif; 5 | } -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /src/computer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/src/computer.jpg -------------------------------------------------------------------------------- /netlify.toml: -------------------------------------------------------------------------------- 1 | [build] 2 | Command = "npm run build && npm run build:lambda" 3 | Functions = "lambda" 4 | Publish = "build" -------------------------------------------------------------------------------- /docs/images/netlify_signup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_signup.png -------------------------------------------------------------------------------- /docs/images/netlify_authorize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_authorize.png -------------------------------------------------------------------------------- /docs/images/netlify_new_site.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_new_site.png -------------------------------------------------------------------------------- /docs/images/mailchimp_api_key_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/mailchimp_api_key_1.png -------------------------------------------------------------------------------- /docs/images/mailchimp_api_key_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/mailchimp_api_key_2.png -------------------------------------------------------------------------------- /docs/images/mailchimp_new_list.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/mailchimp_new_list.png -------------------------------------------------------------------------------- /docs/images/netlify_deployment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_deployment.png -------------------------------------------------------------------------------- /docs/images/netlify_create_site_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_create_site_1.png -------------------------------------------------------------------------------- /docs/images/netlify_create_site_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_create_site_2.png -------------------------------------------------------------------------------- /docs/images/netlify_create_site_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_create_site_3.png -------------------------------------------------------------------------------- /docs/images/netlify_function_logs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_function_logs.png -------------------------------------------------------------------------------- /docs/images/mailchimp_create_list_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/mailchimp_create_list_1.png -------------------------------------------------------------------------------- /docs/images/mailchimp_create_list_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/mailchimp_create_list_2.png -------------------------------------------------------------------------------- /docs/images/netlify_trigger_redeploy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_trigger_redeploy.png -------------------------------------------------------------------------------- /docs/images/netlify_build_variables_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_build_variables_1.png -------------------------------------------------------------------------------- /docs/images/netlify_build_variables_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tobilg/netlify-functions-landingpage/HEAD/docs/images/netlify_build_variables_2.png -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import './index.css'; 4 | import App from './App'; 5 | 6 | ReactDOM.render(, document.getElementById('root')) -------------------------------------------------------------------------------- /src/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | 5 | it('renders without crashing', () => { 6 | const div = document.createElement('div'); 7 | ReactDOM.render(, div); 8 | ReactDOM.unmountComponentAtNode(div); 9 | }); -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "geofence.stream landing page", 3 | "name": "geofence.stream landing page", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": "./index.html", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "netlify-functions-landingpage", 3 | "version": "0.1.0", 4 | "dependencies": { 5 | "axios": "^0.18.0", 6 | "netlify-lambda": "^0.4.0", 7 | "react": "^16.3.2", 8 | "react-dom": "^16.3.1", 9 | "react-scripts": "1.1.4", 10 | "request": "^2.85.0" 11 | }, 12 | "scripts": { 13 | "start": "react-scripts start", 14 | "start:lambda": "netlify-lambda serve src/lambda", 15 | "build": "react-scripts build", 16 | "build:lambda": "netlify-lambda build src/lambda", 17 | "test": "react-scripts test --env=jsdom", 18 | "eject": "react-scripts eject" 19 | }, 20 | "proxy": { 21 | "/.netlify/functions": { 22 | "target": "http://localhost:9000", 23 | "pathRewrite": { 24 | "^/\\.netlify/functions": "" 25 | } 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Tobi 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (http://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # Typescript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env 59 | 60 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 21 | Netlify functions landing page example 22 | 23 | 24 | 27 |
28 | 36 | 37 | -------------------------------------------------------------------------------- /src/lambda/signup.js: -------------------------------------------------------------------------------- 1 | const request = require("request"); 2 | 3 | const mailChimpAPI = process.env.MAILCHIMP_API_KEY; 4 | const mailChimpListID = process.env.MAILCHIMP_LIST_ID; 5 | const mcRegion = process.env.MAILCHIMP_REGION; 6 | 7 | module.exports.handler = (event, context, callback) => { 8 | 9 | const formData = JSON.parse(event.body); 10 | const email = formData.email; 11 | let errorMessage = null; 12 | 13 | if (!formData) { 14 | errorMessage = "No form data supplied"; 15 | console.log(errorMessage); 16 | callback(errorMessage); 17 | } 18 | 19 | if (!email) { 20 | errorMessage = "No EMAIL supplied"; 21 | console.log(errorMessage); 22 | callback(errorMessage); 23 | } 24 | 25 | if (!mailChimpListID) { 26 | errorMessage = "No LIST_ID supplied"; 27 | console.log(errorMessage); 28 | callback(errorMessage); 29 | } 30 | 31 | const data = { 32 | email_address: email, 33 | status: "subscribed", 34 | merge_fields: {} 35 | }; 36 | 37 | const subscriber = JSON.stringify(data); 38 | console.log("Sending data to mailchimp", subscriber); 39 | 40 | request({ 41 | method: "POST", 42 | url: `https://${mcRegion}.api.mailchimp.com/3.0/lists/${mailChimpListID}/members`, 43 | body: subscriber, 44 | headers: { 45 | "Authorization": `apikey ${mailChimpAPI}`, 46 | "Content-Type": "application/json" 47 | } 48 | }, (error, response, body) => { 49 | if (error) { 50 | callback(error, null) 51 | } 52 | const bodyObj = JSON.parse(body); 53 | 54 | console.log("Mailchimp body: " + JSON.stringify(bodyObj)); 55 | console.log("Status Code: " + response.statusCode); 56 | 57 | if (response.statusCode < 300 || (bodyObj.status === 400 && bodyObj.title === "Member Exists")) { 58 | console.log("Added to list in Mailchimp subscriber list"); 59 | callback(null, { 60 | statusCode: 201, 61 | headers: { 62 | "Content-Type": "application/json", 63 | "Access-Control-Allow-Origin": "*", 64 | "Access-Control-Allow-Credentials": "true" 65 | }, 66 | body: JSON.stringify({ 67 | status: "saved email" 68 | }) 69 | }) 70 | } else { 71 | console.log("Error from mailchimp", bodyObj.detail); 72 | callback(bodyObj.detail, null); 73 | } 74 | 75 | }); 76 | 77 | }; -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import axios from 'axios' 3 | import './bootstrap.css' 4 | import './App.css' 5 | 6 | const formAPI = '/.netlify/functions/signup' 7 | 8 | export default class App extends Component { 9 | state = { 10 | loading: false, 11 | success: false, 12 | error: false 13 | } 14 | handleSubmit = (event, data) => { 15 | event.preventDefault() 16 | const email = this.email.value 17 | 18 | if (!email) { 19 | alert('Please email your email') 20 | } 21 | 22 | this.setState({ 23 | loading: true 24 | }) 25 | 26 | formHandler(email).then(() => { 27 | this.setState({ 28 | success: true, 29 | loading: false 30 | }) 31 | }).catch((e) => { 32 | this.setState({ 33 | error: true, 34 | loading: false 35 | }) 36 | }) 37 | } 38 | renderForm() { 39 | const { success, loading } = this.state 40 | const buttonText = (loading) ? '...' : 'Notify Me' 41 | const handler = (loading) ? noOp : this.handleSubmit 42 | 43 | /* if they submitted the form, show thanks */ 44 | if (success) { 45 | return ( 46 |
47 |

Thanks for signing up!

48 |
49 | ) 50 | } 51 | 52 | return ( 53 |
54 | this.email = input} 59 | placeholder="Enter your email address..." 60 | required 61 | /> 62 | 65 |
66 | ) 67 | } 68 | render() { 69 | return ( 70 |
71 |
72 |
73 |
74 |
75 |

76 | Netlify functions landing page example 77 |

78 | 79 |

80 | Sign up to get notified
when we launch! 81 |

82 | 83 |
84 | {this.renderForm()} 85 |
86 |
87 | 88 |
89 |
90 | 91 |
92 |
93 |
94 |
95 |
96 | ) 97 | } 98 | } 99 | 100 | function formHandler(email) { 101 | const data = { 102 | email: email 103 | } 104 | return axios({ 105 | method: 'post', 106 | url: formAPI, 107 | data: data, 108 | }) 109 | } 110 | 111 | function noOp() { 112 | console.log('submission in progress') 113 | } -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | /* Import fonts */ 2 | @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900); 3 | 4 | * { 5 | margin: 0; 6 | padding: 0px; 7 | font-family: 'Lato', sans-serif; 8 | } 9 | body { 10 | background: #fff; 11 | margin: 0; 12 | color: #5a5a5a; 13 | } 14 | 15 | h1, h2, h3, h4, h5, h6 { 16 | font-family: 'Lato', sans-serif; 17 | font-weight: 300; 18 | } 19 | 20 | 21 | p { 22 | padding: 0; 23 | margin-bottom: 12px; 24 | font-family: 'Lato', sans-serif; 25 | font-weight: 300; 26 | font-size: 18px; 27 | line-height: 28px; 28 | color: #666; 29 | margin-top: 10px; 30 | } 31 | 32 | html, 33 | body { 34 | height: 100%; 35 | } 36 | 37 | .alignleft { 38 | float: left; 39 | } 40 | .alignright { 41 | float: right; 42 | } 43 | .aligncenter { 44 | margin-left: auto; 45 | margin-right: auto; 46 | display: block; 47 | clear: both; 48 | } 49 | .centered { 50 | text-align: center 51 | } 52 | .mt { 53 | margin-top: 50px; 54 | } 55 | .clear { 56 | clear: both; 57 | display: block; 58 | font-size: 0; 59 | height: 0; 60 | line-height: 0; 61 | width:100%; 62 | } 63 | ::-moz-selection { 64 | color: #fff; 65 | text-shadow: none; 66 | background: #2B2E31; 67 | } 68 | ::selection { 69 | color: #fff; 70 | text-shadow: none; 71 | background: #2B2E31; 72 | } 73 | *, 74 | *:after, 75 | *:before { 76 | box-sizing: border-box; 77 | padding: 0; 78 | margin: 0; 79 | } 80 | a { 81 | padding: 0; 82 | margin: 0; 83 | text-decoration: none; 84 | transition: background-color .4s linear, color .4s linear; 85 | color: #1abc9c; 86 | } 87 | a:hover, 88 | a:focus { 89 | text-decoration: none; 90 | color:#696E74; 91 | } 92 | 93 | .btn-green { 94 | background: #1abc9c; 95 | color: white; 96 | border-radius: 2px; 97 | } 98 | 99 | .btn-green:hover { 100 | background: #16a085; 101 | color: white; 102 | } 103 | 104 | hr { 105 | border: 1px solid #1abc9c; 106 | width: 120px; 107 | } 108 | 109 | h4 { 110 | font-weight: 700; 111 | } 112 | 113 | #root { 114 | display: flex; 115 | flex-grow: 1; 116 | width: 100%; 117 | height: 100vh; 118 | } 119 | 120 | .App { 121 | text-align: center; 122 | width:100%; 123 | } 124 | 125 | .landing-page { 126 | background: url(./computer.jpg) no-repeat center top; 127 | padding-top: 60px; 128 | text-align: center; 129 | background-attachment: relative; 130 | background-position: center center; 131 | min-height: 700px; 132 | width: 100%; 133 | background-size: 100%; 134 | background-size: cover; 135 | height: 100vh; 136 | position: relative; 137 | z-index: 2; 138 | overflow: hidden; 139 | } 140 | .landing-page .container { 141 | z-index: 3; 142 | position: relative; 143 | } 144 | .backdrop { 145 | top: 0; 146 | left: 0; 147 | background: rgba(0, 0, 0, 0.35); 148 | width: 100vw; 149 | height: 100vh; 150 | position: absolute; 151 | z-index: 1; 152 | } 153 | .landing-page h3.logo { 154 | font-weight: 900; 155 | text-align: center; 156 | color: white; 157 | margin-bottom: 120px; 158 | border: 3px solid white; 159 | width: 305px; 160 | padding: 12px; 161 | } 162 | .landing-page h1 { 163 | color: white; 164 | font-size: 70px; 165 | letter-spacing: -2px; 166 | word-spacing: 3px; 167 | } 168 | .landing-page h2 { 169 | color: white; 170 | } 171 | 172 | .landing-page .continue { 173 | font-size: 30px; 174 | color: #1abc9c; 175 | margin-top: 80px; 176 | } 177 | 178 | /* GENERAL CONF */ 179 | i { 180 | margin-right: 10px; 181 | } 182 | 183 | input { 184 | font-size: 18px; 185 | min-height: 40px; 186 | border-radius: 2px; 187 | line-height: 20px; 188 | padding: 11px 30px 12px; 189 | border: none; 190 | margin-bottom: 10px; 191 | background-color: #e9f0f2; 192 | transition: background-color 0.2s; 193 | } 194 | 195 | .sign-up { 196 | float: left; 197 | width: 70%; 198 | text-align: left; 199 | margin-right: 2px; 200 | } 201 | 202 | .sign-up-button { 203 | right: 0; 204 | } 205 | 206 | @media (max-width: 767px) { 207 | .sign-up { 208 | width: 70%; 209 | } 210 | .landing-page h1 { 211 | font-size: 35px; 212 | } 213 | .landing-page h3.logo { 214 | margin-bottom: 50px; 215 | } 216 | } 217 | 218 | @media (max-width: 570px) { 219 | .sign-up { 220 | width: 100%; 221 | } 222 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # netlify-functions-landingpage 2 | A serverless-less landing page project on Netlify, including a Mailchimp mailing list signup via functions. 3 | 4 | ## Background 5 | I read the interesting article on the [Serverless blog](https://serverless.com/blog/how-to-create-landing-page-with-serverless-components/) about how to create a landing page with Serverless Components, Netlify, AWS and Mailchimp. 6 | 7 | I wanted to test Netlify for a while now, but thought that the above example could still be stripped-down to a Netlify-only deployment. The Mailchimp API is still triggered via the included Lambda function for the signup. 8 | 9 | The original project can be found at [serverless/netlify-landing-page](https://github.com/serverless/netlify-landing-page/), which was slightly edited to support a Netlify-only setup. 10 | 11 | ## Setup 12 | 13 | 1. Fork the [project](https://github.com/tobilg/netlify-functions-landingpage) to your GitHub, GitLab or Bitbucket account 14 | 2. Sign up for Mailchimp (free account), for being able to create the mailing list funtionality 15 | 3. Sign up for Netlify (free account), using the OAuth integration to the repo provider you forked the project to. 16 | 17 | Having an AWS account is not necessary, as Netlify will provision the lambda automatically. 18 | 19 | ### Mailchimp setup 20 | 21 | #### Signup 22 | 23 | Go to the [signup page](https://login.mailchimp.com/signup/) and fill in your info. 24 | 25 | #### List creation 26 | 27 | Go to Lists -> Create list and fill in your details: 28 | 29 | **Step 1:** 30 |

Mailchimp new list

31 | 32 | **Step 2:** 33 |

Mailchimp create list 1

34 | 35 | **Step 3:** 36 |

Mailchimp create list 2

37 | 38 | Please note the `List ID`, because this is later needed as an environment variable for the Netlify builds as `MAILCHIMP_LIST_ID`. 39 | 40 | #### API key creation 41 | 42 | Go to Account (upper right dropdown) -> Extras -> API keys and create an API key as follows: 43 | 44 | **Step 1:** 45 |

Mailchimp api key 1

46 | 47 | **Step 2:** 48 |

Mailchimp api key 2

49 | 50 | Please note the (full) `API key`, because this is later needed as an environment variable for the Netlify builds as `MAILCHIMP_API_KEY`, as well as the region (after the dash), because this will be set as `MAILCHIMP_REGION`. 51 | 52 | ### Netlify setup 53 | 54 | #### Signup 55 | 56 |

Netlify signup

57 | 58 | #### Create new site 59 | 60 | **Step 1:** 61 |

Netlify new site

62 | 63 | **Step 2:** 64 |

Netlify create site 1

65 | 66 | **Step 3:** 67 |

Netlify authorize

68 | 69 | **Step 4:** 70 |

Netlify create site 2

71 | 72 | **Step 5:** 73 |

Netlify create site 3

74 | 75 | After that, the site should trigger its first deployment automatically. 76 | 77 | #### Set environment variables 78 | 79 | **Step 1:** 80 |

Netlify build variables 1

81 | 82 | **Step 2:** 83 | Fill in the real values that you gathered in the Mailchimp setup steps. 84 |

Netlify build variables 2

85 | 86 | #### Trigger deployment 87 | 88 | After triggering a redeployment via 89 | 90 |

Netlify trigger redeploy

91 | 92 | the site should be redeployed, and be using the provided environment variables for the Mailchimp integration. 93 | 94 | #### Check function logs 95 | 96 | You should then be able to check the function logs 97 | 98 |

Netlify function logs

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