<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    direction: rtl;
}

body {
    margin: 0;
    direction: rtl;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    padding: 0 5px;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    direction: rtl;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]: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;
    }

    @page {
        margin: 2cm .5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .btn &gt; .caret,
    .dropup &gt; .btn &gt; .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #656565;
    background-color: #ffffff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

    button,
    input,
    select[multiple],
    textarea {
        background-image: none;
    }

a {
    color: #428bca;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #2a6496;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 9px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #EFEFEF;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

.img-polaroid {
    padding: 4px;
    padding-bottom: 15px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #EFEFEF;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-shadow {
    -webkit-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

tr.rowlink td {
    cursor: pointer;
}

    tr.rowlink td.nolink {
        cursor: auto;
    }

.table tbody tr.rowlink:hover td {
    background-color: #f5f5f5;
}

a.rowlink {
    color: inherit;
    font: inherit;
    text-decoration: inherit;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16.099999999999998px;
    font-weight: 200;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

small {
    font-size: 85%;
}

cite {
    font-style: normal;
}

.text-muted {
    color: #999999;
}

.text-primary {
    color: #428bca;
}

.text-warning {
    color: #c09853;
}

.text-danger {
    color: #b94a48;
}

.text-success {
    color: #468847;
}

.text-info {
    color: #3a87ad;
}

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

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

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small {
        font-weight: normal;
        line-height: 1;
        color: #999999;
    }

h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

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;
}

h1 small,
.h1 small {
    font-size: 24px;
}

h2 small,
.h2 small {
    font-size: 18px;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
    font-size: 14px;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

    .list-inline &gt; li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.428571429;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: right;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
        *zoom: 1;
    }

        .dl-horizontal dd:before,
        .dl-horizontal dd:after {
            content: " ";
            /* 1 */
            display: table;
            /* 2 */
        }

        .dl-horizontal dd:after {
            clear: both;
        }

        .dl-horizontal dd:before,
        .dl-horizontal dd:after {
            content: " ";
            /* 1 */
            display: table;
            /* 2 */
        }

        .dl-horizontal dd:after {
            clear: both;
        }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999999;
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee;
}

    blockquote p {
        font-size: 17.5px;
        font-weight: 300;
        line-height: 1.25;
    }

        blockquote p:last-child {
            margin-bottom: 0;
        }

    blockquote small {
        display: block;
        line-height: 1.428571429;
        color: #999999;
    }

        blockquote small:before {
            content: '\2014 \00A0';
        }

    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eeeeee;
        border-left: 0;
    }

        blockquote.pull-right p,
        blockquote.pull-right small {
            text-align: right;
        }

            blockquote.pull-right small:before {
                content: '';
            }

            blockquote.pull-right small:after {
                content: '\00A0 \2014';
            }

    q:before,
    q:after,
    blockquote:before,
    blockquote:after {
        content: "";
    }

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429;
}

code,
pre {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 4px;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    color: #656565;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

    pre.prettyprint {
        margin-bottom: 20px;
    }

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    *zoom: 1;
}

    .container:before,
    .container:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .container:after {
        clear: both;
    }

    .container:before,
    .container:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .container:after {
        clear: both;
    }

.row {
    margin-left: -15px;
    margin-right: -15px;
    *zoom: 1;
}

    .row:before,
    .row:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .row:after {
        clear: both;
    }

    .row:before,
    .row:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .row:after {
        clear: both;
    }

.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,
.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,
.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,
.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 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 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 {
    float: right;
}

.col-xs-1 {
    width: 8.333333333333332%;
}

.col-xs-2 {
    width: 16.666666666666664%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333333333333%;
}

.col-xs-5 {
    width: 41.66666666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.333333333333336%;
}

.col-xs-8 {
    width: 66.66666666666666%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333333333334%;
}

.col-xs-11 {
    width: 91.66666666666666%;
}

.col-xs-12 {
    width: 100%;
}

