website/content/en/docs/tutorials/kubernetes-basics/public/css/styles.css

10321 lines
167 KiB
CSS
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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