diff --git a/_data/globals.yml b/_data/globals.yml index fd3be92a16..dd96f60706 100644 --- a/_data/globals.yml +++ b/_data/globals.yml @@ -1,5 +1,6 @@ tocs: - guides +- tutorials - reference - samples -- support \ No newline at end of file +- support diff --git a/_data/tutorials.yml b/_data/tutorials.yml new file mode 100644 index 0000000000..ddeb55cc7b --- /dev/null +++ b/_data/tutorials.yml @@ -0,0 +1,54 @@ +bigheader: "Tutorials" +toc: +- title: Tutorials + path: /docs/tutorials/getting-started/ +- title: Getting Started + section: + - title: 1. Create a Cluster + section: + - title: Creating a Cluster + path: /docs/tutorials/getting-started/create-cluster/ + - title: Using Minikube to Create a Cluster + path: /docs/tutorials/getting-started/cluster-intro/ + - title: Interactive Tutorial - Creating a Cluster + path: /docs/tutorials/getting-started/cluster-interactive/ + - title: 2. Deploy an App + section: + - title: Deploying an App + path: /docs/tutorials/getting-started/deploy-app/ + - title: Using kubectl to Create a Deployment + path: /docs/tutorials/getting-started/deploy-intro/ + - title: Interactive Tutorial - Deploying an App + path: /docs/tutorials/getting-started/deploy-interactive/ + - title: 3. Explore Your App + section: + - title: Exploring Your App + path: /docs/tutorials/getting-started/explore-app/ + - title: Viewing Pods and Nodes + path: /docs/tutorials/getting-started/explore-intro/ + - title: Interactive Tutorial - Exploring Your App + path: /docs/tutorials/getting-started/explore-interactive/ + - title: 4. Expose Your App Publicly + section: + - title: Exposing Your App Publicly + path: /docs/tutorials/getting-started/expose-app/ + - title: Using a Service to Expose Your App + path: /docs/tutorials/getting-started/expose-intro/ + - title: Interactive Tutorial - Exposing Your App + path: /docs/tutorials/getting-started/expose-interactive/ + - title: 5. Scale Your App + section: + - title: Scaling Your App + path: /docs/tutorials/getting-started/scale-app/ + - title: Running Multiple Instances of Your App + path: /docs/tutorials/getting-started/scale-intro/ + - title: Interactive Tutorial - Scaling Your App + path: /docs/tutorials/getting-started/scale-interactive/ + - title: 6. Update Your App + section: + - title: Updating Your App + path: /docs/tutorials/getting-started/update-app/ + - title: Performing a Rolling Update + path: /docs/tutorials/getting-started/update-intro/ + - title: Interactive Tutorial - Updating Your App + path: /docs/tutorials/getting-started/update-interactive/ diff --git a/_layouts/docwithnav.html b/_layouts/docwithnav.html index c4405630f3..66e4eb6c90 100755 --- a/_layouts/docwithnav.html +++ b/_layouts/docwithnav.html @@ -7,48 +7,45 @@
-

{{ site.data[foundTOC].bigheader }}

-
{{ site.data[foundTOC].abstract }}
-
- - -
+

{{ site.data[foundTOC].bigheader }}

+
{{ site.data[foundTOC].abstract }}
+
+ + +
-
+
{% assign tree = site.data[foundTOC].toc %}{% include tree.html %}
- -
-
+ +
+

Edit This Page

- {% if notitle != "true" %}

{{ title }}

{% endif %} - {{ content }} + {% if notitle != "true" %}

{{ title }}

{% endif %} + {{ content }}

Analytics - {% if page.url != "/404.html" && page.url != "/docs/search/" %}

- - Create Issue - {% endif %} -
+ {% if page.url != "/404.html" and page.url != "/docs/search/" %}
+ {% endif %} +
{% include footer.html %} @@ -56,23 +53,21 @@ @@ -80,3 +75,5 @@ +Contact GitHub API Training Shop Blog About +© 2016 GitHub, Inc. Terms Privacy Security Status Help diff --git a/docs/tutorials/getting-started/cluster-interactive.html b/docs/tutorials/getting-started/cluster-interactive.html new file mode 100644 index 0000000000..6af54cb0e6 --- /dev/null +++ b/docs/tutorials/getting-started/cluster-interactive.html @@ -0,0 +1,46 @@ +--- +--- + + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+
+
+
+ To interact with the Terminal, please use the desktop/tablet version +
+
+
+
+
+ Continue to Module 2› +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/cluster-intro.html b/docs/tutorials/getting-started/cluster-intro.html new file mode 100644 index 0000000000..c3a479cabd --- /dev/null +++ b/docs/tutorials/getting-started/cluster-intro.html @@ -0,0 +1,110 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+ +
+
+

+ Kubernetes coordinates a highly available cluster of computers that are connected to work as a single unit. The abstractions in Kubernetes allow you to deploy containerized applications to a cluster without tying them specifically to individual machines. To make use of this new model of deployment, applications need to be packaged in a way that decouples them from individual hosts: they need to be containerized. Containerized applications are more flexible and available than in past deployment models, where applications were installed directly onto specific machines as packages deeply integrated into the host. Kubernetes automates the distribution and scheduling of application containers across a cluster in a more efficient way. Kubernetes is an open-source platform and is production-ready. +

+

A Kubernetes cluster consists of two types of resources: +

    +
  • The Master coordinates the cluster
    • +
  • Nodes are the workers that run applications
    • +
+

+
+ +
+
+

Summary:

+
    +
  • Kubernetes cluster
    • +
  • Minikube
    • +
+
+
+

+ Kubernetes is a production-grade, open-source platform that orchestrates the placement (scheduling) and execution of application containers within and across computer clusters. +

+
+
+
+
+ +
+
+

Cluster Diagram

+
+
+ +
+
+

+
+
+
+ +
+
+

The Master is responsible for managing the cluster. The master coordinates all activity in your cluster, such as scheduling applications, maintaining applications' desired state, scaling applications, and rolling out new updates.

+

A node is a VM or a physical computer that serves as a worker machine in a Kubernetes cluster. Each node has a Kubelet, which is an agent for managing the node and communicating with the Kubernetes master. The node should also have tools for handling container operations, such as Docker or rkt. A Kubernetes cluster that handles production traffic should have a minimum of three nodes.

+ +
+
+
+

Masters manage the cluster and the nodes are used to host the running applications.

+
+
+
+ +
+
+

When you deploy applications on Kubernetes, you tell the master to start the application containers. The master schedules the containers to run on the cluster's nodes. The nodes communicate with the master using the Kubernetes API, which the master exposes. End users can also use the Kubernetes API directly to interact with the cluster.

+ +

A Kubernetes cluster can be deployed on either physical or virtual machines. To get started with Kubernetes development, you can use minikube. Minikube is a is a lightweight Kubernetes implementation that creates a VM on your local machine and deploys a simple cluster containing only one node. Minikube is available for Linux, Mac OS and Windows systems. The minikube CLI provides basic bootstrapping operations for working with your cluster, including start, stop, status, and delete. For this bootcamp, however, you'll use a provided online terminal with minikube pre-installed.

+ +

Now that you know what Kubernetes is, let’s go to the online tutorial and start our first cluster!

+ +
+
+
+ +
+
+ Start Interactive Tutorial › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/create-cluster.html b/docs/tutorials/getting-started/create-cluster.html new file mode 100644 index 0000000000..29135e7a9f --- /dev/null +++ b/docs/tutorials/getting-started/create-cluster.html @@ -0,0 +1,53 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+

Module overview

+
    +
  • learn what a Kubernetes cluster is
    • +
  • learn what minikube is
    • +
  • start a Kubernetes cluster using an online terminal
    • +
+

+
+
+
+

What you need to know first

+

+ Before you do this tutorial, you should be familiar with Linux containers. +

+
+
+
+ +
+
+ Start Module 1 › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/deploy-app.html b/docs/tutorials/getting-started/deploy-app.html new file mode 100644 index 0000000000..2267fae038 --- /dev/null +++ b/docs/tutorials/getting-started/deploy-app.html @@ -0,0 +1,58 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+

Module overview

+
    +
  • Learn about application Deployments
    • +
  • Deploy your first app on Kubernetes with Kubectl
    • +
+

+
+
+
+

What you need to know first

+

+ How to start a Kubernetes cluster with minikube
+

+
+
+
+ +
+
+ Start Module 2 › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/deploy-interactive.html b/docs/tutorials/getting-started/deploy-interactive.html new file mode 100644 index 0000000000..49d8c5c96e --- /dev/null +++ b/docs/tutorials/getting-started/deploy-interactive.html @@ -0,0 +1,49 @@ +--- +--- + + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+
+
+
+ To interact with the Terminal, please use the desktop/tablet version +
+ +
+
+ +
+
+
+ Continue to Module 3› +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/deploy-intro.html b/docs/tutorials/getting-started/deploy-intro.html new file mode 100644 index 0000000000..fd6adf0804 --- /dev/null +++ b/docs/tutorials/getting-started/deploy-intro.html @@ -0,0 +1,112 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+ +
+
+

+ Once you have a running Kubernetes cluster, you can deploy your containerized applications on top of it. To do so, you create a Kubernetes Deployment. The Deployment is responsible for creating and updating instances of your application. Once you've created a Deployment, the Kubernetes master schedules the application instances that the Deployment creates onto individual Nodes in the cluster. +

+ +

Once the application instances are created, a Kubernetes Deployment Controller continuously monitors those instances. The Deployment controller replaces an instance if the Node hosting it goes down or it is deleted. This provides a self-healing mechanism to address machine failure or maintenance.

+ +

In a pre-orchestration world, installation scripts would often be used to start applications, but they did not allow recovery from machine failure. By both creating your application instances and keeping them running across Nodes, Kubernetes Deployments provide a fundamentally different approach to application management.

+ +
+ +
+
+

Summary:

+
    +
  • Deployments
    • +
  • Kubectl
    • +
+
+
+

+ A Deployment is responsible for creating and updating instances of your application +

+
+
+
+
+ +
+
+

Deploying your first app on Kubernetes

+
+
+ +
+
+

+
+
+
+ +
+
+ +

You can create and manage a Deployment by using the Kubernetes command line interface, Kubectl. Kubectl uses the Kubernetes API to interact with the cluster. In this module, you'll learn the most common Kubectl commands needed to create Deployments that run your applications on a Kubernetes cluster.

+ +

When you create a Deployment, you'll need to specify the container image for your application and the number of replicas that you want to run. You can change that information later by updating your Deployment; Modules 5 and 6 of the bootcamp discuss how you can update your Deployments.

+ + + + +
+
+
+

Applications need to be packaged into one of the supported container formats in order to be deployed on Kubernetes

+
+
+
+ +
+
+

For our first Deployment, we’ll use a NodeJS application packaged in a Docker container. The source code and the Dockerfile are available in the GitHub repository for the Kubernetes Bootcamp.

+ +

Now that you know what Deployments are, let’s go to the online tutorial and deploy our first app!

+ +
+
+
+ +
+
+ Start Interactive Tutorial › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/explore-app.html b/docs/tutorials/getting-started/explore-app.html new file mode 100644 index 0000000000..f3ae4ead91 --- /dev/null +++ b/docs/tutorials/getting-started/explore-app.html @@ -0,0 +1,59 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+

Module overview

+
    +
  • Learn about Kubernetes Pods
    • +
  • Learn about Kubernetes Nodes
    • +
  • Troubleshoot deployed applications
    • +
+

+
+
+
+

What you need to know first

+

+ What are Deployments
+ How to deploy applications on Kubernetes +

+
+
+
+
+
+ Start Module 3 › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/explore-interactive.html b/docs/tutorials/getting-started/explore-interactive.html new file mode 100644 index 0000000000..812ced442f --- /dev/null +++ b/docs/tutorials/getting-started/explore-interactive.html @@ -0,0 +1,49 @@ +--- +--- + + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+
+
+ +
+ To interact with the Terminal, please use the desktop/tablet version +
+ +
+
+
+
+
+ Continue to Module 4› +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/explore-intro.html b/docs/tutorials/getting-started/explore-intro.html new file mode 100644 index 0000000000..4b6f13e165 --- /dev/null +++ b/docs/tutorials/getting-started/explore-intro.html @@ -0,0 +1,146 @@ +--- +--- + + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+ +
+
+

Pods

+

When you created a Deployment in Module 2, Kubernetes created a Pod to host your application instance. A Pod is Kubernetes abstraction that represents a group of one or more application containers (such as Docker or rkt), and some shared resources for those containers. Those resources include:

+
    +
  • Shared storage, as Volumes
    • +
  • Networking, as a unique cluster IP address
    • +
  • Information about how to run each container, such as the container image version or specific ports to use
    • +
+

A Pod models an application-specific “logical host” and can contain different application containers which are relatively tightly coupled. For example, a Pod might include both the container with your Node.js app as well as a different container that feeds the data to be published by the Node.js webserver. The containers in a Pod share an IP Address and port space, are always co-located and co-scheduled, and run in a shared context on the same Node.

+ +

Pods are the atomic unit on the Kubernetes platform. When we create a Deployment on Kubernetes, that Deployment creates Pods with containers inside them (as opposed to creating containers directly). Each Pod is tied to the Node where it is scheduled, and remains there until termination (according to restart policy) or deletion. In case of a Node failure, identical Pods are scheduled on other available Nodes in the cluster.

+ +
+
+
+

Summary:

+
    +
  • Pods
    • +
  • Nodes
    • +
  • Kubectl main commands
    • +
+
+
+

+ A Pod is a group of one or more application containers (such as Docker or rkt) and includes shared storage (volumes), IP address and information about how to run them. +

+
+
+
+
+ +
+
+

Pods overview

+
+
+ +
+
+

+
+
+
+ +
+
+

Nodes

+

A Pod always runs on a Node. A Node is a worker machine in Kubernetes and may be either a virtual or a physical machine, depending on the cluster. Each Node is managed by the Master. A Node can have multiple pods, and the Kubernetes master automatically handles scheduling the pods across the Nodes in the cluster. The Master's automatic scheduling takes into account the available resources on each Node.

+ +

Every Kubernetes Node runs at least:

+
    +
  • Kubelet, a process responsible for communication between the Kubernetes Master and the Nodes; it manages the Pods and the containers running on a machine.
    • +
  • A container runtime (like Docker, rkt) responsible for pulling the container image from a registry, unpacking the container, and running the application.
    • +
+ +
+
+
+

Containers should only be scheduled together in a single Pod if they are tightly coupled and need to share resources such as disk.

+
+
+
+ +
+ +
+
+

Node overview

+
+
+ +
+
+

+
+
+
+ +
+
+

Troubleshooting with kubectl

+

In Module 2, you used Kubectl command-line interface. You'll continue to use it in Module 3 to get information about deployed applications and their environments. The most common operations can be done with the following kubectl commands:

+
    +
  • kubectl get - list resources
    • +
  • kubectl describe - show detailed information about a resource
    • +
  • kubectl logs - print the logs from a container in a pod
    • +
  • kubectl exec - execute a command on a container in a pod
    • +
+ +

You can use these commands to see when applications were deployed, what their current status is, where they are running and what their configuration is.

+ +

Now that we know more about our cluster components and the command line, let’s explore our application.

+ +
+
+
+

A node is a worker machine in Kubernetes and may be a VM or physical machine, depending on the cluster. Multiple Pods can run on one Node.

+
+
+
+
+ +
+
+ Start Interactive Tutorial › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/expose-app.html b/docs/tutorials/getting-started/expose-app.html new file mode 100644 index 0000000000..593f34794e --- /dev/null +++ b/docs/tutorials/getting-started/expose-app.html @@ -0,0 +1,60 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+

Module overview

+
    +
  • Services
    • +
  • Learn about Kubernetes Labels
    • +
  • Exposing applications outside Kubernetes
    • +
+

+
+
+
+

What you need to know first

+

+ How to deploy apps on Kubernetes
+ How to troubleshoot applications with Kubectl +

+
+
+
+ +
+
+ Start Module 4 › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/expose-interactive.html b/docs/tutorials/getting-started/expose-interactive.html new file mode 100644 index 0000000000..d2d61e87c4 --- /dev/null +++ b/docs/tutorials/getting-started/expose-interactive.html @@ -0,0 +1,47 @@ +--- +--- + + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+
+
+
+ To interact with the Terminal, please use the desktop/tablet version +
+
+
+
+
+
+ Continue to Module 5› +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/expose-intro.html b/docs/tutorials/getting-started/expose-intro.html new file mode 100644 index 0000000000..9f5bf74b83 --- /dev/null +++ b/docs/tutorials/getting-started/expose-intro.html @@ -0,0 +1,140 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+ +
+
+

While Pods do have their own unique IP across the cluster, those IP’s are not exposed outside Kubernetes. Taking into account that over time Pods may be terminated, deleted or replaced by other Pods, we need a way to let other Pods and applications automatically discover each other. Kubernetes addresses this by grouping Pods in Services. A Kubernetes Service is an abstraction layer which defines a logical set of Pods and enables external traffic exposure, load balancing and service discovery for those Pods.

+ +

This abstraction will allow us to expose Pods to traffic originating from outside the cluster. Services have their own unique cluster-private IP address and expose a port to receive traffic. If you choose to expose the service outside the cluster, the options are:

+
    +
  • LoadBalancer - provides a public IP address (what you would typically use when you run Kubernetes on GKE or AWS)
    • +
  • NodePort - exposes the Service on the same port on each Node of the cluster using NAT (available on all Kubernetes clusters, and in Minikube)
    • +
+
+
+
+

Summary:

+
    +
  • Exposing Pods to external traffic
    • +
  • Load balancing traffic across multiple Pods
    • +
  • Using labels
    • +
+
+
+

+ A Kubernetes Service is an abstraction layer which defines a logical set of Pods and enables external traffic exposure, load balancing and service discovery for those Pods. +

+
+
+
+
+ +
+
+

Services overview

+
+
+ +
+
+

+
+
+
+ +
+
+ +

A Service provides load balancing of traffic across the contained set of Pods. This is useful when a service is created to group all Pods from a specific Deployment (our application will make use of this in the next module, when we’ll have multiple instances running).

+ +

Services are also responsible for service-discovery within the cluster (covered in Module 6). This will for example allow a frontend service (like a web server) to receive traffic from a backend service (like a database) without worrying about Pods.

+ +

Services match a set of Pods using Label Selectors, a grouping primitive that allows logical operation on Labels.

+ +
+
+
+

You can create a Service when you start a Deployment by adding --expose as a parameter for the kubectl run command

+
+
+
+ +
+ +
+
+

Labels are key/value pairs that are attached to objects, such as Pods and you can think of them as hashtags from social media. They are used to organize related objects in a way meaningful to the users like:

+
    +
  • Production environment (production, test, dev)
    • +
  • Application version (beta, v1.3)
    • +
  • Type of service/server (frontend, backend, database)
    • +
+
+
+
+

Labels are key/value pairs that are attached to objects

+
+
+
+
+
+
+

Labels

+
+
+ +
+
+

+
+
+
+
+
+ +

Labels can be attached to objects at the creation time or later and can be modified at any time. + The kubectl run command sets some default Labels/Label Selectors on the new Pods/ Deployment. The link between Labels and Label Selectors defines the relationship between the Deployment and the Pods it creates.

+ +

Let’s expose now our application with the help of a Service, and apply some new Labels.

+
+
+
+
+
+ Start Interactive Tutorial › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/index.html b/docs/tutorials/getting-started/index.html new file mode 100644 index 0000000000..9762cae49a --- /dev/null +++ b/docs/tutorials/getting-started/index.html @@ -0,0 +1,103 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+

Getting Started with Kubernetes

+

By the end of this tutorial you will understand what Kubernetes does. You will also learn how to deploy, scale, update and debug containerized applications on a Kubernetes cluster using an interactive online terminal.

+
+
+ +
+ +
+
+

Why Kubernetes?

+

Today users expect applications to be available 24/7, while developers expect to deploy new versions of those applications several times a day. The way we build software is moving in this direction, enabling applications to be released and updated in an easy and fast way without downtime. We also need to be able to scale application in line with the user demand and we expect them to make intelligent use of the available resources. Kubernetes is a platform designed to meet those requirements, using the experience accumulated by Google in this area, combined with best-of-breed ideas from the community.

+
+
+ +
+

Getting Started Modules

+
+
+
+ +
+
1. Create a Kubernetes cluster
 +
+
+
+
+
+ +
+
2. Deploy an app
 +
+
+
+
+
+ +
+
3. Explore your app
 +
+
+
+
+
+ +
+
4. Expose your app publicly
 +
+
+
+
+
+ +
+
5. Scale up your app
 +
+
+
+
+
+ +
+
6. Update your app
 +