@media (min-width: 768px) {
    .container {
        max-width: 750px;
    }

    .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 {
        float: right;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-push-1 {
        left: 8.333333333333332%;
    }

    .col-sm-push-2 {
        left: 16.666666666666664%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.33333333333333%;
    }

    .col-sm-push-5 {
        left: 41.66666666666667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.333333333333336%;
    }

    .col-sm-push-8 {
        left: 66.66666666666666%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.33333333333334%;
    }

    .col-sm-push-11 {
        left: 91.66666666666666%;
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%;
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%;
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%;
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%;
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%;
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }

    .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 {
        float: right;
    }

    .col-md-1 {
        width: 8.333333333333332%;
    }

    .col-md-2 {
        width: 16.666666666666664%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.33333333333333%;
    }

    .col-md-5 {
        width: 41.66666666666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.333333333333336%;
    }

    .col-md-8 {
        width: 66.66666666666666%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.33333333333334%;
    }

    .col-md-11 {
        width: 91.66666666666666%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.333333333333332%;
    }

    .col-md-push-2 {
        left: 16.666666666666664%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.33333333333333%;
    }

    .col-md-push-5 {
        left: 41.66666666666667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.333333333333336%;
    }

    .col-md-push-8 {
        left: 66.66666666666666%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.33333333333334%;
    }

    .col-md-push-11 {
        left: 91.66666666666666%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.333333333333332%;
    }

    .col-md-pull-2 {
        right: 16.666666666666664%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.33333333333333%;
    }

    .col-md-pull-5 {
        right: 41.66666666666667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.333333333333336%;
    }

    .col-md-pull-8 {
        right: 66.66666666666666%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.33333333333334%;
    }

    .col-md-pull-11 {
        right: 91.66666666666666%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    .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 {
        float: right;
    }

    .col-lg-1 {
        width: 8.333333333333332%;
    }

    .col-lg-2 {
        width: 16.666666666666664%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.33333333333333%;
    }

    .col-lg-5 {
        width: 41.66666666666667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.333333333333336%;
    }

    .col-lg-8 {
        width: 66.66666666666666%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.33333333333334%;
    }

    .col-lg-11 {
        width: 91.66666666666666%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.333333333333332%;
    }

    .col-lg-push-2 {
        left: 16.666666666666664%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.33333333333333%;
    }

    .col-lg-push-5 {
        left: 41.66666666666667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.333333333333336%;
    }

    .col-lg-push-8 {
        left: 66.66666666666666%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.33333333333334%;
    }

    .col-lg-push-11 {
        left: 91.66666666666666%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.333333333333332%;
    }

    .col-lg-pull-2 {
        right: 16.666666666666664%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.33333333333333%;
    }

    .col-lg-pull-5 {
        right: 41.66666666666667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.333333333333336%;
    }

    .col-lg-pull-8 {
        right: 66.66666666666666%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.33333333333334%;
    }

    .col-lg-pull-11 {
        right: 91.66666666666666%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-lg-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666666666666%;
    }
}

table {
    max-width: 100%;
    background-color: transparent;
}

th {
    text-align: right;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

    .table thead &gt; tr &gt; th,
    .table tbody &gt; tr &gt; th,
    .table tfoot &gt; tr &gt; th,
    .table thead &gt; tr &gt; td,
    .table tbody &gt; tr &gt; td,
    .table tfoot &gt; tr &gt; td {
        padding: 8px;
        line-height: 1.428571429;
        vertical-align: top;
        border-top: 1px solid #EFEFEF;
    }

    .table thead &gt; tr &gt; th {
        vertical-align: bottom;
        border-bottom: 2px solid #EFEFEF;
    }

    .table caption + thead tr:first-child th,
    .table colgroup + thead tr:first-child th,
    .table thead:first-child tr:first-child th,
    .table caption + thead tr:first-child td,
    .table colgroup + thead tr:first-child td,
    .table thead:first-child tr:first-child td {
        border-top: 0;
    }

    .table tbody + tbody {
        border-top: 2px solid #EFEFEF;
    }

    .table .table {
        background-color: #ffffff;
    }

.table-condensed thead &gt; tr &gt; th,
.table-condensed tbody &gt; tr &gt; th,
.table-condensed tfoot &gt; tr &gt; th,
.table-condensed thead &gt; tr &gt; td,
.table-condensed tbody &gt; tr &gt; td,
.table-condensed tfoot &gt; tr &gt; td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #EFEFEF;
}

    .table-bordered &gt; thead &gt; tr &gt; th,
    .table-bordered &gt; tbody &gt; tr &gt; th,
    .table-bordered &gt; tfoot &gt; tr &gt; th,
    .table-bordered &gt; thead &gt; tr &gt; td,
    .table-bordered &gt; tbody &gt; tr &gt; td,
    .table-bordered &gt; tfoot &gt; tr &gt; td {
        border: 1px solid #EFEFEF;
    }

    .table-bordered &gt; thead &gt; tr &gt; th,
    .table-bordered &gt; thead &gt; tr &gt; td {
        border-bottom-width: 2px;
    }

.table-striped &gt; tbody &gt; tr:nth-child(odd) &gt; td,
.table-striped &gt; tbody &gt; tr:nth-child(odd) &gt; th {
    background-color: #f9f9f9;
}

.table-hover &gt; tbody &gt; tr:hover &gt; td,
.table-hover &gt; tbody &gt; tr:hover &gt; th {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    float: none;
    display: table-cell;
}

.table &gt; thead &gt; tr &gt; td.active,
.table &gt; tbody &gt; tr &gt; td.active,
.table &gt; tfoot &gt; tr &gt; td.active,
.table &gt; thead &gt; tr &gt; th.active,
.table &gt; tbody &gt; tr &gt; th.active,
.table &gt; tfoot &gt; tr &gt; th.active,
.table &gt; thead &gt; tr.active &gt; td,
.table &gt; tbody &gt; tr.active &gt; td,
.table &gt; tfoot &gt; tr.active &gt; td,
.table &gt; thead &gt; tr.active &gt; th,
.table &gt; tbody &gt; tr.active &gt; th,
.table &gt; tfoot &gt; tr.active &gt; th {
    background-color: #f5f5f5;
}

.table &gt; thead &gt; tr &gt; td.success,
.table &gt; tbody &gt; tr &gt; td.success,
.table &gt; tfoot &gt; tr &gt; td.success,
.table &gt; thead &gt; tr &gt; th.success,
.table &gt; tbody &gt; tr &gt; th.success,
.table &gt; tfoot &gt; tr &gt; th.success,
.table &gt; thead &gt; tr.success &gt; td,
.table &gt; tbody &gt; tr.success &gt; td,
.table &gt; tfoot &gt; tr.success &gt; td,
.table &gt; thead &gt; tr.success &gt; th,
.table &gt; tbody &gt; tr.success &gt; th,
.table &gt; tfoot &gt; tr.success &gt; th {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.table-hover &gt; tbody &gt; tr &gt; td.success:hover,
.table-hover &gt; tbody &gt; tr &gt; th.success:hover,
.table-hover &gt; tbody &gt; tr.success:hover &gt; td {
    background-color: #d0e9c6;
    border-color: #c9e2b3;
}

.table &gt; thead &gt; tr &gt; td.danger,
.table &gt; tbody &gt; tr &gt; td.danger,
.table &gt; tfoot &gt; tr &gt; td.danger,
.table &gt; thead &gt; tr &gt; th.danger,
.table &gt; tbody &gt; tr &gt; th.danger,
.table &gt; tfoot &gt; tr &gt; th.danger,
.table &gt; thead &gt; tr.danger &gt; td,
.table &gt; tbody &gt; tr.danger &gt; td,
.table &gt; tfoot &gt; tr.danger &gt; td,
.table &gt; thead &gt; tr.danger &gt; th,
.table &gt; tbody &gt; tr.danger &gt; th,
.table &gt; tfoot &gt; tr.danger &gt; th {
    background-color: #f2dede;
    border-color: #eed3d7;
}

.table-hover &gt; tbody &gt; tr &gt; td.danger:hover,
.table-hover &gt; tbody &gt; tr &gt; th.danger:hover,
.table-hover &gt; tbody &gt; tr.danger:hover &gt; td {
    background-color: #ebcccc;
    border-color: #e6c1c7;
}

.table &gt; thead &gt; tr &gt; td.warning,
.table &gt; tbody &gt; tr &gt; td.warning,
.table &gt; tfoot &gt; tr &gt; td.warning,
.table &gt; thead &gt; tr &gt; th.warning,
.table &gt; tbody &gt; tr &gt; th.warning,
.table &gt; tfoot &gt; tr &gt; th.warning,
.table &gt; thead &gt; tr.warning &gt; td,
.table &gt; tbody &gt; tr.warning &gt; td,
.table &gt; tfoot &gt; tr.warning &gt; td,
.table &gt; thead &gt; tr.warning &gt; th,
.table &gt; tbody &gt; tr.warning &gt; th,
.table &gt; tfoot &gt; tr.warning &gt; th {
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.table-hover &gt; tbody &gt; tr &gt; td.warning:hover,
.table-hover &gt; tbody &gt; tr &gt; th.warning:hover,
.table-hover &gt; tbody &gt; tr.warning:hover &gt; td {
    background-color: #faf2cc;
    border-color: #f8e5be;
}

@media (max-width: 768px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        border: 1px solid #EFEFEF;
    }

        .table-responsive &gt; .table {
            margin-bottom: 0;
            background-color: #fff;
        }

            .table-responsive &gt; .table &gt; thead &gt; tr &gt; th,
            .table-responsive &gt; .table &gt; tbody &gt; tr &gt; th,
            .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; th,
            .table-responsive &gt; .table &gt; thead &gt; tr &gt; td,
            .table-responsive &gt; .table &gt; tbody &gt; tr &gt; td,
            .table-responsive &gt; .table &gt; tfoot &gt; tr &gt; td {
                white-space: nowrap;
            }

        .table-responsive &gt; .table-bordered {
            border: 0;
        }

            .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child,
            .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child,
            .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child,
            .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child,
            .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child,
            .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child {
                border-left: 0;
            }

            .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child,
            .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child,
            .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child,
            .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child,
            .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child,
            .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child {
                border-right: 0;
            }

            .table-responsive &gt; .table-bordered &gt; thead &gt; tr:last-child &gt; th,
            .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th,
            .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th,
            .table-responsive &gt; .table-bordered &gt; thead &gt; tr:last-child &gt; td,
            .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td,
            .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td {
                border-bottom: 0;
            }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #656565;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    /* IE8-9 */
    line-height: normal;
}

input[type="file"] {
    display: block;
}

select[multiple],
select[size] {
    height: auto;
}

select optgroup {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    height: auto;
}

.form-control:-moz-placeholder {
    color: #999999;
}

.form-control::-moz-placeholder {
    color: #999999;
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    margin-bottom: 10px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #656565;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -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;
}

    .form-control:focus {
        border-color: #000000;
        outline: 0;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eeeeee;
    }

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    vertical-align: middle;
}

    .radio label,
    .checkbox label {
        display: inline;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        float: left;
        margin-left: -20px;
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

    input[type="radio"][disabled],
    input[type="checkbox"][disabled],
    .radio[disabled],
    .radio-inline[disabled],
    .checkbox[disabled],
    .checkbox-inline[disabled],
    fieldset[disabled] input[type="radio"],
    fieldset[disabled] input[type="checkbox"],
    fieldset[disabled] .radio,
    fieldset[disabled] .radio-inline,
    fieldset[disabled] .checkbox,
    fieldset[disabled] .checkbox-inline {
        cursor: not-allowed;
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm {
    height: auto;
}

.input-lg {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
}

select.input-lg {
    height: 45px;
    line-height: 45px;
}

textarea.input-lg {
    height: auto;
}

.has-warning .help-block,
.has-warning .control-label {
    color: #c09853;
}

.has-warning .form-control {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .form-control:focus {
        border-color: #a47e3c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    }

.has-warning .input-group-addon {
    color: #c09853;
    border-color: #c09853;
    background-color: #fcf8e3;
}

.has-error .help-block,
.has-error .control-label {
    color: #b94a48;
}

.has-error .form-control {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus {
        border-color: #953b39;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    }

.has-error .input-group-addon {
    color: #b94a48;
    border-color: #b94a48;
    background-color: #f2dede;
}

.has-success .help-block,
.has-success .control-label {
    color: #468847;
}

.has-success .form-control {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .form-control:focus {
        border-color: #356635;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    }

.has-success .input-group-addon {
    color: #468847;
    border-color: #468847;
    background-color: #dff0d8;
}

.form-control-static {
    margin-bottom: 0;
    padding-top: 7px;
}

.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;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
    }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            float: none;
            margin-left: 0;
        }
}

.form-horizontal .control-label,
.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 .form-group {
    margin-left: -15px;
    margin-right: -15px;
    *zoom: 1;
}

    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .form-horizontal .form-group:after {
        clear: both;
    }

    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .form-horizontal .form-group:after {
        clear: both;
    }

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #ffffff;
    color: #656565;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #c0c0c0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #ffffff;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 2px rgba(0,0,0,.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 2px rgba(0,0,0,.25);
}

    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn.active,
    .btn.disabled,
    .btn[disabled] {
        color: #656565;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btn:active,
    .btn.active {
        background-color: #cdcdcd \9;
    }

    .btn:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover,
    .btn:focus {
        color: #656565;
        text-decoration: none;
        background-position: 0 -15px;
    }

    .btn:active,
    .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn-primary {
    background: #0062B4;
    color: #ffffff;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
    border-color: #007acc;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        color: #ffffff;
        background-color: #007acc;
        *background-color: #006bb3;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #005b99 \9;
    }

.btn-warning {
    background: #fbbf50;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fbbf50), to(#f09c00));
    background-image: -webkit-linear-gradient(top, #fbbf50, 0%, #f09c00, 100%);
    background-image: -moz-linear-gradient(top, #fbbf50 0%, #f09c00 100%);
    background-image: linear-gradient(to bottom, #fbbf50 0%, #f09c00 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbbf50', endColorstr='#fff09c00', GradientType=0);
    border-color: #f09c00 #f09c00 #a36a00;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #fbbf50;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-color: #f09c00;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled] {
        color: #ffffff;
        background-color: #f09c00;
        *background-color: #d78b00;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #bd7b00 \9;
    }

.btn-danger {
    background: #ff4a45;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff4a45), to(#bd0000));
    background-image: -webkit-linear-gradient(top, #ff4a45, 0%, #bd0000, 100%);
    background-image: -moz-linear-gradient(top, #ff4a45 0%, #bd0000 100%);
    background-image: linear-gradient(to bottom, #ff4a45 0%, #bd0000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff4a45', endColorstr='#ffbd0000', GradientType=0);
    border-color: #bd0000 #bd0000 #710000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #ff4a45;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-color: #bd0000;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled] {
        color: #ffffff;
        background-color: #bd0000;
        *background-color: #a40000;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #8a0000 \9;
    }

.btn-success {
    background: #75d428;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#75d428), to(#4ead00));
    background-image: -webkit-linear-gradient(top, #75d428, 0%, #4ead00, 100%);
    background-image: -moz-linear-gradient(top, #75d428 0%, #4ead00 100%);
    background-image: linear-gradient(to bottom, #75d428 0%, #4ead00 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75d428', endColorstr='#ff4ead00', GradientType=0);
    border-color: #4ead00 #4ead00 #2c6100;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #75d428;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-color: #4ead00;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
        color: #ffffff;
        background-color: #4ead00;
        *background-color: #439400;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #377a00 \9;
    }

.btn-info {
    background: #28b5e0;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#28b5e0), to(#0091bd));
    background-image: -webkit-linear-gradient(top, #28b5e0, 0%, #0091bd, 100%);
    background-image: -moz-linear-gradient(top, #28b5e0 0%, #0091bd 100%);
    background-image: linear-gradient(to bottom, #28b5e0 0%, #0091bd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff28b5e0', endColorstr='#ff0091bd', GradientType=0);
    border-color: #0091bd #0091bd #005671;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #28b5e0;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-color: #0091bd;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled] {
        color: #ffffff;
        background-color: #0091bd;
        *background-color: #007da4;
    }

    .btn-info:active,
    .btn-info.active {
        background-color: #006a8a \9;
    }

.btn-inverse {
    background: #282828;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#282828), to(#111111));
    background-image: -webkit-linear-gradient(top, #282828, 0%, #111111, 100%);
    background-image: -moz-linear-gradient(top, #282828 0%, #111111 100%);
    background-image: linear-gradient(to bottom, #282828 0%, #111111 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff282828', endColorstr='#ff111111', GradientType=0);
    border-color: #111111 #111111 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #282828;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-color: #111111;
}

    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
        color: #ffffff;
        background-color: #111111;
        *background-color: #040404;
    }

    .btn-inverse:active,
    .btn-inverse.active {
        background-color: #000000 \9;
    }

.btn-pink {
    background: #fa66c4;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fa66c4), to(#e81c9d));
    background-image: -webkit-linear-gradient(top, #fa66c4, 0%, #e81c9d, 100%);
    background-image: -moz-linear-gradient(top, #fa66c4 0%, #e81c9d 100%);
    background-image: linear-gradient(to bottom, #fa66c4 0%, #e81c9d 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa66c4', endColorstr='#ffe81c9d', GradientType=0);
    border-color: #e81c9d #e81c9d #a71170;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #fa66c4;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-color: #e81c9d;
}

    .btn-pink:hover,
    .btn-pink:focus,
    .btn-pink:active,
    .btn-pink.active,
    .btn-pink.disabled,
    .btn-pink[disabled] {
        color: #ffffff;
        background-color: #e81c9d;
        *background-color: #d5168f;
    }

    .btn-pink:active,
    .btn-pink.active {
        background-color: #be137f \9;
    }

.btn-purple {
    background: #9b59b6;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#9b59b6), to(#772599));
    background-image: -webkit-linear-gradient(top, #9b59b6, 0%, #772599, 100%);
    background-image: -moz-linear-gradient(top, #9b59b6 0%, #772599 100%);
    background-image: linear-gradient(to bottom, #9b59b6 0%, #772599 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9b59b6', endColorstr='#ff772599', GradientType=0);
    border-color: #772599 #772599 #47165b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #9b59b6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-color: #772599;
}

    .btn-purple:hover,
    .btn-purple:focus,
    .btn-purple:active,
    .btn-purple.active,
    .btn-purple.disabled,
    .btn-purple[disabled] {
        color: #ffffff;
        background-color: #772599;
        *background-color: #672084;
    }

    .btn-purple:active,
    .btn-purple.active {
        background-color: #571b70 \9;
    }

.btn-darkblue {
    background: #34495e;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#34495e), to(#2c3e50));
    background-image: -webkit-linear-gradient(top, #34495e, 0%, #2c3e50, 100%);
    background-image: -moz-linear-gradient(top, #34495e 0%, #2c3e50 100%);
    background-image: linear-gradient(to bottom, #34495e 0%, #2c3e50 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff34495e', endColorstr='#ff2c3e50', GradientType=0);
    border-color: #2c3e50 #2c3e50 #11181f;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #34495e;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-color: #2c3e50;
}

    .btn-darkblue:hover,
    .btn-darkblue:focus,
    .btn-darkblue:active,
    .btn-darkblue.active,
    .btn-darkblue.disabled,
    .btn-darkblue[disabled] {
        color: #ffffff;
        background-color: #2c3e50;
        *background-color: #233140;
    }

    .btn-darkblue:active,
    .btn-darkblue.active {
        background-color: #1a242f \9;
    }

.btn-link {
    color: #428bca;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
    background: none;
    text-shadow: 0 0 0 transparent;
}

    .btn-link,
    .btn-link:active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #2a6496;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #999999;
                text-decoration: none;
            }

.btn-lg {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 0;
}

.btn-sm,
.btn-xs {
    padding: 3px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 0;
}

.btn-xs {
    padding: 1px 5px;
}

.btn-pill {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.btn-rounded {
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;
}

.btn-round {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

    .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 {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted;
    content: "";
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu &gt; li &gt; a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #656565;
        white-space: nowrap;
    }

        .dropdown-menu &gt; li &gt; a:hover,
        .dropdown-menu &gt; li &gt; a:focus {
            text-decoration: none;
            color: #ffffff;
            background-color: #efefef;
        }

    .dropdown-menu &gt; .active &gt; a,
    .dropdown-menu &gt; .active &gt; a:hover,
    .dropdown-menu &gt; .active &gt; a:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #999999;
    }

    .dropdown-menu &gt; .disabled &gt; a,
    .dropdown-menu &gt; .disabled &gt; a:hover,
    .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #999999;
    }

        .dropdown-menu &gt; .disabled &gt; a:hover,
        .dropdown-menu &gt; .disabled &gt; a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

.open &gt; .dropdown-menu {
    display: block;
}

.open &gt; a {
    outline: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999999;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right &gt; .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0 dotted;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
}

.dropdown-menu.dropdown-primary {
    border: 1px solid #2980b9;
}

    .dropdown-menu.dropdown-primary &gt; li &gt; a:hover,
    .dropdown-menu.dropdown-primary &gt; li &gt; a:focus {
        color: #ffffff;
        background-color: #2980b9;
    }

    .dropdown-menu.dropdown-primary &gt; .active &gt; a,
    .dropdown-menu.dropdown-primary &gt; .active &gt; a:hover,
    .dropdown-menu.dropdown-primary &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #2980b9;
    }

.dropdown-menu.dropdown-success {
    border: 1px solid #27ae60;
}

    .dropdown-menu.dropdown-success &gt; li &gt; a:hover,
    .dropdown-menu.dropdown-success &gt; li &gt; a:focus {
        color: #ffffff;
        background-color: #27ae60;
    }

    .dropdown-menu.dropdown-success &gt; .active &gt; a,
    .dropdown-menu.dropdown-success &gt; .active &gt; a:hover,
    .dropdown-menu.dropdown-success &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #27ae60;
    }

.dropdown-menu.dropdown-warning {
    border: 1px solid #bf8417;
}

    .dropdown-menu.dropdown-warning &gt; li &gt; a:hover,
    .dropdown-menu.dropdown-warning &gt; li &gt; a:focus {
        color: #ffffff;
        background-color: #bf8417;
    }

    .dropdown-menu.dropdown-warning &gt; .active &gt; a,
    .dropdown-menu.dropdown-warning &gt; .active &gt; a:hover,
    .dropdown-menu.dropdown-warning &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #bf8417;
    }

.dropdown-menu.dropdown-pink {
    border: 1px solid #e81c9d;
}

    .dropdown-menu.dropdown-pink &gt; li &gt; a:hover,
    .dropdown-menu.dropdown-pink &gt; li &gt; a:focus {
        color: #ffffff;
        background-color: #e81c9d;
    }

    .dropdown-menu.dropdown-pink &gt; .active &gt; a,
    .dropdown-menu.dropdown-pink &gt; .active &gt; a:hover,
    .dropdown-menu.dropdown-pink &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #e81c9d;
    }

.dropdown-menu.dropdown-danger {
    border: 1px solid #780500;
}

    .dropdown-menu.dropdown-danger &gt; li &gt; a:hover,
    .dropdown-menu.dropdown-danger &gt; li &gt; a:focus {
        color: #ffffff;
        background-color: #780500;
    }

    .dropdown-menu.dropdown-danger &gt; .active &gt; a,
    .dropdown-menu.dropdown-danger &gt; .active &gt; a:hover,
    .dropdown-menu.dropdown-danger &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #780500;
    }

.dropdown-menu.dropdown-purple {
    border: 1px solid #772599;
}

    .dropdown-menu.dropdown-purple &gt; li &gt; a:hover,
    .dropdown-menu.dropdown-purple &gt; li &gt; a:focus {
        color: #ffffff;
        background-color: #772599;
    }

    .dropdown-menu.dropdown-purple &gt; .active &gt; a,
    .dropdown-menu.dropdown-purple &gt; .active &gt; a:hover,
    .dropdown-menu.dropdown-purple &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #772599;
    }

.dropdown-menu.dropdown-inverse {
    border: 1px solid #01090C;
}

    .dropdown-menu.dropdown-inverse &gt; li &gt; a:hover,
    .dropdown-menu.dropdown-inverse &gt; li &gt; a:focus {
        color: #ffffff;
        background-color: #01090C;
    }

    .dropdown-menu.dropdown-inverse &gt; .active &gt; a,
    .dropdown-menu.dropdown-inverse &gt; .active &gt; a:hover,
    .dropdown-menu.dropdown-inverse &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #01090C;
    }

.btn-default .caret {
    border-top-color: #656565;
}

.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-pink .caret,
.btn-inverse .caret,
.btn-purple .caret,
.btn-darkblue .caret {
    border-top-color: #fff;
}

.dropup .btn-default .caret {
    border-bottom-color: #656565;
}

.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret,
.dropup .btn-pink .caret,
.dropup .btn-inverse .caret,
.dropup .btn-purple .caret,
.dropup .btn-darkblue .caret {
    border-bottom-color: #fff;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group &gt; .btn,
    .btn-group-vertical &gt; .btn {
        position: relative;
        float: right;
    }

        .btn-group &gt; .btn:hover,
        .btn-group-vertical &gt; .btn:hover,
        .btn-group &gt; .btn:focus,
        .btn-group-vertical &gt; .btn:focus,
        .btn-group &gt; .btn:active,
        .btn-group-vertical &gt; .btn:active,
        .btn-group &gt; .btn.active,
        .btn-group-vertical &gt; .btn.active {
            z-index: 2;
        }

        .btn-group &gt; .btn:focus,
        .btn-group-vertical &gt; .btn:focus {
            outline: none;
        }

    .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 {
    *zoom: 1;
}

    .btn-toolbar:before,
    .btn-toolbar:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .btn-toolbar:after {
        clear: both;
    }

    .btn-toolbar:before,
    .btn-toolbar:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .btn-toolbar:after {
        clear: both;
    }

    .btn-toolbar .btn-group {
        float: right;
    }

    .btn-toolbar &gt; .btn + .btn,
    .btn-toolbar &gt; .btn-group + .btn,
    .btn-toolbar &gt; .btn + .btn-group,
    .btn-toolbar &gt; .btn-group + .btn-group {
        margin-left: 5px;
    }

.btn-group &gt; .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group &gt; .btn:first-child {
    margin-left: 0;
}

    .btn-group &gt; .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group &gt; .btn:last-child:not(:first-child),
.btn-group &gt; .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group &gt; .btn-group {
    float: right;
}

    .btn-group &gt; .btn-group:not(:first-child):not(:last-child) &gt; .btn {
        border-radius: 0;
    }

    .btn-group &gt; .btn-group:first-child &gt; .btn:last-child,
    .btn-group &gt; .btn-group:first-child &gt; .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group &gt; .btn-group:last-child &gt; .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group-xs &gt; .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    padding: 1px 5px;
}

.btn-group-sm &gt; .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}

.btn-group-lg &gt; .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
}

.btn-group &gt; .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group &gt; .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical &gt; .btn,
.btn-group-vertical &gt; .btn-group {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical &gt; .btn-group {
    *zoom: 1;
}

    .btn-group-vertical &gt; .btn-group:before,
    .btn-group-vertical &gt; .btn-group:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .btn-group-vertical &gt; .btn-group:after {
        clear: both;
    }

    .btn-group-vertical &gt; .btn-group:before,
    .btn-group-vertical &gt; .btn-group:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .btn-group-vertical &gt; .btn-group:after {
        clear: both;
    }

    .btn-group-vertical &gt; .btn-group &gt; .btn {
        float: none;
    }

    .btn-group-vertical &gt; .btn + .btn,
    .btn-group-vertical &gt; .btn + .btn-group,
    .btn-group-vertical &gt; .btn-group + .btn,
    .btn-group-vertical &gt; .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

.btn-group-vertical &gt; .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical &gt; .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical &gt; .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-vertical &gt; .btn-group:not(:first-child):not(:last-child) &gt; .btn {
    border-radius: 0;
}

.btn-group-vertical &gt; .btn-group:first-child &gt; .btn:last-child,
.btn-group-vertical &gt; .btn-group:first-child &gt; .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical &gt; .btn-group:last-child &gt; .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified .btn {
        float: none;
        display: table-cell;
        width: 1%;
    }

[data-toggle="buttons"] &gt; .btn &gt; input[type="radio"],
[data-toggle="buttons"] &gt; .btn &gt; input[type="checkbox"] {
    display: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group.col {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        width: 100%;
        margin-bottom: 0;
    }

.input-group-lg &gt; .form-control,
.input-group-lg &gt; .input-group-addon,
.input-group-lg &gt; .input-group-btn &gt; .btn {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
}

select.input-group-lg &gt; .form-control,
select.input-group-lg &gt; .input-group-addon,
select.input-group-lg &gt; .input-group-btn &gt; .btn {
    height: 45px;
    line-height: 45px;
}

textarea.input-group-lg &gt; .form-control,
textarea.input-group-lg &gt; .input-group-addon,
textarea.input-group-lg &gt; .input-group-btn &gt; .btn {
    height: auto;
}

.input-group-sm &gt; .form-control,
.input-group-sm &gt; .input-group-addon,
.input-group-sm &gt; .input-group-btn &gt; .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}

select.input-group-sm &gt; .form-control,
select.input-group-sm &gt; .input-group-addon,
select.input-group-sm &gt; .input-group-btn &gt; .btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-group-sm &gt; .form-control,
textarea.input-group-sm &gt; .input-group-addon,
textarea.input-group-sm &gt; .input-group-btn &gt; .btn {
    height: auto;
}

.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%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
    }

    .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 &gt; .btn,
    .input-group-btn:first-child &gt; .dropdown-toggle,
    .input-group-btn:last-child &gt; .btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-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 &gt; .btn,
    .input-group-btn:last-child &gt; .dropdown-toggle,
    .input-group-btn:first-child &gt; .btn:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    white-space: nowrap;
}

    .input-group-btn &gt; .btn {
        position: relative;
    }

        .input-group-btn &gt; .btn + .btn {
            margin-left: -4px;
        }

        .input-group-btn &gt; .btn:hover,
        .input-group-btn &gt; .btn:active {
            z-index: 2;
        }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    *zoom: 1;
}

    .nav:before,
    .nav:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .nav:after {
        clear: both;
    }

    .nav:before,
    .nav:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .nav:after {
        clear: both;
    }

    .nav &gt; li {
        position: relative;
        display: block;
    }

        .nav &gt; li &gt; a {
            position: relative;
            display: block;
            padding: 10px 15px;
            color: #999999;
        }

            .nav &gt; li &gt; a:hover,
            .nav &gt; li &gt; a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

        .nav &gt; li.disabled &gt; a {
            color: #999999;
        }

            .nav &gt; li.disabled &gt; a:hover,
            .nav &gt; li.disabled &gt; a:focus {
                color: #999999;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .nav .open &gt; a,
    .nav .open &gt; a:hover,
    .nav .open &gt; a:focus {
        background-color: #eeeeee;
        border-color: #428bca;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav &gt; li &gt; a &gt; img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #EFEFEF;
}

    .nav-tabs &gt; li {
        float: right;
        margin-bottom: -1px;
    }

        .nav-tabs &gt; li &gt; a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
        }

            .nav-tabs &gt; li &gt; a:hover {
                border-color: #eeeeee #eeeeee #EFEFEF;
            }

        .nav-tabs &gt; li.active &gt; a,
        .nav-tabs &gt; li.active &gt; a:hover,
        .nav-tabs &gt; li.active &gt; a:focus {
            color: #656565;
            background-color: #ffffff;
            border: 1px solid #EFEFEF;
            border-bottom-color: transparent;
            cursor: default;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified &gt; li {
            float: none;
        }

            .nav-tabs.nav-justified &gt; li &gt; a {
                text-align: center;
            }

@media (min-width: 768px) {
    .nav-tabs.nav-justified &gt; li {
        display: table-cell;
        width: 1%;
    }
}

.nav-tabs.nav-justified &gt; li &gt; a {
    border-bottom: 1px solid #EFEFEF;
    margin-right: 0;
}

.nav-tabs.nav-justified &gt; .active &gt; a {
    border-bottom-color: #ffffff;
}

.nav-pills &gt; li {
    float: right;
}

    .nav-pills &gt; li + li {
        margin-left: 2px;
    }

    .nav-pills &gt; li.active &gt; a,
    .nav-pills &gt; li.active &gt; a:hover,
    .nav-pills &gt; li.active &gt; a:focus {
        color: #ffffff;
        background-color: #999999;
    }

.nav-stacked &gt; li {
    float: none;
}

    .nav-stacked &gt; li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified &gt; li {
        float: none;
    }

        .nav-justified &gt; li &gt; a {
            text-align: center;
        }

@media (min-width: 768px) {
    .nav-justified &gt; li {
        display: table-cell;
        width: 1%;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified &gt; li &gt; a {
        border-bottom: 1px solid #EFEFEF;
        margin-right: 0;
    }

    .nav-tabs-justified &gt; .active &gt; a {
        border-bottom-color: #ffffff;
    }

.tabbable {
    *zoom: 1;
}

    .tabbable:before,
    .tabbable:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .tabbable:after {
        clear: both;
    }

    .tabbable:before,
    .tabbable:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .tabbable:after {
        clear: both;
    }

.tab-content &gt; .tab-pane,
.pill-content &gt; .pill-pane {
    display: none;
}

.tab-content &gt; .active,
.pill-content &gt; .active {
    display: block;
}

.nav .caret {
    border-top-color: #428bca;
    border-bottom-color: #428bca;
}

.nav a:hover .caret {
    border-top-color: #2a6496;
    border-bottom-color: #2a6496;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.nav-primary.nav &gt; li &gt; a {
    color: #006dcc;
}

    .nav-primary.nav &gt; li &gt; a:hover,
    .nav-primary.nav &gt; li &gt; a:focus {
        color: #006dcc;
        background-color: #b1cae0;
        border-color: #006dcc;
    }

.nav-primary.nav .open &gt; a,
.nav-primary.nav .open &gt; a:hover,
.nav-primary.nav .open &gt; a:focus {
    background-color: #006dcc;
    border-color: #006dcc;
}

.nav-primary.nav-tabs {
    border-bottom-color: #006dcc;
}

    .nav-primary.nav-tabs &gt; li &gt; a {
        color: #006dcc;
        border-color: transparent;
    }

        .nav-primary.nav-tabs &gt; li &gt; a:hover {
            border-color: #006dcc #006dcc #006dcc;
        }

    .nav-primary.nav-tabs &gt; li.active &gt; a,
    .nav-primary.nav-tabs &gt; li.active &gt; a:hover,
    .nav-primary.nav-tabs &gt; li.active &gt; a:focus {
        color: #ffffff;
        background-color: #006dcc;
        border-color: #006dcc;
        border-bottom-color: transparent;
    }

.nav-primary.nav-pills &gt; li a {
    color: #006dcc;
}

.nav-primary.nav-pills &gt; li.active &gt; a,
.nav-primary.nav-pills &gt; li.active &gt; a:hover,
.nav-primary.nav-pills &gt; li.active &gt; a:focus {
    color: #ffffff;
    background-color: #006dcc;
}

.nav-primary.nav-tabs-justified &gt; li &gt; a {
    border-bottom: 1px solid #006dcc;
}

.nav-primary.nav-tabs-justified &gt; .active &gt; a {
    border-bottom-color: #006dcc;
}

.nav-darkblue.nav &gt; li &gt; a {
    color: #2c3e50;
}

    .nav-darkblue.nav &gt; li &gt; a:hover,
    .nav-darkblue.nav &gt; li &gt; a:focus {
        color: #ffffff;
        background-color: #57697a;
        border-color: #2c3e50;
    }

.nav-darkblue.nav .open &gt; a,
.nav-darkblue.nav .open &gt; a:hover,
.nav-darkblue.nav .open &gt; a:focus {
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.nav-darkblue.nav-tabs {
    border-bottom-color: #2c3e50;
}

    .nav-darkblue.nav-tabs &gt; li &gt; a {
        color: #2c3e50;
        border-color: transparent;
    }

        .nav-darkblue.nav-tabs &gt; li &gt; a:hover {
            border-color: #2c3e50 #2c3e50 #2c3e50;
        }

    .nav-darkblue.nav-tabs &gt; li.active &gt; a,
    .nav-darkblue.nav-tabs &gt; li.active &gt; a:hover,
    .nav-darkblue.nav-tabs &gt; li.active &gt; a:focus {
        color: #ffffff;
        background-color: #2c3e50;
        border-color: #2c3e50;
        border-bottom-color: transparent;
    }

.nav-darkblue.nav-pills &gt; li a {
    color: #2c3e50;
}

.nav-darkblue.nav-pills &gt; li.active &gt; a,
.nav-darkblue.nav-pills &gt; li.active &gt; a:hover,
.nav-darkblue.nav-pills &gt; li.active &gt; a:focus {
    color: #ffffff;
    background-color: #2c3e50;
}

.nav-darkblue.nav-tabs-justified &gt; li &gt; a {
    border-bottom: 1px solid #2c3e50;
}

.nav-darkblue.nav-tabs-justified &gt; .active &gt; a {
    border-bottom-color: #2c3e50;
}

.nav-success.nav &gt; li &gt; a {
    color: #4ead00;
}

    .nav-success.nav &gt; li &gt; a:hover,
    .nav-success.nav &gt; li &gt; a:focus {
        color: #4ead00;
        background-color: #d8edc7;
        border-color: #4ead00;
    }

.nav-success.nav .open &gt; a,
.nav-success.nav .open &gt; a:hover,
.nav-success.nav .open &gt; a:focus {
    background-color: #4ead00;
    border-color: #4ead00;
}

.nav-success.nav-tabs {
    border-bottom-color: #4ead00;
}

    .nav-success.nav-tabs &gt; li &gt; a {
        color: #4ead00;
        border-color: transparent;
    }

        .nav-success.nav-tabs &gt; li &gt; a:hover {
            border-color: #4ead00 #4ead00 #4ead00;
        }

    .nav-success.nav-tabs &gt; li.active &gt; a,
    .nav-success.nav-tabs &gt; li.active &gt; a:hover,
    .nav-success.nav-tabs &gt; li.active &gt; a:focus {
        color: #ffffff;
        background-color: #4ead00;
        border-color: #4ead00;
        border-bottom-color: transparent;
    }

.nav-success.nav-pills &gt; li a {
    color: #4ead00;
}

.nav-success.nav-pills &gt; li.active &gt; a,
.nav-success.nav-pills &gt; li.active &gt; a:hover,
.nav-success.nav-pills &gt; li.active &gt; a:focus {
    color: #ffffff;
    background-color: #4ead00;
}

.nav-success.nav-tabs-justified &gt; li &gt; a {
    border-bottom: 1px solid #4ead00;
}

.nav-success.nav-tabs-justified &gt; .active &gt; a {
    border-bottom-color: #4ead00;
}

.nav-warning.nav &gt; li &gt; a {
    color: #f09c00;
}

    .nav-warning.nav &gt; li &gt; a:hover,
    .nav-warning.nav &gt; li &gt; a:focus {
        color: #f09c00;
        background-color: #f2e6d0;
        border-color: #f09c00;
    }

.nav-warning.nav .open &gt; a,
.nav-warning.nav .open &gt; a:hover,
.nav-warning.nav .open &gt; a:focus {
    background-color: #f09c00;
    border-color: #f09c00;
}

.nav-warning.nav-tabs {
    border-bottom-color: #f09c00;
}

    .nav-warning.nav-tabs &gt; li &gt; a {
        color: #f09c00;
        border-color: transparent;
    }

        .nav-warning.nav-tabs &gt; li &gt; a:hover {
            border-color: #f09c00 #f09c00 #f09c00;
        }

    .nav-warning.nav-tabs &gt; li.active &gt; a,
    .nav-warning.nav-tabs &gt; li.active &gt; a:hover,
    .nav-warning.nav-tabs &gt; li.active &gt; a:focus {
        color: #ffffff;
        background-color: #f09c00;
        border-color: #f09c00;
        border-bottom-color: transparent;
    }

.nav-warning.nav-pills &gt; li a {
    color: #f09c00;
}

.nav-warning.nav-pills &gt; li.active &gt; a,
.nav-warning.nav-pills &gt; li.active &gt; a:hover,
.nav-warning.nav-pills &gt; li.active &gt; a:focus {
    color: #ffffff;
    background-color: #f09c00;
}

.nav-warning.nav-tabs-justified &gt; li &gt; a {
    border-bottom: 1px solid #f09c00;
}

.nav-warning.nav-tabs-justified &gt; .active &gt; a {
    border-bottom-color: #f09c00;
}

.nav-pink.nav &gt; li &gt; a {
    color: #e81c9d;
}

    .nav-pink.nav &gt; li &gt; a:hover,
    .nav-pink.nav &gt; li &gt; a:focus {
        color: #e81c9d;
        background-color: #edc5de;
        border-color: #e81c9d;
    }

.nav-pink.nav .open &gt; a,
.nav-pink.nav .open &gt; a:hover,
.nav-pink.nav .open &gt; a:focus {
    background-color: #e81c9d;
    border-color: #e81c9d;
}

.nav-pink.nav-tabs {
    border-bottom-color: #e81c9d;
}

    .nav-pink.nav-tabs &gt; li &gt; a {
        color: #e81c9d;
        border-color: transparent;
    }

        .nav-pink.nav-tabs &gt; li &gt; a:hover {
            border-color: #e81c9d #e81c9d #e81c9d;
        }

    .nav-pink.nav-tabs &gt; li.active &gt; a,
    .nav-pink.nav-tabs &gt; li.active &gt; a:hover,
    .nav-pink.nav-tabs &gt; li.active &gt; a:focus {
        color: #ffffff;
        background-color: #e81c9d;
        border-color: #e81c9d;
        border-bottom-color: transparent;
    }

.nav-pink.nav-pills &gt; li a {
    color: #e81c9d;
}

.nav-pink.nav-pills &gt; li.active &gt; a,
.nav-pink.nav-pills &gt; li.active &gt; a:hover,
.nav-pink.nav-pills &gt; li.active &gt; a:focus {
    color: #ffffff;
    background-color: #e81c9d;
}

.nav-pink.nav-tabs-justified &gt; li &gt; a {
    border-bottom: 1px solid #e81c9d;
}

.nav-pink.nav-tabs-justified &gt; .active &gt; a {
    border-bottom-color: #e81c9d;
}

.nav-danger.nav &gt; li &gt; a {
    color: #bd0000;
}

    .nav-danger.nav &gt; li &gt; a:hover,
    .nav-danger.nav &gt; li &gt; a:focus {
        color: #bd0000;
        background-color: #f2c2c2;
        border-color: #bd0000;
    }

.nav-danger.nav .open &gt; a,
.nav-danger.nav .open &gt; a:hover,
.nav-danger.nav .open &gt; a:focus {
    background-color: #bd0000;
    border-color: #bd0000;
}

.nav-danger.nav-tabs {
    border-bottom-color: #bd0000;
}

    .nav-danger.nav-tabs &gt; li &gt; a {
        color: #bd0000;
        border-color: transparent;
    }

        .nav-danger.nav-tabs &gt; li &gt; a:hover {
            border-color: #bd0000 #bd0000 #bd0000;
        }

    .nav-danger.nav-tabs &gt; li.active &gt; a,
    .nav-danger.nav-tabs &gt; li.active &gt; a:hover,
    .nav-danger.nav-tabs &gt; li.active &gt; a:focus {
        color: #ffffff;
        background-color: #bd0000;
        border-color: #bd0000;
        border-bottom-color: transparent;
    }

.nav-danger.nav-pills &gt; li a {
    color: #bd0000;
}

.nav-danger.nav-pills &gt; li.active &gt; a,
.nav-danger.nav-pills &gt; li.active &gt; a:hover,
.nav-danger.nav-pills &gt; li.active &gt; a:focus {
    color: #ffffff;
    background-color: #bd0000;
}

.nav-danger.nav-tabs-justified &gt; li &gt; a {
    border-bottom: 1px solid #bd0000;
}

.nav-danger.nav-tabs-justified &gt; .active &gt; a {
    border-bottom-color: #bd0000;
}

.nav-purple.nav &gt; li &gt; a {
    color: #772599;
}

    .nav-purple.nav &gt; li &gt; a:hover,
    .nav-purple.nav &gt; li &gt; a:focus {
        color: #772599;
        background-color: #e9cef5;
        border-color: #772599;
    }

.nav-purple.nav .open &gt; a,
.nav-purple.nav .open &gt; a:hover,
.nav-purple.nav .open &gt; a:focus {
    background-color: #772599;
    border-color: #772599;
}

.nav-purple.nav-tabs {
    border-bottom-color: #772599;
}

    .nav-purple.nav-tabs &gt; li &gt; a {
        color: #772599;
        border-color: transparent;
    }

        .nav-purple.nav-tabs &gt; li &gt; a:hover {
            border-color: #772599 #772599 #772599;
        }

    .nav-purple.nav-tabs &gt; li.active &gt; a,
    .nav-purple.nav-tabs &gt; li.active &gt; a:hover,
    .nav-purple.nav-tabs &gt; li.active &gt; a:focus {
        color: #ffffff;
        background-color: #772599;
        border-color: #772599;
        border-bottom-color: transparent;
    }

.nav-purple.nav-pills &gt; li a {
    color: #772599;
}

.nav-purple.nav-pills &gt; li.active &gt; a,
.nav-purple.nav-pills &gt; li.active &gt; a:hover,
.nav-purple.nav-pills &gt; li.active &gt; a:focus {
    color: #ffffff;
    background-color: #772599;
}

.nav-purple.nav-tabs-justified &gt; li &gt; a {
    border-bottom: 1px solid #772599;
}

.nav-purple.nav-tabs-justified &gt; .active &gt; a {
    border-bottom-color: #772599;
}

.nav-inverse.nav &gt; li &gt; a {
    color: #111111;
}

    .nav-inverse.nav &gt; li &gt; a:hover,
    .nav-inverse.nav &gt; li &gt; a:focus {
        color: #ffffff;
        background-color: #656565;
        border-color: #111111;
    }

.nav-inverse.nav .open &gt; a,
.nav-inverse.nav .open &gt; a:hover,
.nav-inverse.nav .open &gt; a:focus {
    background-color: #111111;
    border-color: #111111;
}

.nav-inverse.nav-tabs {
    border-bottom-color: #111111;
}

    .nav-inverse.nav-tabs &gt; li &gt; a {
        color: #111111;
        border-color: transparent;
    }

        .nav-inverse.nav-tabs &gt; li &gt; a:hover {
            border-color: #111111 #111111 #111111;
        }

    .nav-inverse.nav-tabs &gt; li.active &gt; a,
    .nav-inverse.nav-tabs &gt; li.active &gt; a:hover,
    .nav-inverse.nav-tabs &gt; li.active &gt; a:focus {
        color: #ffffff;
        background-color: #111111;
        border-color: #111111;
        border-bottom-color: transparent;
    }

.nav-inverse.nav-pills &gt; li a {
    color: #111111;
}

.nav-inverse.nav-pills &gt; li.active &gt; a,
.nav-inverse.nav-pills &gt; li.active &gt; a:hover,
.nav-inverse.nav-pills &gt; li.active &gt; a:focus {
    color: #ffffff;
    background-color: #111111;
}

.nav-inverse.nav-tabs-justified &gt; li &gt; a {
    border-bottom: 1px solid #111111;
}

.nav-inverse.nav-tabs-justified &gt; .active &gt; a {
    border-bottom-color: #111111;
}

.navbar {
    position: relative;
    z-index: 1000;
    min-height: 40px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    *zoom: 1;
}

    .navbar:before,
    .navbar:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .navbar:after {
        clear: both;
    }

    .navbar:before,
    .navbar:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .navbar:after {
        clear: both;
    }

.navbar-header {
    *zoom: 1;
}

    .navbar-header:before,
    .navbar-header:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .navbar-header:after {
        clear: both;
    }

    .navbar-header:before,
    .navbar-header:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .navbar-header:after {
        clear: both;
    }

@media (min-width: 768px) {
    .navbar-header {
        float: right;
    }
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    *zoom: 1;
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse:before,
    .navbar-collapse:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .navbar-collapse:after {
        clear: both;
    }

    .navbar-collapse:before,
    .navbar-collapse:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .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;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

        .navbar-collapse .navbar-nav.navbar-left:first-child {
            margin-left: -15px;
        }

        .navbar-collapse .navbar-nav.navbar-right:last-child {
            margin-right: 0;
        }

        .navbar-collapse .navbar-text:last-child {
            margin-right: 0;
        }
}

.container &gt; .navbar-header,
.container &gt; .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container &gt; .navbar-header,
    .container &gt; .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    z-index: 1030;
    top: 0;
    border-width: 0 0 1px 0;
}

.navbar-fixed-bottom {
    bottom-width: 1px 0 0 0;
    margin-bottom: 0;
}

.navbar-brand {
    float: right;
    padding: 20px 15px;
    font-size: 18px;
    line-height: 20px;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

@media (min-width: 768px) {
    .navbar &gt; .container .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 13px;
    margin-bottom: 13px;
    background-color: transparent;
    border: 1px solid transparent;
}

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 10px 0;
}

    .navbar-nav &gt; li &gt; a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

        .navbar-nav &gt; li &gt; a &gt; small {
            position: absolute;
            display: block;
            width: 100%;
            font-size: 11px;
            font-weight: 300;
            color: #888;
            text-transform: lowercase;
            font-style: italic;
            text-align: center;
            top: 36px;
            left: 0;
        }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu &gt; li &gt; a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu &gt; li &gt; a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
            .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
                background-image: none;
            }

    .navbar-nav &gt; li &gt; a &gt; small {
        display: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: right;
        margin: 0;
    }

        .navbar-nav &gt; li {
            float: right;
        }

            .navbar-nav &gt; li &gt; a {
                padding-top: 10px;
                padding-bottom: 10px;
            }
}

@media (min-width: 768px) {
    .navbar-left {
        float: right;
        float: left !important;
    }

    .navbar-right {
        float: right;
        float: right !important;
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 13px;
    margin-bottom: 13px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
    }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            float: none;
            margin-left: 0;
        }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav &gt; li &gt; .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav &gt; li &gt; .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-nav.pull-right &gt; li &gt; .dropdown-menu,
.navbar-nav &gt; li &gt; .dropdown-menu.pull-right {
    left: auto;
    right: 0;
}

.navbar-btn {
    margin-top: 13px;
    margin-bottom: 13px;
}

.navbar-text {
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .navbar-text {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.navbar-default {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #ffffff, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fffffffff', GradientType=0);
    border-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

    .navbar-default .navbar-brand {
        color: #777777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777777;
    }

    .navbar-default .navbar-nav &gt; li &gt; a {
    }

        .navbar-default .navbar-nav &gt; li &gt; a:hover,
        .navbar-default .navbar-nav &gt; li &gt; a:focus {
            color: #656565;
            background-color: transparent;
        }

    .navbar-default .navbar-nav &gt; .active &gt; a,
    .navbar-default .navbar-nav &gt; .active &gt; a:hover,
    .navbar-default .navbar-nav &gt; .active &gt; a:focus {
        color: #656565;
        background-color: #f5f5f5;
    }

    .navbar-default .navbar-nav &gt; .disabled &gt; a,
    .navbar-default .navbar-nav &gt; .disabled &gt; a:hover,
    .navbar-default .navbar-nav &gt; .disabled &gt; a:focus {
        color: #cccccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #f5f5f5;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #f5f5f5;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #cccccc;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e0e0e0;
    }

    .navbar-default .navbar-nav &gt; .dropdown &gt; a:hover .caret,
    .navbar-default .navbar-nav &gt; .dropdown &gt; a:focus .caret {
        border-top-color: #656565;
        border-bottom-color: #656565;
    }

    .navbar-default .navbar-nav &gt; .active &gt; a,
    .navbar-default .navbar-nav &gt; .active &gt; a:hover,
    .navbar-default .navbar-nav &gt; .active &gt; a:focus,
    .navbar-default .navbar-nav &gt; .open &gt; a,
    .navbar-default .navbar-nav &gt; .open &gt; a:hover,
    .navbar-default .navbar-nav &gt; .open &gt; a:focus {
        background-color: #f5f5f5;
        color: #656565;
    }

        .navbar-default .navbar-nav &gt; .open &gt; a .caret,
        .navbar-default .navbar-nav &gt; .open &gt; a:hover .caret,
        .navbar-default .navbar-nav &gt; .open &gt; a:focus .caret {
            border-top-color: #656565;
            border-bottom-color: #656565;
        }

    .navbar-default .navbar-nav &gt; .dropdown &gt; a .caret {
        border-top-color: #010101;
        border-bottom-color: #010101;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #777777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
            color: #656565;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a,
    .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #656565;
        background-color: #e1e1e1;
    }

    .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,
    .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777777;
}

    .navbar-default .navbar-link:hover {
        color: #656565;
    }

.navbar-inverse {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#01090C), to(#111111));
    background-image: -webkit-linear-gradient(top, #01090C, 0%, #111111, 100%);
    background-image: -moz-linear-gradient(top, #01090C 0%, #111111 100%);
    background-image: linear-gradient(to bottom, #01090C 0%, #111111 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff01090C', endColorstr='#ff111111', GradientType=0);
    border-color: #252525;
}

    .navbar-inverse .navbar-brand {
        color: #999999;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-inverse .navbar-text {
        color: #999999;
    }

    .navbar-inverse .navbar-nav &gt; li &gt; a {
        color: #999999;
    }

        .navbar-inverse .navbar-nav &gt; li &gt; a:hover,
        .navbar-inverse .navbar-nav &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav &gt; .active &gt; a,
    .navbar-inverse .navbar-nav &gt; .active &gt; a:hover,
    .navbar-inverse .navbar-nav &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #111111;
    }

    .navbar-inverse .navbar-nav &gt; .disabled &gt; a,
    .navbar-inverse .navbar-nav &gt; .disabled &gt; a:hover,
    .navbar-inverse .navbar-nav &gt; .disabled &gt; a:focus {
        color: #d9d9d9;
        background-color: #515151;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #999999;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #111111;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #999999;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #000000;
    }

    .navbar-inverse .navbar-nav &gt; .open &gt; a,
    .navbar-inverse .navbar-nav &gt; .open &gt; a:hover,
    .navbar-inverse .navbar-nav &gt; .open &gt; a:focus {
        background-color: #111111;
        color: #ffffff;
    }

    .navbar-inverse .navbar-nav &gt; .dropdown &gt; a:hover .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-inverse .navbar-nav &gt; .dropdown &gt; a .caret {
        border-top-color: #999999;
        border-bottom-color: #999999;
    }

    .navbar-inverse .navbar-nav &gt; .open &gt; a .caret,
    .navbar-inverse .navbar-nav &gt; .open &gt; a:hover .caret,
    .navbar-inverse .navbar-nav &gt; .open &gt; a:focus .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
        border-color: #252525;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #999999;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a,
    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #111111;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,
    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #d9d9d9;
        background-color: #515151;
    }
}

.navbar-inverse .navbar-link {
    color: #999999;
}

    .navbar-inverse .navbar-link:hover {
        color: #ffffff;
    }

.navbar-primary {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#00a4db), to(#007acc));
    background-image: -webkit-linear-gradient(top, #00a4db, 0%, #007acc, 100%);
    background-image: -moz-linear-gradient(top, #00a4db 0%, #007acc 100%);
    background-image: linear-gradient(to bottom, #00a4db 0%, #007acc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a4db', endColorstr='#ff007acc', GradientType=0);
    border-color: #007acc;
}

    .navbar-primary .navbar-brand {
        color: #EFEFEF;
    }

        .navbar-primary .navbar-brand:hover,
        .navbar-primary .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-primary .navbar-text {
        color: #EFEFEF;
    }

    .navbar-primary .navbar-nav &gt; li &gt; a {
        color: #EFEFEF;
    }

        .navbar-primary .navbar-nav &gt; li &gt; a:hover,
        .navbar-primary .navbar-nav &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-primary .navbar-nav &gt; .active &gt; a,
    .navbar-primary .navbar-nav &gt; .active &gt; a:hover,
    .navbar-primary .navbar-nav &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #006dcc;
    }

    .navbar-primary .navbar-nav &gt; .disabled &gt; a,
    .navbar-primary .navbar-nav &gt; .disabled &gt; a:hover,
    .navbar-primary .navbar-nav &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #4db7ff;
    }

    .navbar-primary .navbar-toggle {
        border-color: #EFEFEF;
    }

        .navbar-primary .navbar-toggle:hover,
        .navbar-primary .navbar-toggle:focus {
            background-color: #006dcc;
        }

        .navbar-primary .navbar-toggle .icon-bar {
            background-color: #EFEFEF;
        }

    .navbar-primary .navbar-collapse,
    .navbar-primary .navbar-form {
        border-color: #0065a8;
    }

    .navbar-primary .navbar-nav &gt; .open &gt; a,
    .navbar-primary .navbar-nav &gt; .open &gt; a:hover,
    .navbar-primary .navbar-nav &gt; .open &gt; a:focus {
        background-color: #006dcc;
        color: #ffffff;
    }

    .navbar-primary .navbar-nav &gt; .dropdown &gt; a:hover .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-primary .navbar-nav &gt; .dropdown &gt; a .caret {
        border-top-color: #EFEFEF;
        border-bottom-color: #EFEFEF;
    }

    .navbar-primary .navbar-nav &gt; .open &gt; a .caret,
    .navbar-primary .navbar-nav &gt; .open &gt; a:hover .caret,
    .navbar-primary .navbar-nav &gt; .open &gt; a:focus .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-primary .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
        border-color: #007acc;
    }

    .navbar-primary .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #EFEFEF;
    }

        .navbar-primary .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
        .navbar-primary .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-primary .navbar-nav .open .dropdown-menu &gt; .active &gt; a,
    .navbar-primary .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,
    .navbar-primary .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #006dcc;
    }

    .navbar-primary .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,
    .navbar-primary .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,
    .navbar-primary .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #4db7ff;
    }
}

.navbar-primary .navbar-link {
    color: #EFEFEF;
}

    .navbar-primary .navbar-link:hover {
        color: #ffffff;
    }

.navbar-darkblue {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#34495e), to(#2c3e50));
    background-image: -webkit-linear-gradient(top, #34495e, 0%, #2c3e50, 100%);
    background-image: -moz-linear-gradient(top, #34495e 0%, #2c3e50 100%);
    background-image: linear-gradient(to bottom, #34495e 0%, #2c3e50 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff34495e', endColorstr='#ff2c3e50', GradientType=0);
    border-color: #223140;
}

    .navbar-darkblue .navbar-brand {
        color: #EFEFEF;
    }

        .navbar-darkblue .navbar-brand:hover,
        .navbar-darkblue .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-darkblue .navbar-text {
        color: #EFEFEF;
    }

    .navbar-darkblue .navbar-nav &gt; li &gt; a {
        color: #EFEFEF;
    }

        .navbar-darkblue .navbar-nav &gt; li &gt; a:hover,
        .navbar-darkblue .navbar-nav &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-darkblue .navbar-nav &gt; .active &gt; a,
    .navbar-darkblue .navbar-nav &gt; .active &gt; a:hover,
    .navbar-darkblue .navbar-nav &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #223140;
    }

    .navbar-darkblue .navbar-nav &gt; .disabled &gt; a,
    .navbar-darkblue .navbar-nav &gt; .disabled &gt; a:hover,
    .navbar-darkblue .navbar-nav &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #597ea2;
    }

    .navbar-darkblue .navbar-toggle {
        border-color: #EFEFEF;
    }

        .navbar-darkblue .navbar-toggle:hover,
        .navbar-darkblue .navbar-toggle:focus {
            background-color: #223140;
        }

        .navbar-darkblue .navbar-toggle .icon-bar {
            background-color: #EFEFEF;
        }

    .navbar-darkblue .navbar-collapse,
    .navbar-darkblue .navbar-form {
        border-color: #1f2c39;
    }

    .navbar-darkblue .navbar-nav &gt; .open &gt; a,
    .navbar-darkblue .navbar-nav &gt; .open &gt; a:hover,
    .navbar-darkblue .navbar-nav &gt; .open &gt; a:focus {
        background-color: #223140;
        color: #ffffff;
    }

    .navbar-darkblue .navbar-nav &gt; .dropdown &gt; a:hover .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-darkblue .navbar-nav &gt; .dropdown &gt; a .caret {
        border-top-color: #EFEFEF;
        border-bottom-color: #EFEFEF;
    }

    .navbar-darkblue .navbar-nav &gt; .open &gt; a .caret,
    .navbar-darkblue .navbar-nav &gt; .open &gt; a:hover .caret,
    .navbar-darkblue .navbar-nav &gt; .open &gt; a:focus .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-darkblue .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
        border-color: #223140;
    }

    .navbar-darkblue .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #EFEFEF;
    }

        .navbar-darkblue .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
        .navbar-darkblue .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-darkblue .navbar-nav .open .dropdown-menu &gt; .active &gt; a,
    .navbar-darkblue .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,
    .navbar-darkblue .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #223140;
    }

    .navbar-darkblue .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,
    .navbar-darkblue .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,
    .navbar-darkblue .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #597ea2;
    }
}

.navbar-darkblue .navbar-link {
    color: #EFEFEF;
}

    .navbar-darkblue .navbar-link:hover {
        color: #ffffff;
    }

.navbar-success {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#75d428), to(#4ead00));
    background-image: -webkit-linear-gradient(top, #75d428, 0%, #4ead00, 100%);
    background-image: -moz-linear-gradient(top, #75d428 0%, #4ead00 100%);
    background-image: linear-gradient(to bottom, #75d428 0%, #4ead00 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75d428', endColorstr='#ff4ead00', GradientType=0);
    border-color: #5bb75b;
}

    .navbar-success .navbar-brand {
        color: #eeeeee;
    }

        .navbar-success .navbar-brand:hover,
        .navbar-success .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-success .navbar-text {
        color: #eeeeee;
    }

    .navbar-success .navbar-nav &gt; li &gt; a {
        color: #eeeeee;
    }

        .navbar-success .navbar-nav &gt; li &gt; a:hover,
        .navbar-success .navbar-nav &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-success .navbar-nav &gt; .active &gt; a,
    .navbar-success .navbar-nav &gt; .active &gt; a:hover,
    .navbar-success .navbar-nav &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #4ead00;
    }

    .navbar-success .navbar-nav &gt; .disabled &gt; a,
    .navbar-success .navbar-nav &gt; .disabled &gt; a:hover,
    .navbar-success .navbar-nav &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #8cff2e;
    }

    .navbar-success .navbar-toggle {
        border-color: #eeeeee;
    }

        .navbar-success .navbar-toggle:hover,
        .navbar-success .navbar-toggle:focus {
            background-color: #4ead00;
        }

        .navbar-success .navbar-toggle .icon-bar {
            background-color: #eeeeee;
        }

    .navbar-success .navbar-collapse,
    .navbar-success .navbar-form {
        border-color: #3e8900;
    }

    .navbar-success .navbar-nav &gt; .open &gt; a,
    .navbar-success .navbar-nav &gt; .open &gt; a:hover,
    .navbar-success .navbar-nav &gt; .open &gt; a:focus {
        background-color: #4ead00;
        color: #ffffff;
    }

    .navbar-success .navbar-nav &gt; .dropdown &gt; a:hover .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-success .navbar-nav &gt; .dropdown &gt; a .caret {
        border-top-color: #eeeeee;
        border-bottom-color: #eeeeee;
    }

    .navbar-success .navbar-nav &gt; .open &gt; a .caret,
    .navbar-success .navbar-nav &gt; .open &gt; a:hover .caret,
    .navbar-success .navbar-nav &gt; .open &gt; a:focus .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-success .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
        border-color: #5bb75b;
    }

    .navbar-success .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #eeeeee;
    }

        .navbar-success .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
        .navbar-success .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-success .navbar-nav .open .dropdown-menu &gt; .active &gt; a,
    .navbar-success .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,
    .navbar-success .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #4ead00;
    }

    .navbar-success .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,
    .navbar-success .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,
    .navbar-success .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #8cff2e;
    }
}

.navbar-success .navbar-link {
    color: #eeeeee;
}

    .navbar-success .navbar-link:hover {
        color: #ffffff;
    }

.navbar-warning {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fbbf50), to(#f09c00));
    background-image: -webkit-linear-gradient(top, #fbbf50, 0%, #f09c00, 100%);
    background-image: -moz-linear-gradient(top, #fbbf50 0%, #f09c00 100%);
    background-image: linear-gradient(to bottom, #fbbf50 0%, #f09c00 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbbf50', endColorstr='#fff09c00', GradientType=0);
    border-color: #f09c00;
}

    .navbar-warning .navbar-brand {
        color: #eeeeee;
    }

        .navbar-warning .navbar-brand:hover,
        .navbar-warning .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-warning .navbar-text {
        color: #eeeeee;
    }

    .navbar-warning .navbar-nav &gt; li &gt; a {
        color: #eeeeee;
    }

        .navbar-warning .navbar-nav &gt; li &gt; a:hover,
        .navbar-warning .navbar-nav &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-warning .navbar-nav &gt; .active &gt; a,
    .navbar-warning .navbar-nav &gt; .active &gt; a:hover,
    .navbar-warning .navbar-nav &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #f09c00;
    }

    .navbar-warning .navbar-nav &gt; .disabled &gt; a,
    .navbar-warning .navbar-nav &gt; .disabled &gt; a:hover,
    .navbar-warning .navbar-nav &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #ffcd71;
    }

    .navbar-warning .navbar-toggle {
        border-color: #eeeeee;
    }

        .navbar-warning .navbar-toggle:hover,
        .navbar-warning .navbar-toggle:focus {
            background-color: #f09c00;
        }

        .navbar-warning .navbar-toggle .icon-bar {
            background-color: #eeeeee;
        }

    .navbar-warning .navbar-collapse,
    .navbar-warning .navbar-form {
        border-color: #cc8500;
    }

    .navbar-warning .navbar-nav &gt; .open &gt; a,
    .navbar-warning .navbar-nav &gt; .open &gt; a:hover,
    .navbar-warning .navbar-nav &gt; .open &gt; a:focus {
        background-color: #f09c00;
        color: #ffffff;
    }

    .navbar-warning .navbar-nav &gt; .dropdown &gt; a:hover .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-warning .navbar-nav &gt; .dropdown &gt; a .caret {
        border-top-color: #eeeeee;
        border-bottom-color: #eeeeee;
    }

    .navbar-warning .navbar-nav &gt; .open &gt; a .caret,
    .navbar-warning .navbar-nav &gt; .open &gt; a:hover .caret,
    .navbar-warning .navbar-nav &gt; .open &gt; a:focus .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-warning .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
        border-color: #f09c00;
    }

    .navbar-warning .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #eeeeee;
    }

        .navbar-warning .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
        .navbar-warning .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-warning .navbar-nav .open .dropdown-menu &gt; .active &gt; a,
    .navbar-warning .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,
    .navbar-warning .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #f09c00;
    }

    .navbar-warning .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,
    .navbar-warning .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,
    .navbar-warning .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #ffcd71;
    }
}

.navbar-warning .navbar-link {
    color: #eeeeee;
}

    .navbar-warning .navbar-link:hover {
        color: #ffffff;
    }

.navbar-pink {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fa66c4), to(#e81c9d));
    background-image: -webkit-linear-gradient(top, #fa66c4, 0%, #e81c9d, 100%);
    background-image: -moz-linear-gradient(top, #fa66c4 0%, #e81c9d 100%);
    background-image: linear-gradient(to bottom, #fa66c4 0%, #e81c9d 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa66c4', endColorstr='#ffe81c9d', GradientType=0);
    border-color: #e81c9d;
}

    .navbar-pink .navbar-brand {
        color: #eeeeee;
    }

        .navbar-pink .navbar-brand:hover,
        .navbar-pink .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-pink .navbar-text {
        color: #eeeeee;
    }

    .navbar-pink .navbar-nav &gt; li &gt; a {
        color: #eeeeee;
    }

        .navbar-pink .navbar-nav &gt; li &gt; a:hover,
        .navbar-pink .navbar-nav &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-pink .navbar-nav &gt; .active &gt; a,
    .navbar-pink .navbar-nav &gt; .active &gt; a:hover,
    .navbar-pink .navbar-nav &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #e81c9d;
    }

    .navbar-pink .navbar-nav &gt; .disabled &gt; a,
    .navbar-pink .navbar-nav &gt; .disabled &gt; a:hover,
    .navbar-pink .navbar-nav &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #f490cf;
    }

    .navbar-pink .navbar-toggle {
        border-color: #eeeeee;
    }

        .navbar-pink .navbar-toggle:hover,
        .navbar-pink .navbar-toggle:focus {
            background-color: #e81c9d;
        }

        .navbar-pink .navbar-toggle .icon-bar {
            background-color: #eeeeee;
        }

    .navbar-pink .navbar-collapse,
    .navbar-pink .navbar-form {
        border-color: #cc1588;
    }

    .navbar-pink .navbar-nav &gt; .open &gt; a,
    .navbar-pink .navbar-nav &gt; .open &gt; a:hover,
    .navbar-pink .navbar-nav &gt; .open &gt; a:focus {
        background-color: #e81c9d;
        color: #ffffff;
    }

    .navbar-pink .navbar-nav &gt; .dropdown &gt; a:hover .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-pink .navbar-nav &gt; .dropdown &gt; a .caret {
        border-top-color: #eeeeee;
        border-bottom-color: #eeeeee;
    }

    .navbar-pink .navbar-nav &gt; .open &gt; a .caret,
    .navbar-pink .navbar-nav &gt; .open &gt; a:hover .caret,
    .navbar-pink .navbar-nav &gt; .open &gt; a:focus .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-pink .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
        border-color: #e81c9d;
    }

    .navbar-pink .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #eeeeee;
    }

        .navbar-pink .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
        .navbar-pink .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-pink .navbar-nav .open .dropdown-menu &gt; .active &gt; a,
    .navbar-pink .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,
    .navbar-pink .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #e81c9d;
    }

    .navbar-pink .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,
    .navbar-pink .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,
    .navbar-pink .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #f490cf;
    }
}

.navbar-pink .navbar-link {
    color: #eeeeee;
}

    .navbar-pink .navbar-link:hover {
        color: #ffffff;
    }

.navbar-danger {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff4a45), to(#bd0000));
    background-image: -webkit-linear-gradient(top, #ff4a45, 0%, #bd0000, 100%);
    background-image: -moz-linear-gradient(top, #ff4a45 0%, #bd0000 100%);
    background-image: linear-gradient(to bottom, #ff4a45 0%, #bd0000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff4a45', endColorstr='#ffbd0000', GradientType=0);
    border-color: #bd0000;
}

    .navbar-danger .navbar-brand {
        color: #eeeeee;
    }

        .navbar-danger .navbar-brand:hover,
        .navbar-danger .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-danger .navbar-text {
        color: #eeeeee;
    }

    .navbar-danger .navbar-nav &gt; li &gt; a {
        color: #eeeeee;
    }

        .navbar-danger .navbar-nav &gt; li &gt; a:hover,
        .navbar-danger .navbar-nav &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-danger .navbar-nav &gt; .active &gt; a,
    .navbar-danger .navbar-nav &gt; .active &gt; a:hover,
    .navbar-danger .navbar-nav &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #bd0000;
    }

    .navbar-danger .navbar-nav &gt; .disabled &gt; a,
    .navbar-danger .navbar-nav &gt; .disabled &gt; a:hover,
    .navbar-danger .navbar-nav &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #ff3e3e;
    }

    .navbar-danger .navbar-toggle {
        border-color: #eeeeee;
    }

        .navbar-danger .navbar-toggle:hover,
        .navbar-danger .navbar-toggle:focus {
            background-color: #bd0000;
        }

        .navbar-danger .navbar-toggle .icon-bar {
            background-color: #eeeeee;
        }

    .navbar-danger .navbar-collapse,
    .navbar-danger .navbar-form {
        border-color: #990000;
    }

    .navbar-danger .navbar-nav &gt; .open &gt; a,
    .navbar-danger .navbar-nav &gt; .open &gt; a:hover,
    .navbar-danger .navbar-nav &gt; .open &gt; a:focus {
        background-color: #bd0000;
        color: #ffffff;
    }

    .navbar-danger .navbar-nav &gt; .dropdown &gt; a:hover .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-danger .navbar-nav &gt; .dropdown &gt; a .caret {
        border-top-color: #eeeeee;
        border-bottom-color: #eeeeee;
    }

    .navbar-danger .navbar-nav &gt; .open &gt; a .caret,
    .navbar-danger .navbar-nav &gt; .open &gt; a:hover .caret,
    .navbar-danger .navbar-nav &gt; .open &gt; a:focus .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-danger .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
        border-color: #bd0000;
    }

    .navbar-danger .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #eeeeee;
    }

        .navbar-danger .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
        .navbar-danger .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-danger .navbar-nav .open .dropdown-menu &gt; .active &gt; a,
    .navbar-danger .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,
    .navbar-danger .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #bd0000;
    }

    .navbar-danger .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,
    .navbar-danger .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,
    .navbar-danger .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #ff3e3e;
    }
}

