10321 lines
167 KiB
CSS
10321 lines
167 KiB
CSS
@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;
|
||
}
|