+
+
+
+
+ +
+
+ Start the tutorial› +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/public/css/styles.css b/docs/tutorials/getting-started/public/css/styles.css new file mode 100644 index 0000000000..654544f1dd --- /dev/null +++ b/docs/tutorials/getting-started/public/css/styles.css @@ -0,0 +1,10274 @@ +@charset 'UTF-8'; +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +html +{ + font-family: sans-serif; + + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body +{ + margin: 0; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary +{ + display: block; +} + +audio, +canvas, +progress, +video +{ + display: inline-block; + + vertical-align: baseline; +} + +audio:not([controls]) +{ + display: none; + + height: 0; +} + +[hidden], +template +{ + display: none; +} + +a +{ + background-color: transparent; +} + +a:active, +a:hover +{ + outline: 0; +} + +abbr[title] +{ + border-bottom: 1px dotted; +} + +b, +strong +{ + font-weight: bold; +} + +dfn +{ + font-style: italic; +} + +h1 +{ + font-size: 2em; + + margin: .67em 0; +} + +mark +{ + color: #000; + background: #ff0; +} + +small +{ + font-size: 80%; +} + +sub, +sup +{ + font-size: 75%; + line-height: 0; + + position: relative; + + vertical-align: baseline; +} + +sup +{ + top: -.5em; +} + +sub +{ + bottom: -.25em; +} + +img +{ + border: 0; +} + +svg:not(:root) +{ + overflow: hidden; +} + +figure +{ + margin: 1em 40px; +} + +hr +{ + box-sizing: content-box; + height: 0; +} + +pre +{ + overflow: auto; +} + +code, +kbd, +pre, +samp +{ + font-family: monospace, monospace; + font-size: 1em; +} + +button, +input, +optgroup, +select, +textarea +{ + font: inherit; + + margin: 0; + + color: inherit; +} + +button +{ + overflow: visible; +} + +button, +select +{ + text-transform: none; +} + +button, +html input[type='button'], +input[type='reset'], +input[type='submit'] +{ + cursor: pointer; + + -webkit-appearance: button; +} + +button[disabled], +html input[disabled] +{ + cursor: default; +} + +button::-moz-focus-inner, +input::-moz-focus-inner +{ + padding: 0; + + border: 0; +} + +input +{ + line-height: normal; +} + +input[type='checkbox'], +input[type='radio'] +{ + box-sizing: border-box; + padding: 0; +} + +input[type='number']::-webkit-inner-spin-button, +input[type='number']::-webkit-outer-spin-button +{ + height: auto; +} + +input[type='search'] +{ + box-sizing: content-box; + + -webkit-appearance: textfield; +} + +input[type='search']::-webkit-search-cancel-button, +input[type='search']::-webkit-search-decoration +{ + -webkit-appearance: none; +} + +fieldset +{ + margin: 0 2px; + padding: .35em .625em .75em; + + border: 1px solid #c0c0c0; +} + +legend +{ + padding: 0; + + border: 0; +} + +textarea +{ + overflow: auto; +} + +optgroup +{ + font-weight: bold; +} + +table +{ + border-spacing: 0; + border-collapse: collapse; +} + +td, +th +{ + padding: 0; +} + +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ +@media print +{ + *, + *:before, + *:after + { + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited + { + text-decoration: underline; + } + a[href]:after + { + content: ' (' attr(href) ')'; + } + abbr[title]:after + { + content: ' (' attr(title) ')'; + } + a[href^='#']:after, + a[href^='javascript:']:after + { + content: ''; + } + pre, + blockquote + { + border: 1px solid #999; + + page-break-inside: avoid; + } + thead + { + display: table-header-group; + } + tr, + img + { + page-break-inside: avoid; + } + img + { + max-width: 100% !important; + } + p, + h2, + h3 + { + orphans: 3; + widows: 3; + } + h2, + h3 + { + page-break-after: avoid; + } + .navbar + { + display: none; + } + .btn > .caret, + .dropup > .btn > .caret + { + border-top-color: #000 !important; + } + .label + { + border: 1px solid #000; + } + .table + { + border-collapse: collapse !important; + } + .table td, + .table th + { + background-color: #fff !important; + } + .table-bordered th, + .table-bordered td + { + border: 1px solid #ddd !important; + } +} + +* +{ + box-sizing: border-box; +} + +*:before, +*:after +{ + box-sizing: border-box; +} + +html +{ + font-size: 10px; + + -webkit-tap-highlight-color: transparent; +} + +body +{ + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857; + + color: #333; + background-color: #fff; +} + +input, +button, +select, +textarea +{ + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +a +{ + text-decoration: none; + + color: #337ab7; +} +a:hover, +a:focus +{ + text-decoration: underline; + + color: #23527c; +} +a:focus +{ + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +figure +{ + margin: 0; +} + +img +{ + vertical-align: middle; +} + +.img-responsive +{ + display: block; + + max-width: 100%; + height: auto; +} + +.img-rounded +{ + border-radius: 6px; +} + +.img-thumbnail +{ + line-height: 1.42857; + + display: inline-block; + + max-width: 100%; + height: auto; + padding: 4px; + + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + + border: 1px solid #ddd; + border-radius: 4px; + background-color: #fff; +} + +.img-circle +{ + border-radius: 50%; +} + +hr +{ + margin-top: 20px; + margin-bottom: 20px; + + border: 0; + border-top: 1px solid #eee; +} + +.sr-only +{ + position: absolute; + + overflow: hidden; + clip: rect(0, 0, 0, 0); + + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + + border: 0; +} + +.sr-only-focusable:active, +.sr-only-focusable:focus +{ + position: static; + + overflow: visible; + clip: auto; + + width: auto; + height: auto; + margin: 0; +} + +[role='button'] +{ + cursor: pointer; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 +{ + font-family: inherit; + font-weight: 500; + line-height: 1.1; + + color: inherit; +} +h1 small, +h1 .small, +h2 small, +h2 .small, +h3 small, +h3 .small, +h4 small, +h4 .small, +h5 small, +h5 .small, +h6 small, +h6 .small, +.h1 small, +.h1 .small, +.h2 small, +.h2 .small, +.h3 small, +.h3 .small, +.h4 small, +.h4 .small, +.h5 small, +.h5 .small, +.h6 small, +.h6 .small +{ + font-weight: normal; + line-height: 1; + + color: #777; +} + +h1, +.h1, +h2, +.h2, +h3, +.h3 +{ + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, +h1 .small, +.h1 small, +.h1 .small, +h2 small, +h2 .small, +.h2 small, +.h2 .small, +h3 small, +h3 .small, +.h3 small, +.h3 .small +{ + font-size: 65%; +} + +h4, +.h4, +h5, +.h5, +h6, +.h6 +{ + margin-top: 10px; + margin-bottom: 10px; +} +h4 small, +h4 .small, +.h4 small, +.h4 .small, +h5 small, +h5 .small, +.h5 small, +.h5 .small, +h6 small, +h6 .small, +.h6 small, +.h6 .small +{ + font-size: 75%; +} + +h1, +.h1 +{ + font-size: 36px; +} + +h2, +.h2 +{ + font-size: 30px; +} + +h3, +.h3 +{ + font-size: 24px; +} + +h4, +.h4 +{ + font-size: 18px; +} + +h5, +.h5 +{ + font-size: 14px; +} + +h6, +.h6 +{ + font-size: 12px; +} + +p +{ + margin: 0 0 10px; +} + +.lead +{ + font-size: 16px; + font-weight: 300; + line-height: 1.4; + + margin-bottom: 20px; +} +@media (min-width: 768px) +{ + .lead + { + font-size: 21px; + } +} + +small, +.small +{ + font-size: 85%; +} + +mark, +.mark +{ + padding: .2em; + + background-color: #fcf8e3; +} + +.text-left +{ + text-align: left; +} + +.text-right +{ + text-align: right; +} + +.text-center +{ + text-align: center; +} + +.text-justify +{ + text-align: justify; +} + +.text-nowrap +{ + white-space: nowrap; +} + +.text-lowercase +{ + text-transform: lowercase; +} + +.text-uppercase, +.initialism +{ + text-transform: uppercase; +} + +.text-capitalize +{ + text-transform: capitalize; +} + +.text-muted +{ + color: #777; +} + +.text-primary +{ + color: #337ab7; +} + +a.text-primary:hover, +a.text-primary:focus +{ + color: #286090; +} + +.text-success +{ + color: #3c763d; +} + +a.text-success:hover, +a.text-success:focus +{ + color: #2b542c; +} + +.text-info +{ + color: #31708f; +} + +a.text-info:hover, +a.text-info:focus +{ + color: #245269; +} + +.text-warning +{ + color: #8a6d3b; +} + +a.text-warning:hover, +a.text-warning:focus +{ + color: #66512c; +} + +.text-danger +{ + color: #a94442; +} + +a.text-danger:hover, +a.text-danger:focus +{ + color: #843534; +} + +.bg-primary +{ + color: #fff; +} + +.bg-primary +{ + background-color: #337ab7; +} + +a.bg-primary:hover, +a.bg-primary:focus +{ + background-color: #286090; +} + +.bg-success +{ + background-color: #dff0d8; +} + +a.bg-success:hover, +a.bg-success:focus +{ + background-color: #c1e2b3; +} + +.bg-info +{ + background-color: #d9edf7; +} + +a.bg-info:hover, +a.bg-info:focus +{ + background-color: #afd9ee; +} + +.bg-warning +{ + background-color: #fcf8e3; +} + +a.bg-warning:hover, +a.bg-warning:focus +{ + background-color: #f7ecb5; +} + +.bg-danger +{ + background-color: #f2dede; +} + +a.bg-danger:hover, +a.bg-danger:focus +{ + background-color: #e4b9b9; +} + +.page-header +{ + margin: 40px 0 20px; + padding-bottom: 9px; + + border-bottom: 1px solid #eee; +} + +ul, +ol +{ + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ul ol, +ol ul, +ol ol +{ + margin-bottom: 0; +} + +.list-unstyled +{ + padding-left: 0; + + list-style: none; +} + +.list-inline +{ + margin-left: -5px; + padding-left: 0; + + list-style: none; +} +.list-inline > li +{ + display: inline-block; + + padding-right: 5px; + padding-left: 5px; +} + +dl +{ + margin-top: 0; + margin-bottom: 20px; +} + +dt, +dd +{ + line-height: 1.42857; +} + +dt +{ + font-weight: bold; +} + +dd +{ + margin-left: 0; +} + +.dl-horizontal dd:before, +.dl-horizontal dd:after +{ + display: table; + + content: ' '; +} + +.dl-horizontal dd:after +{ + clear: both; +} + +@media (min-width: 768px) +{ + .dl-horizontal dt + { + float: left; + clear: left; + overflow: hidden; + + width: 160px; + + text-align: right; + white-space: nowrap; + text-overflow: ellipsis; + } + .dl-horizontal dd + { + margin-left: 180px; + } +} + +abbr[title], +abbr[data-original-title] +{ + cursor: help; + + border-bottom: 1px dotted #777; +} + +.initialism +{ + font-size: 90%; +} + +blockquote +{ + font-size: 17.5px; + + margin: 0 0 20px; + padding: 10px 20px; + + border-left: 5px solid #eee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child +{ + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small +{ + font-size: 80%; + line-height: 1.42857; + + display: block; + + color: #777; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before +{ + content: '\2014 \00A0'; +} + +.blockquote-reverse, +blockquote.pull-right +{ + padding-right: 15px; + padding-left: 0; + + text-align: right; + + border-right: 5px solid #eee; + border-left: 0; +} +.blockquote-reverse footer:before, +.blockquote-reverse small:before, +.blockquote-reverse .small:before, +blockquote.pull-right footer:before, +blockquote.pull-right small:before, +blockquote.pull-right .small:before +{ + content: ''; +} +.blockquote-reverse footer:after, +.blockquote-reverse small:after, +.blockquote-reverse .small:after, +blockquote.pull-right footer:after, +blockquote.pull-right small:after, +blockquote.pull-right .small:after +{ + content: '\00A0 \2014'; +} + +address +{ + font-style: normal; + line-height: 1.42857; + + margin-bottom: 20px; +} + +code, +kbd, +pre, +samp +{ + font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; +} + +code +{ + font-size: 90%; + + padding: 2px 4px; + + color: #c7254e; + border-radius: 4px; + background-color: #f9f2f4; +} + +kbd +{ + font-size: 90%; + + padding: 2px 4px; + + color: #fff; + border-radius: 3px; + background-color: #333; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); +} +kbd kbd +{ + font-size: 100%; + font-weight: bold; + + padding: 0; + + box-shadow: none; +} + +pre +{ + font-size: 13px; + line-height: 1.42857; + + display: block; + + margin: 0 0 10px; + padding: 9.5px; + + word-wrap: break-word; + word-break: break-all; + + color: #333; + border: 1px solid #ccc; + border-radius: 4px; + background-color: #f5f5f5; +} +pre code +{ + font-size: inherit; + + padding: 0; + + white-space: pre-wrap; + + color: inherit; + border-radius: 0; + background-color: transparent; +} + +.pre-scrollable +{ + overflow-y: scroll; + + max-height: 340px; +} + +.container +{ + margin-right: auto; + margin-left: auto; + padding-right: 15px; + padding-left: 15px; +} +.container:before, +.container:after +{ + display: table; + + content: ' '; +} +.container:after +{ + clear: both; +} +@media (min-width: 768px) +{ + .container + { + width: 750px; + } +} +@media (min-width: 992px) +{ + .container + { + width: 970px; + } +} +@media (min-width: 1200px) +{ + .container + { + width: 1170px; + } +} + +.container-fluid +{ + margin-right: auto; + margin-left: auto; + padding-right: 15px; + padding-left: 15px; +} +.container-fluid:before, +.container-fluid:after +{ + display: table; + + content: ' '; +} +.container-fluid:after +{ + clear: both; +} + +.row +{ + margin-right: -15px; + margin-left: -15px; +} +.row:before, +.row:after +{ + display: table; + + content: ' '; +} +.row:after +{ + clear: both; +} + +.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 +{ + position: relative; + + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} + +.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 +{ + float: left; +} + +.col-xs-1 +{ + width: 8.33333%; +} + +.col-xs-2 +{ + width: 16.66667%; +} + +.col-xs-3 +{ + width: 25%; +} + +.col-xs-4 +{ + width: 33.33333%; +} + +.col-xs-5 +{ + width: 41.66667%; +} + +.col-xs-6 +{ + width: 50%; +} + +.col-xs-7 +{ + width: 58.33333%; +} + +.col-xs-8 +{ + width: 66.66667%; +} + +.col-xs-9 +{ + width: 75%; +} + +.col-xs-10 +{ + width: 83.33333%; +} + +.col-xs-11 +{ + width: 91.66667%; +} + +.col-xs-12 +{ + width: 100%; +} + +.col-xs-pull-0 +{ + right: auto; +} + +.col-xs-pull-1 +{ + right: 8.33333%; +} + +.col-xs-pull-2 +{ + right: 16.66667%; +} + +.col-xs-pull-3 +{ + right: 25%; +} + +.col-xs-pull-4 +{ + right: 33.33333%; +} + +.col-xs-pull-5 +{ + right: 41.66667%; +} + +.col-xs-pull-6 +{ + right: 50%; +} + +.col-xs-pull-7 +{ + right: 58.33333%; +} + +.col-xs-pull-8 +{ + right: 66.66667%; +} + +.col-xs-pull-9 +{ + right: 75%; +} + +.col-xs-pull-10 +{ + right: 83.33333%; +} + +.col-xs-pull-11 +{ + right: 91.66667%; +} + +.col-xs-pull-12 +{ + right: 100%; +} + +.col-xs-push-0 +{ + left: auto; +} + +.col-xs-push-1 +{ + left: 8.33333%; +} + +.col-xs-push-2 +{ + left: 16.66667%; +} + +.col-xs-push-3 +{ + left: 25%; +} + +.col-xs-push-4 +{ + left: 33.33333%; +} + +.col-xs-push-5 +{ + left: 41.66667%; +} + +.col-xs-push-6 +{ + left: 50%; +} + +.col-xs-push-7 +{ + left: 58.33333%; +} + +.col-xs-push-8 +{ + left: 66.66667%; +} + +.col-xs-push-9 +{ + left: 75%; +} + +.col-xs-push-10 +{ + left: 83.33333%; +} + +.col-xs-push-11 +{ + left: 91.66667%; +} + +.col-xs-push-12 +{ + left: 100%; +} + +.col-xs-offset-0 +{ + margin-left: 0; +} + +.col-xs-offset-1 +{ + margin-left: 8.33333%; +} + +.col-xs-offset-2 +{ + margin-left: 16.66667%; +} + +.col-xs-offset-3 +{ + margin-left: 25%; +} + +.col-xs-offset-4 +{ + margin-left: 33.33333%; +} + +.col-xs-offset-5 +{ + margin-left: 41.66667%; +} + +.col-xs-offset-6 +{ + margin-left: 50%; +} + +.col-xs-offset-7 +{ + margin-left: 58.33333%; +} + +.col-xs-offset-8 +{ + margin-left: 66.66667%; +} + +.col-xs-offset-9 +{ + margin-left: 75%; +} + +.col-xs-offset-10 +{ + margin-left: 83.33333%; +} + +.col-xs-offset-11 +{ + margin-left: 91.66667%; +} + +.col-xs-offset-12 +{ + margin-left: 100%; +} + +@media (min-width: 768px) +{ + .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 + { + float: left; + } + .col-sm-1 + { + width: 8.33333%; + } + .col-sm-2 + { + width: 16.66667%; + } + .col-sm-3 + { + width: 25%; + } + .col-sm-4 + { + width: 33.33333%; + } + .col-sm-5 + { + width: 41.66667%; + } + .col-sm-6 + { + width: 50%; + } + .col-sm-7 + { + width: 58.33333%; + } + .col-sm-8 + { + width: 66.66667%; + } + .col-sm-9 + { + width: 75%; + } + .col-sm-10 + { + width: 83.33333%; + } + .col-sm-11 + { + width: 91.66667%; + } + .col-sm-12 + { + width: 100%; + } + .col-sm-pull-0 + { + right: auto; + } + .col-sm-pull-1 + { + right: 8.33333%; + } + .col-sm-pull-2 + { + right: 16.66667%; + } + .col-sm-pull-3 + { + right: 25%; + } + .col-sm-pull-4 + { + right: 33.33333%; + } + .col-sm-pull-5 + { + right: 41.66667%; + } + .col-sm-pull-6 + { + right: 50%; + } + .col-sm-pull-7 + { + right: 58.33333%; + } + .col-sm-pull-8 + { + right: 66.66667%; + } + .col-sm-pull-9 + { + right: 75%; + } + .col-sm-pull-10 + { + right: 83.33333%; + } + .col-sm-pull-11 + { + right: 91.66667%; + } + .col-sm-pull-12 + { + right: 100%; + } + .col-sm-push-0 + { + left: auto; + } + .col-sm-push-1 + { + left: 8.33333%; + } + .col-sm-push-2 + { + left: 16.66667%; + } + .col-sm-push-3 + { + left: 25%; + } + .col-sm-push-4 + { + left: 33.33333%; + } + .col-sm-push-5 + { + left: 41.66667%; + } + .col-sm-push-6 + { + left: 50%; + } + .col-sm-push-7 + { + left: 58.33333%; + } + .col-sm-push-8 + { + left: 66.66667%; + } + .col-sm-push-9 + { + left: 75%; + } + .col-sm-push-10 + { + left: 83.33333%; + } + .col-sm-push-11 + { + left: 91.66667%; + } + .col-sm-push-12 + { + left: 100%; + } + .col-sm-offset-0 + { + margin-left: 0; + } + .col-sm-offset-1 + { + margin-left: 8.33333%; + } + .col-sm-offset-2 + { + margin-left: 16.66667%; + } + .col-sm-offset-3 + { + margin-left: 25%; + } + .col-sm-offset-4 + { + margin-left: 33.33333%; + } + .col-sm-offset-5 + { + margin-left: 41.66667%; + } + .col-sm-offset-6 + { + margin-left: 50%; + } + .col-sm-offset-7 + { + margin-left: 58.33333%; + } + .col-sm-offset-8 + { + margin-left: 66.66667%; + } + .col-sm-offset-9 + { + margin-left: 75%; + } + .col-sm-offset-10 + { + margin-left: 83.33333%; + } + .col-sm-offset-11 + { + margin-left: 91.66667%; + } + .col-sm-offset-12 + { + margin-left: 100%; + } +} + +@media (min-width: 992px) +{ + .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 + { + float: left; + } + .col-md-1 + { + width: 8.33333%; + } + .col-md-2 + { + width: 16.66667%; + } + .col-md-3 + { + width: 25%; + } + .col-md-4 + { + width: 33.33333%; + } + .col-md-5 + { + width: 41.66667%; + } + .col-md-6 + { + width: 50%; + } + .col-md-7 + { + width: 58.33333%; + } + .col-md-8 + { + width: 66.66667%; + } + .col-md-9 + { + width: 75%; + } + .col-md-10 + { + width: 83.33333%; + } + .col-md-11 + { + width: 91.66667%; + } + .col-md-12 + { + width: 100%; + } + .col-md-pull-0 + { + right: auto; + } + .col-md-pull-1 + { + right: 8.33333%; + } + .col-md-pull-2 + { + right: 16.66667%; + } + .col-md-pull-3 + { + right: 25%; + } + .col-md-pull-4 + { + right: 33.33333%; + } + .col-md-pull-5 + { + right: 41.66667%; + } + .col-md-pull-6 + { + right: 50%; + } + .col-md-pull-7 + { + right: 58.33333%; + } + .col-md-pull-8 + { + right: 66.66667%; + } + .col-md-pull-9 + { + right: 75%; + } + .col-md-pull-10 + { + right: 83.33333%; + } + .col-md-pull-11 + { + right: 91.66667%; + } + .col-md-pull-12 + { + right: 100%; + } + .col-md-push-0 + { + left: auto; + } + .col-md-push-1 + { + left: 8.33333%; + } + .col-md-push-2 + { + left: 16.66667%; + } + .col-md-push-3 + { + left: 25%; + } + .col-md-push-4 + { + left: 33.33333%; + } + .col-md-push-5 + { + left: 41.66667%; + } + .col-md-push-6 + { + left: 50%; + } + .col-md-push-7 + { + left: 58.33333%; + } + .col-md-push-8 + { + left: 66.66667%; + } + .col-md-push-9 + { + left: 75%; + } + .col-md-push-10 + { + left: 83.33333%; + } + .col-md-push-11 + { + left: 91.66667%; + } + .col-md-push-12 + { + left: 100%; + } + .col-md-offset-0 + { + margin-left: 0; + } + .col-md-offset-1 + { + margin-left: 8.33333%; + } + .col-md-offset-2 + { + margin-left: 16.66667%; + } + .col-md-offset-3 + { + margin-left: 25%; + } + .col-md-offset-4 + { + margin-left: 33.33333%; + } + .col-md-offset-5 + { + margin-left: 41.66667%; + } + .col-md-offset-6 + { + margin-left: 50%; + } + .col-md-offset-7 + { + margin-left: 58.33333%; + } + .col-md-offset-8 + { + margin-left: 66.66667%; + } + .col-md-offset-9 + { + margin-left: 75%; + } + .col-md-offset-10 + { + margin-left: 83.33333%; + } + .col-md-offset-11 + { + margin-left: 91.66667%; + } + .col-md-offset-12 + { + margin-left: 100%; + } +} + +@media (min-width: 1200px) +{ + .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 + { + float: left; + } + .col-lg-1 + { + width: 8.33333%; + } + .col-lg-2 + { + width: 16.66667%; + } + .col-lg-3 + { + width: 25%; + } + .col-lg-4 + { + width: 33.33333%; + } + .col-lg-5 + { + width: 41.66667%; + } + .col-lg-6 + { + width: 50%; + } + .col-lg-7 + { + width: 58.33333%; + } + .col-lg-8 + { + width: 66.66667%; + } + .col-lg-9 + { + width: 75%; + } + .col-lg-10 + { + width: 83.33333%; + } + .col-lg-11 + { + width: 91.66667%; + } + .col-lg-12 + { + width: 100%; + } + .col-lg-pull-0 + { + right: auto; + } + .col-lg-pull-1 + { + right: 8.33333%; + } + .col-lg-pull-2 + { + right: 16.66667%; + } + .col-lg-pull-3 + { + right: 25%; + } + .col-lg-pull-4 + { + right: 33.33333%; + } + .col-lg-pull-5 + { + right: 41.66667%; + } + .col-lg-pull-6 + { + right: 50%; + } + .col-lg-pull-7 + { + right: 58.33333%; + } + .col-lg-pull-8 + { + right: 66.66667%; + } + .col-lg-pull-9 + { + right: 75%; + } + .col-lg-pull-10 + { + right: 83.33333%; + } + .col-lg-pull-11 + { + right: 91.66667%; + } + .col-lg-pull-12 + { + right: 100%; + } + .col-lg-push-0 + { + left: auto; + } + .col-lg-push-1 + { + left: 8.33333%; + } + .col-lg-push-2 + { + left: 16.66667%; + } + .col-lg-push-3 + { + left: 25%; + } + .col-lg-push-4 + { + left: 33.33333%; + } + .col-lg-push-5 + { + left: 41.66667%; + } + .col-lg-push-6 + { + left: 50%; + } + .col-lg-push-7 + { + left: 58.33333%; + } + .col-lg-push-8 + { + left: 66.66667%; + } + .col-lg-push-9 + { + left: 75%; + } + .col-lg-push-10 + { + left: 83.33333%; + } + .col-lg-push-11 + { + left: 91.66667%; + } + .col-lg-push-12 + { + left: 100%; + } + .col-lg-offset-0 + { + margin-left: 0; + } + .col-lg-offset-1 + { + margin-left: 8.33333%; + } + .col-lg-offset-2 + { + margin-left: 16.66667%; + } + .col-lg-offset-3 + { + margin-left: 25%; + } + .col-lg-offset-4 + { + margin-left: 33.33333%; + } + .col-lg-offset-5 + { + margin-left: 41.66667%; + } + .col-lg-offset-6 + { + margin-left: 50%; + } + .col-lg-offset-7 + { + margin-left: 58.33333%; + } + .col-lg-offset-8 + { + margin-left: 66.66667%; + } + .col-lg-offset-9 + { + margin-left: 75%; + } + .col-lg-offset-10 + { + margin-left: 83.33333%; + } + .col-lg-offset-11 + { + margin-left: 91.66667%; + } + .col-lg-offset-12 + { + margin-left: 100%; + } +} + +table +{ + background-color: transparent; +} + +caption +{ + padding-top: 8px; + padding-bottom: 8px; + + text-align: left; + + color: #777; +} + +th +{ + text-align: left; +} + +.table +{ + width: 100%; + max-width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > thead > tr > td, +.table > tbody > tr > th, +.table > tbody > tr > td, +.table > tfoot > tr > th, +.table > tfoot > tr > td +{ + line-height: 1.42857; + + padding: 8px; + + vertical-align: top; + + border-top: 1px solid #ddd; +} +.table > thead > tr > th +{ + vertical-align: bottom; + + border-bottom: 2px solid #ddd; +} +.table > caption + thead > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > th, +.table > thead:first-child > tr:first-child > td +{ + border-top: 0; +} +.table > tbody + tbody +{ + border-top: 2px solid #ddd; +} +.table .table +{ + background-color: #fff; +} + +.table-condensed > thead > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > th, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > th, +.table-condensed > tfoot > tr > td +{ + padding: 5px; +} + +.table-bordered +{ + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > th, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > th, +.table-bordered > tfoot > tr > td +{ + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td +{ + border-bottom-width: 2px; +} + +.table-striped > tbody > tr:nth-of-type(odd) +{ + background-color: #f9f9f9; +} + +.table-hover > tbody > tr:hover +{ + background-color: #f5f5f5; +} + +table col[class*='col-'] +{ + position: static; + + display: table-column; + float: none; +} + +table td[class*='col-'], +table th[class*='col-'] +{ + position: static; + + display: table-cell; + float: none; +} + +.table > thead > tr > td.active, +.table > thead > tr > th.active, +.table > thead > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr > td.active, +.table > tbody > tr > th.active, +.table > tbody > tr.active > td, +.table > tbody > tr.active > th, +.table > tfoot > tr > td.active, +.table > tfoot > tr > th.active, +.table > tfoot > tr.active > td, +.table > tfoot > tr.active > th +{ + background-color: #f5f5f5; +} + +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr:hover > .active, +.table-hover > tbody > tr.active:hover > th +{ + background-color: #e8e8e8; +} + +.table > thead > tr > td.success, +.table > thead > tr > th.success, +.table > thead > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr > td.success, +.table > tbody > tr > th.success, +.table > tbody > tr.success > td, +.table > tbody > tr.success > th, +.table > tfoot > tr > td.success, +.table > tfoot > tr > th.success, +.table > tfoot > tr.success > td, +.table > tfoot > tr.success > th +{ + background-color: #dff0d8; +} + +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr:hover > .success, +.table-hover > tbody > tr.success:hover > th +{ + background-color: #d0e9c6; +} + +.table > thead > tr > td.info, +.table > thead > tr > th.info, +.table > thead > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr > td.info, +.table > tbody > tr > th.info, +.table > tbody > tr.info > td, +.table > tbody > tr.info > th, +.table > tfoot > tr > td.info, +.table > tfoot > tr > th.info, +.table > tfoot > tr.info > td, +.table > tfoot > tr.info > th +{ + background-color: #d9edf7; +} + +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr:hover > .info, +.table-hover > tbody > tr.info:hover > th +{ + background-color: #c4e3f3; +} + +.table > thead > tr > td.warning, +.table > thead > tr > th.warning, +.table > thead > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr > td.warning, +.table > tbody > tr > th.warning, +.table > tbody > tr.warning > td, +.table > tbody > tr.warning > th, +.table > tfoot > tr > td.warning, +.table > tfoot > tr > th.warning, +.table > tfoot > tr.warning > td, +.table > tfoot > tr.warning > th +{ + background-color: #fcf8e3; +} + +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr:hover > .warning, +.table-hover > tbody > tr.warning:hover > th +{ + background-color: #faf2cc; +} + +.table > thead > tr > td.danger, +.table > thead > tr > th.danger, +.table > thead > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr > td.danger, +.table > tbody > tr > th.danger, +.table > tbody > tr.danger > td, +.table > tbody > tr.danger > th, +.table > tfoot > tr > td.danger, +.table > tfoot > tr > th.danger, +.table > tfoot > tr.danger > td, +.table > tfoot > tr.danger > th +{ + background-color: #f2dede; +} + +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr:hover > .danger, +.table-hover > tbody > tr.danger:hover > th +{ + background-color: #ebcccc; +} + +.table-responsive +{ + overflow-x: auto; + + min-height: .01%; +} +@media screen and (max-width: 767px) +{ + .table-responsive + { + overflow-y: hidden; + + width: 100%; + margin-bottom: 15px; + + border: 1px solid #ddd; + + -ms-overflow-style: -ms-autohiding-scrollbar; + } + .table-responsive > .table + { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > tfoot > tr > td + { + white-space: nowrap; + } + .table-responsive > .table-bordered + { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child + { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child + { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > td + { + border-bottom: 0; + } +} + +fieldset +{ + min-width: 0; + margin: 0; + padding: 0; + + border: 0; +} + +legend +{ + font-size: 21px; + line-height: inherit; + + display: block; + + width: 100%; + margin-bottom: 20px; + padding: 0; + + color: #333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label +{ + font-weight: bold; + + display: inline-block; + + max-width: 100%; + margin-bottom: 5px; +} + +input[type='search'] +{ + box-sizing: border-box; +} + +input[type='radio'], +input[type='checkbox'] +{ + line-height: normal; + + margin: 4px 0 0; + margin-top: 1px \9; +} + +input[type='file'] +{ + display: block; +} + +input[type='range'] +{ + display: block; + + width: 100%; +} + +select[multiple], +select[size] +{ + height: auto; +} + +input[type='file']:focus, +input[type='radio']:focus, +input[type='checkbox']:focus +{ + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +output +{ + font-size: 14px; + line-height: 1.42857; + + display: block; + + padding-top: 7px; + + color: #555; +} + +.form-control +{ + font-size: 14px; + line-height: 1.42857; + + display: block; + + width: 100%; + height: 34px; + padding: 6px 12px; + + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + + color: #555; + border: 1px solid #ccc; + border-radius: 4px; + background-color: #fff; + background-image: none; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.form-control:focus +{ + border-color: #66afe9; + outline: 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); +} +.form-control::-moz-placeholder +{ + opacity: 1; + color: #999; +} +.form-control:-ms-input-placeholder +{ + color: #999; +} +.form-control::-webkit-input-placeholder +{ + color: #999; +} +.form-control::-ms-expand +{ + border: 0; + background-color: transparent; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control +{ + opacity: 1; + background-color: #eee; +} +.form-control[disabled], +fieldset[disabled] .form-control +{ + cursor: not-allowed; +} + +textarea.form-control +{ + height: auto; +} + +input[type='search'] +{ + -webkit-appearance: none; +} + +@media screen and (-webkit-min-device-pixel-ratio: 0) +{ + input[type='date'].form-control, + input[type='time'].form-control, + input[type='datetime-local'].form-control, + input[type='month'].form-control + { + line-height: 34px; + } + input[type='date'].input-sm, + .input-group-sm > input[type='date'].form-control, + .input-group-sm > input[type='date'].input-group-addon, + .input-group-sm > .input-group-btn > input[type='date'].btn, + .input-group-sm input[type='date'], + input[type='time'].input-sm, + .input-group-sm > input[type='time'].form-control, + .input-group-sm > input[type='time'].input-group-addon, + .input-group-sm > .input-group-btn > input[type='time'].btn, + .input-group-sm + input[type='time'], + input[type='datetime-local'].input-sm, + .input-group-sm > input[type='datetime-local'].form-control, + .input-group-sm > input[type='datetime-local'].input-group-addon, + .input-group-sm > .input-group-btn > input[type='datetime-local'].btn, + .input-group-sm + input[type='datetime-local'], + input[type='month'].input-sm, + .input-group-sm > input[type='month'].form-control, + .input-group-sm > input[type='month'].input-group-addon, + .input-group-sm > .input-group-btn > input[type='month'].btn, + .input-group-sm + input[type='month'] + { + line-height: 30px; + } + input[type='date'].input-lg, + .input-group-lg > input[type='date'].form-control, + .input-group-lg > input[type='date'].input-group-addon, + .input-group-lg > .input-group-btn > input[type='date'].btn, + .input-group-lg input[type='date'], + input[type='time'].input-lg, + .input-group-lg > input[type='time'].form-control, + .input-group-lg > input[type='time'].input-group-addon, + .input-group-lg > .input-group-btn > input[type='time'].btn, + .input-group-lg + input[type='time'], + input[type='datetime-local'].input-lg, + .input-group-lg > input[type='datetime-local'].form-control, + .input-group-lg > input[type='datetime-local'].input-group-addon, + .input-group-lg > .input-group-btn > input[type='datetime-local'].btn, + .input-group-lg + input[type='datetime-local'], + input[type='month'].input-lg, + .input-group-lg > input[type='month'].form-control, + .input-group-lg > input[type='month'].input-group-addon, + .input-group-lg > .input-group-btn > input[type='month'].btn, + .input-group-lg + input[type='month'] + { + line-height: 46px; + } +} + +.form-group +{ + margin-bottom: 15px; +} + +.radio, +.checkbox +{ + position: relative; + + display: block; + + margin-top: 10px; + margin-bottom: 10px; +} +.radio label, +.checkbox label +{ + font-weight: normal; + + min-height: 20px; + margin-bottom: 0; + padding-left: 20px; + + cursor: pointer; +} + +.radio input[type='radio'], +.radio-inline input[type='radio'], +.checkbox input[type='checkbox'], +.checkbox-inline input[type='checkbox'] +{ + position: absolute; + + margin-top: 4px \9; + margin-left: -20px; +} + +.radio + .radio, +.checkbox + .checkbox +{ + margin-top: -5px; +} + +.radio-inline, +.checkbox-inline +{ + font-weight: normal; + + position: relative; + + display: inline-block; + + margin-bottom: 0; + padding-left: 20px; + + cursor: pointer; + vertical-align: middle; +} + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline +{ + margin-top: 0; + margin-left: 10px; +} + +input[type='radio'][disabled], +input[type='radio'].disabled, +fieldset[disabled] input[type='radio'], +input[type='checkbox'][disabled], +input[type='checkbox'].disabled, +fieldset[disabled] +input[type='checkbox'] +{ + cursor: not-allowed; +} + +.radio-inline.disabled, +fieldset[disabled] .radio-inline, +.checkbox-inline.disabled, +fieldset[disabled] +.checkbox-inline +{ + cursor: not-allowed; +} + +.radio.disabled label, +fieldset[disabled] .radio label, +.checkbox.disabled label, +fieldset[disabled] +.checkbox label +{ + cursor: not-allowed; +} + +.form-control-static +{ + min-height: 34px; + margin-bottom: 0; + padding-top: 7px; + padding-bottom: 7px; +} +.form-control-static.input-lg, +.input-group-lg > .form-control-static.form-control, +.input-group-lg > .form-control-static.input-group-addon, +.input-group-lg > .input-group-btn > .form-control-static.btn, +.form-control-static.input-sm, +.input-group-sm > .form-control-static.form-control, +.input-group-sm > .form-control-static.input-group-addon, +.input-group-sm > .input-group-btn > .form-control-static.btn +{ + padding-right: 0; + padding-left: 0; +} + +.input-sm, +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn +{ + font-size: 12px; + line-height: 1.5; + + height: 30px; + padding: 5px 10px; + + border-radius: 3px; +} + +select.input-sm, +.input-group-sm > select.form-control, +.input-group-sm > select.input-group-addon, +.input-group-sm > .input-group-btn > select.btn +{ + line-height: 30px; + + height: 30px; +} + +textarea.input-sm, +.input-group-sm > textarea.form-control, +.input-group-sm > textarea.input-group-addon, +.input-group-sm > .input-group-btn > textarea.btn, +select[multiple].input-sm, +.input-group-sm > select[multiple].form-control, +.input-group-sm > select[multiple].input-group-addon, +.input-group-sm > .input-group-btn > select[multiple].btn +{ + height: auto; +} + +.form-group-sm .form-control +{ + font-size: 12px; + line-height: 1.5; + + height: 30px; + padding: 5px 10px; + + border-radius: 3px; +} + +.form-group-sm select.form-control +{ + line-height: 30px; + + height: 30px; +} + +.form-group-sm textarea.form-control, +.form-group-sm select[multiple].form-control +{ + height: auto; +} + +.form-group-sm .form-control-static +{ + font-size: 12px; + line-height: 1.5; + + height: 30px; + min-height: 32px; + padding: 6px 10px; +} + +.input-lg, +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn +{ + font-size: 18px; + line-height: 1.33333; + + height: 46px; + padding: 10px 16px; + + border-radius: 6px; +} + +select.input-lg, +.input-group-lg > select.form-control, +.input-group-lg > select.input-group-addon, +.input-group-lg > .input-group-btn > select.btn +{ + line-height: 46px; + + height: 46px; +} + +textarea.input-lg, +.input-group-lg > textarea.form-control, +.input-group-lg > textarea.input-group-addon, +.input-group-lg > .input-group-btn > textarea.btn, +select[multiple].input-lg, +.input-group-lg > select[multiple].form-control, +.input-group-lg > select[multiple].input-group-addon, +.input-group-lg > .input-group-btn > select[multiple].btn +{ + height: auto; +} + +.form-group-lg .form-control +{ + font-size: 18px; + line-height: 1.33333; + + height: 46px; + padding: 10px 16px; + + border-radius: 6px; +} + +.form-group-lg select.form-control +{ + line-height: 46px; + + height: 46px; +} + +.form-group-lg textarea.form-control, +.form-group-lg select[multiple].form-control +{ + height: auto; +} + +.form-group-lg .form-control-static +{ + font-size: 18px; + line-height: 1.33333; + + height: 46px; + min-height: 38px; + padding: 11px 16px; +} + +.has-feedback +{ + position: relative; +} +.has-feedback .form-control +{ + padding-right: 42.5px; +} + +.form-control-feedback +{ + line-height: 34px; + + position: absolute; + z-index: 2; + top: 0; + right: 0; + + display: block; + + width: 34px; + height: 34px; + + text-align: center; + pointer-events: none; +} + +.input-lg + .form-control-feedback, +.input-group-lg > .form-control + .form-control-feedback, +.input-group-lg > .input-group-addon + .form-control-feedback, +.input-group-lg > .input-group-btn > .btn + .form-control-feedback, +.input-group-lg + .form-control-feedback, +.form-group-lg .form-control + .form-control-feedback +{ + line-height: 46px; + + width: 46px; + height: 46px; +} + +.input-sm + .form-control-feedback, +.input-group-sm > .form-control + .form-control-feedback, +.input-group-sm > .input-group-addon + .form-control-feedback, +.input-group-sm > .input-group-btn > .btn + .form-control-feedback, +.input-group-sm + .form-control-feedback, +.form-group-sm .form-control + .form-control-feedback +{ + line-height: 30px; + + width: 30px; + height: 30px; +} + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label +{ + color: #3c763d; +} + +.has-success .form-control +{ + border-color: #3c763d; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-success .form-control:focus +{ + border-color: #2b542c; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; +} + +.has-success .input-group-addon +{ + color: #3c763d; + border-color: #3c763d; + background-color: #dff0d8; +} + +.has-success .form-control-feedback +{ + color: #3c763d; +} + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label +{ + color: #8a6d3b; +} + +.has-warning .form-control +{ + border-color: #8a6d3b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-warning .form-control:focus +{ + border-color: #66512c; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; +} + +.has-warning .input-group-addon +{ + color: #8a6d3b; + border-color: #8a6d3b; + background-color: #fcf8e3; +} + +.has-warning .form-control-feedback +{ + color: #8a6d3b; +} + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label +{ + color: #a94442; +} + +.has-error .form-control +{ + border-color: #a94442; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-error .form-control:focus +{ + border-color: #843534; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; +} + +.has-error .input-group-addon +{ + color: #a94442; + border-color: #a94442; + background-color: #f2dede; +} + +.has-error .form-control-feedback +{ + color: #a94442; +} + +.has-feedback label ~ .form-control-feedback +{ + top: 25px; +} + +.has-feedback label.sr-only ~ .form-control-feedback +{ + top: 0; +} + +.help-block +{ + display: block; + + margin-top: 5px; + margin-bottom: 10px; + + color: #737373; +} + +@media (min-width: 768px) +{ + .form-inline .form-group + { + display: inline-block; + + margin-bottom: 0; + + vertical-align: middle; + } + .form-inline .form-control + { + display: inline-block; + + width: auto; + + vertical-align: middle; + } + .form-inline .form-control-static + { + display: inline-block; + } + .form-inline .input-group + { + display: inline-table; + + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control + { + width: auto; + } + .form-inline .input-group > .form-control + { + width: 100%; + } + .form-inline .control-label + { + margin-bottom: 0; + + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox + { + display: inline-block; + + margin-top: 0; + margin-bottom: 0; + + vertical-align: middle; + } + .form-inline .radio label, + .form-inline .checkbox label + { + padding-left: 0; + } + .form-inline .radio input[type='radio'], + .form-inline .checkbox input[type='checkbox'] + { + position: relative; + + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback + { + top: 0; + } +} + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline +{ + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; +} + +.form-horizontal .radio, +.form-horizontal .checkbox +{ + min-height: 27px; +} + +.form-horizontal .form-group +{ + margin-right: -15px; + margin-left: -15px; +} +.form-horizontal .form-group:before, +.form-horizontal .form-group:after +{ + display: table; + + content: ' '; +} +.form-horizontal .form-group:after +{ + clear: both; +} + +@media (min-width: 768px) +{ + .form-horizontal .control-label + { + margin-bottom: 0; + padding-top: 7px; + + text-align: right; + } +} + +.form-horizontal .has-feedback .form-control-feedback +{ + right: 15px; +} + +@media (min-width: 768px) +{ + .form-horizontal .form-group-lg .control-label + { + font-size: 18px; + + padding-top: 11px; + } +} + +@media (min-width: 768px) +{ + .form-horizontal .form-group-sm .control-label + { + font-size: 12px; + + padding-top: 6px; + } +} + +.btn +{ + font-size: 14px; + font-weight: normal; + line-height: 1.42857; + + display: inline-block; + + margin-bottom: 0; + padding: 6px 12px; + + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + text-align: center; + vertical-align: middle; + white-space: nowrap; + + border: 1px solid transparent; + border-radius: 4px; + background-image: none; + + -ms-touch-action: manipulation; + touch-action: manipulation; +} +.btn:focus, +.btn.focus, +.btn:active:focus, +.btn:active.focus, +.btn.active:focus, +.btn.active.focus +{ + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, +.btn:focus, +.btn.focus +{ + text-decoration: none; + + color: #333; +} +.btn:active, +.btn.active +{ + outline: 0; + background-image: none; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn +{ + cursor: not-allowed; + + opacity: .65; + box-shadow: none; + + filter: alpha(opacity=65); +} + +a.btn.disabled, +fieldset[disabled] a.btn +{ + pointer-events: none; +} + +.btn-default +{ + color: #333; + border-color: #ccc; + background-color: #fff; +} +.btn-default:focus, +.btn-default.focus +{ + color: #333; + border-color: #8c8c8c; + background-color: #e6e6e6; +} +.btn-default:hover +{ + color: #333; + border-color: #adadad; + background-color: #e6e6e6; +} +.btn-default:active, +.btn-default.active, +.open > .btn-default.dropdown-toggle +{ + color: #333; + border-color: #adadad; + background-color: #e6e6e6; +} +.btn-default:active:hover, +.btn-default:active:focus, +.btn-default:active.focus, +.btn-default.active:hover, +.btn-default.active:focus, +.btn-default.active.focus, +.open > .btn-default.dropdown-toggle:hover, +.open > .btn-default.dropdown-toggle:focus, +.open > .btn-default.dropdown-toggle.focus +{ + color: #333; + border-color: #8c8c8c; + background-color: #d4d4d4; +} +.btn-default:active, +.btn-default.active, +.open > .btn-default.dropdown-toggle +{ + background-image: none; +} +.btn-default.disabled:hover, +.btn-default.disabled:focus, +.btn-default.disabled.focus, +.btn-default[disabled]:hover, +.btn-default[disabled]:focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default:hover, +fieldset[disabled] .btn-default:focus, +fieldset[disabled] .btn-default.focus +{ + border-color: #ccc; + background-color: #fff; +} +.btn-default .badge +{ + color: #fff; + background-color: #333; +} + +.btn-primary +{ + color: #fff; + border-color: #2e6da4; + background-color: #337ab7; +} +.btn-primary:focus, +.btn-primary.focus +{ + color: #fff; + border-color: #122b40; + background-color: #286090; +} +.btn-primary:hover +{ + color: #fff; + border-color: #204d74; + background-color: #286090; +} +.btn-primary:active, +.btn-primary.active, +.open > .btn-primary.dropdown-toggle +{ + color: #fff; + border-color: #204d74; + background-color: #286090; +} +.btn-primary:active:hover, +.btn-primary:active:focus, +.btn-primary:active.focus, +.btn-primary.active:hover, +.btn-primary.active:focus, +.btn-primary.active.focus, +.open > .btn-primary.dropdown-toggle:hover, +.open > .btn-primary.dropdown-toggle:focus, +.open > .btn-primary.dropdown-toggle.focus +{ + color: #fff; + border-color: #122b40; + background-color: #204d74; +} +.btn-primary:active, +.btn-primary.active, +.open > .btn-primary.dropdown-toggle +{ + background-image: none; +} +.btn-primary.disabled:hover, +.btn-primary.disabled:focus, +.btn-primary.disabled.focus, +.btn-primary[disabled]:hover, +.btn-primary[disabled]:focus, +.btn-primary[disabled].focus, +fieldset[disabled] .btn-primary:hover, +fieldset[disabled] .btn-primary:focus, +fieldset[disabled] .btn-primary.focus +{ + border-color: #2e6da4; + background-color: #337ab7; +} +.btn-primary .badge +{ + color: #337ab7; + background-color: #fff; +} + +.btn-success +{ + color: #fff; + border-color: #4cae4c; + background-color: #5cb85c; +} +.btn-success:focus, +.btn-success.focus +{ + color: #fff; + border-color: #255625; + background-color: #449d44; +} +.btn-success:hover +{ + color: #fff; + border-color: #398439; + background-color: #449d44; +} +.btn-success:active, +.btn-success.active, +.open > .btn-success.dropdown-toggle +{ + color: #fff; + border-color: #398439; + background-color: #449d44; +} +.btn-success:active:hover, +.btn-success:active:focus, +.btn-success:active.focus, +.btn-success.active:hover, +.btn-success.active:focus, +.btn-success.active.focus, +.open > .btn-success.dropdown-toggle:hover, +.open > .btn-success.dropdown-toggle:focus, +.open > .btn-success.dropdown-toggle.focus +{ + color: #fff; + border-color: #255625; + background-color: #398439; +} +.btn-success:active, +.btn-success.active, +.open > .btn-success.dropdown-toggle +{ + background-image: none; +} +.btn-success.disabled:hover, +.btn-success.disabled:focus, +.btn-success.disabled.focus, +.btn-success[disabled]:hover, +.btn-success[disabled]:focus, +.btn-success[disabled].focus, +fieldset[disabled] .btn-success:hover, +fieldset[disabled] .btn-success:focus, +fieldset[disabled] .btn-success.focus +{ + border-color: #4cae4c; + background-color: #5cb85c; +} +.btn-success .badge +{ + color: #5cb85c; + background-color: #fff; +} + +.btn-info +{ + color: #fff; + border-color: #46b8da; + background-color: #5bc0de; +} +.btn-info:focus, +.btn-info.focus +{ + color: #fff; + border-color: #1b6d85; + background-color: #31b0d5; +} +.btn-info:hover +{ + color: #fff; + border-color: #269abc; + background-color: #31b0d5; +} +.btn-info:active, +.btn-info.active, +.open > .btn-info.dropdown-toggle +{ + color: #fff; + border-color: #269abc; + background-color: #31b0d5; +} +.btn-info:active:hover, +.btn-info:active:focus, +.btn-info:active.focus, +.btn-info.active:hover, +.btn-info.active:focus, +.btn-info.active.focus, +.open > .btn-info.dropdown-toggle:hover, +.open > .btn-info.dropdown-toggle:focus, +.open > .btn-info.dropdown-toggle.focus +{ + color: #fff; + border-color: #1b6d85; + background-color: #269abc; +} +.btn-info:active, +.btn-info.active, +.open > .btn-info.dropdown-toggle +{ + background-image: none; +} +.btn-info.disabled:hover, +.btn-info.disabled:focus, +.btn-info.disabled.focus, +.btn-info[disabled]:hover, +.btn-info[disabled]:focus, +.btn-info[disabled].focus, +fieldset[disabled] .btn-info:hover, +fieldset[disabled] .btn-info:focus, +fieldset[disabled] .btn-info.focus +{ + border-color: #46b8da; + background-color: #5bc0de; +} +.btn-info .badge +{ + color: #5bc0de; + background-color: #fff; +} + +.btn-warning +{ + color: #fff; + border-color: #eea236; + background-color: #f0ad4e; +} +.btn-warning:focus, +.btn-warning.focus +{ + color: #fff; + border-color: #985f0d; + background-color: #ec971f; +} +.btn-warning:hover +{ + color: #fff; + border-color: #d58512; + background-color: #ec971f; +} +.btn-warning:active, +.btn-warning.active, +.open > .btn-warning.dropdown-toggle +{ + color: #fff; + border-color: #d58512; + background-color: #ec971f; +} +.btn-warning:active:hover, +.btn-warning:active:focus, +.btn-warning:active.focus, +.btn-warning.active:hover, +.btn-warning.active:focus, +.btn-warning.active.focus, +.open > .btn-warning.dropdown-toggle:hover, +.open > .btn-warning.dropdown-toggle:focus, +.open > .btn-warning.dropdown-toggle.focus +{ + color: #fff; + border-color: #985f0d; + background-color: #d58512; +} +.btn-warning:active, +.btn-warning.active, +.open > .btn-warning.dropdown-toggle +{ + background-image: none; +} +.btn-warning.disabled:hover, +.btn-warning.disabled:focus, +.btn-warning.disabled.focus, +.btn-warning[disabled]:hover, +.btn-warning[disabled]:focus, +.btn-warning[disabled].focus, +fieldset[disabled] .btn-warning:hover, +fieldset[disabled] .btn-warning:focus, +fieldset[disabled] .btn-warning.focus +{ + border-color: #eea236; + background-color: #f0ad4e; +} +.btn-warning .badge +{ + color: #f0ad4e; + background-color: #fff; +} + +.btn-danger +{ + color: #fff; + border-color: #d43f3a; + background-color: #d9534f; +} +.btn-danger:focus, +.btn-danger.focus +{ + color: #fff; + border-color: #761c19; + background-color: #c9302c; +} +.btn-danger:hover +{ + color: #fff; + border-color: #ac2925; + background-color: #c9302c; +} +.btn-danger:active, +.btn-danger.active, +.open > .btn-danger.dropdown-toggle +{ + color: #fff; + border-color: #ac2925; + background-color: #c9302c; +} +.btn-danger:active:hover, +.btn-danger:active:focus, +.btn-danger:active.focus, +.btn-danger.active:hover, +.btn-danger.active:focus, +.btn-danger.active.focus, +.open > .btn-danger.dropdown-toggle:hover, +.open > .btn-danger.dropdown-toggle:focus, +.open > .btn-danger.dropdown-toggle.focus +{ + color: #fff; + border-color: #761c19; + background-color: #ac2925; +} +.btn-danger:active, +.btn-danger.active, +.open > .btn-danger.dropdown-toggle +{ + background-image: none; +} +.btn-danger.disabled:hover, +.btn-danger.disabled:focus, +.btn-danger.disabled.focus, +.btn-danger[disabled]:hover, +.btn-danger[disabled]:focus, +.btn-danger[disabled].focus, +fieldset[disabled] .btn-danger:hover, +fieldset[disabled] .btn-danger:focus, +fieldset[disabled] .btn-danger.focus +{ + border-color: #d43f3a; + background-color: #d9534f; +} +.btn-danger .badge +{ + color: #d9534f; + background-color: #fff; +} + +.btn-link +{ + font-weight: normal; + + color: #337ab7; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link.active, +.btn-link[disabled], +fieldset[disabled] .btn-link +{ + background-color: transparent; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active +{ + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus +{ + text-decoration: underline; + + color: #23527c; + background-color: transparent; +} +.btn-link[disabled]:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:hover, +fieldset[disabled] .btn-link:focus +{ + text-decoration: none; + + color: #777; +} + +.btn-lg, +.btn-group-lg > .btn +{ + font-size: 18px; + line-height: 1.33333; + + padding: 10px 16px; + + border-radius: 6px; +} + +.btn-sm, +.btn-group-sm > .btn +{ + font-size: 12px; + line-height: 1.5; + + padding: 5px 10px; + + border-radius: 3px; +} + +.btn-xs, +.btn-group-xs > .btn +{ + font-size: 12px; + line-height: 1.5; + + padding: 1px 5px; + + border-radius: 3px; +} + +.btn-block +{ + display: block; + + width: 100%; +} + +.btn-block + .btn-block +{ + margin-top: 5px; +} + +input[type='submit'].btn-block, +input[type='reset'].btn-block, +input[type='button'].btn-block +{ + width: 100%; +} + +.fade +{ + -webkit-transition: opacity .15s linear; + transition: opacity .15s linear; + + opacity: 0; +} +.fade.in +{ + opacity: 1; +} + +.collapse +{ + display: none; +} +.collapse.in +{ + display: block; +} + +tr.collapse.in +{ + display: table-row; +} + +tbody.collapse.in +{ + display: table-row-group; +} + +.collapsing +{ + position: relative; + + overflow: hidden; + + height: 0; + + -webkit-transition-timing-function: ease; + transition-timing-function: ease; + -webkit-transition-duration: .35s; + transition-duration: .35s; + -webkit-transition-property: height, visibility; + transition-property: height, visibility; +} + +.caret +{ + display: inline-block; + + width: 0; + height: 0; + margin-left: 2px; + + vertical-align: middle; + + border-top: 4px dashed; + border-top: 4px solid \9; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} + +.dropup, +.dropdown +{ + position: relative; +} + +.dropdown-toggle:focus +{ + outline: 0; +} + +.dropdown-menu +{ + font-size: 14px; + + position: absolute; + z-index: 1000; + top: 100%; + left: 0; + + display: none; + float: left; + + min-width: 160px; + margin: 2px 0 0; + padding: 5px 0; + + list-style: none; + + text-align: left; + + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .15); + border-radius: 4px; + background-color: #fff; + background-clip: padding-box; + box-shadow: 0 6px 12px rgba(0, 0, 0, .175); +} +.dropdown-menu.pull-right +{ + right: 0; + left: auto; +} +.dropdown-menu .divider +{ + overflow: hidden; + + height: 1px; + margin: 9px 0; + + background-color: #e5e5e5; +} +.dropdown-menu > li > a +{ + font-weight: normal; + line-height: 1.42857; + + display: block; + clear: both; + + padding: 3px 20px; + + white-space: nowrap; + + color: #333; +} + +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus +{ + text-decoration: none; + + color: #262626; + background-color: #f5f5f5; +} + +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus +{ + text-decoration: none; + + color: #fff; + outline: 0; + background-color: #337ab7; +} + +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus +{ + color: #777; +} + +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus +{ + cursor: not-allowed; + text-decoration: none; + + background-color: transparent; + background-image: none; + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} + +.open > .dropdown-menu +{ + display: block; +} + +.open > a +{ + outline: 0; +} + +.dropdown-menu-right +{ + right: 0; + left: auto; +} + +.dropdown-menu-left +{ + right: auto; + left: 0; +} + +.dropdown-header +{ + font-size: 12px; + line-height: 1.42857; + + display: block; + + padding: 3px 20px; + + white-space: nowrap; + + color: #777; +} + +.dropdown-backdrop +{ + position: fixed; + z-index: 990; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.pull-right > .dropdown-menu +{ + right: 0; + left: auto; +} + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret +{ + content: ''; + + border-top: 0; + border-bottom: 4px dashed; + border-bottom: 4px solid \9; +} + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu +{ + top: auto; + bottom: 100%; + + margin-bottom: 2px; +} + +@media (min-width: 768px) +{ + .navbar-right .dropdown-menu + { + right: 0; + left: auto; + } + .navbar-right .dropdown-menu-left + { + right: auto; + left: 0; + } +} + +.btn-group, +.btn-group-vertical +{ + position: relative; + + display: inline-block; + + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn +{ + position: relative; + + float: left; +} +.btn-group > .btn:hover, +.btn-group > .btn:focus, +.btn-group > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn:hover, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active +{ + z-index: 2; +} + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group +{ + margin-left: -1px; +} + +.btn-toolbar +{ + margin-left: -5px; +} +.btn-toolbar:before, +.btn-toolbar:after +{ + display: table; + + content: ' '; +} +.btn-toolbar:after +{ + clear: both; +} +.btn-toolbar .btn, +.btn-toolbar .btn-group, +.btn-toolbar .input-group +{ + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group +{ + margin-left: 5px; +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) +{ + border-radius: 0; +} + +.btn-group > .btn:first-child +{ + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) +{ + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) +{ + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group > .btn-group +{ + float: left; +} + +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn +{ + border-radius: 0; +} + +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle +{ + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child +{ + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle +{ + outline: 0; +} + +.btn-group > .btn + .dropdown-toggle +{ + padding-right: 8px; + padding-left: 8px; +} + +.btn-group > .btn-lg + .dropdown-toggle, +.btn-group-lg.btn-group > .btn + .dropdown-toggle +{ + padding-right: 12px; + padding-left: 12px; +} + +.btn-group.open .dropdown-toggle +{ + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} +.btn-group.open .dropdown-toggle.btn-link +{ + box-shadow: none; +} + +.btn .caret +{ + margin-left: 0; +} + +.btn-lg .caret, +.btn-group-lg > .btn .caret +{ + border-width: 5px 5px 0; + border-bottom-width: 0; +} + +.dropup .btn-lg .caret, +.dropup .btn-group-lg > .btn .caret +{ + border-width: 0 5px 5px; +} + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn +{ + display: block; + float: none; + + width: 100%; + max-width: 100%; +} + +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after +{ + display: table; + + content: ' '; +} + +.btn-group-vertical > .btn-group:after +{ + clear: both; +} + +.btn-group-vertical > .btn-group > .btn +{ + float: none; +} + +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group +{ + margin-top: -1px; + margin-left: 0; +} + +.btn-group-vertical > .btn:not(:first-child):not(:last-child) +{ + border-radius: 0; +} + +.btn-group-vertical > .btn:first-child:not(:last-child) +{ + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn:last-child:not(:first-child) +{ + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn +{ + border-radius: 0; +} + +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle +{ + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child +{ + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-justified +{ + display: table; + + width: 100%; + + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group +{ + display: table-cell; + float: none; + + width: 1%; +} +.btn-group-justified > .btn-group .btn +{ + width: 100%; +} +.btn-group-justified > .btn-group .dropdown-menu +{ + left: auto; +} + +[data-toggle='buttons'] > .btn input[type='radio'], +[data-toggle='buttons'] > .btn input[type='checkbox'], +[data-toggle='buttons'] > .btn-group > .btn input[type='radio'], +[data-toggle='buttons'] > .btn-group > .btn input[type='checkbox'] +{ + position: absolute; + + clip: rect(0, 0, 0, 0); + + pointer-events: none; +} + +.input-group +{ + position: relative; + + display: table; + + border-collapse: separate; +} +.input-group[class*='col-'] +{ + float: none; + + padding-right: 0; + padding-left: 0; +} +.input-group .form-control +{ + position: relative; + z-index: 2; + + float: left; + + width: 100%; + margin-bottom: 0; +} +.input-group .form-control:focus +{ + z-index: 3; +} + +.input-group-addon, +.input-group-btn, +.input-group .form-control +{ + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) +{ + border-radius: 0; +} + +.input-group-addon, +.input-group-btn +{ + width: 1%; + + vertical-align: middle; + white-space: nowrap; +} + +.input-group-addon +{ + font-size: 14px; + font-weight: normal; + line-height: 1; + + padding: 6px 12px; + + text-align: center; + + color: #555; + border: 1px solid #ccc; + border-radius: 4px; + background-color: #eee; +} +.input-group-addon.input-sm, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .input-group-addon.btn +{ + font-size: 12px; + + padding: 5px 10px; + + border-radius: 3px; +} +.input-group-addon.input-lg, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .input-group-addon.btn +{ + font-size: 18px; + + padding: 10px 16px; + + border-radius: 6px; +} +.input-group-addon input[type='radio'], +.input-group-addon input[type='checkbox'] +{ + margin-top: 0; +} + +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn +{ + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group-addon:first-child +{ + border-right: 0; +} + +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn +{ + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group-addon:last-child +{ + border-left: 0; +} + +.input-group-btn +{ + font-size: 0; + + position: relative; + + white-space: nowrap; +} +.input-group-btn > .btn +{ + position: relative; +} +.input-group-btn > .btn + .btn +{ + margin-left: -1px; +} +.input-group-btn > .btn:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active +{ + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group +{ + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group +{ + z-index: 2; + + margin-left: -1px; +} + +.nav +{ + margin-bottom: 0; + padding-left: 0; + + list-style: none; +} +.nav:before, +.nav:after +{ + display: table; + + content: ' '; +} +.nav:after +{ + clear: both; +} +.nav > li +{ + position: relative; + + display: block; +} +.nav > li > a +{ + position: relative; + + display: block; + + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus +{ + text-decoration: none; + + background-color: #eee; +} +.nav > li.disabled > a +{ + color: #777; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus +{ + cursor: not-allowed; + text-decoration: none; + + color: #777; + background-color: transparent; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus +{ + border-color: #337ab7; + background-color: #eee; +} +.nav .nav-divider +{ + overflow: hidden; + + height: 1px; + margin: 9px 0; + + background-color: #e5e5e5; +} +.nav > li > a > img +{ + max-width: none; +} + +.nav-tabs +{ + border-bottom: 1px solid #ddd; +} +.nav-tabs > li +{ + float: left; + + margin-bottom: -1px; +} +.nav-tabs > li > a +{ + line-height: 1.42857; + + margin-right: 2px; + + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover +{ + border-color: #eee #eee #ddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus +{ + cursor: default; + + color: #555; + border: 1px solid #ddd; + border-bottom-color: transparent; + background-color: #fff; +} + +.nav-pills > li +{ + float: left; +} +.nav-pills > li > a +{ + border-radius: 4px; +} +.nav-pills > li + li +{ + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus +{ + color: #fff; + background-color: #337ab7; +} + +.nav-stacked > li +{ + float: none; +} +.nav-stacked > li + li +{ + margin-top: 2px; + margin-left: 0; +} + +.nav-justified, +.nav-tabs.nav-justified +{ + width: 100%; +} +.nav-justified > li, +.nav-tabs.nav-justified > li +{ + float: none; +} +.nav-justified > li > a, +.nav-tabs.nav-justified > li > a +{ + margin-bottom: 5px; + + text-align: center; +} +.nav-justified > .dropdown .dropdown-menu +{ + top: auto; + left: auto; +} +@media (min-width: 768px) +{ + .nav-justified > li, + .nav-tabs.nav-justified > li + { + display: table-cell; + + width: 1%; + } + .nav-justified > li > a, + .nav-tabs.nav-justified > li > a + { + margin-bottom: 0; + } +} + +.nav-tabs-justified, +.nav-tabs.nav-justified +{ + border-bottom: 0; +} +.nav-tabs-justified > li > a, +.nav-tabs.nav-justified > li > a +{ + margin-right: 0; + + border-radius: 4px; +} +.nav-tabs-justified > .active > a, +.nav-tabs.nav-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus, +.nav-tabs.nav-justified > .active > a:focus +{ + border: 1px solid #ddd; +} +@media (min-width: 768px) +{ + .nav-tabs-justified > li > a, + .nav-tabs.nav-justified > li > a + { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs.nav-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus, + .nav-tabs.nav-justified > .active > a:focus + { + border-bottom-color: #fff; + } +} + +.tab-content > .tab-pane +{ + display: none; +} + +.tab-content > .active +{ + display: block; +} + +.nav-tabs .dropdown-menu +{ + margin-top: -1px; + + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.navbar +{ + position: relative; + + min-height: 50px; + margin-bottom: 20px; + + border: 1px solid transparent; +} +.navbar:before, +.navbar:after +{ + display: table; + + content: ' '; +} +.navbar:after +{ + clear: both; +} +@media (min-width: 768px) +{ + .navbar + { + border-radius: 4px; + } +} + +.navbar-header:before, +.navbar-header:after +{ + display: table; + + content: ' '; +} + +.navbar-header:after +{ + clear: both; +} + +@media (min-width: 768px) +{ + .navbar-header + { + float: left; + } +} + +.navbar-collapse +{ + overflow-x: visible; + + padding-right: 15px; + padding-left: 15px; + + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); + + -webkit-overflow-scrolling: touch; +} +.navbar-collapse:before, +.navbar-collapse:after +{ + display: table; + + content: ' '; +} +.navbar-collapse:after +{ + clear: both; +} +.navbar-collapse.in +{ + overflow-y: auto; +} +@media (min-width: 768px) +{ + .navbar-collapse + { + width: auto; + + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse + { + display: block !important; + overflow: visible !important; + + height: auto !important; + padding-bottom: 0; + } + .navbar-collapse.in + { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse + { + padding-right: 0; + padding-left: 0; + } +} + +.navbar-fixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse +{ + max-height: 340px; +} +@media (max-device-width: 480px) and (orientation: landscape) +{ + .navbar-fixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse + { + max-height: 200px; + } +} + +.container > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-header, +.container-fluid > .navbar-collapse +{ + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) +{ + .container > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-header, + .container-fluid > .navbar-collapse + { + margin-right: 0; + margin-left: 0; + } +} + +.navbar-static-top +{ + z-index: 1000; + + border-width: 0 0 1px; +} +@media (min-width: 768px) +{ + .navbar-static-top + { + border-radius: 0; + } +} + +.navbar-fixed-top, +.navbar-fixed-bottom +{ + position: fixed; + z-index: 1030; + right: 0; + left: 0; +} +@media (min-width: 768px) +{ + .navbar-fixed-top, + .navbar-fixed-bottom + { + border-radius: 0; + } +} + +.navbar-fixed-top +{ + top: 0; + + border-width: 0 0 1px; +} + +.navbar-fixed-bottom +{ + bottom: 0; + + margin-bottom: 0; + + border-width: 1px 0 0; +} + +.navbar-brand +{ + font-size: 18px; + line-height: 20px; + + float: left; + + height: 50px; + padding: 15px 15px; +} +.navbar-brand:hover, +.navbar-brand:focus +{ + text-decoration: none; +} +.navbar-brand > img +{ + display: block; +} +@media (min-width: 768px) +{ + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand + { + margin-left: -15px; + } +} + +.navbar-toggle +{ + position: relative; + + float: right; + + margin-top: 8px; + margin-right: 15px; + margin-bottom: 8px; + padding: 9px 10px; + + border: 1px solid transparent; + border-radius: 4px; + background-color: transparent; + background-image: none; +} +.navbar-toggle:focus +{ + outline: 0; +} +.navbar-toggle .icon-bar +{ + display: block; + + width: 22px; + height: 2px; + + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar +{ + margin-top: 4px; +} +@media (min-width: 768px) +{ + .navbar-toggle + { + display: none; + } +} + +.navbar-nav +{ + margin: 7.5px -15px; +} +.navbar-nav > li > a +{ + line-height: 20px; + + padding-top: 10px; + padding-bottom: 10px; +} +@media (max-width: 767px) +{ + .navbar-nav .open .dropdown-menu + { + position: static; + + float: none; + + width: auto; + margin-top: 0; + + border: 0; + background-color: transparent; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header + { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a + { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus + { + background-image: none; + } +} +@media (min-width: 768px) +{ + .navbar-nav + { + float: left; + + margin: 0; + } + .navbar-nav > li + { + float: left; + } + .navbar-nav > li > a + { + padding-top: 15px; + padding-bottom: 15px; + } +} + +.navbar-form +{ + margin-top: 8px; + margin-right: -15px; + margin-bottom: 8px; + margin-left: -15px; + padding: 10px 15px; + + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); +} +@media (min-width: 768px) +{ + .navbar-form .form-group + { + display: inline-block; + + margin-bottom: 0; + + vertical-align: middle; + } + .navbar-form .form-control + { + display: inline-block; + + width: auto; + + vertical-align: middle; + } + .navbar-form .form-control-static + { + display: inline-block; + } + .navbar-form .input-group + { + display: inline-table; + + vertical-align: middle; + } + .navbar-form .input-group .input-group-addon, + .navbar-form .input-group .input-group-btn, + .navbar-form .input-group .form-control + { + width: auto; + } + .navbar-form .input-group > .form-control + { + width: 100%; + } + .navbar-form .control-label + { + margin-bottom: 0; + + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox + { + display: inline-block; + + margin-top: 0; + margin-bottom: 0; + + vertical-align: middle; + } + .navbar-form .radio label, + .navbar-form .checkbox label + { + padding-left: 0; + } + .navbar-form .radio input[type='radio'], + .navbar-form .checkbox input[type='checkbox'] + { + position: relative; + + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback + { + top: 0; + } +} +@media (max-width: 767px) +{ + .navbar-form .form-group + { + margin-bottom: 5px; + } + .navbar-form .form-group:last-child + { + margin-bottom: 0; + } +} +@media (min-width: 768px) +{ + .navbar-form + { + width: auto; + margin-right: 0; + margin-left: 0; + padding-top: 0; + padding-bottom: 0; + + border: 0; + box-shadow: none; + } +} + +.navbar-nav > li > .dropdown-menu +{ + margin-top: 0; + + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu +{ + margin-bottom: 0; + + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.navbar-btn +{ + margin-top: 8px; + margin-bottom: 8px; +} +.navbar-btn.btn-sm, +.btn-group-sm > .navbar-btn.btn +{ + margin-top: 10px; + margin-bottom: 10px; +} +.navbar-btn.btn-xs, +.btn-group-xs > .navbar-btn.btn +{ + margin-top: 14px; + margin-bottom: 14px; +} + +.navbar-text +{ + margin-top: 15px; + margin-bottom: 15px; +} +@media (min-width: 768px) +{ + .navbar-text + { + float: left; + + margin-right: 15px; + margin-left: 15px; + } +} + +@media (min-width: 768px) +{ + .navbar-left + { + float: left !important; + } + .navbar-right + { + float: right !important; + + margin-right: -15px; + } + .navbar-right ~ .navbar-right + { + margin-right: 0; + } +} + +.navbar-default +{ + border-color: #e7e7e7; + background-color: #f8f8f8; +} +.navbar-default .navbar-brand +{ + color: #777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus +{ + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text +{ + color: #777; +} +.navbar-default .navbar-nav > li > a +{ + color: #777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus +{ + color: #333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus +{ + color: #555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus +{ + color: #ccc; + background-color: transparent; +} +.navbar-default .navbar-toggle +{ + border-color: #ddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus +{ + background-color: #ddd; +} +.navbar-default .navbar-toggle .icon-bar +{ + background-color: #888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form +{ + border-color: #e7e7e7; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus +{ + color: #555; + background-color: #e7e7e7; +} +@media (max-width: 767px) +{ + .navbar-default .navbar-nav .open .dropdown-menu > li > a + { + color: #777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus + { + color: #333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus + { + color: #555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus + { + color: #ccc; + background-color: transparent; + } +} +.navbar-default .navbar-link +{ + color: #777; +} +.navbar-default .navbar-link:hover +{ + color: #333; +} +.navbar-default .btn-link +{ + color: #777; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus +{ + color: #333; +} +.navbar-default .btn-link[disabled]:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:hover, +fieldset[disabled] .navbar-default .btn-link:focus +{ + color: #ccc; +} + +.navbar-inverse +{ + border-color: #090909; + background-color: #222; +} +.navbar-inverse .navbar-brand +{ + color: #9d9d9d; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus +{ + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-text +{ + color: #9d9d9d; +} +.navbar-inverse .navbar-nav > li > a +{ + color: #9d9d9d; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus +{ + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus +{ + color: #fff; + background-color: #090909; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus +{ + color: #444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle +{ + border-color: #333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus +{ + background-color: #333; +} +.navbar-inverse .navbar-toggle .icon-bar +{ + background-color: #fff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form +{ + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus +{ + color: #fff; + background-color: #090909; +} +@media (max-width: 767px) +{ + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header + { + border-color: #090909; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider + { + background-color: #090909; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a + { + color: #9d9d9d; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus + { + color: #fff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus + { + color: #fff; + background-color: #090909; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus + { + color: #444; + background-color: transparent; + } +} +.navbar-inverse .navbar-link +{ + color: #9d9d9d; +} +.navbar-inverse .navbar-link:hover +{ + color: #fff; +} +.navbar-inverse .btn-link +{ + color: #9d9d9d; +} +.navbar-inverse .btn-link:hover, +.navbar-inverse .btn-link:focus +{ + color: #fff; +} +.navbar-inverse .btn-link[disabled]:hover, +.navbar-inverse .btn-link[disabled]:focus, +fieldset[disabled] .navbar-inverse .btn-link:hover, +fieldset[disabled] .navbar-inverse .btn-link:focus +{ + color: #444; +} + +.breadcrumb +{ + margin-bottom: 20px; + padding: 8px 15px; + + list-style: none; + + border-radius: 4px; + background-color: #f5f5f5; +} +.breadcrumb > li +{ + display: inline-block; +} +.breadcrumb > li + li:before +{ + padding: 0 5px; + + content: '/ '; + + color: #ccc; +} +.breadcrumb > .active +{ + color: #777; +} + +.pagination +{ + display: inline-block; + + margin: 20px 0; + padding-left: 0; + + border-radius: 4px; +} +.pagination > li +{ + display: inline; +} +.pagination > li > a, +.pagination > li > span +{ + line-height: 1.42857; + + position: relative; + + float: left; + + margin-left: -1px; + padding: 6px 12px; + + text-decoration: none; + + color: #337ab7; + border: 1px solid #ddd; + background-color: #fff; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span +{ + margin-left: 0; + + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span +{ + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.pagination > li > a:hover, +.pagination > li > a:focus, +.pagination > li > span:hover, +.pagination > li > span:focus +{ + z-index: 2; + + color: #23527c; + border-color: #ddd; + background-color: #eee; +} +.pagination > .active > a, +.pagination > .active > a:hover, +.pagination > .active > a:focus, +.pagination > .active > span, +.pagination > .active > span:hover, +.pagination > .active > span:focus +{ + z-index: 3; + + cursor: default; + + color: #fff; + border-color: #337ab7; + background-color: #337ab7; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus +{ + cursor: not-allowed; + + color: #777; + border-color: #ddd; + background-color: #fff; +} + +.pagination-lg > li > a, +.pagination-lg > li > span +{ + font-size: 18px; + line-height: 1.33333; + + padding: 10px 16px; +} + +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span +{ + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span +{ + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.pagination-sm > li > a, +.pagination-sm > li > span +{ + font-size: 12px; + line-height: 1.5; + + padding: 5px 10px; +} + +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span +{ + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span +{ + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.pager +{ + margin: 20px 0; + padding-left: 0; + + list-style: none; + + text-align: center; +} +.pager:before, +.pager:after +{ + display: table; + + content: ' '; +} +.pager:after +{ + clear: both; +} +.pager li +{ + display: inline; +} +.pager li > a, +.pager li > span +{ + display: inline-block; + + padding: 5px 14px; + + border: 1px solid #ddd; + border-radius: 15px; + background-color: #fff; +} +.pager li > a:hover, +.pager li > a:focus +{ + text-decoration: none; + + background-color: #eee; +} +.pager .next > a, +.pager .next > span +{ + float: right; +} +.pager .previous > a, +.pager .previous > span +{ + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span +{ + cursor: not-allowed; + + color: #777; + background-color: #fff; +} + +.label +{ + font-size: 75%; + font-weight: bold; + line-height: 1; + + display: inline; + + padding: .2em .6em .3em; + + text-align: center; + vertical-align: baseline; + white-space: nowrap; + + color: #fff; + border-radius: .25em; +} +.label:empty +{ + display: none; +} +.btn .label +{ + position: relative; + top: -1px; +} + +a.label:hover, +a.label:focus +{ + cursor: pointer; + text-decoration: none; + + color: #fff; +} + +.label-default +{ + background-color: #777; +} +.label-default[href]:hover, +.label-default[href]:focus +{ + background-color: #5e5e5e; +} + +.label-primary +{ + background-color: #337ab7; +} +.label-primary[href]:hover, +.label-primary[href]:focus +{ + background-color: #286090; +} + +.label-success +{ + background-color: #5cb85c; +} +.label-success[href]:hover, +.label-success[href]:focus +{ + background-color: #449d44; +} + +.label-info +{ + background-color: #5bc0de; +} +.label-info[href]:hover, +.label-info[href]:focus +{ + background-color: #31b0d5; +} + +.label-warning +{ + background-color: #f0ad4e; +} +.label-warning[href]:hover, +.label-warning[href]:focus +{ + background-color: #ec971f; +} + +.label-danger +{ + background-color: #d9534f; +} +.label-danger[href]:hover, +.label-danger[href]:focus +{ + background-color: #c9302c; +} + +.badge +{ + font-size: 12px; + font-weight: bold; + line-height: 1; + + display: inline-block; + + min-width: 10px; + padding: 3px 7px; + + text-align: center; + vertical-align: middle; + white-space: nowrap; + + color: #fff; + border-radius: 10px; + background-color: #777; +} +.badge:empty +{ + display: none; +} +.btn .badge +{ + position: relative; + top: -1px; +} +.btn-xs .badge, +.btn-group-xs > .btn .badge, +.btn-group-xs > .btn .badge +{ + top: 0; + + padding: 1px 5px; +} +.list-group-item.active > .badge, +.nav-pills > .active > a > .badge +{ + color: #337ab7; + background-color: #fff; +} +.list-group-item > .badge +{ + float: right; +} +.list-group-item > .badge + .badge +{ + margin-right: 5px; +} +.nav-pills > li > a > .badge +{ + margin-left: 3px; +} + +a.badge:hover, +a.badge:focus +{ + cursor: pointer; + text-decoration: none; + + color: #fff; +} + +.jumbotron +{ + margin-bottom: 30px; + padding-top: 30px; + padding-bottom: 30px; + + color: inherit; + background-color: #eee; +} +.jumbotron h1, +.jumbotron .h1 +{ + color: inherit; +} +.jumbotron p +{ + font-size: 21px; + font-weight: 200; + + margin-bottom: 15px; +} +.jumbotron > hr +{ + border-top-color: #d5d5d5; +} +.container .jumbotron, +.container-fluid .jumbotron +{ + padding-right: 15px; + padding-left: 15px; + + border-radius: 6px; +} +.jumbotron .container +{ + max-width: 100%; +} +@media screen and (min-width: 768px) +{ + .jumbotron + { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron, + .container-fluid .jumbotron + { + padding-right: 60px; + padding-left: 60px; + } + .jumbotron h1, + .jumbotron .h1 + { + font-size: 63px; + } +} + +.thumbnail +{ + line-height: 1.42857; + + display: block; + + margin-bottom: 20px; + padding: 4px; + + -webkit-transition: border .2s ease-in-out; + transition: border .2s ease-in-out; + + border: 1px solid #ddd; + border-radius: 4px; + background-color: #fff; +} +.thumbnail > img, +.thumbnail a > img +{ + display: block; + + max-width: 100%; + height: auto; + margin-right: auto; + margin-left: auto; +} +.thumbnail .caption +{ + padding: 9px; + + color: #333; +} + +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active +{ + border-color: #337ab7; +} + +.alert +{ + margin-bottom: 20px; + padding: 15px; + + border: 1px solid transparent; + border-radius: 4px; +} +.alert h4 +{ + margin-top: 0; + + color: inherit; +} +.alert .alert-link +{ + font-weight: bold; +} +.alert > p, +.alert > ul +{ + margin-bottom: 0; +} +.alert > p + p +{ + margin-top: 5px; +} + +.alert-dismissable, +.alert-dismissible +{ + padding-right: 35px; +} +.alert-dismissable .close, +.alert-dismissible .close +{ + position: relative; + top: -2px; + right: -21px; + + color: inherit; +} + +.alert-success +{ + color: #3c763d; + border-color: #d6e9c6; + background-color: #dff0d8; +} +.alert-success hr +{ + border-top-color: #c9e2b3; +} +.alert-success .alert-link +{ + color: #2b542c; +} + +.alert-info +{ + color: #31708f; + border-color: #bce8f1; + background-color: #d9edf7; +} +.alert-info hr +{ + border-top-color: #a6e1ec; +} +.alert-info .alert-link +{ + color: #245269; +} + +.alert-warning +{ + color: #8a6d3b; + border-color: #faebcc; + background-color: #fcf8e3; +} +.alert-warning hr +{ + border-top-color: #f7e1b5; +} +.alert-warning .alert-link +{ + color: #66512c; +} + +.alert-danger +{ + color: #a94442; + border-color: #ebccd1; + background-color: #f2dede; +} +.alert-danger hr +{ + border-top-color: #e4b9c0; +} +.alert-danger .alert-link +{ + color: #843534; +} + +@-webkit-keyframes progress-bar-stripes +{ + from + { + background-position: 40px 0; + } + to + { + background-position: 0 0; + } +} + +@keyframes progress-bar-stripes +{ + from + { + background-position: 40px 0; + } + to + { + background-position: 0 0; + } +} + +.progress +{ + overflow: hidden; + + height: 20px; + margin-bottom: 20px; + + border-radius: 4px; + background-color: #f5f5f5; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); +} + +.progress-bar +{ + font-size: 12px; + line-height: 20px; + + float: left; + + width: 0; + height: 100%; + + -webkit-transition: width .6s ease; + transition: width .6s ease; + text-align: center; + + color: #fff; + background-color: #337ab7; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); +} + +.progress-striped .progress-bar, +.progress-bar-striped +{ + 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); + 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); + background-size: 40px 40px; +} + +.progress.active .progress-bar, +.progress-bar.active +{ + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-bar-success +{ + background-color: #5cb85c; +} +.progress-striped .progress-bar-success +{ + 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); + 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); +} + +.progress-bar-info +{ + background-color: #5bc0de; +} +.progress-striped .progress-bar-info +{ + 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); + 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); +} + +.progress-bar-warning +{ + background-color: #f0ad4e; +} +.progress-striped .progress-bar-warning +{ + 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); + 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); +} + +.progress-bar-danger +{ + background-color: #d9534f; +} +.progress-striped .progress-bar-danger +{ + 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); + 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); +} + +.media +{ + margin-top: 15px; +} +.media:first-child +{ + margin-top: 0; +} + +.media, +.media-body +{ + overflow: hidden; + zoom: 1; +} + +.media-body +{ + width: 10000px; +} + +.media-object +{ + display: block; +} +.media-object.img-thumbnail +{ + max-width: none; +} + +.media-right, +.media > .pull-right +{ + padding-left: 10px; +} + +.media-left, +.media > .pull-left +{ + padding-right: 10px; +} + +.media-left, +.media-right, +.media-body +{ + display: table-cell; + + vertical-align: top; +} + +.media-middle +{ + vertical-align: middle; +} + +.media-bottom +{ + vertical-align: bottom; +} + +.media-heading +{ + margin-top: 0; + margin-bottom: 5px; +} + +.media-list +{ + padding-left: 0; + + list-style: none; +} + +.list-group +{ + margin-bottom: 20px; + padding-left: 0; +} + +.list-group-item +{ + position: relative; + + display: block; + + margin-bottom: -1px; + padding: 10px 15px; + + border: 1px solid #ddd; + background-color: #fff; +} +.list-group-item:first-child +{ + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.list-group-item:last-child +{ + margin-bottom: 0; + + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +a.list-group-item, +button.list-group-item +{ + color: #555; +} +a.list-group-item .list-group-item-heading, +button.list-group-item .list-group-item-heading +{ + color: #333; +} +a.list-group-item:hover, +a.list-group-item:focus, +button.list-group-item:hover, +button.list-group-item:focus +{ + text-decoration: none; + + color: #555; + background-color: #f5f5f5; +} + +button.list-group-item +{ + width: 100%; + + text-align: left; +} + +.list-group-item.disabled, +.list-group-item.disabled:hover, +.list-group-item.disabled:focus +{ + cursor: not-allowed; + + color: #777; + background-color: #eee; +} +.list-group-item.disabled .list-group-item-heading, +.list-group-item.disabled:hover .list-group-item-heading, +.list-group-item.disabled:focus .list-group-item-heading +{ + color: inherit; +} +.list-group-item.disabled .list-group-item-text, +.list-group-item.disabled:hover .list-group-item-text, +.list-group-item.disabled:focus .list-group-item-text +{ + color: #777; +} + +.list-group-item.active, +.list-group-item.active:hover, +.list-group-item.active:focus +{ + z-index: 2; + + color: #fff; + border-color: #337ab7; + background-color: #337ab7; +} +.list-group-item.active .list-group-item-heading, +.list-group-item.active .list-group-item-heading > small, +.list-group-item.active .list-group-item-heading > .small, +.list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:hover .list-group-item-heading > small, +.list-group-item.active:hover .list-group-item-heading > .small, +.list-group-item.active:focus .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading > small, +.list-group-item.active:focus .list-group-item-heading > .small +{ + color: inherit; +} +.list-group-item.active .list-group-item-text, +.list-group-item.active:hover .list-group-item-text, +.list-group-item.active:focus .list-group-item-text +{ + color: #c7ddef; +} + +.list-group-item-success +{ + color: #3c763d; + background-color: #dff0d8; +} + +a.list-group-item-success, +button.list-group-item-success +{ + color: #3c763d; +} +a.list-group-item-success .list-group-item-heading, +button.list-group-item-success .list-group-item-heading +{ + color: inherit; +} +a.list-group-item-success:hover, +a.list-group-item-success:focus, +button.list-group-item-success:hover, +button.list-group-item-success:focus +{ + color: #3c763d; + background-color: #d0e9c6; +} +a.list-group-item-success.active, +a.list-group-item-success.active:hover, +a.list-group-item-success.active:focus, +button.list-group-item-success.active, +button.list-group-item-success.active:hover, +button.list-group-item-success.active:focus +{ + color: #fff; + border-color: #3c763d; + background-color: #3c763d; +} + +.list-group-item-info +{ + color: #31708f; + background-color: #d9edf7; +} + +a.list-group-item-info, +button.list-group-item-info +{ + color: #31708f; +} +a.list-group-item-info .list-group-item-heading, +button.list-group-item-info .list-group-item-heading +{ + color: inherit; +} +a.list-group-item-info:hover, +a.list-group-item-info:focus, +button.list-group-item-info:hover, +button.list-group-item-info:focus +{ + color: #31708f; + background-color: #c4e3f3; +} +a.list-group-item-info.active, +a.list-group-item-info.active:hover, +a.list-group-item-info.active:focus, +button.list-group-item-info.active, +button.list-group-item-info.active:hover, +button.list-group-item-info.active:focus +{ + color: #fff; + border-color: #31708f; + background-color: #31708f; +} + +.list-group-item-warning +{ + color: #8a6d3b; + background-color: #fcf8e3; +} + +a.list-group-item-warning, +button.list-group-item-warning +{ + color: #8a6d3b; +} +a.list-group-item-warning .list-group-item-heading, +button.list-group-item-warning .list-group-item-heading +{ + color: inherit; +} +a.list-group-item-warning:hover, +a.list-group-item-warning:focus, +button.list-group-item-warning:hover, +button.list-group-item-warning:focus +{ + color: #8a6d3b; + background-color: #faf2cc; +} +a.list-group-item-warning.active, +a.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus, +button.list-group-item-warning.active, +button.list-group-item-warning.active:hover, +button.list-group-item-warning.active:focus +{ + color: #fff; + border-color: #8a6d3b; + background-color: #8a6d3b; +} + +.list-group-item-danger +{ + color: #a94442; + background-color: #f2dede; +} + +a.list-group-item-danger, +button.list-group-item-danger +{ + color: #a94442; +} +a.list-group-item-danger .list-group-item-heading, +button.list-group-item-danger .list-group-item-heading +{ + color: inherit; +} +a.list-group-item-danger:hover, +a.list-group-item-danger:focus, +button.list-group-item-danger:hover, +button.list-group-item-danger:focus +{ + color: #a94442; + background-color: #ebcccc; +} +a.list-group-item-danger.active, +a.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus, +button.list-group-item-danger.active, +button.list-group-item-danger.active:hover, +button.list-group-item-danger.active:focus +{ + color: #fff; + border-color: #a94442; + background-color: #a94442; +} + +.list-group-item-heading +{ + margin-top: 0; + margin-bottom: 5px; +} + +.list-group-item-text +{ + line-height: 1.3; + + margin-bottom: 0; +} + +.panel +{ + margin-bottom: 20px; + + border: 1px solid transparent; + border-radius: 4px; + background-color: #fff; + box-shadow: 0 1px 1px rgba(0, 0, 0, .05); +} + +.panel-body +{ + padding: 15px; +} +.panel-body:before, +.panel-body:after +{ + display: table; + + content: ' '; +} +.panel-body:after +{ + clear: both; +} + +.panel-heading +{ + padding: 10px 15px; + + border-bottom: 1px solid transparent; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel-heading > .dropdown .dropdown-toggle +{ + color: inherit; +} + +.panel-title +{ + font-size: 16px; + + margin-top: 0; + margin-bottom: 0; + + color: inherit; +} +.panel-title > a, +.panel-title > small, +.panel-title > .small, +.panel-title > small > a, +.panel-title > .small > a +{ + color: inherit; +} + +.panel-footer +{ + padding: 10px 15px; + + border-top: 1px solid #ddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + background-color: #f5f5f5; +} + +.panel > .list-group, +.panel > .panel-collapse > .list-group +{ + margin-bottom: 0; +} +.panel > .list-group .list-group-item, +.panel > .panel-collapse > .list-group .list-group-item +{ + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child, +.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child +{ + border-top: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel > .list-group:last-child .list-group-item:last-child, +.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child +{ + border-bottom: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child +{ + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.panel-heading + .list-group .list-group-item:first-child +{ + border-top-width: 0; +} + +.list-group + .panel-footer +{ + border-top-width: 0; +} + +.panel > .table, +.panel > .table-responsive > .table, +.panel > .panel-collapse > .table +{ + margin-bottom: 0; +} +.panel > .table caption, +.panel > .table-responsive > .table caption, +.panel > .panel-collapse > .table caption +{ + padding-right: 15px; + padding-left: 15px; +} + +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child +{ + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child +{ + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child +{ + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child +{ + border-top-right-radius: 3px; +} + +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child +{ + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child +{ + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child +{ + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child +{ + border-bottom-right-radius: 3px; +} + +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive, +.panel > .table + .panel-body, +.panel > .table-responsive + .panel-body +{ + border-top: 1px solid #ddd; +} + +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td +{ + border-top: 0; +} + +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered +{ + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child +{ + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child +{ + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th +{ + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th +{ + border-bottom: 0; +} + +.panel > .table-responsive +{ + margin-bottom: 0; + + border: 0; +} + +.panel-group +{ + margin-bottom: 20px; +} +.panel-group .panel +{ + margin-bottom: 0; + + border-radius: 4px; +} +.panel-group .panel + .panel +{ + margin-top: 5px; +} +.panel-group .panel-heading +{ + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse > .panel-body, +.panel-group .panel-heading + .panel-collapse > .list-group +{ + border-top: 1px solid #ddd; +} +.panel-group .panel-footer +{ + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body +{ + border-bottom: 1px solid #ddd; +} + +.panel-default +{ + border-color: #ddd; +} +.panel-default > .panel-heading +{ + color: #333; + border-color: #ddd; + background-color: #f5f5f5; +} +.panel-default > .panel-heading + .panel-collapse > .panel-body +{ + border-top-color: #ddd; +} +.panel-default > .panel-heading .badge +{ + color: #f5f5f5; + background-color: #333; +} +.panel-default > .panel-footer + .panel-collapse > .panel-body +{ + border-bottom-color: #ddd; +} + +.panel-primary +{ + border-color: #337ab7; +} +.panel-primary > .panel-heading +{ + color: #fff; + border-color: #337ab7; + background-color: #337ab7; +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body +{ + border-top-color: #337ab7; +} +.panel-primary > .panel-heading .badge +{ + color: #337ab7; + background-color: #fff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body +{ + border-bottom-color: #337ab7; +} + +.panel-success +{ + border-color: #d6e9c6; +} +.panel-success > .panel-heading +{ + color: #3c763d; + border-color: #d6e9c6; + background-color: #dff0d8; +} +.panel-success > .panel-heading + .panel-collapse > .panel-body +{ + border-top-color: #d6e9c6; +} +.panel-success > .panel-heading .badge +{ + color: #dff0d8; + background-color: #3c763d; +} +.panel-success > .panel-footer + .panel-collapse > .panel-body +{ + border-bottom-color: #d6e9c6; +} + +.panel-info +{ + border-color: #bce8f1; +} +.panel-info > .panel-heading +{ + color: #31708f; + border-color: #bce8f1; + background-color: #d9edf7; +} +.panel-info > .panel-heading + .panel-collapse > .panel-body +{ + border-top-color: #bce8f1; +} +.panel-info > .panel-heading .badge +{ + color: #d9edf7; + background-color: #31708f; +} +.panel-info > .panel-footer + .panel-collapse > .panel-body +{ + border-bottom-color: #bce8f1; +} + +.panel-warning +{ + border-color: #faebcc; +} +.panel-warning > .panel-heading +{ + color: #8a6d3b; + border-color: #faebcc; + background-color: #fcf8e3; +} +.panel-warning > .panel-heading + .panel-collapse > .panel-body +{ + border-top-color: #faebcc; +} +.panel-warning > .panel-heading .badge +{ + color: #fcf8e3; + background-color: #8a6d3b; +} +.panel-warning > .panel-footer + .panel-collapse > .panel-body +{ + border-bottom-color: #faebcc; +} + +.panel-danger +{ + border-color: #ebccd1; +} +.panel-danger > .panel-heading +{ + color: #a94442; + border-color: #ebccd1; + background-color: #f2dede; +} +.panel-danger > .panel-heading + .panel-collapse > .panel-body +{ + border-top-color: #ebccd1; +} +.panel-danger > .panel-heading .badge +{ + color: #f2dede; + background-color: #a94442; +} +.panel-danger > .panel-footer + .panel-collapse > .panel-body +{ + border-bottom-color: #ebccd1; +} + +.embed-responsive +{ + position: relative; + + display: block; + overflow: hidden; + + height: 0; + padding: 0; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video +{ + position: absolute; + top: 0; + bottom: 0; + left: 0; + + width: 100%; + height: 100%; + + border: 0; +} + +.embed-responsive-16by9 +{ + padding-bottom: 56.25%; +} + +.embed-responsive-4by3 +{ + padding-bottom: 75%; +} + +.well +{ + min-height: 20px; + margin-bottom: 20px; + padding: 19px; + + border: 1px solid #e3e3e3; + border-radius: 4px; + background-color: #f5f5f5; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); +} +.well blockquote +{ + border-color: #ddd; + border-color: rgba(0, 0, 0, .15); +} + +.well-lg +{ + padding: 24px; + + border-radius: 6px; +} + +.well-sm +{ + padding: 9px; + + border-radius: 3px; +} + +.close +{ + font-size: 21px; + font-weight: bold; + line-height: 1; + + float: right; + + opacity: .2; + color: #000; + text-shadow: 0 1px 0 #fff; + + filter: alpha(opacity=20); +} +.close:hover, +.close:focus +{ + cursor: pointer; + text-decoration: none; + + opacity: .5; + color: #000; + + filter: alpha(opacity=50); +} + +button.close +{ + padding: 0; + + cursor: pointer; + + border: 0; + background: transparent; + + -webkit-appearance: none; +} + +.modal-open +{ + overflow: hidden; +} + +.modal +{ + position: fixed; + z-index: 1050; + top: 0; + right: 0; + bottom: 0; + left: 0; + + display: none; + overflow: hidden; + + outline: 0; + + -webkit-overflow-scrolling: touch; +} +.modal.fade .modal-dialog +{ + -webkit-transition: -webkit-transform .3s ease-out; + transition: -webkit-transform .3s ease-out; + transition: transform .3s ease-out; + transition: transform .3s ease-out, -webkit-transform .3s ease-out; + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); +} +.modal.in .modal-dialog +{ + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} + +.modal-open .modal +{ + overflow-x: hidden; + overflow-y: auto; +} + +.modal-dialog +{ + position: relative; + + width: auto; + margin: 10px; +} + +.modal-content +{ + position: relative; + + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + outline: 0; + background-color: #fff; + background-clip: padding-box; + box-shadow: 0 3px 9px rgba(0, 0, 0, .5); +} + +.modal-backdrop +{ + position: fixed; + z-index: 1040; + top: 0; + right: 0; + bottom: 0; + left: 0; + + background-color: #000; +} +.modal-backdrop.fade +{ + opacity: 0; + + filter: alpha(opacity=0); +} +.modal-backdrop.in +{ + opacity: .5; + + filter: alpha(opacity=50); +} + +.modal-header +{ + padding: 15px; + + border-bottom: 1px solid #e5e5e5; +} +.modal-header:before, +.modal-header:after +{ + display: table; + + content: ' '; +} +.modal-header:after +{ + clear: both; +} + +.modal-header .close +{ + margin-top: -2px; +} + +.modal-title +{ + line-height: 1.42857; + + margin: 0; +} + +.modal-body +{ + position: relative; + + padding: 15px; +} + +.modal-footer +{ + padding: 15px; + + text-align: right; + + border-top: 1px solid #e5e5e5; +} +.modal-footer:before, +.modal-footer:after +{ + display: table; + + content: ' '; +} +.modal-footer:after +{ + clear: both; +} +.modal-footer .btn + .btn +{ + margin-bottom: 0; + margin-left: 5px; +} +.modal-footer .btn-group .btn + .btn +{ + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block +{ + margin-left: 0; +} + +.modal-scrollbar-measure +{ + position: absolute; + top: -9999px; + + overflow: scroll; + + width: 50px; + height: 50px; +} + +@media (min-width: 768px) +{ + .modal-dialog + { + width: 600px; + margin: 30px auto; + } + .modal-content + { + box-shadow: 0 5px 15px rgba(0, 0, 0, .5); + } + .modal-sm + { + width: 300px; + } +} + +@media (min-width: 992px) +{ + .modal-lg + { + width: 900px; + } +} + +.tooltip +{ + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 12px; + font-weight: normal; + font-style: normal; + line-height: 1.42857; + + position: absolute; + z-index: 1070; + + display: block; + + text-align: left; + text-align: start; + white-space: normal; + text-decoration: none; + letter-spacing: normal; + word-spacing: normal; + text-transform: none; + word-wrap: normal; + word-break: normal; + + opacity: 0; + text-shadow: none; + + line-break: auto; + filter: alpha(opacity=0); +} +.tooltip.in +{ + opacity: .9; + + filter: alpha(opacity=90); +} +.tooltip.top +{ + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right +{ + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom +{ + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left +{ + margin-left: -3px; + padding: 0 5px; +} + +.tooltip-inner +{ + max-width: 200px; + padding: 3px 8px; + + text-align: center; + + color: #fff; + border-radius: 4px; + background-color: #000; +} + +.tooltip-arrow +{ + position: absolute; + + width: 0; + height: 0; + + border-style: solid; + border-color: transparent; +} + +.tooltip.top .tooltip-arrow +{ + bottom: 0; + left: 50%; + + margin-left: -5px; + + border-width: 5px 5px 0; + border-top-color: #000; +} + +.tooltip.top-left .tooltip-arrow +{ + right: 5px; + bottom: 0; + + margin-bottom: -5px; + + border-width: 5px 5px 0; + border-top-color: #000; +} + +.tooltip.top-right .tooltip-arrow +{ + bottom: 0; + left: 5px; + + margin-bottom: -5px; + + border-width: 5px 5px 0; + border-top-color: #000; +} + +.tooltip.right .tooltip-arrow +{ + top: 50%; + left: 0; + + margin-top: -5px; + + border-width: 5px 5px 5px 0; + border-right-color: #000; +} + +.tooltip.left .tooltip-arrow +{ + top: 50%; + right: 0; + + margin-top: -5px; + + border-width: 5px 0 5px 5px; + border-left-color: #000; +} + +.tooltip.bottom .tooltip-arrow +{ + top: 0; + left: 50%; + + margin-left: -5px; + + border-width: 0 5px 5px; + border-bottom-color: #000; +} + +.tooltip.bottom-left .tooltip-arrow +{ + top: 0; + right: 5px; + + margin-top: -5px; + + border-width: 0 5px 5px; + border-bottom-color: #000; +} + +.tooltip.bottom-right .tooltip-arrow +{ + top: 0; + left: 5px; + + margin-top: -5px; + + border-width: 0 5px 5px; + border-bottom-color: #000; +} + +.popover +{ + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 14px; + font-weight: normal; + font-style: normal; + line-height: 1.42857; + + position: absolute; + z-index: 1060; + top: 0; + left: 0; + + display: none; + + max-width: 276px; + padding: 1px; + + text-align: left; + text-align: start; + white-space: normal; + text-decoration: none; + letter-spacing: normal; + word-spacing: normal; + text-transform: none; + word-wrap: normal; + word-break: normal; + + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + background-color: #fff; + background-clip: padding-box; + box-shadow: 0 5px 10px rgba(0, 0, 0, .2); + text-shadow: none; + + line-break: auto; +} +.popover.top +{ + margin-top: -10px; +} +.popover.right +{ + margin-left: 10px; +} +.popover.bottom +{ + margin-top: 10px; +} +.popover.left +{ + margin-left: -10px; +} + +.popover-title +{ + font-size: 14px; + + margin: 0; + padding: 8px 14px; + + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; + background-color: #f7f7f7; +} + +.popover-content +{ + padding: 9px 14px; +} + +.popover > .arrow, +.popover > .arrow:after +{ + position: absolute; + + display: block; + + width: 0; + height: 0; + + border-style: solid; + border-color: transparent; +} + +.popover > .arrow +{ + border-width: 11px; +} + +.popover > .arrow:after +{ + content: ''; + + border-width: 10px; +} + +.popover.top > .arrow +{ + bottom: -11px; + left: 50%; + + margin-left: -11px; + + border-top-color: #999; + border-top-color: rgba(0, 0, 0, .25); + border-bottom-width: 0; +} +.popover.top > .arrow:after +{ + bottom: 1px; + + margin-left: -10px; + + content: ' '; + + border-top-color: #fff; + border-bottom-width: 0; +} + +.popover.right > .arrow +{ + top: 50%; + left: -11px; + + margin-top: -11px; + + border-right-color: #999; + border-right-color: rgba(0, 0, 0, .25); + border-left-width: 0; +} +.popover.right > .arrow:after +{ + bottom: -10px; + left: 1px; + + content: ' '; + + border-right-color: #fff; + border-left-width: 0; +} + +.popover.bottom > .arrow +{ + top: -11px; + left: 50%; + + margin-left: -11px; + + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, .25); +} +.popover.bottom > .arrow:after +{ + top: 1px; + + margin-left: -10px; + + content: ' '; + + border-top-width: 0; + border-bottom-color: #fff; +} + +.popover.left > .arrow +{ + top: 50%; + right: -11px; + + margin-top: -11px; + + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, .25); +} +.popover.left > .arrow:after +{ + right: 1px; + bottom: -10px; + + content: ' '; + + border-right-width: 0; + border-left-color: #fff; +} + +.carousel +{ + position: relative; +} + +.carousel-inner +{ + position: relative; + + overflow: hidden; + + width: 100%; +} +.carousel-inner > .item +{ + position: relative; + + display: none; + + -webkit-transition: .6s ease-in-out left; + transition: .6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img +{ + line-height: 1; + + display: block; + + max-width: 100%; + height: auto; +} +@media all and (transform-3d), (-webkit-transform-3d) +{ + .carousel-inner > .item + { + -webkit-transition: -webkit-transform .6s ease-in-out; + transition: -webkit-transform .6s ease-in-out; + transition: transform .6s ease-in-out; + transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; + + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + perspective: 1000px; + } + .carousel-inner > .item.next, + .carousel-inner > .item.active.right + { + left: 0; + + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + .carousel-inner > .item.prev, + .carousel-inner > .item.active.left + { + left: 0; + + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + .carousel-inner > .item.next.left, + .carousel-inner > .item.prev.right, + .carousel-inner > .item.active + { + left: 0; + + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev +{ + display: block; +} +.carousel-inner > .active +{ + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev +{ + position: absolute; + top: 0; + + width: 100%; +} +.carousel-inner > .next +{ + left: 100%; +} +.carousel-inner > .prev +{ + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right +{ + left: 0; +} +.carousel-inner > .active.left +{ + left: -100%; +} +.carousel-inner > .active.right +{ + left: 100%; +} + +.carousel-control +{ + font-size: 20px; + + position: absolute; + top: 0; + bottom: 0; + left: 0; + + width: 15%; + + text-align: center; + + opacity: .5; + color: #fff; + background-color: transparent; + text-shadow: 0 1px 2px rgba(0, 0, 0, .6); + + filter: alpha(opacity=50); +} +.carousel-control.left +{ + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); + background-repeat: repeat-x; + + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); +} +.carousel-control.right +{ + right: 0; + left: auto; + + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); + background-repeat: repeat-x; + + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); +} +.carousel-control:hover, +.carousel-control:focus +{ + text-decoration: none; + + opacity: .9; + color: #fff; + outline: 0; + + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right +{ + position: absolute; + z-index: 5; + top: 50%; + + display: inline-block; + + margin-top: -10px; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left +{ + left: 50%; + + margin-left: -10px; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right +{ + right: 50%; + + margin-right: -10px; +} +.carousel-control .icon-prev, +.carousel-control .icon-next +{ + font-family: serif; + line-height: 1; + + width: 20px; + height: 20px; +} +.carousel-control .icon-prev:before +{ + content: '\2039'; +} +.carousel-control .icon-next:before +{ + content: '\203a'; +} + +.carousel-indicators +{ + position: absolute; + z-index: 15; + bottom: 10px; + left: 50%; + + width: 60%; + margin-left: -30%; + padding-left: 0; + + list-style: none; + + text-align: center; +} +.carousel-indicators li +{ + display: inline-block; + + width: 10px; + height: 10px; + margin: 1px; + + cursor: pointer; + text-indent: -999px; + + border: 1px solid #fff; + border-radius: 10px; + background-color: #000 \9; + background-color: transparent; +} +.carousel-indicators .active +{ + width: 12px; + height: 12px; + margin: 0; + + background-color: #fff; +} + +.carousel-caption +{ + position: absolute; + z-index: 10; + right: 15%; + bottom: 20px; + left: 15%; + + padding-top: 20px; + padding-bottom: 20px; + + text-align: center; + + color: #fff; + text-shadow: 0 1px 2px rgba(0, 0, 0, .6); +} +.carousel-caption .btn +{ + text-shadow: none; +} + +@media screen and (min-width: 768px) +{ + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next + { + font-size: 30px; + + width: 30px; + height: 30px; + margin-top: -10px; + } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev + { + margin-left: -10px; + } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next + { + margin-right: -10px; + } + .carousel-caption + { + right: 20%; + left: 20%; + + padding-bottom: 30px; + } + .carousel-indicators + { + bottom: 20px; + } +} + +.clearfix:before, +.clearfix:after +{ + display: table; + + content: ' '; +} + +.clearfix:after +{ + clear: both; +} + +.center-block +{ + display: block; + + margin-right: auto; + margin-left: auto; +} + +.pull-right +{ + float: right !important; +} + +.pull-left +{ + float: left !important; +} + +.hide +{ + display: none !important; +} + +.show +{ + display: block !important; +} + +.invisible +{ + visibility: hidden; +} + +.text-hide +{ + font: 0/0 a; + + color: transparent; + border: 0; + background-color: transparent; + text-shadow: none; +} + +.hidden +{ + display: none !important; +} + +.affix +{ + position: fixed; +} + +@-ms-viewport +{ + width: device-width; +} + +.visible-xs +{ + display: none !important; +} + +.visible-sm +{ + display: none !important; +} + +.visible-md +{ + display: none !important; +} + +.visible-lg +{ + display: none !important; +} + +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block +{ + display: none !important; +} + +@media (max-width: 767px) +{ + .visible-xs + { + display: block !important; + } + table.visible-xs + { + display: table !important; + } + tr.visible-xs + { + display: table-row !important; + } + th.visible-xs, + td.visible-xs + { + display: table-cell !important; + } +} + +@media (max-width: 767px) +{ + .visible-xs-block + { + display: block !important; + } +} + +@media (max-width: 767px) +{ + .visible-xs-inline + { + display: inline !important; + } +} + +@media (max-width: 767px) +{ + .visible-xs-inline-block + { + display: inline-block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) +{ + .visible-sm + { + display: block !important; + } + table.visible-sm + { + display: table !important; + } + tr.visible-sm + { + display: table-row !important; + } + th.visible-sm, + td.visible-sm + { + display: table-cell !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) +{ + .visible-sm-block + { + display: block !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) +{ + .visible-sm-inline + { + display: inline !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) +{ + .visible-sm-inline-block + { + display: inline-block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) +{ + .visible-md + { + display: block !important; + } + table.visible-md + { + display: table !important; + } + tr.visible-md + { + display: table-row !important; + } + th.visible-md, + td.visible-md + { + display: table-cell !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) +{ + .visible-md-block + { + display: block !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) +{ + .visible-md-inline + { + display: inline !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) +{ + .visible-md-inline-block + { + display: inline-block !important; + } +} + +@media (min-width: 1200px) +{ + .visible-lg + { + display: block !important; + } + table.visible-lg + { + display: table !important; + } + tr.visible-lg + { + display: table-row !important; + } + th.visible-lg, + td.visible-lg + { + display: table-cell !important; + } +} + +@media (min-width: 1200px) +{ + .visible-lg-block + { + display: block !important; + } +} + +@media (min-width: 1200px) +{ + .visible-lg-inline + { + display: inline !important; + } +} + +@media (min-width: 1200px) +{ + .visible-lg-inline-block + { + display: inline-block !important; + } +} + +@media (max-width: 767px) +{ + .hidden-xs + { + display: none !important; + } +} + +@media (min-width: 768px) and (max-width: 991px) +{ + .hidden-sm + { + display: none !important; + } +} + +@media (min-width: 992px) and (max-width: 1199px) +{ + .hidden-md + { + display: none !important; + } +} + +@media (min-width: 1200px) +{ + .hidden-lg + { + display: none !important; + } +} + +.visible-print +{ + display: none !important; +} + +@media print +{ + .visible-print + { + display: block !important; + } + table.visible-print + { + display: table !important; + } + tr.visible-print + { + display: table-row !important; + } + th.visible-print, + td.visible-print + { + display: table-cell !important; + } +} + +.visible-print-block +{ + display: none !important; +} +@media print +{ + .visible-print-block + { + display: block !important; + } +} + +.visible-print-inline +{ + display: none !important; +} +@media print +{ + .visible-print-inline + { + display: inline !important; + } +} + +.visible-print-inline-block +{ + display: none !important; +} +@media print +{ + .visible-print-inline-block + { + display: inline-block !important; + } +} + +@media print +{ + .hidden-print + { + display: none !important; + } +} + +@font-face +{ + font-family: 'Inconsolata'; + font-weight: normal; + font-style: normal; + + src: url('../fonts/Inconsolata-Regular.eot'); + src: url('../fonts/Inconsolata-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Inconsolata-Regular.woff2') format('woff2'), url('../fonts/Inconsolata-Regular.woff') format('woff'), url('../fonts/Inconsolata-Regular.ttf') format('truetype'), url('../fonts/Inconsolata-Regular.svg#Inconsolata-Regular') format('svg'); +} + +@font-face +{ + font-family: 'Inconsolata'; + font-weight: bold; + font-style: normal; + + src: url('../fonts/Inconsolata-Bold.eot'); + src: url('../fonts/Inconsolata-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Inconsolata-Bold.woff2') format('woff2'), url('../fonts/Inconsolata-Bold.woff') format('woff'), url('../fonts/Inconsolata-Bold.ttf') format('truetype'), url('../fonts/Inconsolata-Bold.svg#Inconsolata-Bold') format('svg'); +} + +@font-face +{ + font-family: 'Roboto Slab'; + font-weight: normal; + font-style: normal; + + src: url('../fonts/RobotoSlab-Regular.eot'); + src: url('../fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Regular.woff2') format('woff2'), url('../fonts/RobotoSlab-Regular.woff') format('woff'), url('../fonts/RobotoSlab-Regular.ttf') format('truetype'), url('../fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg'); +} + +@font-face +{ + font-family: 'Roboto Slab'; + font-weight: 100; + font-style: normal; + + src: url('../fonts/RobotoSlab-Thin.eot'); + src: url('../fonts/RobotoSlab-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Thin.woff2') format('woff2'), url('../fonts/RobotoSlab-Thin.woff') format('woff'), url('../fonts/RobotoSlab-Thin.ttf') format('truetype'), url('../fonts/RobotoSlab-Thin.svg#RobotoSlab-Thin') format('svg'); +} + +@font-face +{ + font-family: 'Roboto Slab'; + font-weight: 300; + font-style: normal; + + src: url('../fonts/RobotoSlab-Light.eot'); + src: url('../fonts/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Light.woff2') format('woff2'), url('../fonts/RobotoSlab-Light.woff') format('woff'), url('../fonts/RobotoSlab-Light.ttf') format('truetype'), url('../fonts/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg'); +} + +@font-face +{ + font-family: 'Roboto Slab'; + font-weight: bold; + font-style: normal; + + src: url('../fonts/RobotoSlab-Bold.eot'); + src: url('../fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Bold.woff2') format('woff2'), url('../fonts/RobotoSlab-Bold.woff') format('woff'), url('../fonts/RobotoSlab-Bold.ttf') format('truetype'), url('../fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg'); +} + +.layout +{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + + min-width: 320px; + max-width: 100%; + margin: 0 auto; + + background: #fff; + + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.layout .content +{ + padding-left: 10px; + padding-right: 10px; + padding-top: 0px; + padding-bottom: 0px; +} + +@media screen and (max-width: 480px) +{ + .layout + { + display: block; + } +} + +.layout__content +{ + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.sidebar +{ + position: relative; + + overflow: auto; + + width: 300px; + min-width: 300px; + + -webkit-transition: .12s ease-out; + transition: .12s ease-out; + + background: #326de6; + background: -webkit-linear-gradient(45deg, #326de6 0%, #4cffd4 100%); + background: linear-gradient(45deg, #326de6 0%, #4cffd4 100%); +} +.sidebar:before +{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + + content: ''; + -webkit-transition: .12s ease-out; + transition: .12s ease-out; + + opacity: 0; + background: #fff; +} +.page_open .sidebar:before, +.sidebar:hover:before +{ + opacity: .7; +} +@media screen and (min-width: 999px) +{ + .sidebar:before + { + opacity: .7; + } +} +@media screen and (min-width: 1000px) +{ + .page_desktop_hide .sidebar:before + { + opacity: 0; + } +} +@media screen and (max-width: 480px) +{ + .sidebar + { + position: fixed; + z-index: 600; + top: 0; + left: 0; + + overflow: visible; + + width: 100%; + height: 60px; + + -webkit-transition: background .12s linear; + transition: background .12s linear; + + background: #326de6; + box-shadow: 0 0 5px rgba(0, 0, 0, .5); + } + .page_open .sidebar + { + background: #fff; + } + .sidebar:before + { + opacity: 0; + } +} + +.sidebar__inner +{ + position: relative; + z-index: 100; + + box-sizing: border-box; + width: 300px; + padding: 0 0 20px; +} +@media screen and (max-width: 480px) +{ + .sidebar__inner + { + width: auto; + } +} + +.nav +{ + font-family: Roboto Slab, Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif; + font-size: 14px; + + min-height: 600px; + padding: 0; + + list-style: none; +} +.nav a +{ + padding: 15px 20px 16px 100px !important; + + color: #231f20 !important; + background: none !important; +} +.nav a:hover +{ + background: rgba(255, 255, 255, .2) !important; +} +@media screen and (max-width: 480px) +{ + .nav a + { + padding-top: 10px !important; + padding-bottom: 10px !important; + padding-left: 80px !important; + + color: #fff !important; + } +} +@media screen and (max-width: 320px) +{ + .nav a + { + padding-left: 40px !important; + } +} +.nav li:after +{ + position: absolute; + z-index: 30; + top: 30px; + bottom: -30px; + left: 50px; + + content: ''; + + border-left: 2px dashed #53a2e5; +} +@media screen and (max-width: 480px) +{ + .nav li:after + { + display: none; + } +} +.nav li:first-child:after +{ + top: -22px; +} +@media screen and (max-width: 480px) +{ + .nav li:first-child + { + border-top: none; + } +} +.nav li:last-child:after +{ + bottom: 30px; +} +.nav li.active > a +{ + font-weight: bold; +} +.nav li.open a +{ + background: #fff !important; +} +@media screen and (max-width: 480px) +{ + .nav li.open a + { + background: none !important; + } +} +.nav li.open a:hover +{ + background: #fff !important; +} +@media screen and (max-width: 480px) +{ + .nav li.open + { + background: rgba(0, 0, 0, .1) !important; + } +} +.nav li.sidebar__subnav.active +{ + background: #fff; +} +@media screen and (max-width: 480px) +{ + .nav li.sidebar__subnav.active + { + background: rgba(0, 0, 0, .1); + } +} +.nav li li:after +{ + top: 28px; + + width: 60px; + + border-top: 2px dashed #53a2e5; + border-left: none; +} +.nav li li:first-child:after +{ + top: 30px; +} +.nav li li a +{ + padding-left: 120px !important; +} +@media screen and (max-width: 320px) +{ + .nav li li a + { + padding-left: 80px !important; + } +} +@media screen and (max-width: 480px) +{ + .nav li + { + border-top: 2px solid rgba(255, 255, 255, .1); + } +} +.nav .nav +{ + min-height: 10px; +} + +@media screen and (max-width: 480px) +{ + .sidebar__inner > .nav + { + font-size: 16px; + + position: fixed; + top: 60px; + bottom: 100%; + left: 0; + + overflow: auto; + + width: 100%; + min-height: 0; + + -webkit-transition: .24s ease-out; + transition: .24s ease-out; + + opacity: 0; + background: rgba(50, 109, 230, .9); + } + .page_open .sidebar__inner > .nav + { + bottom: 0; + + opacity: 1; + } +} + +.sidebar__ico +{ + position: absolute; + z-index: 40; + top: 7px; + left: 40px; + + width: 22px; + height: 22px; + margin: 8px 0 0; + + content: ''; + + background: url('../images/nav_point.svg?v=1471333863065') no-repeat 50% 50%; + background-size: cover; +} +.nav li.marked > a > .sidebar__ico +{ + background-image: url('../images/nav_point_active.svg?v=1471333863065'); +} +.nav li.active > a > .sidebar__ico +{ + background-image: url('../images/nav_point_sub.svg?v=1471333863065'); +} +@media screen and (max-width: 480px) +{ + .sidebar__ico + { + display: none; + } +} + +.sidebar__subnav .nav +{ + display: none; +} +.sidebar__subnav .nav a +{ + padding-left: 25px; +} + +.nav li.active > .nav, +.nav li.open > .nav +{ + display: block; +} +.nav li.active > .nav a, +.nav li.open > .nav a +{ + border-top: 1px solid #e5eaf9; +} + +.content +{ + position: relative; + z-index: 500; + + box-sizing: border-box; + margin: 0 0 0 -200px; + padding: 20px 60px; + + -webkit-transition: .12s ease-out; + transition: .12s ease-out; + + background: #fff; + /*box-shadow: -6px 0 14px -4px rgba(0, 0, 0, .5);*/ + + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} +@media screen and (max-width: 992px) +{ + .content + { + padding-right: 20px; + padding-left: 20px; + } +} +.page_open .content +{ + margin-left: 0; +} +@media screen and (max-width: 1200px) +{ + .page_open .content + { + margin-left: -200px; + + -webkit-transform: translateX(200px); + -ms-transform: translateX(200px); + transform: translateX(200px); + } +} +@media screen and (min-width: 999px) +{ + .content + { + margin-left: 0; + + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} +@media screen and (max-width: 480px) +{ + .content + { + margin-left: 0; + padding-top: 80px; + + box-shadow: none; + } + .page_open .content, + .sidebar:hover + .content + { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} +@media screen and (min-width: 1000px) +{ + .page_desktop_hide .content + { + margin-left: -200px !important; + + -webkit-transform: translateX(0) !important; + -ms-transform: translateX(0) !important; + transform: translateX(0) !important; + } +} +.content p img +{ + max-width: 100%; +} +.content hr +{ + box-sizing: border-box; +} + +.content__sider +{ + position: absolute; + top: 25px; + left: 12px; + + margin: 0 0 30px; +} +.page_open .content__sider +{ + display: block; +} +@media screen and (max-width: 992px) +{ + .content__sider + { + position: relative; + top: auto; + left: auto; + + display: block; + } +} +@media screen and (max-width: 480px) +{ + .content__sider + { + z-index: -1; + + display: none !important; + } +} + +.content__trigger +{ + position: relative; + + display: block; + + width: 36px; + height: 36px; +} +.content__trigger:before, +.content__trigger:after +{ + position: absolute; + top: 50%; + left: 4px; + + width: 30px; + height: 2px; + margin-top: -11px; + + content: ''; + -webkit-transition: -webkit-transform .12s ease-out; + transition: -webkit-transform .12s ease-out; + transition: transform .12s ease-out; + transition: transform .12s ease-out, -webkit-transform .12s ease-out; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + + background: #273d6d; +} +.content__trigger:after +{ + margin-top: 9px; + + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.page_open .content__trigger:before +{ + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.page_open .content__trigger:after +{ + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +@media screen and (min-width: 1000px) +{ + .content__trigger:before + { + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + } + .content__trigger:after + { + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } + .page_desktop_hide .content__trigger:before + { + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } + .page_desktop_hide .content__trigger:after + { + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + } +} + +.content__modules +{ + margin: 50px 0; +} +.content__modules h2 +{ + margin-bottom: 30px; + padding: 0; + + border: none; +} +.content__modules .thumbnail +{ + padding: 0; + + border: none; + border-radius: 0; +} +.content__modules .thumbnail img +{ + width: 100%; + + box-shadow: 5px 5px 15px rgba(0, 0, 0, .1); +} +.content__modules .caption +{ + padding: 5px 0 10px; +} +.content__modules .caption h5 +{ + font-family: Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif; + font-size: 16px; +} + +.content__likes +{ + text-align: center; +} + +.like, +.dislike +{ + display: inline-block; + + color: #326de6; +} +.like img, +.dislike img +{ + width: 80px; +} + +.content__award +{ + max-width: 250px; + margin: 0 0 20px 0; + + text-align: center; +} + +.content__badge +{ + width: 250px; +} + +.content__buttons +{ + max-width: 300px; +} + +.header +{ + padding: 20px 20px; + + background: #fff; +} +@media screen and (max-width: 480px) +{ + .header + { + position: relative; + + padding: 10px 20px; + + background: none; + } +} + +.header__site +{ + font-family: Roboto Slab, Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif; + font-size: 32px; + font-weight: bold; + line-height: 60px; + + text-decoration: none !important; + + color: #231f20 !important; +} +@media screen and (max-width: 480px) +{ + .header__site + { + display: block; + overflow: hidden; + + width: 42px; + } +} + +.header__logo +{ + height: 60px; + margin: 0 10px 0 0; + + vertical-align: top; +} +@media screen and (max-width: 480px) +{ + .header__logo + { + display: none; + } +} + +.header__logo-mobile +{ + display: none; +} +@media screen and (max-width: 480px) +{ + .header__logo-mobile + { + display: block; + + height: 40px; + } +} + +@media screen and (max-width: 480px) +{ + .header__name + { + display: none; + } +} + +.header__sider +{ + position: absolute; + z-index: 1010; + top: 15px; + right: 20px; + + display: none; + + box-sizing: border-box; + width: 30px; + height: 30px; + + cursor: pointer; + + -webkit-tap-highlight-color: transparent; +} +@media screen and (max-width: 480px) +{ + .header__sider + { + display: block; + } +} + +.header__burger +{ + position: absolute; + top: 50%; + left: 0; + + width: 30px; + height: 3px; + margin: -1px 0 0 0; + + border-radius: 3px; + background: #fff; +} +.header__burger:before, +.header__burger:after +{ + position: absolute; + top: -9px; + left: 0; + + width: 100%; + height: 3px; + margin: -1px 0 0 0; + + content: ''; + -webkit-transition: .12s linear; + transition: .12s linear; + + border-radius: 3px; + background: inherit; +} +.header__burger:after +{ + top: auto; + bottom: -10px; +} +.page_open .header__burger +{ + background: transparent; +} +.page_open .header__burger:before +{ + top: 0; + + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + + background: #326de6; +} +.page_open .header__burger:after +{ + bottom: 0; + + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + + background: #326de6; +} + +.footer +{ + font-family: Roboto Slab, Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif; + + position: relative; + + margin: 20px 0 0; + + text-align: left; +} +.layout > .footer +{ + display: none; +} +@media screen and (max-width: 480px) +{ + .footer + { + display: none; + } + .layout > .footer + { + display: block; + + padding: 0 0 20px; + + text-align: center; + + background: #326de6; + } + .footer:before + { + position: relative; + + display: block; + + height: 15px; + margin: 0 0 40px; + + content: ''; + + background: -webkit-linear-gradient(45deg, #326de6 0%, #4cffd4 100%); + background: linear-gradient(45deg, #326de6 0%, #4cffd4 100%); + } +} + +.footer__content +{ + padding: 0 20px; +} + +.footer__social +{ + font-size: 32px; + line-height: 1; + + width: 60px; + margin: 0; + padding: 10px 0; + + list-style: none; + + text-align: left; + + border-top: 1px solid rgba(255, 255, 255, .3); + border-bottom: 1px solid rgba(255, 255, 255, .3); +} +.page_open .footer__social +{ + width: auto; + padding: 0; + + border: none; +} +@media screen and (min-width: 999px) +{ + .footer__social + { + width: auto; + padding: 0; + + border: none; + } +} +@media screen and (max-width: 480px) +{ + .footer__social + { + width: auto; + padding: 0; + + text-align: center; + + border: none; + } +} +@media screen and (min-width: 1000px) +{ + .page_desktop_hide .footer__social + { + width: 60px; + padding: 10px 0; + + border-top: 1px solid rgba(255, 255, 255, .3); + border-bottom: 1px solid rgba(255, 255, 255, .3); + } +} + +.footer__social-item +{ + width: 60px; + margin: 10px 0; + + text-align: center; +} +.page_open .footer__social-item +{ + display: inline-block; + + width: auto; + margin: 0 20px 0 0; + + text-align: left; +} +@media screen and (min-width: 999px) +{ + .footer__social-item + { + display: inline-block; + + width: auto; + margin: 0 20px 0 0; + + text-align: left; + } +} +@media screen and (max-width: 480px) +{ + .footer__social-item + { + display: inline-block; + + width: auto; + margin: 0 10px; + + text-align: center; + } +} +@media screen and (min-width: 1000px) +{ + .page_desktop_hide .footer__social-item + { + width: 60px; + margin: 10px 0; + + text-align: center; + } +} + +.footer__network +{ + display: inline-block; + + text-decoration: none; + + opacity: .7; + color: #fff; +} +.page_open .footer__network +{ + opacity: 1; + color: #326de6; +} +@media screen and (min-width: 999px) +{ + .footer__network + { + opacity: 1; + color: #326de6; + } +} +@media screen and (max-width: 480px) +{ + .footer__network + { + display: inline-block; + + width: auto; + margin: 0 20px 0 0; + } + .footer__network:hover + { + opacity: 1; + color: #fff; + } +} +@media screen and (min-width: 1000px) +{ + .page_desktop_hide .footer__network + { + display: inline-block; + + text-decoration: none; + + opacity: .7; + color: #fff; + } +} + +.footer__menu +{ + display: none; + + margin: 20px 0; + padding: 10px 0; + + list-style: none; + + border-top: 1px solid rgba(255, 255, 255, .3); + border-bottom: 1px solid rgba(255, 255, 255, .3); +} +.page_open .footer__menu +{ + display: block; +} +@media screen and (min-width: 999px) +{ + .footer__menu + { + display: block; + } +} +@media screen and (max-width: 480px) +{ + .footer__menu + { + display: block; + + padding-bottom: 40px; + + text-align: left; + + border-top: none; + border-bottom: 2px solid rgba(255, 255, 255, .3); + } +} +@media screen and (min-width: 1000px) +{ + .page_desktop_hide .footer__menu + { + display: none; + } +} + +.footer__item +{ + margin: 10px 0; +} +@media screen and (max-width: 480px) +{ + .footer__item:before + { + display: inline; + + margin: 0 5px 0 0; + + content: '›'; + + opacity: .7; + color: #fff; + } +} + +.footer__link +{ + color: #273d6d; +} +@media screen and (max-width: 480px) +{ + .footer__link + { + opacity: .7; + color: #fff; + } + .footer__link:hover + { + opacity: 1; + color: #fff; + } +} + +.footer__copyright +{ + font-size: 12px; + padding-top: 20px; +} +.page_open .footer__copyright +{ + display: block; +} +@media screen and (min-width: 999px) +{ + .footer__copyright + { + display: block; + } +} +@media screen and (max-width: 480px) +{ + .footer__copyright + { + display: block; + + color: #fff; + } + .footer__copyright b + { + font-size: 16px; + + display: block; + } +} +@media screen and (min-width: 1000px) +{ + .page_desktop_hide .footer__copyright + { + display: none; + } +} + +.scrolltop +{ + position: fixed; + z-index: 300; + bottom: -100px; + left: 20px; + + display: none; + + width: 56px; + height: 56px; + + -webkit-transition: .36s ease-out; + transition: .36s ease-out; + + opacity: 0; + border: 2px solid #fff; + border-radius: 50%; + outline: none; +} +.scrolltop:before, +.scrolltop:after +{ + position: absolute; + top: 23px; + left: 4px; + + width: 26px; + height: 2px; + + content: ''; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + + background: #fff; +} +.scrolltop:after +{ + right: 4px; + left: auto; + + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + + background: #fff; +} +@media screen and (max-width: 992px) +{ + .scrolltop + { + display: block; + } +} +@media screen and (max-width: 480px) +{ + .scrolltop + { + background: #326de6; + background: rgba(50, 109, 230, .5); + box-shadow: 0 0 0 1px #326de6; + } +} +.scrolltop_active +{ + bottom: 20px; + + opacity: 1; +} + +body +{ + font-family: Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif; + font-size: 15px; + line-height: 1.5; + + /*display: -webkit-box;*/ + /*display: -ms-flexbox;*/ + /*display: flex;*/ + + min-height: 100vh; + + background: #eee; +} +body.page_open +{ + overflow: hidden; +} + +h1, +h2, +h3, +h4, +h5, +h6 +{ + font-family: Roboto Slab, Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif; +} + +h1 +{ + font-size: 36px; + font-weight: bold; + + margin-bottom: 20px; +} + +h2, +h3 +{ + padding-bottom: 10px; + + border-bottom: 1px solid #ebebec; +} + +h2 +{ + font-size: 28px; +} + +.title-light +{ + border: none; +} + +a +{ + color: #326de6; +} + +p a +{ + text-decoration: underline; +} +p a:hover +{ + text-decoration: none; +} + +.breadcrumb +{ + font-weight: 100; + + padding: 0; + + color: #273d6d; + background: none; +} +.breadcrumb a, +.breadcrumb .active +{ + color: inherit; +} +.breadcrumb .active +{ + font-weight: bold; +} +.breadcrumb li + li:before +{ + margin-right: 5px; + + content: '|'; +} + +.btn +{ + font-family: Roboto Slab, Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif; + + border-radius: 0; +} +.btn.btn-success +{ + color: #273d6d; + border-color: #4cffd4; + background: #4cffd4; +} +.btn.btn-success:hover +{ + border-color: #5dffe5; + background: #5dffe5; +} + +.btn-default +{ + color: #326de6; + border-color: #326de6; +} + +.btn-primary_light +{ + border-color: #8caeef; + background: #8caeef; +} +.btn-primary_light:hover +{ + border-color: #9dbfff; + background: #9dbfff; +} + +.btn__prev, +.btn__next +{ + position: relative; + + height: 16px; + margin: 0 0 0 10px; + padding: 0 5px 0 0; + + color: transparent; +} +.btn__prev:before, +.btn__prev:after, +.btn__next:before, +.btn__next:after +{ + position: absolute; + top: 50%; + left: 0; + + width: 10px; + height: 2px; + margin-top: -4px; + + content: ''; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + + background: #273d6d; +} +.btn__prev:after, +.btn__next:after +{ + margin-top: 2px; + + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.btn-default .btn__prev:before, +.btn-default .btn__prev:after, +.katacoda__steps .btn__prev:before, +.katacoda__steps .btn__prev:after, +.btn-default + .btn__next:before, +.btn-default + .btn__next:after, +.katacoda__steps + .btn__next:before, +.katacoda__steps + .btn__next:after +{ + background: #326de6; +} + +.btn__prev +{ + margin: 0 10px 0 0; +} +.btn__prev:before +{ + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.btn__prev:after +{ + margin-top: 2px; + + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.content__box +{ + margin: 0 0 20px; + padding: 20px; +} + +.content__box_lined +{ + box-shadow: inset 0 0 0 1px #326de6; +} + +.content__box_fill +{ + color: #fff; + background: #326de6; +} + +.modal-counter +{ + float: left; +} + +.modal-title +{ + margin: 0; + padding: 0; + + border: 0; +} + +.modal-twitter +{ + width: 160px; + + vertical-align: top; +} + +.modal-backdrop +{ + background: #326de6; +} +.modal-backdrop.in +{ + opacity: .8; +} + +.modal-content +{ + border: 2px solid #326de6; + border-radius: 0; + box-shadow: none !important; +} + +.modal-footer, +.modal-body, +.modal-header +{ + padding: 20px 40px; + + border: none; +} + +.modal-body +{ + padding-top: 0; + padding-bottom: 0; +} + +.form-control +{ + border-radius: 0; + background: #f8f8f8; +} + +.katacoda +{ + display: table; + + width: 100%; + margin: 50px 0; +} +@media screen and (max-width: 762px) +{ + .katacoda + { + display: block; + } +} + +.katacoda__alert +{ + font-family: Inconsolata, Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif; + + display: none; + + padding: 20px; + + text-align: center; + + color: #fff; + background: #383732; +} +@media screen and (max-width: 762px) +{ + .katacoda__alert + { + display: block; + } +} + +.katacoda__about +{ + display: table-cell; + + box-sizing: border-box; + width: 30%; + padding: 20px; + + vertical-align: top; + + background: #f7f7f7; +} +@media screen and (max-width: 762px) +{ + .katacoda__about + { + display: block; + + width: auto; + } +} + +.katacoda__box +{ + display: table-cell; + + vertical-align: top; + + background: #383732; +} +.katacoda__box img +{ + width: 100%; + + vertical-align: bottom; +} +@media screen and (max-width: 762px) +{ + .katacoda__box + { + display: none; + } +} + +.katacoda__steps +{ + font-size: 14px; + + color: #326de6; +} + +.carousel +{ + position: relative; + + padding: 0 0 20px; +} + +.carousel-indicators +{ + bottom: 0; +} +.carousel-indicators li +{ + width: 12px; + height: 12px; + margin: 0 10px; + + opacity: .5; + border: none; + background: #326de6; +} +.carousel-indicators li.active +{ + margin: 0 10px; + + opacity: 1; + background: #326de6; +} + +@media screen and (max-width: 992px) +{ + .carousel-inner > .item + { + display: block; + } +} + +.quiz__list +{ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + + margin: 30px 0 0; + padding: 0 0 40px; + + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +@media screen and (max-width: 992px) +{ + .quiz__list + { + display: block; + + margin-top: 10px; + } +} + +.quiz__var +{ + width: 30%; +} +@media screen and (max-width: 992px) +{ + .quiz__var + { + width: auto; + margin: 40px 0 0; + } + .quiz__var:first-child + { + margin-top: 0; + } +} + +.quiz__box +{ + position: relative; + + display: -webkit-box; + display: -ms-flexbox; + display: flex; + + box-sizing: border-box; + height: 200px; + padding: 20px 40px 40px; + + cursor: pointer; + + border: 1px solid #326de6; + + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.quiz__box:before +{ + position: absolute; + bottom: -30px; + left: 40px; + + display: none; + + width: 62px; + height: 61px; + + content: ''; + + background: #000; +} +.quiz__box:after +{ + position: absolute; + bottom: -40px; + left: 110px; + + display: none; +} +.quiz__var_open .quiz__box:before +{ + display: block; +} +.quiz__var_active .quiz__box:after +{ + display: block; +} +@media screen and (max-width: 992px) +{ + .quiz__box + { + display: block; + + height: auto; + padding: 20px 30px; + + text-align: center; + } +} + +.quiz__var_open.quiz__var_true .quiz__box +{ + border-color: #19eb7d; + box-shadow: inset 0 0 0 1px #19eb7d; +} +.quiz__var_open.quiz__var_true .quiz__box:before +{ + display: block; + + background: url('../images/quiz_true.png?v=1471333863065') no-repeat 50% 50%; + background-size: cover; +} +.quiz__var_open.quiz__var_true .quiz__box:after +{ + content: 'Correct !'; + + color: #19eb7d; +} + +.quiz__var_open.quiz__var_false .quiz__box +{ + border-color: #ee4036; + box-shadow: inset 0 0 0 1px #ee4036; +} +.quiz__var_open.quiz__var_false .quiz__box:before +{ + display: block; + + background: url('../images/quiz_false.png?v=1471333863065') no-repeat 50% 50%; + background-size: cover; +} +.quiz__var_open.quiz__var_false .quiz__box:after +{ + content: 'Try again !'; + + color: #ee4036; +} + +.quiz__list_ready .quiz__var_open.quiz__var_true .quiz__box:after +{ + display: block !important; +} + +.quiz__list_ready .quiz__var_open.quiz__var_false .quiz__box:after +{ + display: none !important; +} + +.quiz__note +{ + padding: 50px 0 0; + + opacity: 0; +} +.quiz__var_open .quiz__note +{ + opacity: 1; +} +@media screen and (max-width: 992px) +{ + .quiz__note + { + display: none; + + margin: 0 0 20px; + } + .quiz__var_open .quiz__note + { + display: block; + } +} + +.carousel-control +{ + top: 50%; + + width: 50px; + height: 50px; + margin: -38px 0 0; + + background: none !important; +} +.carousel-control:before, +.carousel-control:after +{ + position: absolute; + top: 50%; + left: 5px; + + width: 35px; + height: 2px; + margin-top: -13px; + + content: ''; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + + background: #8f9599; +} +.carousel-control:after +{ + margin-top: 10px; + + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +.carousel-control.left +{ + margin-left: -75px; +} +.carousel-control.right +{ + margin-right: -75px; +} +.carousel-control.right:before +{ + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +.carousel-control.right:after +{ + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +@media screen and (max-width: 992px) +{ + .carousel-control + { + display: none; + } +} + +.list-blue-dots +{ + color: #326de6; +} +.list-blue-dots span +{ + color: #231f20; +} + +.pi-accordion +{ + line-height: 1.0; +} + +.pi-accordion .container +{ + padding-left: 0px; +} + +.pi-accordion .content +{ + padding-top: 0px; + padding-bottom: 0px; + padding-right: 0px; +} diff --git a/docs/tutorials/getting-started/public/images/badge-01.svg b/docs/tutorials/getting-started/public/images/badge-01.svg new file mode 100644 index 0000000000..8354a3e47b --- /dev/null +++ b/docs/tutorials/getting-started/public/images/badge-01.svg @@ -0,0 +1 @@ +16.07.28_K8S_badge \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/badge-02.svg b/docs/tutorials/getting-started/public/images/badge-02.svg new file mode 100644 index 0000000000..0179f9b3bb --- /dev/null +++ b/docs/tutorials/getting-started/public/images/badge-02.svg @@ -0,0 +1 @@ +16.07.28_K8S_badge \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/badge-03.svg b/docs/tutorials/getting-started/public/images/badge-03.svg new file mode 100644 index 0000000000..bae5d5a9b0 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/badge-03.svg @@ -0,0 +1 @@ +16.07.28_K8S_badge \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/badge-04.svg b/docs/tutorials/getting-started/public/images/badge-04.svg new file mode 100644 index 0000000000..d54fcdf820 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/badge-04.svg @@ -0,0 +1 @@ +16.07.28_K8S_badge \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/badge-05.svg b/docs/tutorials/getting-started/public/images/badge-05.svg new file mode 100644 index 0000000000..07c9a64399 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/badge-05.svg @@ -0,0 +1 @@ +16.07.28_K8S_badge \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/badge-06.svg b/docs/tutorials/getting-started/public/images/badge-06.svg new file mode 100644 index 0000000000..4d12b74c16 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/badge-06.svg @@ -0,0 +1 @@ +16.07.28_K8S_badge \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/badge-07.svg b/docs/tutorials/getting-started/public/images/badge-07.svg new file mode 100644 index 0000000000..da3b5bcfb2 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/badge-07.svg @@ -0,0 +1 @@ +16.07.28_K8S_badge \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/badge-08.svg b/docs/tutorials/getting-started/public/images/badge-08.svg new file mode 100644 index 0000000000..9a36550166 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/badge-08.svg @@ -0,0 +1 @@ +16.07.28_K8S_badge \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/badge-09.svg b/docs/tutorials/getting-started/public/images/badge-09.svg new file mode 100644 index 0000000000..da3b5bcfb2 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/badge-09.svg @@ -0,0 +1 @@ +16.07.28_K8S_badge \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/badge-1.png b/docs/tutorials/getting-started/public/images/badge-1.png new file mode 100644 index 0000000000..8853f855be Binary files /dev/null and b/docs/tutorials/getting-started/public/images/badge-1.png differ diff --git a/docs/tutorials/getting-started/public/images/dislike.svg b/docs/tutorials/getting-started/public/images/dislike.svg new file mode 100644 index 0000000000..510103ea20 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/dislike.svg @@ -0,0 +1 @@ +16.07.27_K8S_like_dislike \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/like.svg b/docs/tutorials/getting-started/public/images/like.svg new file mode 100644 index 0000000000..f2365bbcc9 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/like.svg @@ -0,0 +1 @@ +16.07.27_K8S_like_dislike \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/logo.png b/docs/tutorials/getting-started/public/images/logo.png new file mode 100644 index 0000000000..44d3512221 Binary files /dev/null and b/docs/tutorials/getting-started/public/images/logo.png differ diff --git a/docs/tutorials/getting-started/public/images/logo.svg b/docs/tutorials/getting-started/public/images/logo.svg new file mode 100644 index 0000000000..4f8413b1c0 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/logo_2.svg b/docs/tutorials/getting-started/public/images/logo_2.svg new file mode 100644 index 0000000000..7833a726b3 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/logo_2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/logo_mobile.png b/docs/tutorials/getting-started/public/images/logo_mobile.png new file mode 100644 index 0000000000..7eac53acf7 Binary files /dev/null and b/docs/tutorials/getting-started/public/images/logo_mobile.png differ diff --git a/docs/tutorials/getting-started/public/images/module_01.svg b/docs/tutorials/getting-started/public/images/module_01.svg new file mode 100644 index 0000000000..a1c42e9d65 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_01.svg @@ -0,0 +1 @@ +16.07.28_k8s_visual_diagrams \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/module_01_cluster.svg b/docs/tutorials/getting-started/public/images/module_01_cluster.svg new file mode 100644 index 0000000000..054a9f78eb --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_01_cluster.svg @@ -0,0 +1,467 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_02.svg b/docs/tutorials/getting-started/public/images/module_02.svg new file mode 100644 index 0000000000..7742de99e2 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_02.svg @@ -0,0 +1 @@ +16.07.28_k8s_visual_diagrams \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/module_02_first_app.svg b/docs/tutorials/getting-started/public/images/module_02_first_app.svg new file mode 100644 index 0000000000..a382554bff --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_02_first_app.svg @@ -0,0 +1,576 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_03.svg b/docs/tutorials/getting-started/public/images/module_03.svg new file mode 100644 index 0000000000..7873332414 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_03.svg @@ -0,0 +1 @@ +16.07.28_k8s_visual_diagrams \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/module_03_nodes.svg b/docs/tutorials/getting-started/public/images/module_03_nodes.svg new file mode 100644 index 0000000000..0c7e61a980 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_03_nodes.svg @@ -0,0 +1,521 @@ + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_03_pods.svg b/docs/tutorials/getting-started/public/images/module_03_pods.svg new file mode 100644 index 0000000000..b63f415f30 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_03_pods.svg @@ -0,0 +1,484 @@ + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_04.svg b/docs/tutorials/getting-started/public/images/module_04.svg new file mode 100644 index 0000000000..0e37631afa --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_04.svg @@ -0,0 +1 @@ +16.07.28_k8s_visual_diagrams \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/module_04_labels.svg b/docs/tutorials/getting-started/public/images/module_04_labels.svg new file mode 100644 index 0000000000..31cd8638a1 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_04_labels.svg @@ -0,0 +1,710 @@ + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_04_services.svg b/docs/tutorials/getting-started/public/images/module_04_services.svg new file mode 100644 index 0000000000..a971ad95dd --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_04_services.svg @@ -0,0 +1,463 @@ + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_05.svg b/docs/tutorials/getting-started/public/images/module_05.svg new file mode 100644 index 0000000000..ef209965b9 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_05.svg @@ -0,0 +1 @@ +16.07.28_k8s_visual_diagrams \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/module_05_scaling1.svg b/docs/tutorials/getting-started/public/images/module_05_scaling1.svg new file mode 100644 index 0000000000..45458cf88b --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_05_scaling1.svg @@ -0,0 +1,313 @@ + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_05_scaling2.svg b/docs/tutorials/getting-started/public/images/module_05_scaling2.svg new file mode 100644 index 0000000000..53971c5a21 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_05_scaling2.svg @@ -0,0 +1,395 @@ + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_06.svg b/docs/tutorials/getting-started/public/images/module_06.svg new file mode 100644 index 0000000000..411455d721 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_06.svg @@ -0,0 +1 @@ +16.07.28_k8s_visual_diagrams \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/module_06_rollingupdates1.svg b/docs/tutorials/getting-started/public/images/module_06_rollingupdates1.svg new file mode 100644 index 0000000000..53971c5a21 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_06_rollingupdates1.svg @@ -0,0 +1,395 @@ + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_06_rollingupdates2.svg b/docs/tutorials/getting-started/public/images/module_06_rollingupdates2.svg new file mode 100644 index 0000000000..9773502d20 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_06_rollingupdates2.svg @@ -0,0 +1,543 @@ + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_06_rollingupdates3.svg b/docs/tutorials/getting-started/public/images/module_06_rollingupdates3.svg new file mode 100644 index 0000000000..15bd6e6033 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_06_rollingupdates3.svg @@ -0,0 +1,493 @@ + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/module_06_rollingupdates4.svg b/docs/tutorials/getting-started/public/images/module_06_rollingupdates4.svg new file mode 100644 index 0000000000..a326317a50 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/module_06_rollingupdates4.svg @@ -0,0 +1,508 @@ + + + + + + + + + + + + + + + + + + + + + + + Docker + + Kubelt + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/tutorials/getting-started/public/images/nav_point.png b/docs/tutorials/getting-started/public/images/nav_point.png new file mode 100644 index 0000000000..f9873cf9ac Binary files /dev/null and b/docs/tutorials/getting-started/public/images/nav_point.png differ diff --git a/docs/tutorials/getting-started/public/images/nav_point.svg b/docs/tutorials/getting-started/public/images/nav_point.svg new file mode 100644 index 0000000000..42a6ae4bd5 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/nav_point.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/nav_point_active.png b/docs/tutorials/getting-started/public/images/nav_point_active.png new file mode 100644 index 0000000000..f288046b6f Binary files /dev/null and b/docs/tutorials/getting-started/public/images/nav_point_active.png differ diff --git a/docs/tutorials/getting-started/public/images/nav_point_active.svg b/docs/tutorials/getting-started/public/images/nav_point_active.svg new file mode 100644 index 0000000000..82e67411af --- /dev/null +++ b/docs/tutorials/getting-started/public/images/nav_point_active.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/nav_point_sub.svg b/docs/tutorials/getting-started/public/images/nav_point_sub.svg new file mode 100644 index 0000000000..f3f731c1c4 --- /dev/null +++ b/docs/tutorials/getting-started/public/images/nav_point_sub.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/tutorials/getting-started/public/images/quiz_false.png b/docs/tutorials/getting-started/public/images/quiz_false.png new file mode 100644 index 0000000000..028242c2ea Binary files /dev/null and b/docs/tutorials/getting-started/public/images/quiz_false.png differ diff --git a/docs/tutorials/getting-started/public/images/quiz_true.png b/docs/tutorials/getting-started/public/images/quiz_true.png new file mode 100644 index 0000000000..0573d9312e Binary files /dev/null and b/docs/tutorials/getting-started/public/images/quiz_true.png differ diff --git a/docs/tutorials/getting-started/public/images/twitter.png b/docs/tutorials/getting-started/public/images/twitter.png new file mode 100644 index 0000000000..ec490d7a9e Binary files /dev/null and b/docs/tutorials/getting-started/public/images/twitter.png differ diff --git a/docs/tutorials/getting-started/scale-app.html b/docs/tutorials/getting-started/scale-app.html new file mode 100644 index 0000000000..9a4a1406db --- /dev/null +++ b/docs/tutorials/getting-started/scale-app.html @@ -0,0 +1,58 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+

Module overview

+
    +
  • Scaling an app with Kubectl
    • +
+

+
+
+
+

What you need to know first

+

+ What are Deployments
+ What are Services +

+
+
+
+ +
+
+ Start Module 5 › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/scale-interactive.html b/docs/tutorials/getting-started/scale-interactive.html new file mode 100644 index 0000000000..ea0de03c48 --- /dev/null +++ b/docs/tutorials/getting-started/scale-interactive.html @@ -0,0 +1,49 @@ +--- +--- + + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+
+
+
+ To interact with the Terminal, please use the desktop/tablet version +
+
+
+
+
+
+ Continue to Module 6› +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ + + +
+ + + diff --git a/docs/tutorials/getting-started/scale-intro.html b/docs/tutorials/getting-started/scale-intro.html new file mode 100644 index 0000000000..b36757d755 --- /dev/null +++ b/docs/tutorials/getting-started/scale-intro.html @@ -0,0 +1,124 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+ +
+
+

In the previous modules we created a Deployment, and then exposed it publicly via a Service . The Deployment created only one Pod for running our application. When traffic increases, we will need to scale the application to keep up with user demand.

+ +

Scaling is accomplished by changing the number of replicas in a Deployment

+ +
+
+
+

Summary:

+
    +
  • Scaling a Deployment
    • +
+
+
+

You can create from the start a Deployment with multiple instances using the --replicas parameter for the kubectl run command

+
+
+
+
+ +
+
+

Scaling overview

+
+
+ +
+
+
+ +
+
+ +
+ +
+
+ +

Scaling up a Deployment will ensure new Pods are created and scheduled to Nodes with available resources. Scaling down will reduce the number of Pods to the new desired state. Kubernetes also supports autoscaling of Pods, but it is outside of the scope of this tutorial. Scaling to zero is also possible, and it will terminate all Pods of the specified Deployment.

+ +

Running multiple instances of an application will require a way to distribute the traffic to all of them. Services have an integrated load-balancer that will distribute network traffic to all Pods of an exposed Deployment. Services will monitor continuously the running Pods using endpoints, to ensure the traffic is sent only to available Pods.

+ +
+
+
+

Scaling is accomplished by changing the number of replicas in a Deployment.

+
+
+
+ +
+ +
+
+

Once you have multiple instances of an Application running, you would be able to do Rolling updates without downtime. We’ll cover that in the next module. Now, let’s go to the online terminal and scale our application.

+
+
+
+ +
+
+ Start Interactive Tutorial › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/update-app.html b/docs/tutorials/getting-started/update-app.html new file mode 100644 index 0000000000..d5d9f05c95 --- /dev/null +++ b/docs/tutorials/getting-started/update-app.html @@ -0,0 +1,60 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+

Module overview

+
    +
  • Performing Rolling Updates with Kubectl
    • +
+

+
+
+
+

What you need to know first

+

+ What are Deployments
+ What is Scaling +

+
+
+
+ +
+
+ Start Module 6 › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ + + +
+ + + diff --git a/docs/tutorials/getting-started/update-interactive.html b/docs/tutorials/getting-started/update-interactive.html new file mode 100644 index 0000000000..13da0fc43d --- /dev/null +++ b/docs/tutorials/getting-started/update-interactive.html @@ -0,0 +1,42 @@ +--- +--- + + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+
+
+
+ To interact with the Terminal, please use the desktop/tablet version +
+
+
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + + diff --git a/docs/tutorials/getting-started/update-intro.html b/docs/tutorials/getting-started/update-intro.html new file mode 100644 index 0000000000..0d3a3b2cfe --- /dev/null +++ b/docs/tutorials/getting-started/update-intro.html @@ -0,0 +1,139 @@ +--- +--- + + + + + + + + + +
+ +
+ +
+
+ ‹ Back +
+
+ +
+
+ +
+
+

Users expect applications to be available all the time and developers are expected to deploy new versions of them several times a day. In Kubernetes this is done with rolling updates. Rolling updates allows Deployments to occur with zero downtime by incrementally updating Pods instances with new ones. The new Pods will be scheduled on Nodes with available resources.

+ +

In the previous module we scaled our application to run multiple instances. This is a requirement for performing updates without affecting application availability. By default, the maximum number of Pods that can be unavailable during the update and the maximum number of new Pods that can be created, is one. Both options can be configured to either numbers or percentages (of Pods). + In Kubernetes, updates are versioned and any Deployment update can be reverted to a previously (stable) version.

+ +
+
+
+

Summary:

+
    +
  • Updating an app
    • +
+
+
+

Rolling updates allows Deployments update with zero downtime by incrementally updating Pods instances with new ones.

+
+
+
+
+ +
+
+

Rolling updates overview

+
+
+
+
+
+ +
+
+
+ +
+
+ +

Similar to application Scaling, If a Deployment is exposed publicly, the Service will load-balance the traffic only to available Pods during the update. An available Pod is an instance that is available to the users of the application.

+ +

Rolling updates allow the following actions:

+
    +
  • Promote an application from one environment to another (via container image updates)
    • +
  • Rollback to previous versions
    • +
  • Continuous Integration and Continuous Delivery of applications with zero downtime
    • + +
+ +
+
+
+

If a Deployment is exposed publicly, the Service will load-balance the traffic only to available Pods during the update.

+
+
+
+ +
+ +
+
+

In the following interactive tutorial we’ll update our application to a new version, and also perform a rollback.

+
+
+
+ +
+
+ Start Interactive Tutorial › +
+
+ +
+ © 2016 Kubernetes
+ developed and designed by
+ Container Solutions & Remember to Play +
+ +
+ +
+ + +