.navbar-danger .navbar-link {
    color: #eeeeee;
}

    .navbar-danger .navbar-link:hover {
        color: #ffffff;
    }

.navbar-purple {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#9b59b6), to(#772599));
    background-image: -webkit-linear-gradient(top, #9b59b6, 0%, #772599, 100%);
    background-image: -moz-linear-gradient(top, #9b59b6 0%, #772599 100%);
    background-image: linear-gradient(to bottom, #9b59b6 0%, #772599 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9b59b6', endColorstr='#ff772599', GradientType=0);
    border-color: #772599;
}

    .navbar-purple .navbar-brand {
        color: #eeeeee;
    }

        .navbar-purple .navbar-brand:hover,
        .navbar-purple .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-purple .navbar-text {
        color: #eeeeee;
    }

    .navbar-purple .navbar-nav &gt; li &gt; a {
        color: #eeeeee;
    }

        .navbar-purple .navbar-nav &gt; li &gt; a:hover,
        .navbar-purple .navbar-nav &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-purple .navbar-nav &gt; .active &gt; a,
    .navbar-purple .navbar-nav &gt; .active &gt; a:hover,
    .navbar-purple .navbar-nav &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #772599;
    }

    .navbar-purple .navbar-nav &gt; .disabled &gt; a,
    .navbar-purple .navbar-nav &gt; .disabled &gt; a:hover,
    .navbar-purple .navbar-nav &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #b764da;
    }

    .navbar-purple .navbar-toggle {
        border-color: #eeeeee;
    }

        .navbar-purple .navbar-toggle:hover,
        .navbar-purple .navbar-toggle:focus {
            background-color: #772599;
        }

        .navbar-purple .navbar-toggle .icon-bar {
            background-color: #eeeeee;
        }

    .navbar-purple .navbar-collapse,
    .navbar-purple .navbar-form {
        border-color: #611e7c;
    }

    .navbar-purple .navbar-nav &gt; .open &gt; a,
    .navbar-purple .navbar-nav &gt; .open &gt; a:hover,
    .navbar-purple .navbar-nav &gt; .open &gt; a:focus {
        background-color: #772599;
        color: #ffffff;
    }

    .navbar-purple .navbar-nav &gt; .dropdown &gt; a:hover .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-purple .navbar-nav &gt; .dropdown &gt; a .caret {
        border-top-color: #eeeeee;
        border-bottom-color: #eeeeee;
    }

    .navbar-purple .navbar-nav &gt; .open &gt; a .caret,
    .navbar-purple .navbar-nav &gt; .open &gt; a:hover .caret,
    .navbar-purple .navbar-nav &gt; .open &gt; a:focus .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-purple .navbar-nav .open .dropdown-menu &gt; .dropdown-header {
        border-color: #772599;
    }

    .navbar-purple .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #eeeeee;
    }

        .navbar-purple .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover,
        .navbar-purple .navbar-nav .open .dropdown-menu &gt; li &gt; a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-purple .navbar-nav .open .dropdown-menu &gt; .active &gt; a,
    .navbar-purple .navbar-nav .open .dropdown-menu &gt; .active &gt; a:hover,
    .navbar-purple .navbar-nav .open .dropdown-menu &gt; .active &gt; a:focus {
        color: #ffffff;
        background-color: #772599;
    }

    .navbar-purple .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a,
    .navbar-purple .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:hover,
    .navbar-purple .navbar-nav .open .dropdown-menu &gt; .disabled &gt; a:focus {
        color: #ffffff;
        background-color: #b764da;
    }
}

.navbar-purple .navbar-link {
    color: #eeeeee;
}

    .navbar-purple .navbar-link:hover {
        color: #ffffff;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .breadcrumb &gt; li {
        display: inline-block;
    }

        .breadcrumb &gt; li + li:before {
            content: "/\00a0";
            padding: 0 5px;
            color: #cccccc;
        }

    .breadcrumb &gt; .active {
        color: #999999;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
}

    .pagination &gt; li {
        display: inline;
    }

        .pagination &gt; li &gt; a,
        .pagination &gt; li &gt; span {
            position: relative;
            float: right;
            padding: 6px 12px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #EFEFEF;
            margin-left: -1px;
        }

        .pagination &gt; li:first-child &gt; a,
        .pagination &gt; li:first-child &gt; span {
            margin-left: 0;
        }

        .pagination &gt; li &gt; a:hover,
        .pagination &gt; li &gt; span:hover,
        .pagination &gt; li &gt; a:focus,
        .pagination &gt; li &gt; span:focus {
            background-color: #eeeeee;
        }

    .pagination &gt; .active &gt; a,
    .pagination &gt; .active &gt; span,
    .pagination &gt; .active &gt; a:hover,
    .pagination &gt; .active &gt; span:hover,
    .pagination &gt; .active &gt; a:focus,
    .pagination &gt; .active &gt; span:focus {
        z-index: 2;
        color: #ffffff;
        background-color: #428bca;
        border-color: #428bca;
        cursor: default;
    }

    .pagination &gt; .disabled &gt; span,
    .pagination &gt; .disabled &gt; a,
    .pagination &gt; .disabled &gt; a:hover,
    .pagination &gt; .disabled &gt; a:focus {
        color: #999999;
        background-color: #ffffff;
        border-color: #EFEFEF;
        cursor: not-allowed;
    }

.pagination-lg &gt; li &gt; a,
.pagination-lg &gt; li &gt; span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg &gt; li:first-child &gt; a,
.pagination-lg &gt; li:first-child &gt; span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg &gt; li:last-child &gt; a,
.pagination-lg &gt; li:last-child &gt; span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm &gt; li &gt; a,
.pagination-sm &gt; li &gt; span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm &gt; li:first-child &gt; a,
.pagination-sm &gt; li:first-child &gt; span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm &gt; li:last-child &gt; a,
.pagination-sm &gt; li:last-child &gt; span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pagination.pagination-dark &gt; li &gt; a,
.pagination.pagination-dark &gt; li &gt; span {
    background-color: #3b3b3b;
    border-color: #111111;
    color: #ffffff;
}

    .pagination.pagination-dark &gt; li &gt; a:hover,
    .pagination.pagination-dark &gt; li &gt; span:hover,
    .pagination.pagination-dark &gt; li &gt; a:focus,
    .pagination.pagination-dark &gt; li &gt; span:focus {
        background-color: #000000;
        color: #ffffff;
    }

.pagination.pagination-dark &gt; .active &gt; a,
.pagination.pagination-dark &gt; .active &gt; span,
.pagination.pagination-dark &gt; .active &gt; a:hover,
.pagination.pagination-dark &gt; .active &gt; span:hover,
.pagination.pagination-dark &gt; .active &gt; a:focus,
.pagination.pagination-dark &gt; .active &gt; span:focus {
    color: #ffffff;
    background-color: #000000;
}

.pagination.pagination-dark &gt; .disabled &gt; span,
.pagination.pagination-dark &gt; .disabled &gt; a,
.pagination.pagination-dark &gt; .disabled &gt; a:hover,
.pagination.pagination-dark &gt; .disabled &gt; a:focus {
    color: #999999;
    background-color: #3b3b3b;
}

.pagination.pagination-primary &gt; li &gt; a,
.pagination.pagination-primary &gt; li &gt; span {
    background-color: #3498db;
    border-color: #2980b9;
    color: #ffffff;
}

    .pagination.pagination-primary &gt; li &gt; a:hover,
    .pagination.pagination-primary &gt; li &gt; span:hover,
    .pagination.pagination-primary &gt; li &gt; a:focus,
    .pagination.pagination-primary &gt; li &gt; span:focus {
        background-color: #2b6bad;
        color: #ffffff;
    }

.pagination.pagination-primary &gt; .active &gt; a,
.pagination.pagination-primary &gt; .active &gt; span,
.pagination.pagination-primary &gt; .active &gt; a:hover,
.pagination.pagination-primary &gt; .active &gt; span:hover,
.pagination.pagination-primary &gt; .active &gt; a:focus,
.pagination.pagination-primary &gt; .active &gt; span:focus {
    color: #ffffff;
    background-color: #2b6bad;
}

.pagination.pagination-primary &gt; .disabled &gt; span,
.pagination.pagination-primary &gt; .disabled &gt; a,
.pagination.pagination-primary &gt; .disabled &gt; a:hover,
.pagination.pagination-primary &gt; .disabled &gt; a:focus {
    color: #999999;
    background-color: #2980b9;
}

.pagination.pagination-darkblue &gt; li &gt; a,
.pagination.pagination-darkblue &gt; li &gt; span {
    background-color: #34495e;
    border-color: #2c3e50;
    color: #ffffff;
}

    .pagination.pagination-darkblue &gt; li &gt; a:hover,
    .pagination.pagination-darkblue &gt; li &gt; span:hover,
    .pagination.pagination-darkblue &gt; li &gt; a:focus,
    .pagination.pagination-darkblue &gt; li &gt; span:focus {
        background-color: #223447;
        color: #ffffff;
    }

.pagination.pagination-darkblue &gt; .active &gt; a,
.pagination.pagination-darkblue &gt; .active &gt; span,
.pagination.pagination-darkblue &gt; .active &gt; a:hover,
.pagination.pagination-darkblue &gt; .active &gt; span:hover,
.pagination.pagination-darkblue &gt; .active &gt; a:focus,
.pagination.pagination-darkblue &gt; .active &gt; span:focus {
    color: #ffffff;
    background-color: #223447;
}

.pagination.pagination-darkblue &gt; .disabled &gt; span,
.pagination.pagination-darkblue &gt; .disabled &gt; a,
.pagination.pagination-darkblue &gt; .disabled &gt; a:hover,
.pagination.pagination-darkblue &gt; .disabled &gt; a:focus {
    color: #999999;
    background-color: #535e69;
}

.pagination.pagination-success &gt; li &gt; a,
.pagination.pagination-success &gt; li &gt; span {
    background-color: #2ecc71;
    border-color: #27ae60;
    color: #ffffff;
}

    .pagination.pagination-success &gt; li &gt; a:hover,
    .pagination.pagination-success &gt; li &gt; span:hover,
    .pagination.pagination-success &gt; li &gt; a:focus,
    .pagination.pagination-success &gt; li &gt; span:focus {
        background-color: #27ae60;
        color: #ffffff;
    }

.pagination.pagination-success &gt; .active &gt; a,
.pagination.pagination-success &gt; .active &gt; span,
.pagination.pagination-success &gt; .active &gt; a:hover,
.pagination.pagination-success &gt; .active &gt; span:hover,
.pagination.pagination-success &gt; .active &gt; a:focus,
.pagination.pagination-success &gt; .active &gt; span:focus {
    color: #ffffff;
    background-color: #27ae60;
}

.pagination.pagination-success &gt; .disabled &gt; span,
.pagination.pagination-success &gt; .disabled &gt; a,
.pagination.pagination-success &gt; .disabled &gt; a:hover,
.pagination.pagination-success &gt; .disabled &gt; a:focus {
    color: #999999;
    background-color: #32d175;
}

.pagination.pagination-warning &gt; li &gt; a,
.pagination.pagination-warning &gt; li &gt; span {
    background-color: #f09c00;
    border-color: #bf8417;
    color: #ffffff;
}

    .pagination.pagination-warning &gt; li &gt; a:hover,
    .pagination.pagination-warning &gt; li &gt; span:hover,
    .pagination.pagination-warning &gt; li &gt; a:focus,
    .pagination.pagination-warning &gt; li &gt; span:focus {
        background-color: #bf8417;
        color: #ffffff;
    }

.pagination.pagination-warning &gt; .active &gt; a,
.pagination.pagination-warning &gt; .active &gt; span,
.pagination.pagination-warning &gt; .active &gt; a:hover,
.pagination.pagination-warning &gt; .active &gt; span:hover,
.pagination.pagination-warning &gt; .active &gt; a:focus,
.pagination.pagination-warning &gt; .active &gt; span:focus {
    color: #ffffff;
    background-color: #bf8417;
}

.pagination.pagination-warning &gt; .disabled &gt; span,
.pagination.pagination-warning &gt; .disabled &gt; a,
.pagination.pagination-warning &gt; .disabled &gt; a:hover,
.pagination.pagination-warning &gt; .disabled &gt; a:focus {
    color: #999999;
    background-color: #d6b16b;
}

.pagination.pagination-pink &gt; li &gt; a,
.pagination.pagination-pink &gt; li &gt; span {
    background-color: #fa66c4;
    border-color: #e81c9d;
    color: #ffffff;
}

    .pagination.pagination-pink &gt; li &gt; a:hover,
    .pagination.pagination-pink &gt; li &gt; span:hover,
    .pagination.pagination-pink &gt; li &gt; a:focus,
    .pagination.pagination-pink &gt; li &gt; span:focus {
        background-color: #e81c9d;
        color: #ffffff;
    }

.pagination.pagination-pink &gt; .active &gt; a,
.pagination.pagination-pink &gt; .active &gt; span,
.pagination.pagination-pink &gt; .active &gt; a:hover,
.pagination.pagination-pink &gt; .active &gt; span:hover,
.pagination.pagination-pink &gt; .active &gt; a:focus,
.pagination.pagination-pink &gt; .active &gt; span:focus {
    color: #ffffff;
    background-color: #e81c9d;
}

.pagination.pagination-pink &gt; .disabled &gt; span,
.pagination.pagination-pink &gt; .disabled &gt; a,
.pagination.pagination-pink &gt; .disabled &gt; a:hover,
.pagination.pagination-pink &gt; .disabled &gt; a:focus {
    color: #999999;
    background-color: #de83bc;
}

.pagination.pagination-danger &gt; li &gt; a,
.pagination.pagination-danger &gt; li &gt; span {
    background-color: #bd0000;
    border-color: #780500;
    color: #ffffff;
}

    .pagination.pagination-danger &gt; li &gt; a:hover,
    .pagination.pagination-danger &gt; li &gt; span:hover,
    .pagination.pagination-danger &gt; li &gt; a:focus,
    .pagination.pagination-danger &gt; li &gt; span:focus {
        background-color: #780500;
        color: #ffffff;
    }

.pagination.pagination-danger &gt; .active &gt; a,
.pagination.pagination-danger &gt; .active &gt; span,
.pagination.pagination-danger &gt; .active &gt; a:hover,
.pagination.pagination-danger &gt; .active &gt; span:hover,
.pagination.pagination-danger &gt; .active &gt; a:focus,
.pagination.pagination-danger &gt; .active &gt; span:focus {
    color: #ffffff;
    background-color: #780500;
}

.pagination.pagination-danger &gt; .disabled &gt; span,
.pagination.pagination-danger &gt; .disabled &gt; a,
.pagination.pagination-danger &gt; .disabled &gt; a:hover,
.pagination.pagination-danger &gt; .disabled &gt; a:focus {
    color: #999999;
    background-color: #b5625e;
}

.pagination.pagination-purple &gt; li &gt; a,
.pagination.pagination-purple &gt; li &gt; span {
    background-color: #9b59b6;
    border-color: #772599;
    color: #ffffff;
}

    .pagination.pagination-purple &gt; li &gt; a:hover,
    .pagination.pagination-purple &gt; li &gt; span:hover,
    .pagination.pagination-purple &gt; li &gt; a:focus,
    .pagination.pagination-purple &gt; li &gt; span:focus {
        background-color: #772599;
        color: #ffffff;
    }

.pagination.pagination-purple &gt; .active &gt; a,
.pagination.pagination-purple &gt; .active &gt; span,
.pagination.pagination-purple &gt; .active &gt; a:hover,
.pagination.pagination-purple &gt; .active &gt; span:hover,
.pagination.pagination-purple &gt; .active &gt; a:focus,
.pagination.pagination-purple &gt; .active &gt; span:focus {
    color: #ffffff;
    background-color: #772599;
}

.pagination.pagination-purple &gt; .disabled &gt; span,
.pagination.pagination-purple &gt; .disabled &gt; a,
.pagination.pagination-purple &gt; .disabled &gt; a:hover,
.pagination.pagination-purple &gt; .disabled &gt; a:focus {
    color: #999999;
    background-color: #9866ad;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
    *zoom: 1;
}

    .pager:before,
    .pager:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .pager:after {
        clear: both;
    }

    .pager:before,
    .pager:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

        .pager li &gt; a,
        .pager li &gt; span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #EFEFEF;
            border-radius: 0px;
            color: #888888;
        }

            .pager li &gt; a:hover,
            .pager li &gt; a:focus {
                text-decoration: none;
                background-color: #f5f5f5;
                color: #888888;
            }

    .pager .next &gt; a,
    .pager .next &gt; span {
        float: right;
    }

    .pager .previous &gt; a,
    .pager .previous &gt; span {
        float: right;
    }

    .pager .disabled &gt; a,
    .pager .disabled &gt; a:hover,
    .pager .disabled &gt; a:focus,
    .pager .disabled &gt; span {
        color: #999999;
        background-color: #ffffff;
        cursor: not-allowed;
    }

    .pager.pager-dark li &gt; a,
    .pager.pager-dark li &gt; span {
        border-color: #2a2a2a;
        color: #2a2a2a;
    }

        .pager.pager-dark li &gt; a:hover,
        .pager.pager-dark li &gt; a:focus {
            background-color: #2a2a2a;
            color: #ffffff;
        }

    .pager.pager-dark.pager-block li &gt; a,
    .pager.pager-dark.pager-block li &gt; span {
        background-color: #2a2a2a;
        color: white;
    }

    .pager.pager-block.pager-dark li &gt; a:hover,
    .pager.pager-block.pager-dark li &gt; a:focus {
        background-color: #444444;
    }

    .pager.pager-dark .disabled &gt; a,
    .pager.pager-dark .disabled &gt; a:hover,
    .pager.pager-dark .disabled &gt; a:focus,
    .pager.pager-dark .disabled &gt; span,
    .pager.pager-dark.pager-block .disabled &gt; a,
    .pager.pager-dark.pager-block .disabled &gt; span,
    .pager.pager-dark.pager-block .disabled &gt; a:hover,
    .pager.pager-dark.pager-block .disabled &gt; a:focus {
        background-color: #e9e9e9;
        border-color: #e9e9e9;
        color: #ffffff;
    }

    .pager.pager-primary li &gt; a,
    .pager.pager-primary li &gt; span {
        border-color: #2980b9;
        color: #2980b9;
    }

        .pager.pager-primary li &gt; a:hover,
        .pager.pager-primary li &gt; a:focus {
            background-color: #2980b9;
            color: #ffffff;
        }

    .pager.pager-primary.pager-block li &gt; a,
    .pager.pager-primary.pager-block li &gt; span {
        background-color: #2980b9;
        color: white;
    }

    .pager.pager-block.pager-primary li &gt; a:hover,
    .pager.pager-block.pager-primary li &gt; a:focus {
        background-color: #409ad5;
    }

    .pager.pager-primary .disabled &gt; a,
    .pager.pager-primary .disabled &gt; a:hover,
    .pager.pager-primary .disabled &gt; a:focus,
    .pager.pager-primary .disabled &gt; span,
    .pager.pager-primary.pager-block .disabled &gt; a,
    .pager.pager-primary.pager-block .disabled &gt; span,
    .pager.pager-primary.pager-block .disabled &gt; a:hover,
    .pager.pager-primary.pager-block .disabled &gt; a:focus {
        background-color: #e7f2fa;
        border-color: #e7f2fa;
        color: #ffffff;
    }

    .pager.pager-darkblue li &gt; a,
    .pager.pager-darkblue li &gt; span {
        border-color: #34495e;
        color: #34495e;
    }

        .pager.pager-darkblue li &gt; a:hover,
        .pager.pager-darkblue li &gt; a:focus {
            background-color: #34495e;
            color: #ffffff;
        }

    .pager.pager-darkblue.pager-block li &gt; a,
    .pager.pager-darkblue.pager-block li &gt; span {
        background-color: #34495e;
        color: white;
    }

    .pager.pager-block.pager-darkblue li &gt; a:hover,
    .pager.pager-block.pager-darkblue li &gt; a:focus {
        background-color: #46627f;
    }

    .pager.pager-darkblue .disabled &gt; a,
    .pager.pager-darkblue .disabled &gt; a:hover,
    .pager.pager-darkblue .disabled &gt; a:focus,
    .pager.pager-darkblue .disabled &gt; span,
    .pager.pager-darkblue.pager-block .disabled &gt; a,
    .pager.pager-darkblue.pager-block .disabled &gt; span,
    .pager.pager-darkblue.pager-block .disabled &gt; a:hover,
    .pager.pager-darkblue.pager-block .disabled &gt; a:focus {
        background-color: #dae2ea;
        border-color: #dae2ea;
        color: #ffffff;
    }

    .pager.pager-success li &gt; a,
    .pager.pager-success li &gt; span {
        border-color: #27ae60;
        color: #27ae60;
    }

        .pager.pager-success li &gt; a:hover,
        .pager.pager-success li &gt; a:focus {
            background-color: #27ae60;
            color: #ffffff;
        }

    .pager.pager-success.pager-block li &gt; a,
    .pager.pager-success.pager-block li &gt; span {
        background-color: #27ae60;
        color: white;
    }

    .pager.pager-block.pager-success li &gt; a:hover,
    .pager.pager-block.pager-success li &gt; a:focus {
        background-color: #36d278;
    }

    .pager.pager-success .disabled &gt; a,
    .pager.pager-success .disabled &gt; a:hover,
    .pager.pager-success .disabled &gt; a:focus,
    .pager.pager-success .disabled &gt; span,
    .pager.pager-success.pager-block .disabled &gt; a,
    .pager.pager-success.pager-block .disabled &gt; span,
    .pager.pager-success.pager-block .disabled &gt; a:hover,
    .pager.pager-success.pager-block .disabled &gt; a:focus {
        background-color: #ddf7e8;
        border-color: #ddf7e8;
        color: #ffffff;
    }

    .pager.pager-warning li &gt; a,
    .pager.pager-warning li &gt; span {
        border-color: #bf8417;
        color: #bf8417;
    }

        .pager.pager-warning li &gt; a:hover,
        .pager.pager-warning li &gt; a:focus {
            background-color: #bf8417;
            color: #ffffff;
        }

    .pager.pager-warning.pager-block li &gt; a,
    .pager.pager-warning.pager-block li &gt; span {
        background-color: #bf8417;
        color: white;
    }

    .pager.pager-block.pager-warning li &gt; a:hover,
    .pager.pager-block.pager-warning li &gt; a:focus {
        background-color: #e5a124;
    }

    .pager.pager-warning .disabled &gt; a,
    .pager.pager-warning .disabled &gt; a:hover,
    .pager.pager-warning .disabled &gt; a:focus,
    .pager.pager-warning .disabled &gt; span,
    .pager.pager-warning.pager-block .disabled &gt; a,
    .pager.pager-warning.pager-block .disabled &gt; span,
    .pager.pager-warning.pager-block .disabled &gt; a:hover,
    .pager.pager-warning.pager-block .disabled &gt; a:focus {
        background-color: #fbefda;
        border-color: #fbefda;
        color: #ffffff;
    }

    .pager.pager-pink li &gt; a,
    .pager.pager-pink li &gt; span {
        border-color: #e81c9d;
        color: #e81c9d;
    }

        .pager.pager-pink li &gt; a:hover,
        .pager.pager-pink li &gt; a:focus {
            background-color: #e81c9d;
            color: #ffffff;
        }

    .pager.pager-pink.pager-block li &gt; a,
    .pager.pager-pink.pager-block li &gt; span {
        background-color: #e81c9d;
        color: white;
    }

    .pager.pager-block.pager-pink li &gt; a:hover,
    .pager.pager-block.pager-pink li &gt; a:focus {
        background-color: #ed4ab1;
    }

    .pager.pager-pink .disabled &gt; a,
    .pager.pager-pink .disabled &gt; a:hover,
    .pager.pager-pink .disabled &gt; a:focus,
    .pager.pager-pink .disabled &gt; span,
    .pager.pager-pink.pager-block .disabled &gt; a,
    .pager.pager-pink.pager-block .disabled &gt; span,
    .pager.pager-pink.pager-block .disabled &gt; a:hover,
    .pager.pager-pink.pager-block .disabled &gt; a:focus {
        background-color: #fdecf7;
        border-color: #fdecf7;
        color: #ffffff;
    }

    .pager.pager-danger li &gt; a,
    .pager.pager-danger li &gt; span {
        border-color: #780500;
        color: #780500;
    }

        .pager.pager-danger li &gt; a:hover,
        .pager.pager-danger li &gt; a:focus {
            background-color: #780500;
            color: #ffffff;
        }

    .pager.pager-danger.pager-block li &gt; a,
    .pager.pager-danger.pager-block li &gt; span {
        background-color: #780500;
        color: white;
    }

    .pager.pager-block.pager-danger li &gt; a:hover,
    .pager.pager-block.pager-danger li &gt; a:focus {
        background-color: #ab0700;
    }

    .pager.pager-danger .disabled &gt; a,
    .pager.pager-danger .disabled &gt; a:hover,
    .pager.pager-danger .disabled &gt; a:focus,
    .pager.pager-danger .disabled &gt; span,
    .pager.pager-danger.pager-block .disabled &gt; a,
    .pager.pager-danger.pager-block .disabled &gt; span,
    .pager.pager-danger.pager-block .disabled &gt; a:hover,
    .pager.pager-danger.pager-block .disabled &gt; a:focus {
        background-color: #ffdfde;
        border-color: #ffdfde;
        color: #ffffff;
    }

    .pager.pager-purple li &gt; a,
    .pager.pager-purple li &gt; span {
        border-color: #772599;
        color: #772599;
    }

        .pager.pager-purple li &gt; a:hover,
        .pager.pager-purple li &gt; a:focus {
            background-color: #772599;
            color: #ffffff;
        }

    .pager.pager-purple.pager-block li &gt; a,
    .pager.pager-purple.pager-block li &gt; span {
        background-color: #772599;
        color: white;
    }

    .pager.pager-block.pager-purple li &gt; a:hover,
    .pager.pager-block.pager-purple li &gt; a:focus {
        background-color: #972fc2;
    }

    .pager.pager-purple .disabled &gt; a,
    .pager.pager-purple .disabled &gt; a:hover,
    .pager.pager-purple .disabled &gt; a:focus,
    .pager.pager-purple .disabled &gt; span,
    .pager.pager-purple.pager-block .disabled &gt; a,
    .pager.pager-purple.pager-block .disabled &gt; span,
    .pager.pager-purple.pager-block .disabled &gt; a:hover,
    .pager.pager-purple.pager-block .disabled &gt; a:focus {
        background-color: #f0dff7;
        border-color: #f0dff7;
        color: #ffffff;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

    .label[href]:hover,
    .label[href]:focus {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
    }

    .label:empty {
        display: none;
    }

.label-default {
    background-color: #999999;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #808080;
    }

.label-primary {
    background-color: #428bca;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #3071a9;
    }

.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;
    }

.label-pink {
    background-color: #e81c9d;
}

    .label-pink[href] {
        background-color: #be137f;
    }

.label-purple {
    background-color: #772599;
}

    .label-purple[href] {
        background-color: #571b70;
    }

.label-darkblue {
    background-color: #34495e;
}

    .label-darkblue[href] {
        background-color: #222f3d;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999999;
}

    .badge:empty {
        display: none;
    }

a.badge:hover,
a.badge:focus {
    text-decoration: none;
    cursor: pointer;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-important {
    background-color: #bd0300;
}

    .badge-important[href] {
        background-color: #8a0200;
    }

.badge-warning {
    background-color: #ffa600;
}

    .badge-warning[href] {
        background-color: #cc8500;
    }

.badge-success {
    background-color: #009402;
}

    .badge-success[href] {
        background-color: #006101;
    }

.badge-info {
    background-color: #007dba;
}

    .badge-info[href] {
        background-color: #005b87;
    }

.badge-inverse {
    background-color: #01090C;
}

    .badge-inverse[href] {
        background-color: #080808;
    }

.badge-pink {
    background-color: #e81c9d;
}

    .badge-pink[href] {
        background-color: #be137f;
    }

.badge-purple {
    background-color: #772599;
}

    .badge-purple[href] {
        background-color: #571b70;
    }

.badge-darkblue {
    background-color: #34495e;
}

    .badge-darkblue[href] {
        background-color: #222f3d;
    }

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eeeeee;
}

    .jumbotron h1 {
        line-height: 1;
        color: inherit;
    }

    .jumbotron p {
        line-height: 1.4;
    }

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px;
    }

    .jumbotron h1 {
        font-size: 63px;
    }
}

.thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #EFEFEF;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
    display: block;
}

    .thumbnail &gt; img {
        display: block;
        max-width: 100%;
        height: auto;
    }

a.thumbnail:hover,
a.thumbnail:focus {
    border-color: #428bca;
}

.thumbnail &gt; img {
    margin-left: auto;
    margin-right: auto;
}

.thumbnail .caption {
    padding: 9px;
    color: #656565;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert &gt; p,
    .alert &gt; ul {
        margin-bottom: 0;
    }

        .alert &gt; p + p {
            margin-top: 5px;
        }

.alert-dismissable {
    padding-right: 35px;
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #356635;
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #2d6987;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #fbeed5;
    color: #c09853;
}

    .alert-warning hr {
        border-top-color: #f8e5be;
    }

    .alert-warning .alert-link {
        color: #a47e3c;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

    .alert-danger hr {
        border-top-color: #e6c1c7;
    }

    .alert-danger .alert-link {
        color: #953b39;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: right;
    width: 0%;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background-color: #007acc;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #4ead00 !important;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #0091bd !important;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f09c00 !important;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #bd0000 !important;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-inverse {
    background-color: #111111 !important;
}

.progress-striped .progress-bar-inverse {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-grey {
    background-color: #888888 !important;
}

.progress-striped .progress-bar-grey {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-pink {
    background-color: #e81c9d !important;
}

.progress-striped .progress-bar-pink {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-purple {
    background-color: #772599 !important;
}

.progress-striped .progress-bar-purple {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/**** Default ****/
.progress-radial {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #888888;
    background-color: #888888;
}

    .progress-radial .overlay {
        position: absolute;
        width: 60px;
        height: 60px;
        background-color: #f4f4f4;
        border-radius: 50%;
        margin-left: 20px;
        margin-top: 20px;
        text-align: center;
        line-height: 60px;
        font-size: 16px;
        color: #000000;
        border: 1px solid #888888;
    }

.progress-0 {
    background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(90deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-5 {
    background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(108deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-10 {
    background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(126deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-15 {
    background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(144deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-20 {
    background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(162deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-25 {
    background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(180deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-30 {
    background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(198deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-35 {
    background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(216deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-40 {
    background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(234deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-45 {
    background-image: linear-gradient(90deg, #f4f4f4 50%, transparent 50%, transparent), linear-gradient(252deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-50 {
    background-image: linear-gradient(-90deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-55 {
    background-image: linear-gradient(-72deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-60 {
    background-image: linear-gradient(-54deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-65 {
    background-image: linear-gradient(-36deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-70 {
    background-image: linear-gradient(-18deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-75 {
    background-image: linear-gradient(0deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-80 {
    background-image: linear-gradient(18deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-85 {
    background-image: linear-gradient(36deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-90 {
    background-image: linear-gradient(54deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-95 {
    background-image: linear-gradient(72deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}

.progress-100 {
    background-image: linear-gradient(90deg, #888888 50%, transparent 50%, transparent), linear-gradient(270deg, #888888 50%, #f4f4f4 50%, #f4f4f4);
}
/**** Primary ****/
.progress-radial.progress-primary {
    border-color: #00a4db;
    background-color: #b1cae0;
}

    .progress-radial.progress-primary .overlay {
        background-color: #f4f4f4;
        color: #007acc;
        border-color: #00a4db;
    }

.progress-primary.progress-0 {
    background-image: linear-gradient(90deg, #b1cae0 50%, transparent 50%, transparent), linear-gradient(90deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-5 {
    background-image: linear-gradient(90deg, #b1cae0 50%, transparent 50%, transparent), linear-gradient(108deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-10 {
    background-image: linear-gradient(90deg, #b1cae0 50%, transparent 50%, transparent), linear-gradient(126deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-15 {
    background-image: linear-gradient(90deg, #b1cae0 50%, transparent 50%, transparent), linear-gradient(144deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-20 {
    background-image: linear-gradient(90deg, #b1cae0 50%, transparent 50%, transparent), linear-gradient(162deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-25 {
    background-image: linear-gradient(90deg, #b1cae0 50%, transparent 50%, transparent), linear-gradient(180deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-30 {
    background-image: linear-gradient(90deg, #b1cae0 50%, transparent 50%, transparent), linear-gradient(198deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-35 {
    background-image: linear-gradient(90deg, #b1cae0 50%, transparent 50%, transparent), linear-gradient(216deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-40 {
    background-image: linear-gradient(90deg, #b1cae0 50%, transparent 50%, transparent), linear-gradient(234deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-45 {
    background-image: linear-gradient(90deg, #b1cae0 50%, transparent 50%, transparent), linear-gradient(252deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-50 {
    background-image: linear-gradient(-90deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-55 {
    background-image: linear-gradient(-72deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-60 {
    background-image: linear-gradient(-54deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-65 {
    background-image: linear-gradient(-36deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-70 {
    background-image: linear-gradient(-18deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-75 {
    background-image: linear-gradient(0deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-80 {
    background-image: linear-gradient(18deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-85 {
    background-image: linear-gradient(36deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-90 {
    background-image: linear-gradient(54deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-95 {
    background-image: linear-gradient(72deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}

.progress-primary.progress-100 {
    background-image: linear-gradient(90deg, #00a4db 50%, transparent 50%, transparent), linear-gradient(270deg, #00a4db 50%, #b1cae0 50%, #b1cae0);
}
/**** Dark Blue ****/
.progress-radial.progress-darkblue {
    border-color: #2c3e50;
    background-color: #7b8d9e;
}

    .progress-radial.progress-darkblue .overlay {
        background-color: #f4f4f4;
        color: #2c3e50;
        border-color: #2c3e50;
    }

.progress-darkblue.progress-0 {
    background-image: linear-gradient(90deg, #7b8d9e 50%, transparent 50%, transparent), linear-gradient(90deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-5 {
    background-image: linear-gradient(90deg, #7b8d9e 50%, transparent 50%, transparent), linear-gradient(108deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-10 {
    background-image: linear-gradient(90deg, #7b8d9e 50%, transparent 50%, transparent), linear-gradient(126deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-15 {
    background-image: linear-gradient(90deg, #7b8d9e 50%, transparent 50%, transparent), linear-gradient(144deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-20 {
    background-image: linear-gradient(90deg, #7b8d9e 50%, transparent 50%, transparent), linear-gradient(162deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-25 {
    background-image: linear-gradient(90deg, #7b8d9e 50%, transparent 50%, transparent), linear-gradient(180deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-30 {
    background-image: linear-gradient(90deg, #7b8d9e 50%, transparent 50%, transparent), linear-gradient(198deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-35 {
    background-image: linear-gradient(90deg, #7b8d9e 50%, transparent 50%, transparent), linear-gradient(216deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-40 {
    background-image: linear-gradient(90deg, #7b8d9e 50%, transparent 50%, transparent), linear-gradient(234deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-45 {
    background-image: linear-gradient(90deg, #7b8d9e 50%, transparent 50%, transparent), linear-gradient(252deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-50 {
    background-image: linear-gradient(-90deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-55 {
    background-image: linear-gradient(-72deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-60 {
    background-image: linear-gradient(-54deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-65 {
    background-image: linear-gradient(-36deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-70 {
    background-image: linear-gradient(-18deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-75 {
    background-image: linear-gradient(0deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-80 {
    background-image: linear-gradient(18deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-85 {
    background-image: linear-gradient(36deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-90 {
    background-image: linear-gradient(54deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-95 {
    background-image: linear-gradient(72deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}

.progress-darkblue.progress-100 {
    background-image: linear-gradient(90deg, #2c3e50 50%, transparent 50%, transparent), linear-gradient(270deg, #2c3e50 50%, #7b8d9e 50%, #7b8d9e);
}
/**** Success ****/
.progress-radial.progress-success {
    border-color: #75d428;
    background-color: #75d428;
}

    .progress-radial.progress-success .overlay {
        background-color: #f4f4f4;
        color: #75d428;
        border-color: #75d428;
    }

.progress-success.progress-0 {
    background-image: linear-gradient(90deg, #d8edc7 50%, transparent 50%, transparent), linear-gradient(90deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-5 {
    background-image: linear-gradient(90deg, #d8edc7 50%, transparent 50%, transparent), linear-gradient(108deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-10 {
    background-image: linear-gradient(90deg, #d8edc7 50%, transparent 50%, transparent), linear-gradient(126deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-15 {
    background-image: linear-gradient(90deg, #d8edc7 50%, transparent 50%, transparent), linear-gradient(144deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-20 {
    background-image: linear-gradient(90deg, #d8edc7 50%, transparent 50%, transparent), linear-gradient(162deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-25 {
    background-image: linear-gradient(90deg, #d8edc7 50%, transparent 50%, transparent), linear-gradient(180deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-30 {
    background-image: linear-gradient(90deg, #d8edc7 50%, transparent 50%, transparent), linear-gradient(198deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-35 {
    background-image: linear-gradient(90deg, #d8edc7 50%, transparent 50%, transparent), linear-gradient(216deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-40 {
    background-image: linear-gradient(90deg, #d8edc7 50%, transparent 50%, transparent), linear-gradient(234deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-45 {
    background-image: linear-gradient(90deg, #d8edc7 50%, transparent 50%, transparent), linear-gradient(252deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-50 {
    background-image: linear-gradient(-90deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-55 {
    background-image: linear-gradient(-72deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-60 {
    background-image: linear-gradient(-54deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-65 {
    background-image: linear-gradient(-36deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-70 {
    background-image: linear-gradient(-18deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-75 {
    background-image: linear-gradient(0deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-80 {
    background-image: linear-gradient(18deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-85 {
    background-image: linear-gradient(36deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-90 {
    background-image: linear-gradient(54deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-95 {
    background-image: linear-gradient(72deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}

.progress-success.progress-100 {
    background-image: linear-gradient(90deg, #75d428 50%, transparent 50%, transparent), linear-gradient(270deg, #75d428 50%, #d8edc7 50%, #d8edc7);
}
/**** Warning ****/
.progress-radial.progress-warning {
    border-color: #fdb53f;
    background-color: #fdb53f;
}

    .progress-radial.progress-warning .overlay {
        background-color: #f4f4f4;
        color: #f09c00;
        border-color: #fdb53f;
    }

.progress-warning.progress-0 {
    background-image: linear-gradient(90deg, #f2e6d0 50%, transparent 50%, transparent), linear-gradient(90deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-5 {
    background-image: linear-gradient(90deg, #f2e6d0 50%, transparent 50%, transparent), linear-gradient(108deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-10 {
    background-image: linear-gradient(90deg, #f2e6d0 50%, transparent 50%, transparent), linear-gradient(126deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-15 {
    background-image: linear-gradient(90deg, #f2e6d0 50%, transparent 50%, transparent), linear-gradient(144deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-20 {
    background-image: linear-gradient(90deg, #f2e6d0 50%, transparent 50%, transparent), linear-gradient(162deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-25 {
    background-image: linear-gradient(90deg, #f2e6d0 50%, transparent 50%, transparent), linear-gradient(180deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-30 {
    background-image: linear-gradient(90deg, #f2e6d0 50%, transparent 50%, transparent), linear-gradient(198deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-35 {
    background-image: linear-gradient(90deg, #f2e6d0 50%, transparent 50%, transparent), linear-gradient(216deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-40 {
    background-image: linear-gradient(90deg, #f2e6d0 50%, transparent 50%, transparent), linear-gradient(234deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-45 {
    background-image: linear-gradient(90deg, #f2e6d0 50%, transparent 50%, transparent), linear-gradient(252deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-50 {
    background-image: linear-gradient(-90deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-55 {
    background-image: linear-gradient(-72deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-60 {
    background-image: linear-gradient(-54deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-65 {
    background-image: linear-gradient(-36deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-70 {
    background-image: linear-gradient(-18deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-75 {
    background-image: linear-gradient(0deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-80 {
    background-image: linear-gradient(18deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-85 {
    background-image: linear-gradient(36deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-90 {
    background-image: linear-gradient(54deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-95 {
    background-image: linear-gradient(72deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}

.progress-warning.progress-100 {
    background-image: linear-gradient(90deg, #fdb53f 50%, transparent 50%, transparent), linear-gradient(270deg, #fdb53f 50%, #f2e6d0 50%, #f2e6d0);
}
/**** Pink ****/
.progress-radial.progress-pink {
    border-color: #fa66c4;
    background-color: #fa66c4;
}

    .progress-radial.progress-pink .overlay {
        background-color: #f4f4f4;
        color: #e81c9d;
        border-color: #fa66c4;
    }

.progress-pink.progress-0 {
    background-image: linear-gradient(90deg, #edc5de 50%, transparent 50%, transparent), linear-gradient(90deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-5 {
    background-image: linear-gradient(90deg, #edc5de 50%, transparent 50%, transparent), linear-gradient(108deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-10 {
    background-image: linear-gradient(90deg, #edc5de 50%, transparent 50%, transparent), linear-gradient(126deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-15 {
    background-image: linear-gradient(90deg, #edc5de 50%, transparent 50%, transparent), linear-gradient(144deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-20 {
    background-image: linear-gradient(90deg, #edc5de 50%, transparent 50%, transparent), linear-gradient(162deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-25 {
    background-image: linear-gradient(90deg, #edc5de 50%, transparent 50%, transparent), linear-gradient(180deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-30 {
    background-image: linear-gradient(90deg, #edc5de 50%, transparent 50%, transparent), linear-gradient(198deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-35 {
    background-image: linear-gradient(90deg, #edc5de 50%, transparent 50%, transparent), linear-gradient(216deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-40 {
    background-image: linear-gradient(90deg, #edc5de 50%, transparent 50%, transparent), linear-gradient(234deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-45 {
    background-image: linear-gradient(90deg, #edc5de 50%, transparent 50%, transparent), linear-gradient(252deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-50 {
    background-image: linear-gradient(-90deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-55 {
    background-image: linear-gradient(-72deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-60 {
    background-image: linear-gradient(-54deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-65 {
    background-image: linear-gradient(-36deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-70 {
    background-image: linear-gradient(-18deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-75 {
    background-image: linear-gradient(0deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-80 {
    background-image: linear-gradient(18deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-85 {
    background-image: linear-gradient(36deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-90 {
    background-image: linear-gradient(54deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-95 {
    background-image: linear-gradient(72deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}

.progress-pink.progress-100 {
    background-image: linear-gradient(90deg, #fa66c4 50%, transparent 50%, transparent), linear-gradient(270deg, #fa66c4 50%, #edc5de 50%, #edc5de);
}
/**** Danger ****/
.progress-radial.progress-danger {
    border-color: #ff4a45;
    background-color: #ff4a45;
}

    .progress-radial.progress-danger .overlay {
        background-color: #f4f4f4;
        color: #bd0000;
        border-color: #ff4a45;
    }

.progress-danger.progress-0 {
    background-image: linear-gradient(90deg, #f2c2c2 50%, transparent 50%, transparent), linear-gradient(90deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-5 {
    background-image: linear-gradient(90deg, #f2c2c2 50%, transparent 50%, transparent), linear-gradient(108deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-10 {
    background-image: linear-gradient(90deg, #f2c2c2 50%, transparent 50%, transparent), linear-gradient(126deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-15 {
    background-image: linear-gradient(90deg, #f2c2c2 50%, transparent 50%, transparent), linear-gradient(144deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-20 {
    background-image: linear-gradient(90deg, #f2c2c2 50%, transparent 50%, transparent), linear-gradient(162deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-25 {
    background-image: linear-gradient(90deg, #f2c2c2 50%, transparent 50%, transparent), linear-gradient(180deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-30 {
    background-image: linear-gradient(90deg, #f2c2c2 50%, transparent 50%, transparent), linear-gradient(198deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-35 {
    background-image: linear-gradient(90deg, #f2c2c2 50%, transparent 50%, transparent), linear-gradient(216deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-40 {
    background-image: linear-gradient(90deg, #f2c2c2 50%, transparent 50%, transparent), linear-gradient(234deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-45 {
    background-image: linear-gradient(90deg, #f2c2c2 50%, transparent 50%, transparent), linear-gradient(252deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-50 {
    background-image: linear-gradient(-90deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-55 {
    background-image: linear-gradient(-72deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-60 {
    background-image: linear-gradient(-54deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-65 {
    background-image: linear-gradient(-36deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-70 {
    background-image: linear-gradient(-18deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-75 {
    background-image: linear-gradient(0deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-80 {
    background-image: linear-gradient(18deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-85 {
    background-image: linear-gradient(36deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-90 {
    background-image: linear-gradient(54deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-95 {
    background-image: linear-gradient(72deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}

.progress-danger.progress-100 {
    background-image: linear-gradient(90deg, #ff4a45 50%, transparent 50%, transparent), linear-gradient(270deg, #ff4a45 50%, #f2c2c2 50%, #f2c2c2);
}
/**** Purple ****/
.progress-radial.progress-purple {
    border-color: #9b59b6;
    background-color: #9b59b6;
}

    .progress-radial.progress-purple .overlay {
        background-color: #f4f4f4;
        color: #772599;
        border-color: #9b59b6;
    }

.progress-purple.progress-0 {
    background-image: linear-gradient(90deg, #e9cef5 50%, transparent 50%, transparent), linear-gradient(90deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-5 {
    background-image: linear-gradient(90deg, #e9cef5 50%, transparent 50%, transparent), linear-gradient(108deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-10 {
    background-image: linear-gradient(90deg, #e9cef5 50%, transparent 50%, transparent), linear-gradient(126deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-15 {
    background-image: linear-gradient(90deg, #e9cef5 50%, transparent 50%, transparent), linear-gradient(144deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-20 {
    background-image: linear-gradient(90deg, #e9cef5 50%, transparent 50%, transparent), linear-gradient(162deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-25 {
    background-image: linear-gradient(90deg, #e9cef5 50%, transparent 50%, transparent), linear-gradient(180deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-30 {
    background-image: linear-gradient(90deg, #e9cef5 50%, transparent 50%, transparent), linear-gradient(198deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-35 {
    background-image: linear-gradient(90deg, #e9cef5 50%, transparent 50%, transparent), linear-gradient(216deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-40 {
    background-image: linear-gradient(90deg, #e9cef5 50%, transparent 50%, transparent), linear-gradient(234deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-45 {
    background-image: linear-gradient(90deg, #e9cef5 50%, transparent 50%, transparent), linear-gradient(252deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-50 {
    background-image: linear-gradient(-90deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-55 {
    background-image: linear-gradient(-72deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-60 {
    background-image: linear-gradient(-54deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-65 {
    background-image: linear-gradient(-36deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-70 {
    background-image: linear-gradient(-18deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-75 {
    background-image: linear-gradient(0deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-80 {
    background-image: linear-gradient(18deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-85 {
    background-image: linear-gradient(36deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-90 {
    background-image: linear-gradient(54deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-95 {
    background-image: linear-gradient(72deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}

.progress-purple.progress-100 {
    background-image: linear-gradient(90deg, #9b59b6 50%, transparent 50%, transparent), linear-gradient(270deg, #9b59b6 50%, #e9cef5 50%, #e9cef5);
}
/**** Inverse ****/
.progress-radial.progress-inverse {
    border-color: #282828;
    background-color: #282828;
}

    .progress-radial.progress-inverse .overlay {
        background-color: #f4f4f4;
        color: #111111;
        border-color: #282828;
    }

.progress-inverse.progress-0 {
    background-image: linear-gradient(90deg, #EFEFEF 50%, transparent 50%, transparent), linear-gradient(90deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-5 {
    background-image: linear-gradient(90deg, #EFEFEF 50%, transparent 50%, transparent), linear-gradient(108deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-10 {
    background-image: linear-gradient(90deg, #EFEFEF 50%, transparent 50%, transparent), linear-gradient(126deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-15 {
    background-image: linear-gradient(90deg, #EFEFEF 50%, transparent 50%, transparent), linear-gradient(144deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-20 {
    background-image: linear-gradient(90deg, #EFEFEF 50%, transparent 50%, transparent), linear-gradient(162deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-25 {
    background-image: linear-gradient(90deg, #EFEFEF 50%, transparent 50%, transparent), linear-gradient(180deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-30 {
    background-image: linear-gradient(90deg, #EFEFEF 50%, transparent 50%, transparent), linear-gradient(198deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-35 {
    background-image: linear-gradient(90deg, #EFEFEF 50%, transparent 50%, transparent), linear-gradient(216deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-40 {
    background-image: linear-gradient(90deg, #EFEFEF 50%, transparent 50%, transparent), linear-gradient(234deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-45 {
    background-image: linear-gradient(90deg, #EFEFEF 50%, transparent 50%, transparent), linear-gradient(252deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-50 {
    background-image: linear-gradient(-90deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-55 {
    background-image: linear-gradient(-72deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-60 {
    background-image: linear-gradient(-54deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-65 {
    background-image: linear-gradient(-36deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-70 {
    background-image: linear-gradient(-18deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-75 {
    background-image: linear-gradient(0deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-80 {
    background-image: linear-gradient(18deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-85 {
    background-image: linear-gradient(36deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-90 {
    background-image: linear-gradient(54deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-95 {
    background-image: linear-gradient(72deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.progress-inverse.progress-100 {
    background-image: linear-gradient(90deg, #282828 50%, transparent 50%, transparent), linear-gradient(270deg, #282828 50%, #EFEFEF 50%, #EFEFEF);
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

    .media,
    .media .media {
        margin-top: 15px;
    }

        .media:first-child {
            margin-top: 0;
        }

.media-object {
    display: block;
}

.media-heading {
    margin: 0 0 5px;
}

.media &gt; .pull-left {
    margin-right: 10px;
}

.media &gt; .pull-right {
    margin-left: 10px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #EFEFEF;
}

    .list-group-item &gt; .badge {
        float: right;
    }

        .list-group-item &gt; .badge + .badge {
            margin-right: 5px;
        }

a.list-group-item {
    color: #656565;
}

    a.list-group-item .list-group-item-heading {
        color: #656565;
    }

    a.list-group-item:hover,
    a.list-group-item:focus {
        text-decoration: none;
        background-color: #f5f5f5;
    }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #656565;
    border-color: #656565;
}

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading {
        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: #bbbbbb;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.list-group-item-primary {
    background-color: #ffffff;
    border-color: #74a0cc;
}

a.list-group-item-primary {
    color: #3d70a3;
}

    a.list-group-item-primary .list-group-item-heading {
        color: #3d70a3;
    }

    a.list-group-item-primary:hover,
    a.list-group-item-primary:focus {
        background-color: #c2dcf7;
    }

.list-group-item-primary.active,
.list-group-item-primary.active:hover,
.list-group-item-primary.active:focus {
    color: #ffffff;
    background-color: #00a4d1;
    border-color: #428bca;
}

    .list-group-item-primary.active .list-group-item-text,
    .list-group-item-primary.active:hover .list-group-item-text,
    .list-group-item-primary.active:focus .list-group-item-text {
        color: #9eeaff;
    }

.list-group-item-success {
    background-color: #ffffff;
    border-color: #acd16d;
}

a.list-group-item-success {
    color: #89b340;
}

    a.list-group-item-success .list-group-item-heading {
        color: #89b340;
    }

    a.list-group-item-success:hover,
    a.list-group-item-success:focus {
        background-color: #eaf2dc;
    }

.list-group-item-success.active,
.list-group-item-success.active:hover,
.list-group-item-success.active:focus {
    color: #ffffff;
    background-color: #6ead00;
    border-color: #588a00;
}

    .list-group-item-success.active .list-group-item-text,
    .list-group-item-success.active:hover .list-group-item-text,
    .list-group-item-success.active:focus .list-group-item-text {
        color: #cfff7a;
    }

.list-group-item-warning {
    background-color: #ffffff;
    border-color: #c7a15b;
}

a.list-group-item-warning {
    color: #b58a3a;
}

    a.list-group-item-warning .list-group-item-heading {
        color: #b58a3a;
    }

    a.list-group-item-warning:hover,
    a.list-group-item-warning:focus {
        background-color: #f2efdc;
    }

.list-group-item-warning.active,
.list-group-item-warning.active:hover,
.list-group-item-warning.active:focus {
    color: #ffffff;
    background-color: #c7af28;
    border-color: #a38e14;
}

    .list-group-item-warning.active .list-group-item-text,
    .list-group-item-warning.active:hover .list-group-item-text,
    .list-group-item-warning.active:focus .list-group-item-text {
        color: #f4edc7;
    }

.list-group-item-danger {
    background-color: #ffffff;
    border-color: #e06767;
}

a.list-group-item-danger {
    color: #e06767;
}

    a.list-group-item-danger .list-group-item-heading {
        color: #e06767;
    }

    a.list-group-item-danger:hover,
    a.list-group-item-danger:focus {
        background-color: #f2dcdc;
    }

.list-group-item-danger.active,
.list-group-item-danger.active:hover,
.list-group-item-danger.active:focus {
    color: #ffffff;
    background-color: #a61b1b;
    border-color: #800e0e;
}

    .list-group-item-danger.active .list-group-item-text,
    .list-group-item-danger.active:hover .list-group-item-text,
    .list-group-item-danger.active:focus .list-group-item-text {
        color: #ef9e9e;
    }

.list-group-item-pink {
    background-color: #ffffff;
    border-color: #d1a5c2;
}

a.list-group-item-pink {
    color: #d1a5c2;
}

    a.list-group-item-pink .list-group-item-heading {
        color: #d1a5c2;
    }

    a.list-group-item-pink:hover,
    a.list-group-item-pink:focus {
        background-color: #f2dcea;
    }

.list-group-item-pink.active,
.list-group-item-pink.active:hover,
.list-group-item-pink.active:focus {
    color: #ffffff;
    background-color: #d177b2;
    border-color: #bf5e9d;
}

    .list-group-item-pink.active .list-group-item-text,
    .list-group-item-pink.active:hover .list-group-item-text,
    .list-group-item-pink.active:focus .list-group-item-text {
        color: #ffffff;
    }

.list-group-item-purple {
    background-color: #ffffff;
    border-color: #ce97de;
}

a.list-group-item-purple {
    color: #ce97de;
}

    a.list-group-item-purple .list-group-item-heading {
        color: #ce97de;
    }

    a.list-group-item-purple:hover,
    a.list-group-item-purple:focus {
        background-color: #f2dcf2;
    }

.list-group-item-purple.active,
.list-group-item-purple.active:hover,
.list-group-item-purple.active:focus {
    color: #ffffff;
    background-color: #a13ba1;
    border-color: #751275;
}

    .list-group-item-purple.active .list-group-item-text,
    .list-group-item-purple.active:hover .list-group-item-text,
    .list-group-item-purple.active:focus .list-group-item-text {
        color: #e8c0e8;
    }

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
    *zoom: 1;
}

    .panel-body:before,
    .panel-body:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .panel-body:after {
        clear: both;
    }

    .panel-body:before,
    .panel-body:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .panel-body:after {
        clear: both;
    }

.panel &gt; .list-group {
    margin-bottom: 0;
}

    .panel &gt; .list-group .list-group-item {
        border-width: 1px 0;
    }

        .panel &gt; .list-group .list-group-item:first-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        .panel &gt; .list-group .list-group-item:last-child {
            border-bottom: 0;
        }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel &gt; .table {
    margin-bottom: 0;
}

.panel &gt; .panel-body + .table {
    border-top: 1px solid #EFEFEF;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1;
    border-top-left-radius: -1;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

    .panel-title &gt; a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #EFEFEF;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    overflow: hidden;
}

    .panel-group .panel + .panel {
        margin-top: 5px;
    }

.panel-group .panel-heading {
    border-bottom: 0;
}

    .panel-group .panel-heading + .panel-collapse .panel-body {
        border-top: 1px solid #EFEFEF;
    }

.panel-group .panel-footer {
    border-top: 0;
}

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #EFEFEF;
    }

.panel-default {
    border-color: #EFEFEF;
}

    .panel-default &gt; .panel-heading {
        color: #656565;
        background-color: #f5f5f5;
        border-color: #EFEFEF;
    }

        .panel-default &gt; .panel-heading + .panel-collapse .panel-body {
            border-top-color: #EFEFEF;
        }

    .panel-default &gt; .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #EFEFEF;
    }

.panel-primary {
    border-color: #428bca;
}

    .panel-primary &gt; .panel-heading {
        color: #ffffff;
        background-color: #428bca;
        border-color: #428bca;
    }

        .panel-primary &gt; .panel-heading + .panel-collapse .panel-body {
            border-top-color: #428bca;
        }

    .panel-primary &gt; .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #428bca;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success &gt; .panel-heading {
        color: #468847;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success &gt; .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6;
        }

    .panel-success &gt; .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-warning {
    border-color: #fbeed5;
}

    .panel-warning &gt; .panel-heading {
        color: #c09853;
        background-color: #fcf8e3;
        border-color: #fbeed5;
    }

        .panel-warning &gt; .panel-heading + .panel-collapse .panel-body {
            border-top-color: #fbeed5;
        }

    .panel-warning &gt; .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #fbeed5;
    }

.panel-danger {
    border-color: #eed3d7;
}

    .panel-danger &gt; .panel-heading {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #eed3d7;
    }

        .panel-danger &gt; .panel-heading + .panel-collapse .panel-body {
            border-top-color: #eed3d7;
        }

    .panel-danger &gt; .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #eed3d7;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info &gt; .panel-heading {
        color: #3a87ad;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info &gt; .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1;
        }

    .panel-info &gt; .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-purple {
    border-color: #c596d9;
}

    .panel-purple &gt; .panel-heading {
        color: #9a5db3;
        background-color: #f0ccff;
        border-color: #c596d9;
    }

        .panel-purple &gt; .panel-heading + .panel-collapse .panel-body {
            border-top-color: #c596d9;
        }

    .panel-purple &gt; .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #c596d9;
    }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-lg {
    padding: 24px;
}

.well-sm {
    padding: 9px;
}

.well.well-dark {
    background-color: #282828;
    color: #eeeeee;
    border: 1px solid #161616;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

    .well.well-dark blockquote {
        border-color: #000000;
    }

.well.well-warning {
    background-color: #faa732;
    color: #eeeeee;
    border: 1px solid #f9980f;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

    .well.well-warning blockquote {
        border-color: #c17305;
    }

.well.well-pink {
    background-color: #e81c9d;
    color: #eeeeee;
    border: 1px solid #cc1588;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

    .well.well-pink blockquote {
        border-color: #8f0f60;
    }

.well.well-danger {
    background-color: #bd0000;
    color: #eeeeee;
    border: 1px solid #990000;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

    .well.well-danger blockquote {
        border-color: #570000;
    }

.well.well-purple {
    background-color: #772599;
    color: #eeeeee;
    border: 1px solid #611e7c;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

    .well.well-purple blockquote {
        border-color: #371147;
    }

.well.well-info {
    background-color: #0091bd;
    color: #eeeeee;
    border: 1px solid #007699;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

    .well.well-info blockquote {
        border-color: #004357;
    }

.well.well-success {
    background-color: #4ead00;
    color: #eeeeee;
    border: 1px solid #3e8900;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

    .well.well-success blockquote {
        border-color: #204700;
    }

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover,
    .close:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-briefcase:before {
    content: "\1f4bc";
}

.glyphicon-calendar:before {
    content: "\1f4c5";
}

.glyphicon-pushpin:before {
    content: "\1f4cc";
}

.glyphicon-paperclip:before {
    content: "\1f4ce";
}

.glyphicon-camera:before {
    content: "\1f4f7";
}

.glyphicon-lock:before {
    content: "\1f512";
}

.glyphicon-bell:before {
    content: "\1f514";
}

.glyphicon-bookmark:before {
    content: "\1f516";
}

.glyphicon-fire:before {
    content: "\1f525";
}

.glyphicon-wrench:before {
    content: "\1f527";
}
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    /*src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&amp;v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');*/    

    src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&amp;v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.3333333333333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.2857142857142858em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.142857142857143em;
    list-style-type: none;
}

    .fa-ul &gt; li {
        position: relative;
    }

.fa-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    top: 0.14285714285714285em;
    text-align: center;
}

    .fa-li.fa-lg {
        left: -1.8571428571428572em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-asc:before {
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-desc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-reply-all:before {
    content: "\f122";
}

.fa-mail-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}

.fa-won:before,
.fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.modal-open {
    overflow: hidden;
}

    body.modal-open,
    .modal-open .navbar-fixed-top,
    .modal-open .navbar-fixed-bottom {
        margin-right: 15px;
    }

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-dialog {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 10px;
    z-index: 1050;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

    .modal-footer:before,
    .modal-footer:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer:before,
    .modal-footer:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

@media screen and (min-width: 768px) {
    .modal-dialog {
        left: 50%;
        right: auto;
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: 0.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: -15px;
        padding: 0 5px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: right;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

    .popover .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

    .popover.top .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #ffffff;
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

    .popover.right .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #ffffff;
    }

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

    .popover.bottom .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #ffffff;
    }

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

    .popover.left .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #ffffff;
        bottom: -10px;
    }

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner &gt; .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner &gt; .item &gt; img,
        .carousel-inner &gt; .item &gt; a &gt; img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1;
        }

    .carousel-inner &gt; .active,
    .carousel-inner &gt; .next,
    .carousel-inner &gt; .prev {
        display: block;
    }

    .carousel-inner &gt; .active {
        left: 0;
    }

    .carousel-inner &gt; .next,
    .carousel-inner &gt; .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner &gt; .next {
        left: 100%;
    }

    .carousel-inner &gt; .prev {
        left: -100%;
    }

        .carousel-inner &gt; .next.left,
        .carousel-inner &gt; .prev.right {
            left: 0;
        }

    .carousel-inner &gt; .active.left {
        left: -100%;
    }

    .carousel-inner &gt; .active.right {
        left: 100%;
    }

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-control.left {
        background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 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 {
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    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;
        text-indent: -999px;
        border: 1px solid #ffffff;
        border-radius: 10px;
        cursor: pointer;
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #ffffff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix {
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .clearfix:after {
        clear: both;
    }

.pull-right {
    float: right;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: 320px;
    }
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.visible-xs {
    display: none !important;
}

tr.visible-xs {
    display: none !important;
}

th.visible-xs,
td.visible-xs {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm {
        display: block !important;
    }

    tr.visible-xs.visible-sm {
        display: table-row !important;
    }

    th.visible-xs.visible-sm,
    td.visible-xs.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-xs.visible-md {
        display: block !important;
    }

    tr.visible-xs.visible-md {
        display: table-row !important;
    }

    th.visible-xs.visible-md,
    td.visible-xs.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-xs.visible-lg {
        display: block !important;
    }

    tr.visible-xs.visible-lg {
        display: table-row !important;
    }

    th.visible-xs.visible-lg,
    td.visible-xs.visible-lg {
        display: table-cell !important;
    }
}

.visible-sm {
    display: none !important;
}

tr.visible-sm {
    display: none !important;
}

th.visible-sm,
td.visible-sm {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-sm.visible-xs {
        display: block !important;
    }

    tr.visible-sm.visible-xs {
        display: table-row !important;
    }

    th.visible-sm.visible-xs,
    td.visible-sm.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-sm.visible-md {
        display: block !important;
    }

    tr.visible-sm.visible-md {
        display: table-row !important;
    }

    th.visible-sm.visible-md,
    td.visible-sm.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-sm.visible-lg {
        display: block !important;
    }

    tr.visible-sm.visible-lg {
        display: table-row !important;
    }

    th.visible-sm.visible-lg,
    td.visible-sm.visible-lg {
        display: table-cell !important;
    }
}

.visible-md {
    display: none !important;
}

tr.visible-md {
    display: none !important;
}

th.visible-md,
td.visible-md {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-md.visible-xs {
        display: block !important;
    }

    tr.visible-md.visible-xs {
        display: table-row !important;
    }

    th.visible-md.visible-xs,
    td.visible-md.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm {
        display: block !important;
    }

    tr.visible-md.visible-sm {
        display: table-row !important;
    }

    th.visible-md.visible-sm,
    td.visible-md.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-md.visible-lg {
        display: block !important;
    }

    tr.visible-md.visible-lg {
        display: table-row !important;
    }

    th.visible-md.visible-lg,
    td.visible-md.visible-lg {
        display: table-cell !important;
    }
}

.visible-lg {
    display: none !important;
}

tr.visible-lg {
    display: none !important;
}

th.visible-lg,
td.visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-lg.visible-xs {
        display: block !important;
    }

    tr.visible-lg.visible-xs {
        display: table-row !important;
    }

    th.visible-lg.visible-xs,
    td.visible-lg.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm {
        display: block !important;
    }

    tr.visible-lg.visible-sm {
        display: table-row !important;
    }

    th.visible-lg.visible-sm,
    td.visible-lg.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-lg.visible-md {
        display: block !important;
    }

    tr.visible-lg.visible-md {
        display: table-row !important;
    }

    th.visible-lg.visible-md,
    td.visible-lg.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

.hidden-xs {
    display: block !important;
}

tr.hidden-xs {
    display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    tr.hidden-xs {
        display: none !important;
    }

    th.hidden-xs,
    td.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm {
        display: none !important;
    }

    tr.hidden-xs.hidden-sm {
        display: none !important;
    }

    th.hidden-xs.hidden-sm,
    td.hidden-xs.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md {
        display: none !important;
    }

    tr.hidden-xs.hidden-md {
        display: none !important;
    }

    th.hidden-xs.hidden-md,
    td.hidden-xs.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xs.hidden-lg {
        display: none !important;
    }

    tr.hidden-xs.hidden-lg {
        display: none !important;
    }

    th.hidden-xs.hidden-lg,
    td.hidden-xs.hidden-lg {
        display: none !important;
    }
}

.hidden-sm {
    display: block !important;
}

tr.hidden-sm {
    display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-sm.hidden-xs {
        display: none !important;
    }

    tr.hidden-sm.hidden-xs {
        display: none !important;
    }

    th.hidden-sm.hidden-xs,
    td.hidden-sm.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }

    tr.hidden-sm {
        display: none !important;
    }

    th.hidden-sm,
    td.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md {
        display: none !important;
    }

    tr.hidden-sm.hidden-md {
        display: none !important;
    }

    th.hidden-sm.hidden-md,
    td.hidden-sm.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-sm.hidden-lg {
        display: none !important;
    }

    tr.hidden-sm.hidden-lg {
        display: none !important;
    }

    th.hidden-sm.hidden-lg,
    td.hidden-sm.hidden-lg {
        display: none !important;
    }
}

.hidden-md {
    display: block !important;
}

tr.hidden-md {
    display: table-row !important;
}

th.hidden-md,
td.hidden-md {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-md.hidden-xs {
        display: none !important;
    }

    tr.hidden-md.hidden-xs {
        display: none !important;
    }

    th.hidden-md.hidden-xs,
    td.hidden-md.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm {
        display: none !important;
    }

    tr.hidden-md.hidden-sm {
        display: none !important;
    }

    th.hidden-md.hidden-sm,
    td.hidden-md.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }

    tr.hidden-md {
        display: none !important;
    }

    th.hidden-md,
    td.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-md.hidden-lg {
        display: none !important;
    }

    tr.hidden-md.hidden-lg {
        display: none !important;
    }

    th.hidden-md.hidden-lg,
    td.hidden-md.hidden-lg {
        display: none !important;
    }
}

.hidden-lg {
    display: block !important;
}

tr.hidden-lg {
    display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-lg.hidden-xs {
        display: none !important;
    }

    tr.hidden-lg.hidden-xs {
        display: none !important;
    }

    th.hidden-lg.hidden-xs,
    td.hidden-lg.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm {
        display: none !important;
    }

    tr.hidden-lg.hidden-sm {
        display: none !important;
    }

    th.hidden-lg.hidden-sm,
    td.hidden-lg.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg.hidden-md {
        display: none !important;
    }

    tr.hidden-lg.hidden-md {
        display: none !important;
    }

    th.hidden-lg.hidden-md,
    td.hidden-lg.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }

    tr.hidden-lg {
        display: none !important;
    }

    th.hidden-lg,
    td.hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

tr.visible-print {
    display: none !important;
}

th.visible-print,
td.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }

    .hidden-print {
        display: none !important;
    }

    tr.hidden-print {
        display: none !important;
    }

    th.hidden-print,
    td.hidden-print {
        display: none !important;
    }
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.prettycheckbox,
.prettyradio {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .prettycheckbox a,
    .prettyradio a {
        width: 30px;
        height: 30px;
        background: url(../img/prettyCheckable-blue.png) top left no-repeat;
        display: block;
        float: left;
        cursor: pointer;
        margin: 0;
    }

    .prettycheckbox.green a,
    .prettyradio.green a {
        background-image: url(../img/prettyCheckable-green.png);
    }

    .prettycheckbox.red a,
    .prettyradio.red a {
        background-image: url(../img/prettyCheckable-red.png);
    }

    .prettycheckbox.yellow a,
    .prettyradio.yellow a {
        background-image: url(../img/prettyCheckable-yellow.png);
    }

    .prettycheckbox.gray a,
    .prettyradio.gray a {
        background-image: url(../img/prettyCheckable-gray.png);
    }

    .prettyradio a {
        background-position: 0 -120px;
    }

        .prettycheckbox a:focus,
        .prettyradio a:focus {
            outline: 0 none;
        }

    .prettycheckbox a:focus {
        background-position: 0 -30px;
    }

    .prettyradio a:focus {
        background-position: 0 -150px;
    }

    .prettycheckbox a.checked {
        background-position: 0 -60px;
    }

    .prettyradio a.checked {
        background-position: 0 -180px;
    }

    .prettycheckbox a.checked:focus {
        background-position: 0 -90px;
    }

    .prettyradio a.checked:focus {
        background-position: 0 -210px;
    }

    .prettycheckbox label,
    .prettyradio label {
        display: block;
        float: left;
        margin: 6px 0px;
        cursor: pointer;
    }

    .prettycheckbox.disabled a,
    .prettyradio.disabled a,
    .prettycheckbox.disabled label,
    .prettyradio.disabled label {
        cursor: not-allowed;
    }

    .prettycheckbox.disabled a {
        background-position: 0 -240px;
    }

    .prettyradio.disabled a {
        background-position: 0 -270px;
    }

.prettyradio,
.prettycheckbox {
    margin-left: -25px;
    margin-bottom: -10px;
}

.radio .prettyradio,
.checkbox .prettycheckbox {
    margin-left: -25px;
    margin-bottom: -10px;
}

.datepicker {
    top: 0;
    left: 0;
    padding: 4px 8px;
    margin-top: 1px;
}

    .datepicker th.switch {
        border-bottom: 1px solid #00a4d1;
    }

    .datepicker .day.new {
        color: #cacaca;
    }

    .datepicker .prev,
    .datepicker .next {
        font-size: 17.5px;
    }

        .datepicker .prev:hover,
        .datepicker .next:hover,
        .datepicker .switch:hover,
        .datepicker .month:hover,
        .datepicker .day:hover {
            cursor: pointer;
        }

    .datepicker .day,
    .datepicker .prev,
    .datepicker .next {
        text-align: center;
    }

        .datepicker .month:hover,
        .datepicker .year:hover,
        .datepicker .day:hover,
        .datepicker .prev:hover,
        .datepicker .next:hover {
            background-color: #05c9ff;
            color: #ffffff;
        }

        .datepicker .day.active,
        .datepicker .prev.active,
        .datepicker .next.active,
        .datepicker .month.active,
        .datepicker .year.active {
            color: #ffffff;
            background-color: #00a4d1;
        }

    .datepicker .month,
    .datepicker .year {
        padding: 0 10px;
        margin: 10px 0;
    }
/*!
* Colorpicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url(../img/saturation.png);
    cursor: crosshair;
    float: left;
}

    .colorpicker-saturation .colorpicker-saturation i {
        display: block;
        height: 5px;
        width: 5px;
        border: 1px solid #000;
        position: absolute;
        top: 0;
        left: 0;
        margin: -4px 0 0 -4px;
    }

        .colorpicker-saturation .colorpicker-saturation i b {
            display: block;
            height: 5px;
            width: 5px;
            border: 1px solid #fff;
        }

.colorpicker-hue,
.colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px;
}

    .colorpicker-hue i,
    .colorpicker-alpha i {
        display: block;
        height: 1px;
        background: #000;
        border-top: 1px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: -1px;
    }

.colorpicker-hue {
    background-image: url(../img/hue.png);
}

.colorpicker-alpha {
    background-image: url(../img/alpha.png);
    display: none;
}

.colorpicker {
    *zoom: 1;
    top: 0;
    left: 0;
    padding: 4px;
    min-width: 120px;
    margin-top: 1px;
}

    .colorpicker:before,
    .colorpicker:after {
        display: table;
        content: "";
    }

    .colorpicker:after {
        clear: both;
    }

    .colorpicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .colorpicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .colorpicker div {
        position: relative;
    }

    .colorpicker.alpha {
        min-width: 140px;
    }

        .colorpicker.alpha .colorpicker-alpha {
            display: block;
        }

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url(../img/alpha.png);
    background-position: 0 100%;
}

    .colorpicker-color div {
        height: 10px;
    }

.input-append.color .add-on i,
.input-prepend.color .add-on i {
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.valign {
    display: table;
    width: 100%;
}

    .valign &gt; div {
        display: table-cell;
        vertical-align: middle;
    }

    .valign &gt; article {
        display: table-cell;
        vertical-align: middle;
    }
/* Flex Video */
.flex-video {
    position: relative;
    padding-top: 1.5625em;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1em;
    overflow: hidden;
}

    .flex-video.widescreen {
        padding-bottom: 57.25%;
    }

    .flex-video.vimeo {
        padding-top: 0;
    }

    .flex-video iframe,
    .flex-video object,
    .flex-video embed,
    .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the â˜º license (http://licence.visualidiot.com/)
Customized by sike - http://codecanyon.net/user/sike/?ref=sike
Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body {
    /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
    -webkit-backface-visibility: hidden;
}

.animated {
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.hinge {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-moz-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-o-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -moz-transform: translateX(10px);
    }
}

@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -o-transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-30px);
    }

    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }

    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1);
    }

    10%, 20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -o-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -o-transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg);
    }

    40% {
        -moz-transform: rotate(-10deg);
    }

    60% {
        -moz-transform: rotate(5deg);
    }

    80% {
        -moz-transform: rotate(-5deg);
    }

    100% {
        -moz-transform: rotate(0deg);
    }
}

@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg);
    }

    40% {
        -o-transform: rotate(-10deg);
    }

    60% {
        -o-transform: rotate(5deg);
    }

    80% {
        -o-transform: rotate(-5deg);
    }

    100% {
        -o-transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%);
    }

    15% {
        -moz-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -moz-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -moz-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -moz-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -moz-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -moz-transform: translateX(0%);
    }
}

@-o-keyframes wobble {
    0% {
        -o-transform: translateX(0%);
    }

    15% {
        -o-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -o-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -o-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -o-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -o-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -o-transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.1);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }

    50% {
        -o-transform: scale(1.1);
    }

    100% {
        -o-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        -moz-animation-timing-function: ease-out;
    }

    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out;
    }

    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }

    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-animation-timing-function: ease-in;
    }

    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        -o-animation-timing-function: ease-out;
    }

    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out;
    }

    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }

    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-animation-timing-function: ease-in;
    }

    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

.flip {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible !important;
    -o-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(0) rotateX(0deg);
        opacity: 0;
    }

    1% {
        -webkit-transform: perspective(400px) rotateX(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(0) rotateX(0deg);
        opacity: 0;
    }

    1% {
        -moz-transform: perspective(400px) rotateX(90deg);
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(0px) rotateX(0deg);
        opacity: 0;
    }

    1% {
        -o-transform: perspective(400px) rotateX(90deg);
    }

    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(0px) rotateX(0deg);
        opacity: 0;
    }

    1% {
        transform: perspective(400px) rotateX(90deg);
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(0px) rotateY(0deg);
        opacity: 0;
    }

    1% {
        -webkit-transform: perspective(400px) rotateY(90deg);
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(0px) rotateY(0deg);
        opacity: 0;
    }

    1% {
        -moz-transform: perspective(400px) rotateY(90deg);
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(0px) rotateY(0deg);
        opacity: 0;
    }

    1% {
        -o-transform: perspective(400px) rotateY(90deg);
    }

    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(0px) rotateY(0deg);
        opacity: 0;
    }

    1% {
        transform: perspective(400px) rotateY(90deg);
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
    }

    1% {
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(0);
    }

    1% {
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(0);
    }

    1% {
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    1% {
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
    }

    1% {
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(0);
    }

    1% {
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(0);
    }

    1% {
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    1% {
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
    }

    1% {
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(0);
    }

    1% {
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(0);
    }

    1% {
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    1% {
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
    }

    1% {
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(0);
    }

    1% {
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(0);
    }

    1% {
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    1% {
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
    }

    1% {
        -webkit-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(0);
    }

    1% {
        -moz-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(0);
    }

    1% {
        -o-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    1% {
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
    }

    1% {
        -webkit-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(0);
    }

    1% {
        -moz-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(0);
    }

    1% {
        -o-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    1% {
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
    }

    1% {
        -webkit-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(0);
    }

    1% {
        -moz-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(0);
    }

    1% {
        -o-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    1% {
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
    }

    1% {
        -webkit-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(0);
    }

    1% {
        -moz-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(0);
    }

    1% {
        -o-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    1% {
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }

    50% {
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.3);
    }

    50% {
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(0.9);
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0.3);
    }

    50% {
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(0.9);
    }

    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    50% {
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
    }

    1% {
        -webkit-transform: translateY(2000px);
    }

    60% {
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(0);
    }

    1% {
        -moz-transform: translateY(2000px);
    }

    60% {
        -moz-transform: translateY(-30px);
    }

    80% {
        -moz-transform: translateY(10px);
    }

    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(0);
    }

    1% {
        -o-transform: translateY(2000px);
    }

    60% {
        -o-transform: translateY(-30px);
    }

    80% {
        -o-transform: translateY(10px);
    }

    100% {
        -o-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    1% {
        transform: translateY(2000px);
    }

    60% {
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
    }

    1% {
        -webkit-transform: translateY(-2000px);
    }

    60% {
        -webkit-transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(0);
    }

    1% {
        -moz-transform: translateY(-2000px);
    }

    60% {
        -moz-transform: translateY(30px);
    }

    80% {
        -moz-transform: translateY(-10px);
    }

    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(0);
    }

    1% {
        -o-transform: translateY(-2000px);
    }

    60% {
        -o-transform: translateY(30px);
    }

    80% {
        -o-transform: translateY(-10px);
    }

    100% {
        -o-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    1% {
        transform: translateY(-2000px);
    }

    60% {
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
    }

    1% {
        -webkit-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(0);
    }

    1% {
        -moz-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }

    80% {
        -moz-transform: translateX(-10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(0);
    }

    1% {
        -o-transform: translateX(-2000px);
    }

    60% {
        -o-transform: translateX(30px);
    }

    80% {
        -o-transform: translateX(-10px);
    }

    100% {
        -o-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    1% {
        transform: translateX(-2000px);
    }

    60% {
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
    }

    1% {
        -webkit-transform: translateX(2000px);
    }

    60% {
        -webkit-transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(0);
    }

    1% {
        -moz-transform: translateX(2000px);
    }

    60% {
        -moz-transform: translateX(-30px);
    }

    80% {
        -moz-transform: translateX(10px);
    }

    100% {
        -moz-transform: translateX(0);
        opacity: 1;
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(0);
    }

    1% {
        -o-transform: translateX(2000px);
    }

    60% {
        -o-transform: translateX(-30px);
    }

    80% {
        -o-transform: translateX(10px);
    }

    100% {
        -o-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(0);
    }

    1% {
        transform: translateX(2000px);
    }

    60% {
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1);
    }

    25% {
        -moz-transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(0.3);
    }
}

@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1);
    }

    25% {
        -o-transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -o-transform: scale(0.3);
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 0;
    }

    1% {
        transform-origin: center center;
        transform: rotate(-200deg);
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 0;
    }

    1% {
        transform-origin: left bottom;
        transform: rotate(90deg);
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 0;
    }

    1% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 0;
    }

    1% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 0;
    }

    1% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 0;
    }

    1% {
        transform-origin: right bottom;
        transform: rotate(90deg);
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        opacity: 0;
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    100% {
        -moz-transform: translateY(700px);
        opacity: 0;
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }

    100% {
        -o-transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0) rotate(0);
    }

    1% {
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(0) rotate(0);
    }

    1% {
        -moz-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(0) rotate(0);
    }

    1% {
        -o-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(0) rotate(0deg);
    }

    1% {
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg);
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 0;
    }

    1% {
        -webkit-transform: translateX(100%) skewX(-30deg);
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 0;
    }

    1% {
        -moz-transform: translateX(100%) skewX(-30deg);
    }

    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 0;
    }

    1% {
        -o-transform: translateX(100%) skewX(-30deg);
    }

    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -o-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 0;
    }

    1% {
        transform: translateX(100%) skewX(-30deg);
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
    }

    10% {
        -webkit-transform: skewX(-8deg);
    }

    20% {
        -webkit-transform: skewX(7deg);
    }

    30% {
        -webkit-transform: skewX(-6deg);
    }

    40% {
        -webkit-transform: skewX(5deg);
    }

    50% {
        -webkit-transform: skewX(-4deg);
    }

    60% {
        -webkit-transform: skewX(3deg);
    }

    70% {
        -webkit-transform: skewX(-2deg);
    }

    80% {
        -webkit-transform: skewX(1deg);
    }

    90% {
        -webkit-transform: skewX(0deg);
    }

    100% {
        -webkit-transform: skewX(0deg);
    }
}

@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg);
    }

    10% {
        -moz-transform: skewX(-8deg);
    }

    20% {
        -moz-transform: skewX(7deg);
    }

    30% {
        -moz-transform: skewX(-6deg);
    }

    40% {
        -moz-transform: skewX(5deg);
    }

    50% {
        -moz-transform: skewX(-4deg);
    }

    60% {
        -moz-transform: skewX(3deg);
    }

    70% {
        -moz-transform: skewX(-2deg);
    }

    80% {
        -moz-transform: skewX(1deg);
    }

    90% {
        -moz-transform: skewX(0deg);
    }

    100% {
        -moz-transform: skewX(0deg);
    }
}

@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg);
    }

    10% {
        -o-transform: skewX(-8deg);
    }

    20% {
        -o-transform: skewX(7deg);
    }

    30% {
        -o-transform: skewX(-6deg);
    }

    40% {
        -o-transform: skewX(5deg);
    }

    50% {
        -o-transform: skewX(-4deg);
    }

    60% {
        -o-transform: skewX(3deg);
    }

    70% {
        -o-transform: skewX(-2deg);
    }

    80% {
        -o-transform: skewX(1deg);
    }

    90% {
        -o-transform: skewX(0deg);
    }

    100% {
        -o-transform: skewX(0deg);
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }

    10% {
        transform: skewX(-8deg);
    }

    20% {
        transform: skewX(7deg);
    }

    30% {
        transform: skewX(-6deg);
    }

    40% {
        transform: skewX(5deg);
    }

    50% {
        transform: skewX(-4deg);
    }

    60% {
        transform: skewX(3deg);
    }

    70% {
        transform: skewX(-2deg);
    }

    80% {
        transform: skewX(1deg);
    }

    90% {
        transform: skewX(0deg);
    }

    100% {
        transform: skewX(0deg);
    }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
/* set the tab content's overflow to visible, make the animation transition no be cut */
.tab-content {
    overflow: visible;
    background: #000;
    padding: 20px;
}

.nav-tabs li a:focus {
    outline: none;
}

.btn:focus {
    outline: none;
}

i[class^="icon-animation-"] {
    overflow: hidden;
}

* &gt; i[class^="glyphicon-"].icon-animation-pulsing:before,
* &gt; i[class^="fa"].icon-animation-pulsing:before {
    transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    opacity: 1;
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-pulsing:before,
*:hover &gt; i[class^="fa"].icon-animation-pulsing:before {
    animation: animation-pulsing 0.6s ease-out;
    animation-iteration-count: 2;
    -webkit-animation: animation-pulsing 0.6s ease-out;
    -webkit-animation-iteration-count: 2;
}

@keyframes animation-pulsing {
    50% {
        opacity: 0.1;
    }
}

@-webkit-keyframes animation-pulsing {
    50% {
        opacity: 0.1;
    }
}

* &gt; i[class^="glyphicon-"].icon-animation-fading-in:before,
* &gt; i[class^="fa"].icon-animation-fading-in:before {
    transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    opacity: 0.5;
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-fading-in:before,
*:hover &gt; i[class^="fa"].icon-animation-fading-in:before {
    transition: opacity 0.1s ease-in;
    -webkit-transition: opacity 0.1s ease-in;
    opacity: 1;
}

* &gt; i[class^="glyphicon-"].icon-animation-fading-out:before,
* &gt; i[class^="fa"].icon-animation-fading-out:before {
    transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    opacity: 1;
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-fading-out:before,
*:hover &gt; i[class^="fa"].icon-animation-fading-out:before {
    transition: opacity 0.1s ease-in;
    -webkit-transition: opacity 0.1s ease-in;
    opacity: 0.5;
}

* &gt; i[class^="glyphicon-"].icon-animation-spinning:before,
* &gt; i[class^="fa"].icon-animation-spinning:before {
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-spinning:before,
*:hover &gt; i[class^="fa"].icon-animation-spinning:before {
    animation: animation-spinning 0.4s linear;
    animation-iteration-count: 1;
    -webkit-animation: animation-spinning 0.4s linear;
    -webkit-animation-iteration-count: 1;
}

@keyframes animation-spinning {
    100% {
        transform: rotate(720deg);
        -ms-transform: rotate(720deg);
    }
}

@-webkit-keyframes animation-spinning {
    100% {
        -webkit-transform: rotate(720deg);
    }
}

* &gt; i[class^="glyphicon-"].icon-animation-spinning-invert:before,
* &gt; i[class^="fa"].icon-animation-spinning-invert:before {
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-spinning-invert:before,
*:hover &gt; i[class^="fa"].icon-animation-spinning-invert:before {
    animation: animation-spinning-invert 0.4s linear;
    animation-iteration-count: 1;
    -webkit-animation: animation-spinning-invert 0.4s linear;
    -webkit-animation-iteration-count: 1;
}

@keyframes animation-spinning-invert {
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes animation-spinning-invert {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

* &gt; i[class^="glyphicon-"].icon-animation-jumping-left:before,
* &gt; i[class^="fa"].icon-animation-jumping-left:before {
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-jumping-left:before,
*:hover &gt; i[class^="fa"].icon-animation-jumping-left:before {
    animation: animation-jumping-left 0.4s linear;
    animation-iteration-count: 2;
    -webkit-animation: animation-jumping-left 0.4s linear;
    -webkit-animation-iteration-count: 2;
}

@keyframes animation-jumping-left {
    0% {
        margin-left: 0px;
        margin-right: 0px;
    }

    50% {
        margin-left: -7px;
        margin-right: 7px;
    }

    100% {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@-webkit-keyframes animation-jumping-left {
    0% {
        margin-left: 0px;
        margin-right: 0px;
    }

    50% {
        margin-left: -7px;
        margin-right: 7px;
    }

    100% {
        margin-left: 0px;
        margin-right: 0px;
    }
}

* &gt; i[class^="glyphicon-"].icon-animation-jumping-right:before,
* &gt; i[class^="fa"].icon-animation-jumping-right:before {
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-jumping-right:before,
*:hover &gt; i[class^="fa"].icon-animation-jumping-right:before {
    animation: animation-jumping-right 0.4s linear;
    animation-iteration-count: 2;
    -webkit-animation: animation-jumping-right 0.4s linear;
    -webkit-animation-iteration-count: 2;
}

@keyframes animation-jumping-right {
    0% {
        margin-left: 0px;
        margin-right: 0px;
    }

    50% {
        margin-left: 7px;
        margin-right: -7px;
    }

    100% {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@-webkit-keyframes animation-jumping-right {
    0% {
        margin-left: 0px;
        margin-right: 0px;
    }

    50% {
        margin-left: 7px;
        margin-right: -7px;
    }

    100% {
        margin-left: 0px;
        margin-right: 0px;
    }
}

* &gt; i[class^="glyphicon-"].icon-animation-shake:before,
* &gt; i[class^="fa"].icon-animation-shake:before {
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    opacity: 1;
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-shake:before,
*:hover &gt; i[class^="fa"].icon-animation-shake:before {
    animation: animation-shake 0.25s ease-in;
    animation-iteration-count: 2;
    -webkit-animation: animation-shake 0.25s ease-in;
    -webkit-animation-iteration-count: 2;
}

@keyframes animation-shake {
    25% {
        transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        margin-left: 2px;
        margin-right: -2px;
    }

    50% {
        transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        margin-left: -2px;
        margin-right: 2px;
    }
}

@-webkit-keyframes animation-shake {
    25% {
        -webkit-transform: rotate(30deg);
        margin-left: 2px;
        margin-right: -2px;
    }

    50% {
        -webkit-transform: rotate(-30deg);
        margin-left: -2px;
        margin-right: 2px;
    }
}

* &gt; i[class^="glyphicon-"].icon-animation-shake-horizontal:before,
* &gt; i[class^="fa"].icon-animation-shake-horizontal:before {
    transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
    opacity: 1;
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-shake-horizontal:before,
*:hover &gt; i[class^="fa"].icon-animation-shake-horizontal:before {
    animation: animation-shake-horizontal 0.25s ease-in;
    animation-iteration-count: 2;
    -webkit-animation: animation-shake-horizontal 0.25s ease-in;
    -webkit-animation-iteration-count: 2;
}

@keyframes animation-shake-horizontal {
    25% {
        transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        margin-left: 4px;
        margin-right: -4px;
    }

    50% {
        transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        margin-left: -4px;
        margin-right: 4px;
    }
}

@-webkit-keyframes animation-shake-horizontal {
    25% {
        -webkit-transform: rotate(30deg);
        margin-left: 4px;
        margin-right: -4px;
    }

    50% {
        -webkit-transform: rotate(-30deg);
        margin-left: -4px;
        margin-right: 4px;
    }
}

* &gt; i[class^="glyphicon-"].icon-animation-shake-vertical:before,
* &gt; i[class^="fa"].icon-animation-shake-vertical:before {
    transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
    opacity: 1;
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-shake-vertical:before,
*:hover &gt; i[class^="fa"].icon-animation-shake-vertical:before {
    animation: animation-shake-vertical 0.25s ease-in;
    animation-iteration-count: 2;
    -webkit-animation: animation-shake-vertical 0.25s ease-in;
    -webkit-animation-iteration-count: 2;
}

@keyframes animation-shake-vertical {
    25% {
        transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        margin-top: 4px;
        margin-bottom: -4px;
    }

    50% {
        transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        margin-top: -4px;
        margin-bottom: 4px;
    }
}

@-webkit-keyframes animation-shake-vertical {
    25% {
        -webkit-transform: rotate(30deg);
        margin-top: 4px;
        margin-bottom: -4px;
    }

    50% {
        -webkit-transform: rotate(-30deg);
        margin-top: -4px;
        margin-bottom: 4px;
    }
}

* &gt; i[class^="glyphicon-"].icon-animation-hiding:before,
* &gt; i[class^="fa"].icon-animation-hiding:before {
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    width: 14px;
    height: 14px;
    opacity: 1;
    margin-left: 0px;
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-hiding:before,
*:hover &gt; i[class^="fa"].icon-animation-hiding:before {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    width: 1px;
    height: 1px;
    opacity: 0;
    margin-left: -5px;
}

* &gt; i[class^="glyphicon-"].icon-animation-showing:before,
* &gt; i[class^="fa"].icon-animation-showing:before {
    transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    width: 1px;
    height: 1px;
    opacity: 0;
    margin-left: -5px;
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-showing:before,
*:hover &gt; i[class^="fa"].icon-animation-showing:before {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    width: 14px;
    height: 14px;
    opacity: 1;
    margin-left: 0px;
}

* &gt; i[class^="glyphicon-"].icon-animation-flip-horizontal:before,
* &gt; i[class^="fa"].icon-animation-flip-horizontal:before {
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-flip-horizontal:before,
*:hover &gt; i[class^="fa"].icon-animation-flip-horizontal:before {
    animation: animation-flip-horizontal 0.25s linear;
    animation-iteration-count: 3;
    -webkit-animation: animation-flip-horizontal 0.25s linear;
    -webkit-animation-iteration-count: 3;
}

@keyframes animation-flip-horizontal {
    50% {
        transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        opacity: 0.2;
    }

    100% {
        transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }
}

@-webkit-keyframes animation-flip-horizontal {
    50% {
        -webkit-transform: scale(0, 1);
        opacity: 0.2;
    }

    100% {
        -webkit-transform: scale(1, 1);
    }
}

* &gt; i[class^="glyphicon-"].icon-animation-flip-vertical:before,
* &gt; i[class^="fa"].icon-animation-flip-vertical:before {
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

*:hover &gt; i[class^="glyphicon-"].icon-animation-flip-vertical:before,
*:hover &gt; i[class^="fa"].icon-animation-flip-vertical:before {
    animation: animation-flip-vertical 0.25s linear;
    animation-iteration-count: 3;
    -webkit-animation: animation-flip-vertical 0.25s linear;
    -webkit-animation-iteration-count: 3;
}

@keyframes animation-flip-vertical {
    50% {
        transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        opacity: 0.2;
    }

    100% {
        transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }
}

@-webkit-keyframes animation-flip-vertical {
    50% {
        -webkit-transform: scale(1, 0);
        opacity: 0.2;
    }

    100% {
        -webkit-transform: scale(1, 1);
    }
}

.animation-repeat-1:before {
    animation-iteration-count: 1 !important;
    -webkit-animation-iteration-count: 1 !important;
}

.animation-repeat-2:before {
    animation-iteration-count: 2 !important;
    -webkit-animation-iteration-count: 2 !important;
}

.animation-repeat-3:before {
    animation-iteration-count: 3 !important;
    -webkit-animation-iteration-count: 3 !important;
}

.animation-repeat-4:before {
    animation-iteration-count: 4 !important;
    -webkit-animation-iteration-count: 4 !important;
}

.animation-repeat-5:before {
    animation-iteration-count: 5 !important;
    -webkit-animation-iteration-count: 5 !important;
}

.animation-repeat-infinite:before {
    animation-iteration-count: infinite !important;
    -webkit-animation-iteration-count: infinite !important;
}

*.disabled &gt; i[class^="glyphicon-"]:before,
*.disabled &gt; i[class^="fa"]:before {
    animation: none !important;
    -webkit-animation: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

*.disabled:hover &gt; i[class^="glyphicon-"]:before,
*.disabled:hover &gt; i[class^="fa"]:before {
    animation: none !important;
    -webkit-animation: none !important;
    transition: none !important;
    -webkit-transition: none !important;
}

.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0;
}

.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="col-"].pull-right,
.row-fluid .bootstrap-select.btn-group[class*="col-"].pull-right {
    float: right;
}

.input-append .bootstrap-select.btn-group {
    margin-left: -1px;
}

.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px;
}

.bootstrap-select:not([class*="col-"]) {
    width: 220px;
}

.bootstrap-select {
    width: 220px\9;
    /*IE8 and below*/
}

    .bootstrap-select &gt; .btn {
        width: 100%;
    }

    .bootstrap-select.show-menu-arrow.open &gt; .btn {
        z-index: 1001;
    }

    .bootstrap-select .btn:focus {
        outline: thin dotted #656565 !important;
        outline: 5px auto -webkit-focus-ring-color !important;
        outline-offset: -2px;
    }

    .bootstrap-select.btn-group .btn .filter-option {
        overflow: hidden;
        position: absolute;
        left: 12px;
        right: 25px;
        text-align: right;
    }

    .bootstrap-select.btn-group .btn .caret {
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -2px;
    }

    .bootstrap-select.btn-group &gt; .disabled,
    .bootstrap-select.btn-group .dropdown-menu li.disabled &gt; a {
        cursor: not-allowed;
    }

        .bootstrap-select.btn-group &gt; .disabled:focus {
            outline: none !important;
        }

    .bootstrap-select.btn-group[class*="col-"] .btn {
        width: 100%;
    }

    .bootstrap-select.btn-group .dropdown-menu {
        min-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .bootstrap-select.btn-group .dropdown-menu.inner {
            position: static;
            border: 0;
            padding: 0;
            margin: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        .bootstrap-select.btn-group .dropdown-menu dt {
            display: block;
            padding: 3px 20px;
            cursor: default;
        }

    .bootstrap-select.btn-group .div-contain {
        overflow: hidden;
    }

    .bootstrap-select.btn-group .dropdown-menu li {
        position: relative;
    }

        .bootstrap-select.btn-group .dropdown-menu li &gt; a.opt {
            padding-left: 35px;
        }

        .bootstrap-select.btn-group .dropdown-menu li &gt; a {
            min-height: 20px;
            cursor: pointer;
        }

        .bootstrap-select.btn-group .dropdown-menu li &gt; dt small {
            font-weight: normal;
        }

    .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
        display: inline-block;
        position: absolute;
        right: 15px;
        margin-top: 2.5px;
    }

    .bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
        display: none;
    }

    .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
        margin-right: 34px;
    }

    .bootstrap-select.btn-group .dropdown-menu li small {
        padding-left: 0.5em;
    }

    .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) &gt; a:hover small,
    .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) &gt; a:focus small {
        color: #64b1d8;
        color: rgba(255, 255, 255, 0.4);
    }

    .bootstrap-select.btn-group .dropdown-menu li &gt; dt small {
        font-weight: normal;
    }

    .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #CCC;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: -4px;
        left: 9px;
        display: none;
    }

    .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
        position: absolute;
        bottom: -4px;
        left: 10px;
        display: none;
    }

    .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
        bottom: auto;
        top: -3px;
        border-top: 7px solid #ccc;
        border-bottom: 0;
        border-top-color: rgba(0, 0, 0, 0.2);
    }

    .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
        bottom: auto;
        top: -3px;
        border-top: 6px solid #ffffff;
        border-bottom: 0;
    }

    .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
        right: 12px;
        left: auto;
    }

    .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
        right: 13px;
        left: auto;
    }

    .bootstrap-select.show-menu-arrow.open &gt; .dropdown-toggle:before,
    .bootstrap-select.show-menu-arrow.open &gt; .dropdown-toggle:after {
        display: block;
    }

.flickr-gallery {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .flickr-gallery li {
        margin: 5px;
        float: left;
    }

.testimonial {
    overflow: hidden;
    margin: 10px 0;
}

    .testimonial blockquote {
        border: 0;
        margin: 0;
        padding: 15px;
        background: #eeeeee;
        border: 1px solid #eeeeee;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        color: #000000;
    }

    .testimonial .testimonial-footer {
        position: relative;
        padding: 5px 20px 5px 5px;
        display: inline-block;
    }

        .testimonial .testimonial-footer:before {
            content: '';
            border: 10px solid transparent;
            border-right-color: #eeeeee;
            position: absolute;
            top: -20px;
            right: 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .testimonial .testimonial-footer.pull-right {
            padding: 5px 5px 5px 20px;
        }

            .testimonial .testimonial-footer.pull-right:before {
                content: '';
                left: 0;
                right: auto;
                border-color: transparent;
                border-left-color: #eeeeee;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        .testimonial .testimonial-footer b,
        .testimonial .testimonial-footer strong {
            color: #000000;
        }

        .testimonial .testimonial-footer img {
            padding: 3px;
            border: 1px solid #eeeeee;
            margin-right: 10px;
        }

            .testimonial .testimonial-footer img.pull-right {
                margin-left: 10px;
                margin-right: 0;
            }

    .testimonial.testimonial-primary blockquote {
        background: #3579bf;
        border-color: #3579bf;
        color: #ffffff;
    }

    .testimonial.testimonial-primary .testimonial-footer:before {
        border-right-color: #3579bf;
    }

    .testimonial.testimonial-primary .testimonial-footer.pull-right:before {
        border-color: transparent;
        border-left-color: #3579bf;
    }

    .testimonial.testimonial-primary .testimonial-footer b,
    .testimonial.testimonial-primary .testimonial-footer strong {
        color: #3579bf;
    }

    .testimonial.testimonial-primary .testimonial-footer img {
        border-color: #3579bf;
    }

    .testimonial.testimonial-success blockquote {
        background: #62c462;
        border-color: #62c462;
        color: #ffffff;
    }

    .testimonial.testimonial-success .testimonial-footer:before {
        border-right-color: #62c462;
    }

    .testimonial.testimonial-success .testimonial-footer.pull-right:before {
        border-color: transparent;
        border-left-color: #62c462;
    }

    .testimonial.testimonial-success .testimonial-footer b,
    .testimonial.testimonial-success .testimonial-footer strong {
        color: #62c462;
    }

    .testimonial.testimonial-success .testimonial-footer img {
        border-color: #62c462;
    }

    .testimonial.testimonial-warning blockquote {
        background: #fdb53f;
        border-color: #fdb53f;
        color: #ffffff;
    }

    .testimonial.testimonial-warning .testimonial-footer:before {
        border-right-color: #fdb53f;
    }

    .testimonial.testimonial-warning .testimonial-footer.pull-right:before {
        border-color: transparent;
        border-left-color: #fdb53f;
    }

    .testimonial.testimonial-warning .testimonial-footer b,
    .testimonial.testimonial-warning .testimonial-footer strong {
        color: #fdb53f;
    }

    .testimonial.testimonial-warning .testimonial-footer img {
        border-color: #fdb53f;
    }

    .testimonial.testimonial-danger blockquote {
        background: #c64955;
        border-color: #c64955;
        color: #ffffff;
    }

    .testimonial.testimonial-danger .testimonial-footer:before {
        border-right-color: #c64955;
    }

    .testimonial.testimonial-danger .testimonial-footer.pull-right:before {
        border-color: transparent;
        border-left-color: #c64955;
    }

    .testimonial.testimonial-danger .testimonial-footer b,
    .testimonial.testimonial-danger .testimonial-footer strong {
        color: #c64955;
    }

    .testimonial.testimonial-danger .testimonial-footer img {
        border-color: #c64955;
    }

    .testimonial.testimonial-purple blockquote {
        background: #712b83;
        border-color: #712b83;
        color: #ffffff;
    }

    .testimonial.testimonial-purple .testimonial-footer:before {
        border-right-color: #712b83;
    }

    .testimonial.testimonial-purple .testimonial-footer.pull-right:before {
        border-color: transparent;
        border-left-color: #712b83;
    }

    .testimonial.testimonial-purple .testimonial-footer b,
    .testimonial.testimonial-purple .testimonial-footer strong {
        color: #712b83;
    }

    .testimonial.testimonial-purple .testimonial-footer img {
        border-color: #712b83;
    }

    .testimonial.testimonial-pink blockquote {
        background: #ca5388;
        border-color: #ca5388;
        color: #ffffff;
    }

    .testimonial.testimonial-pink .testimonial-footer:before {
        border-right-color: #ca5388;
    }

    .testimonial.testimonial-pink .testimonial-footer.pull-right:before {
        border-color: transparent;
        border-left-color: #ca5388;
    }

    .testimonial.testimonial-pink .testimonial-footer b,
    .testimonial.testimonial-pink .testimonial-footer strong {
        color: #ca5388;
    }

    .testimonial.testimonial-pink .testimonial-footer img {
        border-color: #ca5388;
    }

    .testimonial.testimonial-dark blockquote {
        background: #2d2f31;
        border-color: #2d2f31;
        color: #f4f4f4;
    }

    .testimonial.testimonial-dark .testimonial-footer:before {
        border-right-color: #2d2f31;
    }

    .testimonial.testimonial-dark .testimonial-footer.pull-right:before {
        border-color: transparent;
        border-left-color: #2d2f31;
    }

    .testimonial.testimonial-dark .testimonial-footer b,
    .testimonial.testimonial-dark .testimonial-footer strong {
        color: #2d2f31;
    }

    .testimonial.testimonial-dark .testimonial-footer img {
        border-color: #2d2f31;
    }

    .testimonial.testimonial-info blockquote {
        background: #8cbad1;
        border-color: #8cbad1;
        color: #ffffff;
    }

    .testimonial.testimonial-info .testimonial-footer:before {
        border-right-color: #8cbad1;
    }

    .testimonial.testimonial-info .testimonial-footer.pull-right:before {
        border-color: transparent;
        border-left-color: #8cbad1;
    }

    .testimonial.testimonial-info .testimonial-footer b,
    .testimonial.testimonial-info .testimonial-footer strong {
        color: #8cbad1;
    }

    .testimonial.testimonial-info .testimonial-footer img {
        border-color: #8cbad1;
    }
/* Pricing */
.pricing-table {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
}

    .pricing-table &gt; .price {
        list-style: none;
        padding: 0;
        margin: 0;
        display: table-cell;
        background: #f4f4f4;
        border: 1px solid #aaaaaa;
        border-left-width: 0;
        text-align: center;
        font-size: 14px;
    }

        .pricing-table &gt; .price:first-child {
            border-left-width: 1px;
        }

        .pricing-table &gt; .price &gt; * {
            list-style: none;
            margin: 0;
            padding: 7px 0;
            border-top: 1px solid #a6a6a6;
            border-bottom: 1px solid white;
        }

            .pricing-table &gt; .price &gt; *:first-child {
                margin-top: 0px;
                border-top: 0;
            }

            .pricing-table &gt; .price &gt; *:last-child {
                margin-bottom: 0;
                border-bottom: 0;
            }

        .pricing-table &gt; .price .name {
            font-size: 21px;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            line-height: 54px;
            text-transform: uppercase;
            padding: 10px 10px;
            font-weight: 600;
            color: #656565;
            text-shadow: 1px 2px 1px #ffffff;
        }

        .pricing-table &gt; .price .lead {
            background: #FFFFFF;
            color: #01090C;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            font-weight: 600;
            padding: 21px 10px;
            text-shadow: 0 1px 1px #FFFFFF;
            font-size: 16px;
            text-transform: uppercase;
        }

        .pricing-table &gt; .price &gt; ul {
            list-style: none;
            margin: 0;
            padding: 5px 0 0 0;
            color: #01090C;
        }

            .pricing-table &gt; .price &gt; ul li {
                padding: 10px 10px;
                border-bottom: 1px solid #ffffff;
                border-top: 1px solid #dbdbdb;
            }

                .pricing-table &gt; .price &gt; ul li:first-child {
                    border-top-width: 0;
                }

                .pricing-table &gt; .price &gt; ul li:last-child {
                    border-bottom-width: 0;
                }

                .pricing-table &gt; .price &gt; ul li:nth-child(2n) {
                    background: #ffffff;
                }

        .pricing-table &gt; .price.featured {
            position: relative;
            z-index: 10;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
        }

    .pricing-table.pricing-space {
        border-collapse: separate;
        border-spacing: 15px 0px;
    }

        .pricing-table.pricing-space &gt; .price {
            border-width: 1px;
        }

    .pricing-table &gt; .price.price-primary {
        background: #ffffff;
    }

        .pricing-table &gt; .price.price-primary .name {
            color: #ffffff;
            background-image: -webkit-gradient(linear, left 0%, left 100%, from(#00a4db), to(#007acc));
            background-image: -webkit-linear-gradient(top, #00a4db, 0%, #007acc, 100%);
            background-image: -moz-linear-gradient(top, #00a4db 0%, #007acc 100%);
            background-image: linear-gradient(to bottom, #00a4db 0%, #007acc 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a4db', endColorstr='#ff007acc', GradientType=0);
            text-shadow: 1px 2px 1px #006bb3;
        }

        .pricing-table &gt; .price.price-primary .lead {
            background: #5aa7db;
            color: #22465e;
            border-top-color: #2a83bf;
            text-shadow: 0px 1px 1px #c3dff2;
        }

        .pricing-table &gt; .price.price-primary &gt; ul {
            color: #01090C;
            border-top-color: #2a83bf;
        }

            .pricing-table &gt; .price.price-primary &gt; ul li {
                border-bottom-color: #ffffff;
                border-top-color: #77d3e7;
            }

                .pricing-table &gt; .price.price-primary &gt; ul li:nth-child(2n) {
                    background: #cdeff6;
                }

        .pricing-table &gt; .price.price-primary.featured {
            box-shadow: 0 0 0 15px rgba(195, 62, 84, 0.5);
        }

    .pricing-table &gt; .price.price-success {
        background: #dcfcc2;
    }

        .pricing-table &gt; .price.price-success .name {
            color: #ffffff;
            background-image: -webkit-gradient(linear, left 0%, left 100%, from(#75d428), to(#4ead00));
            background-image: -webkit-linear-gradient(top, #75d428, 0%, #4ead00, 100%);
            background-image: -moz-linear-gradient(top, #75d428 0%, #4ead00 100%);
            background-image: linear-gradient(to bottom, #75d428 0%, #4ead00 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75d428', endColorstr='#ff4ead00', GradientType=0);
            text-shadow: 1px 2px 1px #439400;
        }

        .pricing-table &gt; .price.price-success .lead {
            background: #5bb75b;
            color: #305e0a;
            text-shadow: 0px 1px 1px #b4deb4;
            border-top-color: #3c893c;
        }

        .pricing-table &gt; .price.price-success &gt; ul {
            color: #01090C;
            border-top-color: #3c893c;
        }

            .pricing-table &gt; .price.price-success &gt; ul li {
                border-bottom-color: #f8fef3;
                border-top-color: #62ce0a;
            }

                .pricing-table &gt; .price.price-success &gt; ul li:nth-child(2n) {
                    background: #b2f879;
                }

        .pricing-table &gt; .price.price-success.featured {
            box-shadow: 0 0 0 15px rgba(106, 72, 60, 0.5);
        }

    .pricing-table &gt; .price.price-warning {
        background: #ffe8b3;
    }

        .pricing-table &gt; .price.price-warning .name {
            color: #ffffff;
            background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fbbf50), to(#f09c00));
            background-image: -webkit-linear-gradient(top, #fbbf50, 0%, #f09c00, 100%);
            background-image: -moz-linear-gradient(top, #fbbf50 0%, #f09c00 100%);
            background-image: linear-gradient(to bottom, #fbbf50 0%, #f09c00 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbbf50', endColorstr='#fff09c00', GradientType=0);
            text-shadow: 1px 2px 1px #d78b00;
        }

        .pricing-table &gt; .price.price-warning .lead {
            background: #ffb224;
            color: #9e6700;
            border-top-color: #d68b00;
            text-shadow: 0px 1px 1px #ffdfa3;
        }

        .pricing-table &gt; .price.price-warning &gt; ul {
            color: #01090C;
            border-top-color: #d68b00;
        }

            .pricing-table &gt; .price.price-warning &gt; ul li {
                border-bottom-color: #fff7e6;
                border-top-color: #cc8f00;
            }

                .pricing-table &gt; .price.price-warning &gt; ul li:nth-child(2n) {
                    background: #ffe09a;
                }

        .pricing-table &gt; .price.price-warning.featured {
            box-shadow: 0 0 0 15px rgba(41, 83, 94, 0.5);
        }

    .pricing-table &gt; .price.price-danger {
        background: #ffb0ad;
    }

        .pricing-table &gt; .price.price-danger .name {
            color: #ffffff;
            background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff4a45), to(#bd0000));
            background-image: -webkit-linear-gradient(top, #ff4a45, 0%, #bd0000, 100%);
            background-image: -moz-linear-gradient(top, #ff4a45 0%, #bd0000 100%);
            background-image: linear-gradient(to bottom, #ff4a45 0%, #bd0000 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff4a45', endColorstr='#ffbd0000', GradientType=0);
            text-shadow: 1px 2px 1px #8a0000;
        }

        .pricing-table &gt; .price.price-danger .lead {
            background: #b33c39;
            color: #520a07;
            border-top-color: #792927;
            text-shadow: 0px 1px 1px #dc9290;
        }

        .pricing-table &gt; .price.price-danger &gt; ul {
            color: #01090C;
            border-top-color: #792927;
        }

            .pricing-table &gt; .price.price-danger &gt; ul li {
                border-bottom-color: #ffe1e0;
                border-top-color: #c70700;
            }

                .pricing-table &gt; .price.price-danger &gt; ul li:nth-child(2n) {
                    background: #ff9794;
                }

        .pricing-table &gt; .price.price-danger.featured {
            box-shadow: 0 0 0 15px rgba(10, 94, 71, 0.5);
        }

    .pricing-table &gt; .price.price-darkblue {
        background: #70879e;
    }

        .pricing-table &gt; .price.price-darkblue .name {
            color: #ffffff;
            background-image: -webkit-gradient(linear, left 0%, left 100%, from(#34495e), to(#2c3e50));
            background-image: -webkit-linear-gradient(top, #34495e, 0%, #2c3e50, 100%);
            background-image: -moz-linear-gradient(top, #34495e 0%, #2c3e50 100%);
            background-image: linear-gradient(to bottom, #34495e 0%, #2c3e50 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff34495e', endColorstr='#ff2c3e50', GradientType=0);
            text-shadow: 1px 2px 1px #1a242f;
        }

        .pricing-table &gt; .price.price-darkblue .lead {
            background: #40576e;
            color: #ffffff;
            border-top-color: #24313e;
            text-shadow: 0px 1px 1px #11171d;
        }

        .pricing-table &gt; .price.price-darkblue &gt; ul {
            color: #ffffff;
            border-top-color: #24313e;
        }

            .pricing-table &gt; .price.price-darkblue &gt; ul li {
                border-bottom-color: #8ea1b3;
                border-top-color: #3a4755;
            }

                .pricing-table &gt; .price.price-darkblue &gt; ul li:nth-child(2n) {
                    background: #637a92;
                }

        .pricing-table &gt; .price.price-darkblue.featured {
            box-shadow: 0 0 0 15px rgba(218, 79, 48, 0.5);
        }

    .pricing-table &gt; .price.price-pink {
        background: #edd3e4;
    }

        .pricing-table &gt; .price.price-pink .name {
            color: #ffffff;
            background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fa66c4), to(#e81c9d));
            background-image: -webkit-linear-gradient(top, #fa66c4, 0%, #e81c9d, 100%);
            background-image: -moz-linear-gradient(top, #fa66c4 0%, #e81c9d 100%);
            background-image: linear-gradient(to bottom, #fa66c4 0%, #e81c9d 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa66c4', endColorstr='#ffe81c9d', GradientType=0);
            text-shadow: 1px 2px 1px #be137f;
        }

        .pricing-table &gt; .price.price-pink .lead {
            background: #fa66c4;
            color: #941264;
            border-top-color: #f81ca7;
            text-shadow: 0px 1px 1px #fee1f4;
        }

        .pricing-table &gt; .price.price-pink &gt; ul {
            color: #01090C;
            border-top-color: #f81ca7;
        }

            .pricing-table &gt; .price.price-pink &gt; ul li {
                border-bottom-color: #fcf7fa;
                border-top-color: #9b3f7b;
            }

                .pricing-table &gt; .price.price-pink &gt; ul li:nth-child(2n) {
                    background: #e6c1d9;
                }

        .pricing-table &gt; .price.price-pink.featured {
            box-shadow: 0 0 0 15px rgba(340, 75, 85, 0.5);
        }

    .pricing-table &gt; .price.price-purple {
        background: #eab8ff;
    }

        .pricing-table &gt; .price.price-purple .name {
            color: #ffffff;
            background-image: -webkit-gradient(linear, left 0%, left 100%, from(#9b59b6), to(#772599));
            background-image: -webkit-linear-gradient(top, #9b59b6, 0%, #772599, 100%);
            background-image: -moz-linear-gradient(top, #9b59b6 0%, #772599 100%);
            background-image: linear-gradient(to bottom, #9b59b6 0%, #772599 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9b59b6', endColorstr='#ff772599', GradientType=0);
            text-shadow: 1px 2px 1px #571b70;
        }

        .pricing-table &gt; .price.price-purple .lead {
            background: #9b59b6;
            color: #441059;
            border-top-color: #713b87;
            text-shadow: 0px 1px 1px #d0b2dd;
        }

        .pricing-table &gt; .price.price-purple &gt; ul {
            color: #01090C;
            border-top-color: #713b87;
        }

            .pricing-table &gt; .price.price-purple &gt; ul li {
                border-bottom-color: #f9ebff;
                border-top-color: #9400d2;
            }

                .pricing-table &gt; .price.price-purple &gt; ul li:nth-child(2n) {
                    background: #e29fff;
                }

        .pricing-table &gt; .price.price-purple.featured {
            box-shadow: 0 0 0 15px rgba(295, 53, 61, 0.5);
        }

    .pricing-table &gt; .price.price-inverse {
        background: #696969;
    }

        .pricing-table &gt; .price.price-inverse .name {
            color: #ffffff;
            background-image: -webkit-gradient(linear, left 0%, left 100%, from(#282828), to(#111111));
            background-image: -webkit-linear-gradient(top, #282828, 0%, #111111, 100%);
            background-image: -moz-linear-gradient(top, #282828 0%, #111111 100%);
            background-image: linear-gradient(to bottom, #282828 0%, #111111 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff282828', endColorstr='#ff111111', GradientType=0);
            text-shadow: 1px 2px 1px #000000;
        }

        .pricing-table &gt; .price.price-inverse .lead {
            background: #01090C;
            color: #ffffff;
            border-top-color: #000000;
            text-shadow: 0px 1px 1px #626262;
        }

        .pricing-table &gt; .price.price-inverse &gt; ul {
            color: #ffffff;
            border-top-color: #000000;
        }

            .pricing-table &gt; .price.price-inverse &gt; ul li {
                border-bottom-color: #838383;
                border-top-color: #000000;
            }

                .pricing-table &gt; .price.price-inverse &gt; ul li:nth-child(2n) {
                    background: #5c5c5c;
                }

        .pricing-table &gt; .price.price-inverse.featured {
            box-shadow: 0 0 0 15px rgba(210, 8, 19, 0.5);
        }

.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*="span"] {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0;
}

.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="span"].pull-right,
.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
    float: right;
}

.input-append .bootstrap-select.btn-group {
    margin-left: -1px;
}

.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px;
}

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
    width: 100%;
}

.bootstrap-select {
    /*width: 220px\9; IE8 and below*/
    width: 220px\0; /*IE9 and below*/
}

    .bootstrap-select.form-control:not([class*="span"]) {
        width: 100%;
    }

    .bootstrap-select &gt; .btn {
        width: 100%;
    }

.error .bootstrap-select .btn {
    border: 1px solid #b94a48;
}


.dropdown-menu {
    z-index: 2000;
}

.bootstrap-select.show-menu-arrow.open &gt; .btn {
    z-index: 2051;
}

.bootstrap-select .btn:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.btn-group .btn .filter-option {
    overflow: hidden;
    position: absolute;
    left: 12px;
    right: 25px;
    text-align: right;
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group &gt; .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled &gt; a {
    cursor: not-allowed;
}

    .bootstrap-select.btn-group &gt; .disabled:focus {
        outline: none !important;
    }

.bootstrap-select.btn-group[class*="span"] .btn {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .bootstrap-select.btn-group .dropdown-menu.inner {
        position: static;
        border: 0;
        padding: 0;
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .bootstrap-select.btn-group .dropdown-menu dt {
        display: block;
        padding: 3px 20px;
        cursor: default;
    }

.bootstrap-select.btn-group .div-contain {
    overflow: hidden;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

    .bootstrap-select.btn-group .dropdown-menu li &gt; a.opt {
        position: relative;
        padding-left: 35px;
    }

    .bootstrap-select.btn-group .dropdown-menu li &gt; a {
        cursor: pointer;
    }

    .bootstrap-select.btn-group .dropdown-menu li &gt; dt small {
        font-weight: normal;
    }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    display: inline-block;
    position: absolute;
    right: 15px;
    margin-top: 2.5px;
}

.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
    display: none;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) &gt; a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) &gt; a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) &gt; a small {
    color: #64b1d8;
    color: rgba(255,255,255,0.4);
}

.bootstrap-select.btn-group .dropdown-menu li &gt; dt small {
    font-weight: normal;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid #ccc;
    border-bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.2);
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open &gt; .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open &gt; .dropdown-toggle:after {
    display: block;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
}

.mobile-device {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select.btn-group.fit-width .btn .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .btn .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.control-group.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select-searchbox {
    padding: 4px 8px;
}

    .bootstrap-select-searchbox input {
        margin-bottom: 0;
    }
</pre></body></html>