-
-
Save tarex/d0d98635775eac4ae80d to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Bootstrap */ | |
/* ====================================================== */ | |
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ | |
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, | |
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; | |
} | |
abbr[title] { | |
border-bottom: 1px dotted; | |
} | |
b, | |
strong { | |
font-weight: bold; | |
} | |
dfn { | |
font-style: italic; | |
} | |
h1 { | |
font-size: 2em; | |
margin: 0.67em 0; | |
} | |
mark { | |
background: #ff0; | |
color: #000; | |
} | |
small { | |
font-size: 80%; | |
} | |
sub, | |
sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline; | |
} | |
sup { | |
top: -0.5em; | |
} | |
sub { | |
bottom: -0.25em; | |
} | |
img { | |
border: 0; | |
} | |
svg:not(:root) { | |
overflow: hidden; | |
} | |
figure { | |
margin: 1em 40px; | |
} | |
hr { | |
-moz-box-sizing: content-box; | |
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 { | |
color: inherit; | |
font: inherit; | |
margin: 0; | |
} | |
button { | |
overflow: visible; | |
} | |
button, | |
select { | |
text-transform: none; | |
} | |
button, | |
html input[type="button"], | |
input[type="reset"], | |
input[type="submit"] { | |
-webkit-appearance: button; | |
cursor: pointer; | |
} | |
button[disabled], | |
html input[disabled] { | |
cursor: default; | |
} | |
button::-moz-focus-inner, | |
input::-moz-focus-inner { | |
border: 0; | |
padding: 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"] { | |
-webkit-appearance: textfield; | |
-moz-box-sizing: content-box; | |
-webkit-box-sizing: content-box; | |
box-sizing: content-box; | |
} | |
input[type="search"]::-webkit-search-cancel-button, | |
input[type="search"]::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
fieldset { | |
border: 1px solid #c0c0c0; | |
margin: 0 2px; | |
padding: 0.35em 0.625em 0.75em; | |
} | |
legend { | |
border: 0; | |
padding: 0; | |
} | |
textarea { | |
overflow: auto; | |
} | |
optgroup { | |
font-weight: bold; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
td, | |
th { | |
padding: 0; | |
} | |
@media print { | |
* { | |
background: transparent !important; | |
color: #000 !important; | |
box-shadow: none !important; | |
text-shadow: none !important; | |
} | |
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; | |
} | |
select { | |
background: #fff !important; | |
} | |
.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; | |
} | |
} | |
* { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
*:before, | |
*:after { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
html { | |
font-size: 10px; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
} | |
body { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #333333; | |
background-color: #ffffff; | |
} | |
input, | |
button, | |
select, | |
textarea { | |
font-family: inherit; | |
font-size: inherit; | |
line-height: inherit; | |
} | |
figure { | |
margin: 0; | |
} | |
img { | |
vertical-align: middle; | |
} | |
.img-responsive, | |
.thumbnail > img, | |
.thumbnail a > img, | |
.carousel-inner > .item > img, | |
.carousel-inner > .item > a > img { | |
display: block; | |
max-width: 100%; | |
height: auto; | |
} | |
.img-rounded { | |
border-radius: 6px; | |
} | |
.img-thumbnail { | |
padding: 4px; | |
line-height: 1.42857143; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-radius: 4px; | |
-webkit-transition: all 0.2s ease-in-out; | |
-o-transition: all 0.2s ease-in-out; | |
transition: all 0.2s ease-in-out; | |
display: inline-block; | |
max-width: 100%; | |
height: auto; | |
} | |
.img-circle { | |
border-radius: 50%; | |
} | |
hr { | |
margin-top: 20px; | |
margin-bottom: 20px; | |
border: 0; | |
border-top: 1px solid #eeeeee; | |
} | |
.sr-only { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
} | |
.sr-only-focusable:active, | |
.sr-only-focusable:focus { | |
position: static; | |
width: auto; | |
height: auto; | |
margin: 0; | |
overflow: visible; | |
clip: auto; | |
} | |
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, | |
h2 small, | |
h3 small, | |
h4 small, | |
h5 small, | |
h6 small, | |
.h1 small, | |
.h2 small, | |
.h3 small, | |
.h4 small, | |
.h5 small, | |
.h6 small, | |
h1 .small, | |
h2 .small, | |
h3 .small, | |
h4 .small, | |
h5 .small, | |
h6 .small, | |
.h1 .small, | |
.h2 .small, | |
.h3 .small, | |
.h4 .small, | |
.h5 .small, | |
.h6 .small { | |
font-weight: normal; | |
line-height: 1; | |
color: #777777; | |
} | |
h1, | |
.h1, | |
h2, | |
.h2, | |
h3, | |
.h3 { | |
margin-top: 20px; | |
margin-bottom: 10px; | |
} | |
h1 small, | |
.h1 small, | |
h2 small, | |
.h2 small, | |
h3 small, | |
.h3 small, | |
h1 .small, | |
.h1 .small, | |
h2 .small, | |
.h2 .small, | |
h3 .small, | |
.h3 .small { | |
font-size: 65%; | |
} | |
h4, | |
.h4, | |
h5, | |
.h5, | |
h6, | |
.h6 { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
h4 small, | |
.h4 small, | |
h5 small, | |
.h5 small, | |
h6 small, | |
.h6 small, | |
h4 .small, | |
.h4 .small, | |
h5 .small, | |
.h5 .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 { | |
margin-bottom: 20px; | |
font-size: 16px; | |
font-weight: 300; | |
line-height: 1.4; | |
} | |
@media (min-width: 768px) { | |
.lead { | |
font-size: 21px; | |
} | |
} | |
small, | |
.small { | |
font-size: 85%; | |
} | |
mark, | |
.mark { | |
background-color: #fcf8e3; | |
padding: .2em; | |
} | |
.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 { | |
text-transform: uppercase; | |
} | |
.text-capitalize { | |
text-transform: capitalize; | |
} | |
.text-muted { | |
color: #777777; | |
} | |
.text-primary { | |
color: #428bca; | |
} | |
a.text-primary:hover { | |
color: #3071a9; | |
} | |
.text-success { | |
color: #3c763d; | |
} | |
a.text-success:hover { | |
color: #2b542c; | |
} | |
.text-info { | |
color: #31708f; | |
} | |
a.text-info:hover { | |
color: #245269; | |
} | |
.text-warning { | |
color: #8a6d3b; | |
} | |
a.text-warning:hover { | |
color: #66512c; | |
} | |
.text-danger { | |
color: #a94442; | |
} | |
a.text-danger:hover { | |
color: #843534; | |
} | |
.bg-primary { | |
color: #fff; | |
background-color: #428bca; | |
} | |
a.bg-primary:hover { | |
background-color: #3071a9; | |
} | |
.bg-success { | |
background-color: #dff0d8; | |
} | |
a.bg-success:hover { | |
background-color: #c1e2b3; | |
} | |
.bg-info { | |
background-color: #d9edf7; | |
} | |
a.bg-info:hover { | |
background-color: #afd9ee; | |
} | |
.bg-warning { | |
background-color: #fcf8e3; | |
} | |
a.bg-warning:hover { | |
background-color: #f7ecb5; | |
} | |
.bg-danger { | |
background-color: #f2dede; | |
} | |
a.bg-danger:hover { | |
background-color: #e4b9b9; | |
} | |
.page-header { | |
padding-bottom: 9px; | |
margin: 40px 0 20px; | |
border-bottom: 1px solid #eeeeee; | |
} | |
ul, | |
ol { | |
margin-top: 0; | |
margin-bottom: 10px; | |
} | |
ul ul, | |
ol ul, | |
ul ol, | |
ol ol { | |
margin-bottom: 0; | |
} | |
.list-unstyled { | |
padding-left: 0; | |
list-style: none; | |
} | |
.list-inline { | |
padding-left: 0; | |
list-style: none; | |
margin-left: -5px; | |
} | |
.list-inline > li { | |
display: inline-block; | |
padding-left: 5px; | |
padding-right: 5px; | |
} | |
dl { | |
margin-top: 0; | |
margin-bottom: 20px; | |
} | |
dt, | |
dd { | |
line-height: 1.42857143; | |
} | |
dt { | |
font-weight: bold; | |
} | |
dd { | |
margin-left: 0; | |
} | |
@media (min-width: 768px) { | |
.dl-horizontal dt { | |
float: left; | |
width: 160px; | |
clear: left; | |
text-align: right; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.dl-horizontal dd { | |
margin-left: 180px; | |
} | |
} | |
abbr[title], | |
abbr[data-original-title] { | |
cursor: help; | |
border-bottom: 1px dotted #777777; | |
} | |
.initialism { | |
font-size: 90%; | |
text-transform: uppercase; | |
} | |
blockquote { | |
padding: 10px 20px; | |
margin: 0 0 20px; | |
font-size: 17.5px; | |
border-left: 5px solid #eeeeee; | |
} | |
blockquote p:last-child, | |
blockquote ul:last-child, | |
blockquote ol:last-child { | |
margin-bottom: 0; | |
} | |
blockquote footer, | |
blockquote small, | |
blockquote .small { | |
display: block; | |
font-size: 80%; | |
line-height: 1.42857143; | |
color: #777777; | |
} | |
blockquote footer:before, | |
blockquote small:before, | |
blockquote .small:before { | |
content: '\2014 \00A0'; | |
} | |
.blockquote-reverse, | |
blockquote.pull-right { | |
padding-right: 15px; | |
padding-left: 0; | |
border-right: 5px solid #eeeeee; | |
border-left: 0; | |
text-align: right; | |
} | |
.blockquote-reverse footer:before, | |
blockquote.pull-right footer:before, | |
.blockquote-reverse small:before, | |
blockquote.pull-right small:before, | |
.blockquote-reverse .small:before, | |
blockquote.pull-right .small:before { | |
content: ''; | |
} | |
.blockquote-reverse footer:after, | |
blockquote.pull-right footer:after, | |
.blockquote-reverse small:after, | |
blockquote.pull-right small:after, | |
.blockquote-reverse .small:after, | |
blockquote.pull-right .small:after { | |
content: '\00A0 \2014'; | |
} | |
blockquote:before, | |
blockquote:after { | |
content: ""; | |
} | |
address { | |
margin-bottom: 20px; | |
font-style: normal; | |
line-height: 1.42857143; | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | |
} | |
code { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #c7254e; | |
background-color: #f9f2f4; | |
border-radius: 4px; | |
} | |
kbd { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #ffffff; | |
background-color: #333333; | |
border-radius: 3px; | |
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); | |
} | |
kbd kbd { | |
padding: 0; | |
font-size: 100%; | |
font-weight: bold; | |
box-shadow: none; | |
} | |
pre { | |
display: block; | |
padding: 9.5px; | |
margin: 0 0 10px; | |
font-size: 13px; | |
line-height: 1.42857143; | |
word-break: break-all; | |
word-wrap: break-word; | |
color: #333333; | |
background-color: #f5f5f5; | |
border: 1px solid #cccccc; | |
border-radius: 4px; | |
} | |
pre code { | |
padding: 0; | |
font-size: inherit; | |
color: inherit; | |
white-space: pre-wrap; | |
background-color: transparent; | |
border-radius: 0; | |
} | |
.pre-scrollable { | |
max-height: 340px; | |
overflow-y: scroll; | |
} | |
table { | |
background-color: transparent; | |
} | |
caption { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
color: #777777; | |
text-align: left; | |
} | |
th { | |
text-align: left; | |
} | |
.table { | |
width: 100%; | |
max-width: 100%; | |
margin-bottom: 20px; | |
} | |
.table > thead > tr > th, | |
.table > tbody > tr > th, | |
.table > tfoot > tr > th, | |
.table > thead > tr > td, | |
.table > tbody > tr > td, | |
.table > tfoot > tr > td { | |
padding: 8px; | |
line-height: 1.42857143; | |
vertical-align: top; | |
border-top: 1px solid #dddddd; | |
} | |
.table > thead > tr > th { | |
vertical-align: bottom; | |
border-bottom: 2px solid #dddddd; | |
} | |
.table > caption + thead > tr:first-child > th, | |
.table > colgroup + thead > tr:first-child > th, | |
.table > thead:first-child > tr:first-child > th, | |
.table > caption + thead > tr:first-child > td, | |
.table > colgroup + thead > tr:first-child > td, | |
.table > thead:first-child > tr:first-child > td { | |
border-top: 0; | |
} | |
.table > tbody + tbody { | |
border-top: 2px solid #dddddd; | |
} | |
.table .table { | |
background-color: #ffffff; | |
} | |
.table-condensed > thead > tr > th, | |
.table-condensed > tbody > tr > th, | |
.table-condensed > tfoot > tr > th, | |
.table-condensed > thead > tr > td, | |
.table-condensed > tbody > tr > td, | |
.table-condensed > tfoot > tr > td { | |
padding: 5px; | |
} | |
.table-bordered { | |
border: 1px solid #dddddd; | |
} | |
.table-bordered > thead > tr > th, | |
.table-bordered > tbody > tr > th, | |
.table-bordered > tfoot > tr > th, | |
.table-bordered > thead > tr > td, | |
.table-bordered > tbody > tr > td, | |
.table-bordered > tfoot > tr > td { | |
border: 1px solid #dddddd; | |
} | |
.table-bordered > thead > tr > th, | |
.table-bordered > thead > tr > td { | |
border-bottom-width: 2px; | |
} | |
.table-striped > tbody > tr:nth-child(odd) { | |
background-color: #f9f9f9; | |
} | |
.table-hover > tbody > tr:hover { | |
background-color: #f5f5f5; | |
} | |
table col[class*="col-"] { | |
position: static; | |
float: none; | |
display: table-column; | |
} | |
table td[class*="col-"], | |
table th[class*="col-"] { | |
position: static; | |
float: none; | |
display: table-cell; | |
} | |
.table > thead > tr > td.active, | |
.table > tbody > tr > td.active, | |
.table > tfoot > tr > td.active, | |
.table > thead > tr > th.active, | |
.table > tbody > tr > th.active, | |
.table > tfoot > tr > th.active, | |
.table > thead > tr.active > td, | |
.table > tbody > tr.active > td, | |
.table > tfoot > tr.active > td, | |
.table > thead > tr.active > th, | |
.table > tbody > tr.active > th, | |
.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 > tbody > tr > td.success, | |
.table > tfoot > tr > td.success, | |
.table > thead > tr > th.success, | |
.table > tbody > tr > th.success, | |
.table > tfoot > tr > th.success, | |
.table > thead > tr.success > td, | |
.table > tbody > tr.success > td, | |
.table > tfoot > tr.success > td, | |
.table > thead > tr.success > th, | |
.table > tbody > tr.success > th, | |
.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 > tbody > tr > td.info, | |
.table > tfoot > tr > td.info, | |
.table > thead > tr > th.info, | |
.table > tbody > tr > th.info, | |
.table > tfoot > tr > th.info, | |
.table > thead > tr.info > td, | |
.table > tbody > tr.info > td, | |
.table > tfoot > tr.info > td, | |
.table > thead > tr.info > th, | |
.table > tbody > tr.info > th, | |
.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 > tbody > tr > td.warning, | |
.table > tfoot > tr > td.warning, | |
.table > thead > tr > th.warning, | |
.table > tbody > tr > th.warning, | |
.table > tfoot > tr > th.warning, | |
.table > thead > tr.warning > td, | |
.table > tbody > tr.warning > td, | |
.table > tfoot > tr.warning > td, | |
.table > thead > tr.warning > th, | |
.table > tbody > tr.warning > th, | |
.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 > tbody > tr > td.danger, | |
.table > tfoot > tr > td.danger, | |
.table > thead > tr > th.danger, | |
.table > tbody > tr > th.danger, | |
.table > tfoot > tr > th.danger, | |
.table > thead > tr.danger > td, | |
.table > tbody > tr.danger > td, | |
.table > tfoot > tr.danger > td, | |
.table > thead > tr.danger > th, | |
.table > tbody > tr.danger > th, | |
.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; | |
} | |
@media screen and (max-width: 767px) { | |
.table-responsive { | |
width: 100%; | |
margin-bottom: 15px; | |
overflow-y: hidden; | |
-ms-overflow-style: -ms-autohiding-scrollbar; | |
border: 1px solid #dddddd; | |
} | |
.table-responsive > .table { | |
margin-bottom: 0; | |
} | |
.table-responsive > .table > thead > tr > th, | |
.table-responsive > .table > tbody > tr > th, | |
.table-responsive > .table > tfoot > tr > th, | |
.table-responsive > .table > thead > tr > td, | |
.table-responsive > .table > tbody > tr > td, | |
.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 > tbody > tr > th:first-child, | |
.table-responsive > .table-bordered > tfoot > tr > th:first-child, | |
.table-responsive > .table-bordered > thead > tr > td:first-child, | |
.table-responsive > .table-bordered > tbody > tr > td: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 > tbody > tr > th:last-child, | |
.table-responsive > .table-bordered > tfoot > tr > th:last-child, | |
.table-responsive > .table-bordered > thead > tr > td:last-child, | |
.table-responsive > .table-bordered > tbody > tr > td: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 > tfoot > tr:last-child > th, | |
.table-responsive > .table-bordered > tbody > tr:last-child > td, | |
.table-responsive > .table-bordered > tfoot > tr:last-child > td { | |
border-bottom: 0; | |
} | |
} | |
fieldset { | |
padding: 0; | |
margin: 0; | |
border: 0; | |
min-width: 0; | |
} | |
legend { | |
display: block; | |
width: 100%; | |
padding: 0; | |
margin-bottom: 20px; | |
font-size: 21px; | |
line-height: inherit; | |
color: #333333; | |
border: 0; | |
border-bottom: 1px solid #e5e5e5; | |
} | |
label { | |
display: inline-block; | |
max-width: 100%; | |
margin-bottom: 5px; | |
font-weight: bold; | |
} | |
input[type="search"] { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
input[type="radio"], | |
input[type="checkbox"] { | |
margin: 4px 0 0; | |
margin-top: 1px \9; | |
line-height: normal; | |
} | |
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: thin dotted; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
} | |
output { | |
display: block; | |
padding-top: 7px; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #555555; | |
} | |
.form-control { | |
display: block; | |
width: 100%; | |
height: 34px; | |
padding: 6px 12px; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #555555; | |
background-color: #ffffff; | |
background-image: none; | |
border: 1px solid #cccccc; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
} | |
.form-control:focus { | |
border-color: #66afe9; | |
outline: 0; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
} | |
.form-control::-moz-placeholder { | |
color: #999999; | |
opacity: 1; | |
} | |
.form-control:-ms-input-placeholder { | |
color: #999999; | |
} | |
.form-control::-webkit-input-placeholder { | |
color: #999999; | |
} | |
.form-control[disabled], | |
.form-control[readonly], | |
fieldset[disabled] .form-control { | |
cursor: not-allowed; | |
background-color: #eeeeee; | |
opacity: 1; | |
} | |
textarea.form-control { | |
height: auto; | |
} | |
input[type="search"] { | |
-webkit-appearance: none; | |
} | |
input[type="date"], | |
input[type="time"], | |
input[type="datetime-local"], | |
input[type="month"] { | |
line-height: 34px; | |
line-height: 1.42857143 \0; | |
} | |
input[type="date"].input-sm, | |
input[type="time"].input-sm, | |
input[type="datetime-local"].input-sm, | |
input[type="month"].input-sm { | |
line-height: 30px; | |
line-height: 1.5 \0; | |
} | |
input[type="date"].input-lg, | |
input[type="time"].input-lg, | |
input[type="datetime-local"].input-lg, | |
input[type="month"].input-lg { | |
line-height: 46px; | |
line-height: 1.33 \0; | |
} | |
_:-ms-fullscreen, | |
:root input[type="date"], | |
_:-ms-fullscreen, | |
:root input[type="time"], | |
_:-ms-fullscreen, | |
:root input[type="datetime-local"], | |
_:-ms-fullscreen, | |
:root input[type="month"] { | |
line-height: 1.42857143; | |
} | |
_:-ms-fullscreen.input-sm, | |
:root input[type="date"].input-sm, | |
_:-ms-fullscreen.input-sm, | |
:root input[type="time"].input-sm, | |
_:-ms-fullscreen.input-sm, | |
:root input[type="datetime-local"].input-sm, | |
_:-ms-fullscreen.input-sm, | |
:root input[type="month"].input-sm { | |
line-height: 1.5; | |
} | |
_:-ms-fullscreen.input-lg, | |
:root input[type="date"].input-lg, | |
_:-ms-fullscreen.input-lg, | |
:root input[type="time"].input-lg, | |
_:-ms-fullscreen.input-lg, | |
:root input[type="datetime-local"].input-lg, | |
_:-ms-fullscreen.input-lg, | |
:root input[type="month"].input-lg { | |
line-height: 1.33; | |
} | |
.form-group { | |
margin-bottom: 15px; | |
} | |
.radio, | |
.checkbox { | |
position: relative; | |
display: block; | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.radio label, | |
.checkbox label { | |
min-height: 20px; | |
padding-left: 20px; | |
margin-bottom: 0; | |
font-weight: normal; | |
cursor: pointer; | |
} | |
.radio input[type="radio"], | |
.radio-inline input[type="radio"], | |
.checkbox input[type="checkbox"], | |
.checkbox-inline input[type="checkbox"] { | |
position: absolute; | |
margin-left: -20px; | |
margin-top: 4px \9; | |
} | |
.radio + .radio, | |
.checkbox + .checkbox { | |
margin-top: -5px; | |
} | |
.radio-inline, | |
.checkbox-inline { | |
display: inline-block; | |
padding-left: 20px; | |
margin-bottom: 0; | |
vertical-align: middle; | |
font-weight: normal; | |
cursor: pointer; | |
} | |
.radio-inline + .radio-inline, | |
.checkbox-inline + .checkbox-inline { | |
margin-top: 0; | |
margin-left: 10px; | |
} | |
input[type="radio"][disabled], | |
input[type="checkbox"][disabled], | |
input[type="radio"].disabled, | |
input[type="checkbox"].disabled, | |
fieldset[disabled] input[type="radio"], | |
fieldset[disabled] input[type="checkbox"] { | |
cursor: not-allowed; | |
} | |
.radio-inline.disabled, | |
.checkbox-inline.disabled, | |
fieldset[disabled] .radio-inline, | |
fieldset[disabled] .checkbox-inline { | |
cursor: not-allowed; | |
} | |
.radio.disabled label, | |
.checkbox.disabled label, | |
fieldset[disabled] .radio label, | |
fieldset[disabled] .checkbox label { | |
cursor: not-allowed; | |
} | |
.form-control-static { | |
padding-top: 7px; | |
padding-bottom: 7px; | |
margin-bottom: 0; | |
} | |
.form-control-static.input-lg, | |
.form-control-static.input-sm { | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.input-sm, | |
.form-group-sm .form-control { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
select.input-sm, | |
select.form-group-sm .form-control { | |
height: 30px; | |
line-height: 30px; | |
} | |
textarea.input-sm, | |
textarea.form-group-sm .form-control, | |
select[multiple].input-sm, | |
select[multiple].form-group-sm .form-control { | |
height: auto; | |
} | |
.input-lg, | |
.form-group-lg .form-control { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.33; | |
border-radius: 6px; | |
} | |
select.input-lg, | |
select.form-group-lg .form-control { | |
height: 46px; | |
line-height: 46px; | |
} | |
textarea.input-lg, | |
textarea.form-group-lg .form-control, | |
select[multiple].input-lg, | |
select[multiple].form-group-lg .form-control { | |
height: auto; | |
} | |
.has-feedback { | |
position: relative; | |
} | |
.has-feedback .form-control { | |
padding-right: 42.5px; | |
} | |
.form-control-feedback { | |
position: absolute; | |
top: 0; | |
right: 0; | |
z-index: 2; | |
display: block; | |
width: 34px; | |
height: 34px; | |
line-height: 34px; | |
text-align: center; | |
pointer-events: none; | |
} | |
.input-lg + .form-control-feedback { | |
width: 46px; | |
height: 46px; | |
line-height: 46px; | |
} | |
.input-sm + .form-control-feedback { | |
width: 30px; | |
height: 30px; | |
line-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; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
} | |
.has-success .form-control:focus { | |
border-color: #2b542c; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | |
box-shadow: inset 0 1px 1px rgba(0, 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; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
} | |
.has-warning .form-control:focus { | |
border-color: #66512c; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | |
box-shadow: inset 0 1px 1px rgba(0, 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; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
} | |
.has-error .form-control:focus { | |
border-color: #843534; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | |
box-shadow: inset 0 1px 1px rgba(0, 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-left: -15px; | |
margin-right: -15px; | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .control-label { | |
text-align: right; | |
margin-bottom: 0; | |
padding-top: 7px; | |
} | |
} | |
.form-horizontal .has-feedback .form-control-feedback { | |
right: 15px; | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group-lg .control-label { | |
padding-top: 14.3px; | |
} | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group-sm .control-label { | |
padding-top: 6px; | |
} | |
} | |
.fade { | |
opacity: 0; | |
-webkit-transition: opacity 0.15s linear; | |
-o-transition: opacity 0.15s linear; | |
transition: opacity 0.15s linear; | |
} | |
.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; | |
height: 0; | |
overflow: hidden; | |
-webkit-transition: height 0.35s ease; | |
-o-transition: height 0.35s ease; | |
transition: height 0.35s ease; | |
} | |
.caret { | |
display: inline-block; | |
width: 0; | |
height: 0; | |
margin-left: 2px; | |
vertical-align: middle; | |
border-top: 4px solid; | |
border-right: 4px solid transparent; | |
border-left: 4px solid transparent; | |
} | |
.dropdown { | |
position: relative; | |
} | |
.dropdown-toggle:focus { | |
outline: 0; | |
} | |
.dropdown-menu { | |
position: absolute; | |
top: 100%; | |
left: 0; | |
z-index: 1000; | |
display: none; | |
float: left; | |
min-width: 160px; | |
padding: 5px 0; | |
margin: 2px 0 0; | |
list-style: none; | |
font-size: 14px; | |
text-align: left; | |
background-color: #ffffff; | |
border: 1px solid #cccccc; | |
border: 1px solid rgba(0, 0, 0, 0.15); | |
border-radius: 4px; | |
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | |
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | |
background-clip: padding-box; | |
} | |
.dropdown-menu.pull-right { | |
right: 0; | |
left: auto; | |
} | |
.dropdown-menu .divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
} | |
.dropdown-menu > li > a { | |
display: block; | |
padding: 3px 20px; | |
clear: both; | |
font-weight: normal; | |
line-height: 1.42857143; | |
color: #333333; | |
white-space: nowrap; | |
} | |
.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 { | |
color: #ffffff; | |
text-decoration: none; | |
outline: 0; | |
background-color: #428bca; | |
} | |
.dropdown-menu > .disabled > a, | |
.dropdown-menu > .disabled > a:hover, | |
.dropdown-menu > .disabled > a:focus { | |
color: #777777; | |
} | |
.dropdown-menu > .disabled > a:hover, | |
.dropdown-menu > .disabled > a:focus { | |
text-decoration: none; | |
background-color: transparent; | |
background-image: none; | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
cursor: not-allowed; | |
} | |
.open > .dropdown-menu { | |
display: block; | |
} | |
.open > a { | |
outline: 0; | |
} | |
.dropdown-menu-right { | |
left: auto; | |
right: 0; | |
} | |
.dropdown-menu-left { | |
left: 0; | |
right: auto; | |
} | |
.dropdown-header { | |
display: block; | |
padding: 3px 20px; | |
font-size: 12px; | |
line-height: 1.42857143; | |
color: #777777; | |
white-space: nowrap; | |
} | |
.dropdown-backdrop { | |
position: fixed; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
top: 0; | |
z-index: 990; | |
} | |
.pull-right > .dropdown-menu { | |
right: 0; | |
left: auto; | |
} | |
.dropup .caret, | |
.navbar-fixed-bottom .dropdown .caret { | |
border-top: 0; | |
border-bottom: 4px solid; | |
content: ""; | |
} | |
.dropup .dropdown-menu, | |
.navbar-fixed-bottom .dropdown .dropdown-menu { | |
top: auto; | |
bottom: 100%; | |
margin-bottom: 1px; | |
} | |
@media (min-width: 768px) { | |
.navbar-right .dropdown-menu { | |
left: auto; | |
right: 0; | |
} | |
.navbar-right .dropdown-menu-left { | |
left: 0; | |
right: auto; | |
} | |
} | |
.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-vertical > .btn:hover, | |
.btn-group > .btn:focus, | |
.btn-group-vertical > .btn:focus, | |
.btn-group > .btn:active, | |
.btn-group-vertical > .btn:active, | |
.btn-group > .btn.active, | |
.btn-group-vertical > .btn.active { | |
z-index: 2; | |
} | |
.btn-group > .btn:focus, | |
.btn-group-vertical > .btn:focus { | |
outline: 0; | |
} | |
.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 .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-bottom-right-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.btn-group > .btn:last-child:not(:first-child), | |
.btn-group > .dropdown-toggle:not(:first-child) { | |
border-bottom-left-radius: 0; | |
border-top-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 > .btn:last-child, | |
.btn-group > .btn-group:first-child > .dropdown-toggle { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.btn-group > .btn-group:last-child > .btn:first-child { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.btn-group .dropdown-toggle:active, | |
.btn-group.open .dropdown-toggle { | |
outline: 0; | |
} | |
.btn-group > .btn + .dropdown-toggle { | |
padding-left: 8px; | |
padding-right: 8px; | |
} | |
.btn-group > .btn-lg + .dropdown-toggle { | |
padding-left: 12px; | |
padding-right: 12px; | |
} | |
.btn-group.open .dropdown-toggle { | |
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
} | |
.btn-group.open .dropdown-toggle.btn-link { | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.btn .caret { | |
margin-left: 0; | |
} | |
.btn-lg .caret { | |
border-width: 5px 5px 0; | |
border-bottom-width: 0; | |
} | |
.dropup .btn-lg .caret { | |
border-width: 0 5px 5px; | |
} | |
.btn-group-vertical > .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 > .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-right-radius: 4px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.btn-group-vertical > .btn:last-child:not(:first-child) { | |
border-bottom-left-radius: 4px; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.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-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.btn-group-justified { | |
display: table; | |
width: 100%; | |
table-layout: fixed; | |
border-collapse: separate; | |
} | |
.btn-group-justified > .btn, | |
.btn-group-justified > .btn-group { | |
float: none; | |
display: table-cell; | |
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-group > .btn input[type="radio"], | |
[data-toggle="buttons"] > .btn input[type="checkbox"], | |
[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-left: 0; | |
padding-right: 0; | |
} | |
.input-group .form-control { | |
position: relative; | |
z-index: 2; | |
float: left; | |
width: 100%; | |
margin-bottom: 0; | |
} | |
.input-group-lg > .form-control, | |
.input-group-lg > .input-group-addon, | |
.input-group-lg > .input-group-btn > .btn { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.33; | |
border-radius: 6px; | |
} | |
select.input-group-lg > .form-control, | |
select.input-group-lg > .input-group-addon, | |
select.input-group-lg > .input-group-btn > .btn { | |
height: 46px; | |
line-height: 46px; | |
} | |
textarea.input-group-lg > .form-control, | |
textarea.input-group-lg > .input-group-addon, | |
textarea.input-group-lg > .input-group-btn > .btn, | |
select[multiple].input-group-lg > .form-control, | |
select[multiple].input-group-lg > .input-group-addon, | |
select[multiple].input-group-lg > .input-group-btn > .btn { | |
height: auto; | |
} | |
.input-group-sm > .form-control, | |
.input-group-sm > .input-group-addon, | |
.input-group-sm > .input-group-btn > .btn { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
select.input-group-sm > .form-control, | |
select.input-group-sm > .input-group-addon, | |
select.input-group-sm > .input-group-btn > .btn { | |
height: 30px; | |
line-height: 30px; | |
} | |
textarea.input-group-sm > .form-control, | |
textarea.input-group-sm > .input-group-addon, | |
textarea.input-group-sm > .input-group-btn > .btn, | |
select[multiple].input-group-sm > .form-control, | |
select[multiple].input-group-sm > .input-group-addon, | |
select[multiple].input-group-sm > .input-group-btn > .btn { | |
height: auto; | |
} | |
.input-group-addon, | |
.input-group-btn, | |
.input-group .form-control { | |
display: table-cell; | |
} | |
.input-group-addon:not(:first-child):not(:last-child), | |
.input-group-btn:not(:first-child):not(:last-child), | |
.input-group .form-control:not(:first-child):not(:last-child) { | |
border-radius: 0; | |
} | |
.input-group-addon, | |
.input-group-btn { | |
width: 1%; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.input-group-addon { | |
padding: 6px 12px; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 1; | |
color: #555555; | |
text-align: center; | |
background-color: #eeeeee; | |
border: 1px solid #cccccc; | |
border-radius: 4px; | |
} | |
.input-group-addon.input-sm { | |
padding: 5px 10px; | |
font-size: 12px; | |
border-radius: 3px; | |
} | |
.input-group-addon.input-lg { | |
padding: 10px 16px; | |
font-size: 18px; | |
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-bottom-right-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.input-group-addon:first-child { | |
border-right: 0; | |
} | |
.input-group .form-control:last-child, | |
.input-group-addon:last-child, | |
.input-group-btn:last-child > .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-bottom-left-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.input-group-addon:last-child { | |
border-left: 0; | |
} | |
.input-group-btn { | |
position: relative; | |
font-size: 0; | |
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 { | |
margin-left: -1px; | |
} | |
.nav { | |
margin-bottom: 0; | |
padding-left: 0; | |
list-style: none; | |
} | |
.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: #eeeeee; | |
} | |
.nav > li.disabled > a { | |
color: #777777; | |
} | |
.nav > li.disabled > a:hover, | |
.nav > li.disabled > a:focus { | |
color: #777777; | |
text-decoration: none; | |
background-color: transparent; | |
cursor: not-allowed; | |
} | |
.nav .open > a, | |
.nav .open > a:hover, | |
.nav .open > a:focus { | |
background-color: #eeeeee; | |
border-color: #428bca; | |
} | |
.nav .nav-divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
} | |
.nav > li > a > img { | |
max-width: none; | |
} | |
.nav-tabs { | |
border-bottom: 1px solid #dddddd; | |
} | |
.nav-tabs > li { | |
float: left; | |
margin-bottom: -1px; | |
} | |
.nav-tabs > li > a { | |
margin-right: 2px; | |
line-height: 1.42857143; | |
border: 1px solid transparent; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs > li > a:hover { | |
border-color: #eeeeee #eeeeee #dddddd; | |
} | |
.nav-tabs > li.active > a, | |
.nav-tabs > li.active > a:hover, | |
.nav-tabs > li.active > a:focus { | |
color: #555555; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-bottom-color: transparent; | |
cursor: default; | |
} | |
.nav-tabs.nav-justified { | |
width: 100%; | |
border-bottom: 0; | |
} | |
.nav-tabs.nav-justified > li { | |
float: none; | |
} | |
.nav-tabs.nav-justified > li > a { | |
text-align: center; | |
margin-bottom: 5px; | |
} | |
.nav-tabs.nav-justified > .dropdown .dropdown-menu { | |
top: auto; | |
left: auto; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs.nav-justified > li { | |
display: table-cell; | |
width: 1%; | |
} | |
.nav-tabs.nav-justified > li > a { | |
margin-bottom: 0; | |
} | |
} | |
.nav-tabs.nav-justified > li > a { | |
margin-right: 0; | |
border-radius: 4px; | |
} | |
.nav-tabs.nav-justified > .active > a, | |
.nav-tabs.nav-justified > .active > a:hover, | |
.nav-tabs.nav-justified > .active > a:focus { | |
border: 1px solid #dddddd; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs.nav-justified > li > a { | |
border-bottom: 1px solid #dddddd; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs.nav-justified > .active > a, | |
.nav-tabs.nav-justified > .active > a:hover, | |
.nav-tabs.nav-justified > .active > a:focus { | |
border-bottom-color: #ffffff; | |
} | |
} | |
.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: #ffffff; | |
background-color: #428bca; | |
} | |
.nav-stacked > li { | |
float: none; | |
} | |
.nav-stacked > li + li { | |
margin-top: 2px; | |
margin-left: 0; | |
} | |
.nav-justified { | |
width: 100%; | |
} | |
.nav-justified > li { | |
float: none; | |
} | |
.nav-justified > li > a { | |
text-align: center; | |
margin-bottom: 5px; | |
} | |
.nav-justified > .dropdown .dropdown-menu { | |
top: auto; | |
left: auto; | |
} | |
@media (min-width: 768px) { | |
.nav-justified > li { | |
display: table-cell; | |
width: 1%; | |
} | |
.nav-justified > li > a { | |
margin-bottom: 0; | |
} | |
} | |
.nav-tabs-justified { | |
border-bottom: 0; | |
} | |
.nav-tabs-justified > li > a { | |
margin-right: 0; | |
border-radius: 4px; | |
} | |
.nav-tabs-justified > .active > a, | |
.nav-tabs-justified > .active > a:hover, | |
.nav-tabs-justified > .active > a:focus { | |
border: 1px solid #dddddd; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs-justified > li > a { | |
border-bottom: 1px solid #dddddd; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs-justified > .active > a, | |
.nav-tabs-justified > .active > a:hover, | |
.nav-tabs-justified > .active > a:focus { | |
border-bottom-color: #ffffff; | |
} | |
} | |
.tab-content > .tab-pane { | |
display: none; | |
} | |
.tab-content > .active { | |
display: block; | |
} | |
.nav-tabs .dropdown-menu { | |
margin-top: -1px; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.navbar { | |
position: relative; | |
min-height: 50px; | |
margin-bottom: 20px; | |
border: 1px solid transparent; | |
} | |
@media (min-width: 768px) { | |
.navbar { | |
border-radius: 4px; | |
} | |
} | |
@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, 0.1); | |
-webkit-overflow-scrolling: touch; | |
} | |
.navbar-collapse.in { | |
overflow-y: auto; | |
} | |
@media (min-width: 768px) { | |
.navbar-collapse { | |
width: auto; | |
border-top: 0; | |
box-shadow: none; | |
} | |
.navbar-collapse.collapse { | |
display: block !important; | |
height: auto !important; | |
padding-bottom: 0; | |
overflow: visible !important; | |
} | |
.navbar-collapse.in { | |
overflow-y: visible; | |
} | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-static-top .navbar-collapse, | |
.navbar-fixed-bottom .navbar-collapse { | |
padding-left: 0; | |
padding-right: 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-fluid > .navbar-header, | |
.container > .navbar-collapse, | |
.container-fluid > .navbar-collapse { | |
margin-right: -15px; | |
margin-left: -15px; | |
} | |
@media (min-width: 768px) { | |
.container > .navbar-header, | |
.container-fluid > .navbar-header, | |
.container > .navbar-collapse, | |
.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; | |
right: 0; | |
left: 0; | |
z-index: 1030; | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 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 { | |
float: left; | |
padding: 15px 15px; | |
font-size: 18px; | |
line-height: 20px; | |
height: 50px; | |
} | |
.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-right: 15px; | |
padding: 9px 10px; | |
margin-top: 8px; | |
margin-bottom: 8px; | |
background-color: transparent; | |
background-image: none; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
} | |
.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 { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
line-height: 20px; | |
} | |
@media (max-width: 767px) { | |
.navbar-nav .open .dropdown-menu { | |
position: static; | |
float: none; | |
width: auto; | |
margin-top: 0; | |
background-color: transparent; | |
border: 0; | |
box-shadow: none; | |
} | |
.navbar-nav .open .dropdown-menu > 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-left: -15px; | |
margin-right: -15px; | |
padding: 10px 15px; | |
border-top: 1px solid transparent; | |
border-bottom: 1px solid transparent; | |
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | |
margin-top: 8px; | |
margin-bottom: 8px; | |
} | |
@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; | |
border: 0; | |
margin-left: 0; | |
margin-right: 0; | |
padding-top: 0; | |
padding-bottom: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
} | |
.navbar-nav > li > .dropdown-menu { | |
margin-top: 0; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.navbar-btn { | |
margin-top: 8px; | |
margin-bottom: 8px; | |
} | |
.navbar-btn.btn-sm { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.navbar-btn.btn-xs { | |
margin-top: 14px; | |
margin-bottom: 14px; | |
} | |
.navbar-text { | |
margin-top: 15px; | |
margin-bottom: 15px; | |
} | |
@media (min-width: 768px) { | |
.navbar-text { | |
float: left; | |
margin-left: 15px; | |
margin-right: 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 { | |
background-color: #f8f8f8; | |
border-color: #e7e7e7; | |
} | |
.navbar-default .navbar-brand { | |
color: #777777; | |
} | |
.navbar-default .navbar-brand:hover, | |
.navbar-default .navbar-brand:focus { | |
color: #5e5e5e; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-text { | |
color: #777777; | |
} | |
.navbar-default .navbar-nav > li > a { | |
color: #777777; | |
} | |
.navbar-default .navbar-nav > li > a:hover, | |
.navbar-default .navbar-nav > li > a:focus { | |
color: #333333; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-nav > .active > a, | |
.navbar-default .navbar-nav > .active > a:hover, | |
.navbar-default .navbar-nav > .active > a:focus { | |
color: #555555; | |
background-color: #e7e7e7; | |
} | |
.navbar-default .navbar-nav > .disabled > a, | |
.navbar-default .navbar-nav > .disabled > a:hover, | |
.navbar-default .navbar-nav > .disabled > a:focus { | |
color: #cccccc; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-toggle { | |
border-color: #dddddd; | |
} | |
.navbar-default .navbar-toggle:hover, | |
.navbar-default .navbar-toggle:focus { | |
background-color: #dddddd; | |
} | |
.navbar-default .navbar-toggle .icon-bar { | |
background-color: #888888; | |
} | |
.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 { | |
background-color: #e7e7e7; | |
color: #555555; | |
} | |
@media (max-width: 767px) { | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a { | |
color: #777777; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { | |
color: #333333; | |
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: #555555; | |
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: #cccccc; | |
background-color: transparent; | |
} | |
} | |
.navbar-default .navbar-link { | |
color: #777777; | |
} | |
.navbar-default .navbar-link:hover { | |
color: #333333; | |
} | |
.navbar-default .btn-link { | |
color: #777777; | |
} | |
.navbar-default .btn-link:hover, | |
.navbar-default .btn-link:focus { | |
color: #333333; | |
} | |
.navbar-default .btn-link[disabled]:hover, | |
fieldset[disabled] .navbar-default .btn-link:hover, | |
.navbar-default .btn-link[disabled]:focus, | |
fieldset[disabled] .navbar-default .btn-link:focus { | |
color: #cccccc; | |
} | |
.navbar-inverse { | |
background-color: #222222; | |
border-color: #080808; | |
} | |
.navbar-inverse .navbar-brand { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-brand:hover, | |
.navbar-inverse .navbar-brand:focus { | |
color: #ffffff; | |
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: #ffffff; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-nav > .active > a, | |
.navbar-inverse .navbar-nav > .active > a:hover, | |
.navbar-inverse .navbar-nav > .active > a:focus { | |
color: #ffffff; | |
background-color: #080808; | |
} | |
.navbar-inverse .navbar-nav > .disabled > a, | |
.navbar-inverse .navbar-nav > .disabled > a:hover, | |
.navbar-inverse .navbar-nav > .disabled > a:focus { | |
color: #444444; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-toggle { | |
border-color: #333333; | |
} | |
.navbar-inverse .navbar-toggle:hover, | |
.navbar-inverse .navbar-toggle:focus { | |
background-color: #333333; | |
} | |
.navbar-inverse .navbar-toggle .icon-bar { | |
background-color: #ffffff; | |
} | |
.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 { | |
background-color: #080808; | |
color: #ffffff; | |
} | |
@media (max-width: 767px) { | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { | |
border-color: #080808; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { | |
background-color: #080808; | |
} | |
.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: #ffffff; | |
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: #ffffff; | |
background-color: #080808; | |
} | |
.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: #444444; | |
background-color: transparent; | |
} | |
} | |
.navbar-inverse .navbar-link { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-link:hover { | |
color: #ffffff; | |
} | |
.navbar-inverse .btn-link { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .btn-link:hover, | |
.navbar-inverse .btn-link:focus { | |
color: #ffffff; | |
} | |
.navbar-inverse .btn-link[disabled]:hover, | |
fieldset[disabled] .navbar-inverse .btn-link:hover, | |
.navbar-inverse .btn-link[disabled]:focus, | |
fieldset[disabled] .navbar-inverse .btn-link:focus { | |
color: #444444; | |
} | |
.breadcrumb { | |
padding: 8px 15px; | |
margin-bottom: 20px; | |
list-style: none; | |
background-color: #f5f5f5; | |
border-radius: 4px; | |
} | |
.breadcrumb > li { | |
display: inline-block; | |
} | |
.breadcrumb > li + li:before { | |
content: "/\00a0"; | |
padding: 0 5px; | |
color: #cccccc; | |
} | |
.breadcrumb > .active { | |
color: #777777; | |
} | |
.pagination { | |
display: inline-block; | |
padding-left: 0; | |
margin: 20px 0; | |
border-radius: 4px; | |
} | |
.pagination > li { | |
display: inline; | |
} | |
.pagination > li > a, | |
.pagination > li > span { | |
position: relative; | |
float: left; | |
padding: 6px 12px; | |
line-height: 1.42857143; | |
text-decoration: none; | |
color: #428bca; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
margin-left: -1px; | |
} | |
.pagination > li:first-child > a, | |
.pagination > li:first-child > span { | |
margin-left: 0; | |
border-bottom-left-radius: 4px; | |
border-top-left-radius: 4px; | |
} | |
.pagination > li:last-child > a, | |
.pagination > li:last-child > span { | |
border-bottom-right-radius: 4px; | |
border-top-right-radius: 4px; | |
} | |
.pagination > li > a:hover, | |
.pagination > li > span:hover, | |
.pagination > li > a:focus, | |
.pagination > li > span:focus { | |
color: #2a6496; | |
background-color: #eeeeee; | |
border-color: #dddddd; | |
} | |
.pagination > .active > a, | |
.pagination > .active > span, | |
.pagination > .active > a:hover, | |
.pagination > .active > span:hover, | |
.pagination > .active > a:focus, | |
.pagination > .active > span:focus { | |
z-index: 2; | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #428bca; | |
cursor: default; | |
} | |
.pagination > .disabled > span, | |
.pagination > .disabled > span:hover, | |
.pagination > .disabled > span:focus, | |
.pagination > .disabled > a, | |
.pagination > .disabled > a:hover, | |
.pagination > .disabled > a:focus { | |
color: #777777; | |
background-color: #ffffff; | |
border-color: #dddddd; | |
cursor: not-allowed; | |
} | |
.pagination-lg > li > a, | |
.pagination-lg > li > span { | |
padding: 10px 16px; | |
font-size: 18px; | |
} | |
.pagination-lg > li:first-child > a, | |
.pagination-lg > li:first-child > span { | |
border-bottom-left-radius: 6px; | |
border-top-left-radius: 6px; | |
} | |
.pagination-lg > li:last-child > a, | |
.pagination-lg > li:last-child > span { | |
border-bottom-right-radius: 6px; | |
border-top-right-radius: 6px; | |
} | |
.pagination-sm > li > a, | |
.pagination-sm > li > span { | |
padding: 5px 10px; | |
font-size: 12px; | |
} | |
.pagination-sm > li:first-child > a, | |
.pagination-sm > li:first-child > span { | |
border-bottom-left-radius: 3px; | |
border-top-left-radius: 3px; | |
} | |
.pagination-sm > li:last-child > a, | |
.pagination-sm > li:last-child > span { | |
border-bottom-right-radius: 3px; | |
border-top-right-radius: 3px; | |
} | |
.pager { | |
padding-left: 0; | |
margin: 20px 0; | |
list-style: none; | |
text-align: center; | |
} | |
.pager li { | |
display: inline; | |
} | |
.pager li > a, | |
.pager li > span { | |
display: inline-block; | |
padding: 5px 14px; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-radius: 15px; | |
} | |
.pager li > a:hover, | |
.pager li > a:focus { | |
text-decoration: none; | |
background-color: #eeeeee; | |
} | |
.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 { | |
color: #777777; | |
background-color: #ffffff; | |
cursor: not-allowed; | |
} | |
.label { | |
display: inline; | |
padding: .2em .6em .3em; | |
font-size: 75%; | |
font-weight: bold; | |
line-height: 1; | |
color: #ffffff; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: baseline; | |
border-radius: .25em; | |
} | |
a.label:hover, | |
a.label:focus { | |
color: #ffffff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
.label:empty { | |
display: none; | |
} | |
.btn .label { | |
position: relative; | |
top: -1px; | |
} | |
.label-default { | |
background-color: #777777; | |
} | |
.label-default[href]:hover, | |
.label-default[href]:focus { | |
background-color: #5e5e5e; | |
} | |
.label-primary { | |
background-color: #428bca; | |
} | |
.label-primary[href]:hover, | |
.label-primary[href]:focus { | |
background-color: #3071a9; | |
} | |
.label-success { | |
background-color: #5cb85c; | |
} | |
.label-success[href]:hover, | |
.label-success[href]:focus { | |
background-color: #449d44; | |
} | |
.label-info { | |
background-color: #5bc0de; | |
} | |
.label-info[href]:hover, | |
.label-info[href]:focus { | |
background-color: #31b0d5; | |
} | |
.label-warning { | |
background-color: #f0ad4e; | |
} | |
.label-warning[href]:hover, | |
.label-warning[href]:focus { | |
background-color: #ec971f; | |
} | |
.label-danger { | |
background-color: #d9534f; | |
} | |
.label-danger[href]:hover, | |
.label-danger[href]:focus { | |
background-color: #c9302c; | |
} | |
.badge { | |
display: inline-block; | |
min-width: 10px; | |
padding: 3px 7px; | |
font-size: 12px; | |
font-weight: bold; | |
color: #ffffff; | |
line-height: 1; | |
vertical-align: baseline; | |
white-space: nowrap; | |
text-align: center; | |
background-color: #777777; | |
border-radius: 10px; | |
} | |
.badge:empty { | |
display: none; | |
} | |
.btn .badge { | |
position: relative; | |
top: -1px; | |
} | |
.btn-xs .badge { | |
top: 0; | |
padding: 1px 5px; | |
} | |
a.badge:hover, | |
a.badge:focus { | |
color: #ffffff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
a.list-group-item.active > .badge, | |
.nav-pills > .active > a > .badge { | |
color: #428bca; | |
background-color: #ffffff; | |
} | |
.nav-pills > li > a > .badge { | |
margin-left: 3px; | |
} | |
.jumbotron { | |
padding: 30px 15px; | |
margin-bottom: 30px; | |
color: inherit; | |
background-color: #eeeeee; | |
} | |
.jumbotron h1, | |
.jumbotron .h1 { | |
color: inherit; | |
} | |
.jumbotron p { | |
margin-bottom: 15px; | |
font-size: 21px; | |
font-weight: 200; | |
} | |
.jumbotron > hr { | |
border-top-color: #d5d5d5; | |
} | |
.container .jumbotron, | |
.container-fluid .jumbotron { | |
border-radius: 6px; | |
} | |
.jumbotron .container { | |
max-width: 100%; | |
} | |
@media screen and (min-width: 768px) { | |
.jumbotron { | |
padding: 48px 0; | |
} | |
.container .jumbotron { | |
padding-left: 60px; | |
padding-right: 60px; | |
} | |
.jumbotron h1, | |
.jumbotron .h1 { | |
font-size: 63px; | |
} | |
} | |
.thumbnail { | |
display: block; | |
padding: 4px; | |
margin-bottom: 20px; | |
line-height: 1.42857143; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-radius: 4px; | |
-webkit-transition: border 0.2s ease-in-out; | |
-o-transition: border 0.2s ease-in-out; | |
transition: border 0.2s ease-in-out; | |
} | |
.thumbnail > img, | |
.thumbnail a > img { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
a.thumbnail:hover, | |
a.thumbnail:focus, | |
a.thumbnail.active { | |
border-color: #428bca; | |
} | |
.thumbnail .caption { | |
padding: 9px; | |
color: #333333; | |
} | |
.alert { | |
padding: 15px; | |
margin-bottom: 20px; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
} | |
.alert h4 { | |
margin-top: 0; | |
color: inherit; | |
} | |
.alert .alert-link { | |
font-weight: bold; | |
} | |
.alert > 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 { | |
background-color: #dff0d8; | |
border-color: #d6e9c6; | |
color: #3c763d; | |
} | |
.alert-success hr { | |
border-top-color: #c9e2b3; | |
} | |
.alert-success .alert-link { | |
color: #2b542c; | |
} | |
.alert-info { | |
background-color: #d9edf7; | |
border-color: #bce8f1; | |
color: #31708f; | |
} | |
.alert-info hr { | |
border-top-color: #a6e1ec; | |
} | |
.alert-info .alert-link { | |
color: #245269; | |
} | |
.alert-warning { | |
background-color: #fcf8e3; | |
border-color: #faebcc; | |
color: #8a6d3b; | |
} | |
.alert-warning hr { | |
border-top-color: #f7e1b5; | |
} | |
.alert-warning .alert-link { | |
color: #66512c; | |
} | |
.alert-danger { | |
background-color: #f2dede; | |
border-color: #ebccd1; | |
color: #a94442; | |
} | |
.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; | |
background-color: #f5f5f5; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
} | |
.progress-bar { | |
float: left; | |
width: 0%; | |
height: 100%; | |
font-size: 12px; | |
line-height: 20px; | |
color: #ffffff; | |
text-align: center; | |
background-color: #428bca; | |
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
-webkit-transition: width 0.6s ease; | |
-o-transition: width 0.6s ease; | |
transition: width 0.6s ease; | |
} | |
.progress-striped .progress-bar, | |
.progress-bar-striped { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-size: 40px 40px; | |
} | |
.progress.active .progress-bar, | |
.progress-bar.active { | |
-webkit-animation: progress-bar-stripes 2s linear infinite; | |
-o-animation: progress-bar-stripes 2s linear infinite; | |
animation: progress-bar-stripes 2s linear infinite; | |
} | |
.progress-bar[aria-valuenow="0"] { | |
color: #777777; | |
min-width: 30px; | |
background-color: transparent; | |
background-image: none; | |
box-shadow: none; | |
} | |
.progress-bar-success { | |
background-color: #5cb85c; | |
} | |
.progress-striped .progress-bar-success { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
} | |
.progress-bar-info { | |
background-color: #5bc0de; | |
} | |
.progress-striped .progress-bar-info { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
} | |
.progress-bar-warning { | |
background-color: #f0ad4e; | |
} | |
.progress-striped .progress-bar-warning { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
} | |
.progress-bar-danger { | |
background-color: #d9534f; | |
} | |
.progress-striped .progress-bar-danger { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
} | |
.media, | |
.media-body { | |
overflow: hidden; | |
zoom: 1; | |
} | |
.media, | |
.media .media { | |
margin-top: 15px; | |
} | |
.media:first-child { | |
margin-top: 0; | |
} | |
.media-object { | |
display: block; | |
} | |
.media-heading { | |
margin: 0 0 5px; | |
} | |
.media > .pull-left { | |
margin-right: 10px; | |
} | |
.media > .pull-right { | |
margin-left: 10px; | |
} | |
.media-list { | |
padding-left: 0; | |
list-style: none; | |
} | |
.list-group { | |
margin-bottom: 20px; | |
padding-left: 0; | |
} | |
.list-group-item { | |
position: relative; | |
display: block; | |
padding: 10px 15px; | |
margin-bottom: -1px; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
} | |
.list-group-item:first-child { | |
border-top-right-radius: 4px; | |
border-top-left-radius: 4px; | |
} | |
.list-group-item:last-child { | |
margin-bottom: 0; | |
border-bottom-right-radius: 4px; | |
border-bottom-left-radius: 4px; | |
} | |
.list-group-item > .badge { | |
float: right; | |
} | |
.list-group-item > .badge + .badge { | |
margin-right: 5px; | |
} | |
a.list-group-item { | |
color: #555555; | |
} | |
a.list-group-item .list-group-item-heading { | |
color: #333333; | |
} | |
a.list-group-item:hover, | |
a.list-group-item:focus { | |
text-decoration: none; | |
color: #555555; | |
background-color: #f5f5f5; | |
} | |
.list-group-item.disabled, | |
.list-group-item.disabled:hover, | |
.list-group-item.disabled:focus { | |
background-color: #eeeeee; | |
color: #777777; | |
cursor: not-allowed; | |
} | |
.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: #777777; | |
} | |
.list-group-item.active, | |
.list-group-item.active:hover, | |
.list-group-item.active:focus { | |
z-index: 2; | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #428bca; | |
} | |
.list-group-item.active .list-group-item-heading, | |
.list-group-item.active:hover .list-group-item-heading, | |
.list-group-item.active:focus .list-group-item-heading, | |
.list-group-item.active .list-group-item-heading > small, | |
.list-group-item.active:hover .list-group-item-heading > small, | |
.list-group-item.active:focus .list-group-item-heading > small, | |
.list-group-item.active .list-group-item-heading > .small, | |
.list-group-item.active:hover .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: #e1edf7; | |
} | |
.list-group-item-success { | |
color: #3c763d; | |
background-color: #dff0d8; | |
} | |
a.list-group-item-success { | |
color: #3c763d; | |
} | |
a.list-group-item-success .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-success:hover, | |
a.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 { | |
color: #fff; | |
background-color: #3c763d; | |
border-color: #3c763d; | |
} | |
.list-group-item-info { | |
color: #31708f; | |
background-color: #d9edf7; | |
} | |
a.list-group-item-info { | |
color: #31708f; | |
} | |
a.list-group-item-info .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-info:hover, | |
a.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 { | |
color: #fff; | |
background-color: #31708f; | |
border-color: #31708f; | |
} | |
.list-group-item-warning { | |
color: #8a6d3b; | |
background-color: #fcf8e3; | |
} | |
a.list-group-item-warning { | |
color: #8a6d3b; | |
} | |
a.list-group-item-warning .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-warning:hover, | |
a.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 { | |
color: #fff; | |
background-color: #8a6d3b; | |
border-color: #8a6d3b; | |
} | |
.list-group-item-danger { | |
color: #a94442; | |
background-color: #f2dede; | |
} | |
a.list-group-item-danger { | |
color: #a94442; | |
} | |
a.list-group-item-danger .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-danger:hover, | |
a.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 { | |
color: #fff; | |
background-color: #a94442; | |
border-color: #a94442; | |
} | |
.list-group-item-heading { | |
margin-top: 0; | |
margin-bottom: 5px; | |
} | |
.list-group-item-text { | |
margin-bottom: 0; | |
line-height: 1.3; | |
} | |
.panel { | |
margin-bottom: 20px; | |
background-color: #ffffff; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | |
} | |
.panel-body { | |
padding: 15px; | |
} | |
.panel-heading { | |
padding: 10px 15px; | |
border-bottom: 1px solid transparent; | |
border-top-right-radius: 3px; | |
border-top-left-radius: 3px; | |
} | |
.panel-heading > .dropdown .dropdown-toggle { | |
color: inherit; | |
} | |
.panel-title { | |
margin-top: 0; | |
margin-bottom: 0; | |
font-size: 16px; | |
color: inherit; | |
} | |
.panel-title > a { | |
color: inherit; | |
} | |
.panel-footer { | |
padding: 10px 15px; | |
background-color: #f5f5f5; | |
border-top: 1px solid #dddddd; | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px; | |
} | |
.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-right-radius: 3px; | |
border-top-left-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-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-left: 15px; | |
padding-right: 15px; | |
} | |
.panel > .table:first-child, | |
.panel > .table-responsive:first-child > .table:first-child { | |
border-top-right-radius: 3px; | |
border-top-left-radius: 3px; | |
} | |
.panel > .table:first-child > thead:first-child > tr:first-child, | |
.panel > .table-responsive:first-child > .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 > 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-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, | |
.panel > .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 td:first-child, | |
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child th: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-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, | |
.panel > .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 td:last-child, | |
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child th: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-responsive:last-child > .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 > tfoot:last-child > tr:last-child { | |
border-bottom-left-radius: 3px; | |
border-bottom-right-radius: 3px; | |
} | |
.panel > .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 td:first-child, | |
.panel > .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 td:first-child, | |
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child th: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-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, | |
.panel > .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 td:last-child, | |
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child th: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 #dddddd; | |
} | |
.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-responsive > .table-bordered > thead > tr > th:first-child, | |
.panel > .table-bordered > tbody > tr > th:first-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, | |
.panel > .table-bordered > tfoot > tr > th:first-child, | |
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, | |
.panel > .table-bordered > thead > tr > td:first-child, | |
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, | |
.panel > .table-bordered > tbody > tr > td:first-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, | |
.panel > .table-bordered > tfoot > tr > td: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-responsive > .table-bordered > thead > tr > th:last-child, | |
.panel > .table-bordered > tbody > tr > th:last-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, | |
.panel > .table-bordered > tfoot > tr > th:last-child, | |
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, | |
.panel > .table-bordered > thead > tr > td:last-child, | |
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, | |
.panel > .table-bordered > tbody > tr > td:last-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, | |
.panel > .table-bordered > tfoot > tr > td: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-responsive > .table-bordered > thead > tr:first-child > td, | |
.panel > .table-bordered > tbody > tr:first-child > td, | |
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, | |
.panel > .table-bordered > thead > tr:first-child > th, | |
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, | |
.panel > .table-bordered > tbody > tr:first-child > th, | |
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { | |
border-bottom: 0; | |
} | |
.panel > .table-bordered > tbody > tr:last-child > td, | |
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, | |
.panel > .table-bordered > tfoot > tr:last-child > td, | |
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, | |
.panel > .table-bordered > tbody > tr:last-child > th, | |
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, | |
.panel > .table-bordered > tfoot > tr:last-child > th, | |
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { | |
border-bottom: 0; | |
} | |
.panel > .table-responsive { | |
border: 0; | |
margin-bottom: 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 { | |
border-top: 1px solid #dddddd; | |
} | |
.panel-group .panel-footer { | |
border-top: 0; | |
} | |
.panel-group .panel-footer + .panel-collapse .panel-body { | |
border-bottom: 1px solid #dddddd; | |
} | |
.panel-default { | |
border-color: #dddddd; | |
} | |
.panel-default > .panel-heading { | |
color: #333333; | |
background-color: #f5f5f5; | |
border-color: #dddddd; | |
} | |
.panel-default > .panel-heading + .panel-collapse > .panel-body { | |
border-top-color: #dddddd; | |
} | |
.panel-default > .panel-heading .badge { | |
color: #f5f5f5; | |
background-color: #333333; | |
} | |
.panel-default > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #dddddd; | |
} | |
.panel-primary { | |
border-color: #428bca; | |
} | |
.panel-primary > .panel-heading { | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #428bca; | |
} | |
.panel-primary > .panel-heading + .panel-collapse > .panel-body { | |
border-top-color: #428bca; | |
} | |
.panel-primary > .panel-heading .badge { | |
color: #428bca; | |
background-color: #ffffff; | |
} | |
.panel-primary > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #428bca; | |
} | |
.panel-success { | |
border-color: #d6e9c6; | |
} | |
.panel-success > .panel-heading { | |
color: #3c763d; | |
background-color: #dff0d8; | |
border-color: #d6e9c6; | |
} | |
.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; | |
background-color: #d9edf7; | |
border-color: #bce8f1; | |
} | |
.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; | |
background-color: #fcf8e3; | |
border-color: #faebcc; | |
} | |
.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; | |
background-color: #f2dede; | |
border-color: #ebccd1; | |
} | |
.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; | |
height: 0; | |
padding: 0; | |
overflow: hidden; | |
} | |
.embed-responsive .embed-responsive-item, | |
.embed-responsive iframe, | |
.embed-responsive embed, | |
.embed-responsive object { | |
position: absolute; | |
top: 0; | |
left: 0; | |
bottom: 0; | |
height: 100%; | |
width: 100%; | |
border: 0; | |
} | |
.embed-responsive.embed-responsive-16by9 { | |
padding-bottom: 56.25%; | |
} | |
.embed-responsive.embed-responsive-4by3 { | |
padding-bottom: 75%; | |
} | |
.well { | |
min-height: 20px; | |
padding: 19px; | |
margin-bottom: 20px; | |
background-color: #f5f5f5; | |
border: 1px solid #e3e3e3; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
} | |
.well blockquote { | |
border-color: #ddd; | |
border-color: rgba(0, 0, 0, 0.15); | |
} | |
.well-lg { | |
padding: 24px; | |
border-radius: 6px; | |
} | |
.well-sm { | |
padding: 9px; | |
border-radius: 3px; | |
} | |
.close { | |
float: right; | |
font-size: 21px; | |
font-weight: bold; | |
line-height: 1; | |
color: #000000; | |
text-shadow: 0 1px 0 #ffffff; | |
opacity: 0.2; | |
filter: alpha(opacity=20); | |
} | |
.close:hover, | |
.close:focus { | |
color: #000000; | |
text-decoration: none; | |
cursor: pointer; | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
} | |
button.close { | |
padding: 0; | |
cursor: pointer; | |
background: transparent; | |
border: 0; | |
-webkit-appearance: none; | |
} | |
.modal-open { | |
overflow: hidden; | |
} | |
.modal { | |
display: none; | |
overflow: hidden; | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1050; | |
-webkit-overflow-scrolling: touch; | |
outline: 0; | |
} | |
.modal.fade .modal-dialog { | |
-webkit-transform: translate3d(0, -25%, 0); | |
transform: translate3d(0, -25%, 0); | |
-webkit-transition: -webkit-transform 0.3s ease-out; | |
-moz-transition: -moz-transform 0.3s ease-out; | |
-o-transition: -o-transform 0.3s ease-out; | |
transition: transform 0.3s ease-out; | |
} | |
.modal.in .modal-dialog { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0); | |
} | |
.modal-open .modal { | |
overflow-x: hidden; | |
overflow-y: auto; | |
} | |
.modal-dialog { | |
position: relative; | |
width: auto; | |
margin: 10px; | |
} | |
.modal-content { | |
position: relative; | |
background-color: #ffffff; | |
border: 1px solid #999999; | |
border: 1px solid rgba(0, 0, 0, 0.2); | |
border-radius: 6px; | |
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | |
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | |
background-clip: padding-box; | |
outline: 0; | |
} | |
.modal-backdrop { | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1040; | |
background-color: #000000; | |
} | |
.modal-backdrop.fade { | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.modal-backdrop.in { | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
} | |
.modal-header { | |
padding: 15px; | |
border-bottom: 1px solid #e5e5e5; | |
min-height: 16.42857143px; | |
} | |
.modal-header .close { | |
margin-top: -2px; | |
} | |
.modal-title { | |
margin: 0; | |
line-height: 1.42857143; | |
} | |
.modal-body { | |
position: relative; | |
padding: 15px; | |
} | |
.modal-footer { | |
padding: 15px; | |
text-align: right; | |
border-top: 1px solid #e5e5e5; | |
} | |
.modal-footer .btn + .btn { | |
margin-left: 5px; | |
margin-bottom: 0; | |
} | |
.modal-footer .btn-group .btn + .btn { | |
margin-left: -1px; | |
} | |
.modal-footer .btn-block + .btn-block { | |
margin-left: 0; | |
} | |
.modal-scrollbar-measure { | |
position: absolute; | |
top: -9999px; | |
width: 50px; | |
height: 50px; | |
overflow: scroll; | |
} | |
@media (min-width: 768px) { | |
.modal-dialog { | |
width: 600px; | |
margin: 30px auto; | |
} | |
.modal-content { | |
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); | |
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); | |
} | |
.modal-sm { | |
width: 300px; | |
} | |
} | |
@media (min-width: 992px) { | |
.modal-lg { | |
width: 900px; | |
} | |
} | |
.tooltip { | |
position: absolute; | |
z-index: 1070; | |
display: block; | |
visibility: visible; | |
font-size: 12px; | |
line-height: 1.4; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.tooltip.in { | |
opacity: 0.9; | |
filter: alpha(opacity=90); | |
} | |
.tooltip.top { | |
margin-top: -3px; | |
padding: 5px 0; | |
} | |
.tooltip.right { | |
margin-left: 3px; | |
padding: 0 5px; | |
} | |
.tooltip.bottom { | |
margin-top: 3px; | |
padding: 5px 0; | |
} | |
.tooltip.left { | |
margin-left: -3px; | |
padding: 0 5px; | |
} | |
.tooltip-inner { | |
max-width: 200px; | |
padding: 3px 8px; | |
color: #ffffff; | |
text-align: center; | |
text-decoration: none; | |
background-color: #000000; | |
border-radius: 4px; | |
} | |
.tooltip-arrow { | |
position: absolute; | |
width: 0; | |
height: 0; | |
border-color: transparent; | |
border-style: solid; | |
} | |
.tooltip.top .tooltip-arrow { | |
bottom: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: #000000; | |
} | |
.tooltip.top-left .tooltip-arrow { | |
bottom: 0; | |
left: 5px; | |
border-width: 5px 5px 0; | |
border-top-color: #000000; | |
} | |
.tooltip.top-right .tooltip-arrow { | |
bottom: 0; | |
right: 5px; | |
border-width: 5px 5px 0; | |
border-top-color: #000000; | |
} | |
.tooltip.right .tooltip-arrow { | |
top: 50%; | |
left: 0; | |
margin-top: -5px; | |
border-width: 5px 5px 5px 0; | |
border-right-color: #000000; | |
} | |
.tooltip.left .tooltip-arrow { | |
top: 50%; | |
right: 0; | |
margin-top: -5px; | |
border-width: 5px 0 5px 5px; | |
border-left-color: #000000; | |
} | |
.tooltip.bottom .tooltip-arrow { | |
top: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000000; | |
} | |
.tooltip.bottom-left .tooltip-arrow { | |
top: 0; | |
left: 5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000000; | |
} | |
.tooltip.bottom-right .tooltip-arrow { | |
top: 0; | |
right: 5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000000; | |
} | |
.popover { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1060; | |
display: none; | |
max-width: 276px; | |
padding: 1px; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 1.42857143; | |
text-align: left; | |
background-color: #ffffff; | |
background-clip: padding-box; | |
border: 1px solid #cccccc; | |
border: 1px solid rgba(0, 0, 0, 0.2); | |
border-radius: 6px; | |
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
white-space: normal; | |
} | |
.popover.top { | |
margin-top: -10px; | |
} | |
.popover.right { | |
margin-left: 10px; | |
} | |
.popover.bottom { | |
margin-top: 10px; | |
} | |
.popover.left { | |
margin-left: -10px; | |
} | |
.popover-title { | |
margin: 0; | |
padding: 8px 14px; | |
font-size: 14px; | |
background-color: #f7f7f7; | |
border-bottom: 1px solid #ebebeb; | |
border-radius: 5px 5px 0 0; | |
} | |
.popover-content { | |
padding: 9px 14px; | |
} | |
.popover > .arrow, | |
.popover > .arrow:after { | |
position: absolute; | |
display: block; | |
width: 0; | |
height: 0; | |
border-color: transparent; | |
border-style: solid; | |
} | |
.popover > .arrow { | |
border-width: 11px; | |
} | |
.popover > .arrow:after { | |
border-width: 10px; | |
content: ""; | |
} | |
.popover.top > .arrow { | |
left: 50%; | |
margin-left: -11px; | |
border-bottom-width: 0; | |
border-top-color: #999999; | |
border-top-color: rgba(0, 0, 0, 0.25); | |
bottom: -11px; | |
} | |
.popover.top > .arrow:after { | |
content: " "; | |
bottom: 1px; | |
margin-left: -10px; | |
border-bottom-width: 0; | |
border-top-color: #ffffff; | |
} | |
.popover.right > .arrow { | |
top: 50%; | |
left: -11px; | |
margin-top: -11px; | |
border-left-width: 0; | |
border-right-color: #999999; | |
border-right-color: rgba(0, 0, 0, 0.25); | |
} | |
.popover.right > .arrow:after { | |
content: " "; | |
left: 1px; | |
bottom: -10px; | |
border-left-width: 0; | |
border-right-color: #ffffff; | |
} | |
.popover.bottom > .arrow { | |
left: 50%; | |
margin-left: -11px; | |
border-top-width: 0; | |
border-bottom-color: #999999; | |
border-bottom-color: rgba(0, 0, 0, 0.25); | |
top: -11px; | |
} | |
.popover.bottom > .arrow:after { | |
content: " "; | |
top: 1px; | |
margin-left: -10px; | |
border-top-width: 0; | |
border-bottom-color: #ffffff; | |
} | |
.popover.left > .arrow { | |
top: 50%; | |
right: -11px; | |
margin-top: -11px; | |
border-right-width: 0; | |
border-left-color: #999999; | |
border-left-color: rgba(0, 0, 0, 0.25); | |
} | |
.popover.left > .arrow:after { | |
content: " "; | |
right: 1px; | |
border-right-width: 0; | |
border-left-color: #ffffff; | |
bottom: -10px; | |
} | |
.carousel { | |
position: relative; | |
} | |
.carousel-inner { | |
position: relative; | |
overflow: hidden; | |
width: 100%; | |
} | |
.carousel-inner > .item { | |
display: none; | |
position: relative; | |
-webkit-transition: 0.6s ease-in-out left; | |
-o-transition: 0.6s ease-in-out left; | |
transition: 0.6s ease-in-out left; | |
} | |
.carousel-inner > .item > img, | |
.carousel-inner > .item > a > img { | |
line-height: 1; | |
} | |
@media all and (transform-3d), (-webkit-transform-3d) { | |
.carousel-inner > .item { | |
transition: transform 0.6s ease-in-out; | |
backface-visibility: hidden; | |
perspective: 1000; | |
} | |
.carousel-inner > .item.next, | |
.carousel-inner > .item.active.right { | |
transform: translate3d(100%, 0, 0); | |
left: 0; | |
} | |
.carousel-inner > .item.prev, | |
.carousel-inner > .item.active.left { | |
transform: translate3d(-100%, 0, 0); | |
left: 0; | |
} | |
.carousel-inner > .item.next.left, | |
.carousel-inner > .item.prev.right, | |
.carousel-inner > .item.active { | |
transform: translate3d(0, 0, 0); | |
left: 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 { | |
position: absolute; | |
top: 0; | |
left: 0; | |
bottom: 0; | |
width: 15%; | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
font-size: 20px; | |
color: #ffffff; | |
text-align: center; | |
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
} | |
.carousel-control.left { | |
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | |
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | |
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); | |
} | |
.carousel-control.right { | |
left: auto; | |
right: 0; | |
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | |
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | |
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); | |
} | |
.carousel-control:hover, | |
.carousel-control:focus { | |
outline: 0; | |
color: #ffffff; | |
text-decoration: none; | |
opacity: 0.9; | |
filter: alpha(opacity=90); | |
} | |
.carousel-control .icon-prev, | |
.carousel-control .icon-next, | |
.carousel-control .glyphicon-chevron-left, | |
.carousel-control .glyphicon-chevron-right { | |
position: absolute; | |
top: 50%; | |
z-index: 5; | |
display: inline-block; | |
} | |
.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 { | |
width: 20px; | |
height: 20px; | |
margin-top: -10px; | |
font-family: serif; | |
} | |
.carousel-control .icon-prev:before { | |
content: '\2039'; | |
} | |
.carousel-control .icon-next:before { | |
content: '\203a'; | |
} | |
.carousel-indicators { | |
position: absolute; | |
bottom: 10px; | |
left: 50%; | |
z-index: 15; | |
width: 60%; | |
margin-left: -30%; | |
padding-left: 0; | |
list-style: none; | |
text-align: center; | |
} | |
.carousel-indicators li { | |
display: inline-block; | |
width: 10px; | |
height: 10px; | |
margin: 1px; | |
text-indent: -999px; | |
border: 1px solid #ffffff; | |
border-radius: 10px; | |
cursor: pointer; | |
background-color: #000 \9; | |
background-color: rgba(0, 0, 0, 0); | |
} | |
.carousel-indicators .active { | |
margin: 0; | |
width: 12px; | |
height: 12px; | |
background-color: #ffffff; | |
} | |
.carousel-caption { | |
position: absolute; | |
left: 15%; | |
right: 15%; | |
bottom: 20px; | |
z-index: 10; | |
padding-top: 20px; | |
padding-bottom: 20px; | |
color: #ffffff; | |
text-align: center; | |
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
} | |
.carousel-caption .btn { | |
text-shadow: none; | |
} | |
@media screen and (min-width: 768px) { | |
.carousel-control .glyphicon-chevron-left, | |
.carousel-control .glyphicon-chevron-right, | |
.carousel-control .icon-prev, | |
.carousel-control .icon-next { | |
width: 30px; | |
height: 30px; | |
margin-top: -15px; | |
font-size: 30px; | |
} | |
.carousel-control .glyphicon-chevron-left, | |
.carousel-control .icon-prev { | |
margin-left: -15px; | |
} | |
.carousel-control .glyphicon-chevron-right, | |
.carousel-control .icon-next { | |
margin-right: -15px; | |
} | |
.carousel-caption { | |
left: 20%; | |
right: 20%; | |
padding-bottom: 30px; | |
} | |
.carousel-indicators { | |
bottom: 20px; | |
} | |
} | |
.clearfix:before, | |
.clearfix:after, | |
.dl-horizontal dd:before, | |
.dl-horizontal dd:after, | |
.form-horizontal .form-group:before, | |
.form-horizontal .form-group:after, | |
.btn-toolbar:before, | |
.btn-toolbar:after, | |
.btn-group-vertical > .btn-group:before, | |
.btn-group-vertical > .btn-group:after, | |
.nav:before, | |
.nav:after, | |
.navbar:before, | |
.navbar:after, | |
.navbar-header:before, | |
.navbar-header:after, | |
.navbar-collapse:before, | |
.navbar-collapse:after, | |
.pager:before, | |
.pager:after, | |
.panel-body:before, | |
.panel-body:after, | |
.modal-footer:before, | |
.modal-footer:after { | |
content: " "; | |
display: table; | |
} | |
.clearfix:after, | |
.dl-horizontal dd:after, | |
.form-horizontal .form-group:after, | |
.btn-toolbar:after, | |
.btn-group-vertical > .btn-group:after, | |
.nav:after, | |
.navbar:after, | |
.navbar-header:after, | |
.navbar-collapse:after, | |
.pager:after, | |
.panel-body:after, | |
.modal-footer:after { | |
clear: both; | |
} | |
.center-block { | |
display: block; | |
margin-left: auto; | |
margin-right: 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; | |
text-shadow: none; | |
background-color: transparent; | |
border: 0; | |
} | |
.hidden { | |
display: none !important; | |
visibility: hidden !important; | |
} | |
.affix { | |
position: fixed; | |
} | |
@-ms-viewport { | |
width: device-width; | |
} | |
.visible-xs, | |
.visible-sm, | |
.visible-md, | |
.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; | |
} | |
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; | |
} | |
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; | |
} | |
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; | |
} | |
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; | |
} | |
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 Awesome */ | |
/* ====================================================== */ | |
.space-breaker { | |
position: relative; | |
width: 100%; | |
height: 50px; | |
clear: both; | |
} | |
/* flexbox grid start */ | |
/* | |
* | |
* Uncomment and set these variables to customize the grid. | |
* | |
* :root { | |
* --gutter-width: 1rem; | |
* --outer-margin: 2rem; | |
* --gutter-compensation: calc( var( --gutter-width / 2 ) * -1 ); | |
* --half-gutter-width: calc( var( --gutter-width / 2 ) ); | |
* --screen-xs-min: 30em; | |
* --screen-sm-min: 48em; | |
* --screen-md-min: 62em; | |
* --screen-lg-min: 75em; | |
* --container-sm: calc( 45rem + var( --gutter-width ) ); | |
* --container-md: calc( 60rem + var( --gutter-width ) ); | |
* --container-lg: calc( 70rem + var( --gutter-width ) ); | |
* } | |
* | |
*/ | |
.container-fluid { | |
margin-right: auto; | |
margin-left: auto; | |
padding-right: 2rem; | |
padding-left: 2rem; | |
} | |
.row { | |
box-sizing: border-box; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-box-flex: 0; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: row; | |
-ms-flex-direction: row; | |
flex-direction: row; | |
-webkit-flex-wrap: wrap; | |
-ms-flex-wrap: wrap; | |
flex-wrap: wrap; | |
margin-right: -0.5rem; | |
margin-left: -0.5rem; | |
} | |
.row.reverse { | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: reverse; | |
-webkit-flex-direction: row-reverse; | |
-ms-flex-direction: row-reverse; | |
flex-direction: row-reverse; | |
} | |
.col.reverse { | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: reverse; | |
-webkit-flex-direction: column-reverse; | |
-ms-flex-direction: column-reverse; | |
flex-direction: column-reverse; | |
} | |
.col-xs, | |
.col-xs-1, | |
.col-xs-2, | |
.col-xs-3, | |
.col-xs-4, | |
.col-xs-5, | |
.col-xs-6, | |
.col-xs-7, | |
.col-xs-8, | |
.col-xs-9, | |
.col-xs-10, | |
.col-xs-11, | |
.col-xs-12, | |
.col-xs-offset-1, | |
.col-xs-offset-2, | |
.col-xs-offset-3, | |
.col-xs-offset-4, | |
.col-xs-offset-5, | |
.col-xs-offset-6, | |
.col-xs-offset-7, | |
.col-xs-offset-8, | |
.col-xs-offset-9, | |
.col-xs-offset-10, | |
.col-xs-offset-11, | |
.col-xs-offset-12 { | |
box-sizing: border-box; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
-webkit-box-flex: 0; | |
-webkit-flex-grow: 0; | |
-ms-flex-positive: 0; | |
flex-grow: 0; | |
-webkit-flex-shrink: 0; | |
-ms-flex-negative: 0; | |
flex-shrink: 0; | |
padding-right: 0.5rem; | |
padding-left: 0.5rem; | |
} | |
.col-xs { | |
-webkit-box-flex: 1; | |
-webkit-flex-grow: 1; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
-webkit-flex-basis: 0; | |
-ms-flex-preferred-size: 0; | |
flex-basis: 0; | |
max-width: 100%; | |
} | |
.col-xs-1 { | |
-webkit-flex-basis: 8.333333333%; | |
-ms-flex-preferred-size: 8.333333333%; | |
flex-basis: 8.333333333%; | |
max-width: 8.333333333%; | |
} | |
.col-xs-2 { | |
-webkit-flex-basis: 16.666666667%; | |
-ms-flex-preferred-size: 16.666666667%; | |
flex-basis: 16.666666667%; | |
max-width: 16.666666667%; | |
} | |
.col-xs-3 { | |
-webkit-flex-basis: 25%; | |
-ms-flex-preferred-size: 25%; | |
flex-basis: 25%; | |
max-width: 25%; | |
} | |
.col-xs-4 { | |
-webkit-flex-basis: 33.333333333%; | |
-ms-flex-preferred-size: 33.333333333%; | |
flex-basis: 33.333333333%; | |
max-width: 33.333333333%; | |
} | |
.col-xs-5 { | |
-webkit-flex-basis: 41.666666667%; | |
-ms-flex-preferred-size: 41.666666667%; | |
flex-basis: 41.666666667%; | |
max-width: 41.666666667%; | |
} | |
.col-xs-6 { | |
-webkit-flex-basis: 50%; | |
-ms-flex-preferred-size: 50%; | |
flex-basis: 50%; | |
max-width: 50%; | |
} | |
.col-xs-7 { | |
-webkit-flex-basis: 58.333333333%; | |
-ms-flex-preferred-size: 58.333333333%; | |
flex-basis: 58.333333333%; | |
max-width: 58.333333333%; | |
} | |
.col-xs-8 { | |
-webkit-flex-basis: 66.666666667%; | |
-ms-flex-preferred-size: 66.666666667%; | |
flex-basis: 66.666666667%; | |
max-width: 66.666666667%; | |
} | |
.col-xs-9 { | |
-webkit-flex-basis: 75%; | |
-ms-flex-preferred-size: 75%; | |
flex-basis: 75%; | |
max-width: 75%; | |
} | |
.col-xs-10 { | |
-webkit-flex-basis: 83.333333333%; | |
-ms-flex-preferred-size: 83.333333333%; | |
flex-basis: 83.333333333%; | |
max-width: 83.333333333%; | |
} | |
.col-xs-11 { | |
-webkit-flex-basis: 91.666666667%; | |
-ms-flex-preferred-size: 91.666666667%; | |
flex-basis: 91.666666667%; | |
max-width: 91.666666667%; | |
} | |
.col-xs-12 { | |
-webkit-flex-basis: 100%; | |
-ms-flex-preferred-size: 100%; | |
flex-basis: 100%; | |
max-width: 100%; | |
} | |
.col-xs-offset-1 { | |
margin-left: 8.333333333%; | |
} | |
.col-xs-offset-2 { | |
margin-left: 16.666666667%; | |
} | |
.col-xs-offset-3 { | |
margin-left: 25%; | |
} | |
.col-xs-offset-4 { | |
margin-left: 33.333333333%; | |
} | |
.col-xs-offset-5 { | |
margin-left: 41.666666667%; | |
} | |
.col-xs-offset-6 { | |
margin-left: 50%; | |
} | |
.col-xs-offset-7 { | |
margin-left: 58.333333333%; | |
} | |
.col-xs-offset-8 { | |
margin-left: 66.666666667%; | |
} | |
.col-xs-offset-9 { | |
margin-left: 75%; | |
} | |
.col-xs-offset-10 { | |
margin-left: 83.333333333%; | |
} | |
.col-xs-offset-11 { | |
margin-left: 91.666666667%; | |
} | |
.start-xs { | |
-webkit-box-pack: start; | |
-webkit-justify-content: flex-start; | |
-ms-flex-pack: start; | |
justify-content: flex-start; | |
text-align: start; | |
} | |
.center-xs { | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
text-align: center; | |
} | |
.end-xs { | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-pack: end; | |
justify-content: flex-end; | |
text-align: end; | |
} | |
.top-xs { | |
-webkit-box-align: start; | |
-webkit-align-items: flex-start; | |
-ms-flex-align: start; | |
align-items: flex-start; | |
} | |
.middle-xs { | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
} | |
.bottom-xs { | |
-webkit-box-align: end; | |
-webkit-align-items: flex-end; | |
-ms-flex-align: end; | |
align-items: flex-end; | |
} | |
.around-xs { | |
-webkit-justify-content: space-around; | |
-ms-flex-pack: distribute; | |
justify-content: space-around; | |
} | |
.between-xs { | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between; | |
} | |
.first-xs { | |
-webkit-box-ordinal-group: 0; | |
-webkit-order: -1; | |
-ms-flex-order: -1; | |
order: -1; | |
} | |
.last-xs { | |
-webkit-box-ordinal-group: 2; | |
-webkit-order: 1; | |
-ms-flex-order: 1; | |
order: 1; | |
} | |
@media only screen and (min-width: 48em) { | |
.container { | |
width: 46rem; | |
} | |
.col-sm, | |
.col-sm-1, | |
.col-sm-2, | |
.col-sm-3, | |
.col-sm-4, | |
.col-sm-5, | |
.col-sm-6, | |
.col-sm-7, | |
.col-sm-8, | |
.col-sm-9, | |
.col-sm-10, | |
.col-sm-11, | |
.col-sm-12, | |
.col-sm-offset-1, | |
.col-sm-offset-2, | |
.col-sm-offset-3, | |
.col-sm-offset-4, | |
.col-sm-offset-5, | |
.col-sm-offset-6, | |
.col-sm-offset-7, | |
.col-sm-offset-8, | |
.col-sm-offset-9, | |
.col-sm-offset-10, | |
.col-sm-offset-11, | |
.col-sm-offset-12 { | |
box-sizing: border-box; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
-webkit-box-flex: 0; | |
-webkit-flex-grow: 0; | |
-ms-flex-positive: 0; | |
flex-grow: 0; | |
-webkit-flex-shrink: 0; | |
-ms-flex-negative: 0; | |
flex-shrink: 0; | |
padding-right: 0.5rem; | |
padding-left: 0.5rem; | |
} | |
.col-sm { | |
-webkit-box-flex: 1; | |
-webkit-flex-grow: 1; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
-webkit-flex-basis: 0; | |
-ms-flex-preferred-size: 0; | |
flex-basis: 0; | |
max-width: 100%; | |
} | |
.col-sm-1 { | |
-webkit-flex-basis: 8.333333333%; | |
-ms-flex-preferred-size: 8.333333333%; | |
flex-basis: 8.333333333%; | |
max-width: 8.333333333%; | |
} | |
.col-sm-2 { | |
-webkit-flex-basis: 16.666666667%; | |
-ms-flex-preferred-size: 16.666666667%; | |
flex-basis: 16.666666667%; | |
max-width: 16.666666667%; | |
} | |
.col-sm-3 { | |
-webkit-flex-basis: 25%; | |
-ms-flex-preferred-size: 25%; | |
flex-basis: 25%; | |
max-width: 25%; | |
} | |
.col-sm-4 { | |
-webkit-flex-basis: 33.333333333%; | |
-ms-flex-preferred-size: 33.333333333%; | |
flex-basis: 33.333333333%; | |
max-width: 33.333333333%; | |
} | |
.col-sm-5 { | |
-webkit-flex-basis: 41.666666667%; | |
-ms-flex-preferred-size: 41.666666667%; | |
flex-basis: 41.666666667%; | |
max-width: 41.666666667%; | |
} | |
.col-sm-6 { | |
-webkit-flex-basis: 50%; | |
-ms-flex-preferred-size: 50%; | |
flex-basis: 50%; | |
max-width: 50%; | |
} | |
.col-sm-7 { | |
-webkit-flex-basis: 58.333333333%; | |
-ms-flex-preferred-size: 58.333333333%; | |
flex-basis: 58.333333333%; | |
max-width: 58.333333333%; | |
} | |
.col-sm-8 { | |
-webkit-flex-basis: 66.666666667%; | |
-ms-flex-preferred-size: 66.666666667%; | |
flex-basis: 66.666666667%; | |
max-width: 66.666666667%; | |
} | |
.col-sm-9 { | |
-webkit-flex-basis: 75%; | |
-ms-flex-preferred-size: 75%; | |
flex-basis: 75%; | |
max-width: 75%; | |
} | |
.col-sm-10 { | |
-webkit-flex-basis: 83.333333333%; | |
-ms-flex-preferred-size: 83.333333333%; | |
flex-basis: 83.333333333%; | |
max-width: 83.333333333%; | |
} | |
.col-sm-11 { | |
-webkit-flex-basis: 91.666666667%; | |
-ms-flex-preferred-size: 91.666666667%; | |
flex-basis: 91.666666667%; | |
max-width: 91.666666667%; | |
} | |
.col-sm-12 { | |
-webkit-flex-basis: 100%; | |
-ms-flex-preferred-size: 100%; | |
flex-basis: 100%; | |
max-width: 100%; | |
} | |
.col-sm-offset-1 { | |
margin-left: 8.333333333%; | |
} | |
.col-sm-offset-2 { | |
margin-left: 16.666666667%; | |
} | |
.col-sm-offset-3 { | |
margin-left: 25%; | |
} | |
.col-sm-offset-4 { | |
margin-left: 33.333333333%; | |
} | |
.col-sm-offset-5 { | |
margin-left: 41.666666667%; | |
} | |
.col-sm-offset-6 { | |
margin-left: 50%; | |
} | |
.col-sm-offset-7 { | |
margin-left: 58.333333333%; | |
} | |
.col-sm-offset-8 { | |
margin-left: 66.666666667%; | |
} | |
.col-sm-offset-9 { | |
margin-left: 75%; | |
} | |
.col-sm-offset-10 { | |
margin-left: 83.333333333%; | |
} | |
.col-sm-offset-11 { | |
margin-left: 91.666666667%; | |
} | |
.start-sm { | |
-webkit-box-pack: start; | |
-webkit-justify-content: flex-start; | |
-ms-flex-pack: start; | |
justify-content: flex-start; | |
text-align: start; | |
} | |
.center-sm { | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
text-align: center; | |
} | |
.end-sm { | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-pack: end; | |
justify-content: flex-end; | |
text-align: end; | |
} | |
.top-sm { | |
-webkit-box-align: start; | |
-webkit-align-items: flex-start; | |
-ms-flex-align: start; | |
align-items: flex-start; | |
} | |
.middle-sm { | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
} | |
.bottom-sm { | |
-webkit-box-align: end; | |
-webkit-align-items: flex-end; | |
-ms-flex-align: end; | |
align-items: flex-end; | |
} | |
.around-sm { | |
-webkit-justify-content: space-around; | |
-ms-flex-pack: distribute; | |
justify-content: space-around; | |
} | |
.between-sm { | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between; | |
} | |
.first-sm { | |
-webkit-box-ordinal-group: 0; | |
-webkit-order: -1; | |
-ms-flex-order: -1; | |
order: -1; | |
} | |
.last-sm { | |
-webkit-box-ordinal-group: 2; | |
-webkit-order: 1; | |
-ms-flex-order: 1; | |
order: 1; | |
} | |
} | |
@media only screen and (min-width: 62em) { | |
.container { | |
width: 61rem; | |
} | |
.col-md, | |
.col-md-1, | |
.col-md-2, | |
.col-md-3, | |
.col-md-4, | |
.col-md-5, | |
.col-md-6, | |
.col-md-7, | |
.col-md-8, | |
.col-md-9, | |
.col-md-10, | |
.col-md-11, | |
.col-md-12, | |
.col-md-offset-1, | |
.col-md-offset-2, | |
.col-md-offset-3, | |
.col-md-offset-4, | |
.col-md-offset-5, | |
.col-md-offset-6, | |
.col-md-offset-7, | |
.col-md-offset-8, | |
.col-md-offset-9, | |
.col-md-offset-10, | |
.col-md-offset-11, | |
.col-md-offset-12 { | |
box-sizing: border-box; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
-webkit-box-flex: 0; | |
-webkit-flex-grow: 0; | |
-ms-flex-positive: 0; | |
flex-grow: 0; | |
-webkit-flex-shrink: 0; | |
-ms-flex-negative: 0; | |
flex-shrink: 0; | |
padding-right: 0.5rem; | |
padding-left: 0.5rem; | |
} | |
.col-md { | |
-webkit-box-flex: 1; | |
-webkit-flex-grow: 1; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
-webkit-flex-basis: 0; | |
-ms-flex-preferred-size: 0; | |
flex-basis: 0; | |
max-width: 100%; | |
} | |
.col-md-1 { | |
-webkit-flex-basis: 8.333333333%; | |
-ms-flex-preferred-size: 8.333333333%; | |
flex-basis: 8.333333333%; | |
max-width: 8.333333333%; | |
} | |
.col-md-2 { | |
-webkit-flex-basis: 16.666666667%; | |
-ms-flex-preferred-size: 16.666666667%; | |
flex-basis: 16.666666667%; | |
max-width: 16.666666667%; | |
} | |
.col-md-3 { | |
-webkit-flex-basis: 25%; | |
-ms-flex-preferred-size: 25%; | |
flex-basis: 25%; | |
max-width: 25%; | |
} | |
.col-md-4 { | |
-webkit-flex-basis: 33.333333333%; | |
-ms-flex-preferred-size: 33.333333333%; | |
flex-basis: 33.333333333%; | |
max-width: 33.333333333%; | |
} | |
.col-md-5 { | |
-webkit-flex-basis: 41.666666667%; | |
-ms-flex-preferred-size: 41.666666667%; | |
flex-basis: 41.666666667%; | |
max-width: 41.666666667%; | |
} | |
.col-md-6 { | |
-webkit-flex-basis: 50%; | |
-ms-flex-preferred-size: 50%; | |
flex-basis: 50%; | |
max-width: 50%; | |
} | |
.col-md-7 { | |
-webkit-flex-basis: 58.333333333%; | |
-ms-flex-preferred-size: 58.333333333%; | |
flex-basis: 58.333333333%; | |
max-width: 58.333333333%; | |
} | |
.col-md-8 { | |
-webkit-flex-basis: 66.666666667%; | |
-ms-flex-preferred-size: 66.666666667%; | |
flex-basis: 66.666666667%; | |
max-width: 66.666666667%; | |
} | |
.col-md-9 { | |
-webkit-flex-basis: 75%; | |
-ms-flex-preferred-size: 75%; | |
flex-basis: 75%; | |
max-width: 75%; | |
} | |
.col-md-10 { | |
-webkit-flex-basis: 83.333333333%; | |
-ms-flex-preferred-size: 83.333333333%; | |
flex-basis: 83.333333333%; | |
max-width: 83.333333333%; | |
} | |
.col-md-11 { | |
-webkit-flex-basis: 91.666666667%; | |
-ms-flex-preferred-size: 91.666666667%; | |
flex-basis: 91.666666667%; | |
max-width: 91.666666667%; | |
} | |
.col-md-12 { | |
-webkit-flex-basis: 100%; | |
-ms-flex-preferred-size: 100%; | |
flex-basis: 100%; | |
max-width: 100%; | |
} | |
.col-md-offset-1 { | |
margin-left: 8.333333333%; | |
} | |
.col-md-offset-2 { | |
margin-left: 16.666666667%; | |
} | |
.col-md-offset-3 { | |
margin-left: 25%; | |
} | |
.col-md-offset-4 { | |
margin-left: 33.333333333%; | |
} | |
.col-md-offset-5 { | |
margin-left: 41.666666667%; | |
} | |
.col-md-offset-6 { | |
margin-left: 50%; | |
} | |
.col-md-offset-7 { | |
margin-left: 58.333333333%; | |
} | |
.col-md-offset-8 { | |
margin-left: 66.666666667%; | |
} | |
.col-md-offset-9 { | |
margin-left: 75%; | |
} | |
.col-md-offset-10 { | |
margin-left: 83.333333333%; | |
} | |
.col-md-offset-11 { | |
margin-left: 91.666666667%; | |
} | |
.start-md { | |
-webkit-box-pack: start; | |
-webkit-justify-content: flex-start; | |
-ms-flex-pack: start; | |
justify-content: flex-start; | |
text-align: start; | |
} | |
.center-md { | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
text-align: center; | |
} | |
.end-md { | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-pack: end; | |
justify-content: flex-end; | |
text-align: end; | |
} | |
.top-md { | |
-webkit-box-align: start; | |
-webkit-align-items: flex-start; | |
-ms-flex-align: start; | |
align-items: flex-start; | |
} | |
.middle-md { | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
} | |
.bottom-md { | |
-webkit-box-align: end; | |
-webkit-align-items: flex-end; | |
-ms-flex-align: end; | |
align-items: flex-end; | |
} | |
.around-md { | |
-webkit-justify-content: space-around; | |
-ms-flex-pack: distribute; | |
justify-content: space-around; | |
} | |
.between-md { | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between; | |
} | |
.first-md { | |
-webkit-box-ordinal-group: 0; | |
-webkit-order: -1; | |
-ms-flex-order: -1; | |
order: -1; | |
} | |
.last-md { | |
-webkit-box-ordinal-group: 2; | |
-webkit-order: 1; | |
-ms-flex-order: 1; | |
order: 1; | |
} | |
} | |
@media only screen and (min-width: 75em) { | |
.container { | |
width: 71rem; | |
} | |
.col-lg, | |
.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, | |
.col-lg-offset-1, | |
.col-lg-offset-2, | |
.col-lg-offset-3, | |
.col-lg-offset-4, | |
.col-lg-offset-5, | |
.col-lg-offset-6, | |
.col-lg-offset-7, | |
.col-lg-offset-8, | |
.col-lg-offset-9, | |
.col-lg-offset-10, | |
.col-lg-offset-11, | |
.col-lg-offset-12 { | |
box-sizing: border-box; | |
display: -webkit-box; | |
display: -webkit-flex; | |
display: -ms-flexbox; | |
display: flex; | |
-webkit-flex: 0 1 auto; | |
-ms-flex: 0 1 auto; | |
flex: 0 1 auto; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
-webkit-flex-direction: column; | |
-ms-flex-direction: column; | |
flex-direction: column; | |
-webkit-box-flex: 0; | |
-webkit-flex-grow: 0; | |
-ms-flex-positive: 0; | |
flex-grow: 0; | |
-webkit-flex-shrink: 0; | |
-ms-flex-negative: 0; | |
flex-shrink: 0; | |
padding-right: 0.5rem; | |
padding-left: 0.5rem; | |
} | |
.col-lg { | |
-webkit-box-flex: 1; | |
-webkit-flex-grow: 1; | |
-ms-flex-positive: 1; | |
flex-grow: 1; | |
-webkit-flex-basis: 0; | |
-ms-flex-preferred-size: 0; | |
flex-basis: 0; | |
max-width: 100%; | |
} | |
.col-lg-1 { | |
-webkit-flex-basis: 8.333333333%; | |
-ms-flex-preferred-size: 8.333333333%; | |
flex-basis: 8.333333333%; | |
max-width: 8.333333333%; | |
} | |
.col-lg-2 { | |
-webkit-flex-basis: 16.666666667%; | |
-ms-flex-preferred-size: 16.666666667%; | |
flex-basis: 16.666666667%; | |
max-width: 16.666666667%; | |
} | |
.col-lg-3 { | |
-webkit-flex-basis: 25%; | |
-ms-flex-preferred-size: 25%; | |
flex-basis: 25%; | |
max-width: 25%; | |
} | |
.col-lg-4 { | |
-webkit-flex-basis: 33.333333333%; | |
-ms-flex-preferred-size: 33.333333333%; | |
flex-basis: 33.333333333%; | |
max-width: 33.333333333%; | |
} | |
.col-lg-5 { | |
-webkit-flex-basis: 41.666666667%; | |
-ms-flex-preferred-size: 41.666666667%; | |
flex-basis: 41.666666667%; | |
max-width: 41.666666667%; | |
} | |
.col-lg-6 { | |
-webkit-flex-basis: 50%; | |
-ms-flex-preferred-size: 50%; | |
flex-basis: 50%; | |
max-width: 50%; | |
} | |
.col-lg-7 { | |
-webkit-flex-basis: 58.333333333%; | |
-ms-flex-preferred-size: 58.333333333%; | |
flex-basis: 58.333333333%; | |
max-width: 58.333333333%; | |
} | |
.col-lg-8 { | |
-webkit-flex-basis: 66.666666667%; | |
-ms-flex-preferred-size: 66.666666667%; | |
flex-basis: 66.666666667%; | |
max-width: 66.666666667%; | |
} | |
.col-lg-9 { | |
-webkit-flex-basis: 75%; | |
-ms-flex-preferred-size: 75%; | |
flex-basis: 75%; | |
max-width: 75%; | |
} | |
.col-lg-10 { | |
-webkit-flex-basis: 83.333333333%; | |
-ms-flex-preferred-size: 83.333333333%; | |
flex-basis: 83.333333333%; | |
max-width: 83.333333333%; | |
} | |
.col-lg-11 { | |
-webkit-flex-basis: 91.666666667%; | |
-ms-flex-preferred-size: 91.666666667%; | |
flex-basis: 91.666666667%; | |
max-width: 91.666666667%; | |
} | |
.col-lg-12 { | |
-webkit-flex-basis: 100%; | |
-ms-flex-preferred-size: 100%; | |
flex-basis: 100%; | |
max-width: 100%; | |
} | |
.col-lg-offset-1 { | |
margin-left: 8.333333333%; | |
} | |
.col-lg-offset-2 { | |
margin-left: 16.666666667%; | |
} | |
.col-lg-offset-3 { | |
margin-left: 25%; | |
} | |
.col-lg-offset-4 { | |
margin-left: 33.333333333%; | |
} | |
.col-lg-offset-5 { | |
margin-left: 41.666666667%; | |
} | |
.col-lg-offset-6 { | |
margin-left: 50%; | |
} | |
.col-lg-offset-7 { | |
margin-left: 58.333333333%; | |
} | |
.col-lg-offset-8 { | |
margin-left: 66.666666667%; | |
} | |
.col-lg-offset-9 { | |
margin-left: 75%; | |
} | |
.col-lg-offset-10 { | |
margin-left: 83.333333333%; | |
} | |
.col-lg-offset-11 { | |
margin-left: 91.666666667%; | |
} | |
.start-lg { | |
-webkit-box-pack: start; | |
-webkit-justify-content: flex-start; | |
-ms-flex-pack: start; | |
justify-content: flex-start; | |
text-align: start; | |
} | |
.center-lg { | |
-webkit-box-pack: center; | |
-webkit-justify-content: center; | |
-ms-flex-pack: center; | |
justify-content: center; | |
text-align: center; | |
} | |
.end-lg { | |
-webkit-box-pack: end; | |
-webkit-justify-content: flex-end; | |
-ms-flex-pack: end; | |
justify-content: flex-end; | |
text-align: end; | |
} | |
.top-lg { | |
-webkit-box-align: start; | |
-webkit-align-items: flex-start; | |
-ms-flex-align: start; | |
align-items: flex-start; | |
} | |
.middle-lg { | |
-webkit-box-align: center; | |
-webkit-align-items: center; | |
-ms-flex-align: center; | |
align-items: center; | |
} | |
.bottom-lg { | |
-webkit-box-align: end; | |
-webkit-align-items: flex-end; | |
-ms-flex-align: end; | |
align-items: flex-end; | |
} | |
.around-lg { | |
-webkit-justify-content: space-around; | |
-ms-flex-pack: distribute; | |
justify-content: space-around; | |
} | |
.between-lg { | |
-webkit-box-pack: justify; | |
-webkit-justify-content: space-between; | |
-ms-flex-pack: justify; | |
justify-content: space-between; | |
} | |
.first-lg { | |
-webkit-box-ordinal-group: 0; | |
-webkit-order: -1; | |
-ms-flex-order: -1; | |
order: -1; | |
} | |
.last-lg { | |
-webkit-box-ordinal-group: 2; | |
-webkit-order: 1; | |
-ms-flex-order: 1; | |
order: 1; | |
} | |
} | |
/* drunken-parrot button style */ | |
.btn { | |
font-family: "SourceSansProSemiBold", Helvetica, Arial, sans-serif; | |
border: 1px solid transparent; | |
font-size: 16px; | |
font-weight: normal; | |
line-height: 1.6; | |
border-radius: 4px; | |
padding: 7px 15px 6px 15px; | |
text-transform: uppercase; | |
-webkit-font-smoothing: subpixel-antialiased; | |
-webkit-transition: all .25s linear; | |
transition: all .25s linear; | |
} | |
.btn > [class^="ss-"], | |
.btn > [class^="fa-"] { | |
position: relative; | |
top: 2px; | |
font-size: 12px; | |
} | |
.btn-xs.btn > [class^="ss-"], | |
.btn-xs.btn > [class^="fa-"] { | |
font-size: 11px; | |
top: 0; | |
} | |
.btn-hg.btn > [class^="ss-"], | |
.btn-hg.btn > [class^="fa-"] { | |
top: 2px; | |
} | |
.btn > [class^="ss-"].pull-right, | |
.btn > [class^="fa-"].pull-right { | |
top: 5px; | |
} | |
.btn > [class^="fa-"] { | |
top: -1px; | |
} | |
.btn:focus, | |
.btn:active:focus, | |
.btn.active:focus { | |
outline: none; | |
} | |
.btn:hover, | |
.btn:focus { | |
outline: none; | |
color: #ffffff; | |
} | |
.btn:active, | |
.btn.active { | |
outline: none; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.btn.disabled, | |
.btn[disabled], | |
fieldset[disabled] .btn { | |
background-color: #ffffff; | |
color: rgba(255, 255, 255, 0.75); | |
opacity: 0.7; | |
filter: alpha(opacity=70); | |
} | |
.btn.dropdown-toggle:before { | |
font-family: FontAwesome; | |
content: "\f078"; | |
font-size: 12px; | |
float: right; | |
padding: 3px 0 3px 10px; | |
} | |
.btn-default { | |
color: #02baf2; | |
background-color: white; | |
border-color: #d6e1e5; | |
} | |
.btn-default:hover, | |
.btn-default:focus, | |
.btn-default:active, | |
.btn-default.active { | |
color: #02baf2; | |
background-color: white; | |
border-color: #02baf2; | |
} | |
.btn-default:active, | |
.btn-default.active { | |
background: #02baf2; | |
border-color: #009dcd; | |
color: white; | |
} | |
.btn-default.disabled, | |
.btn-default[disabled], | |
fieldset[disabled] .btn-default, | |
.btn-default.disabled:hover, | |
.btn-default[disabled]:hover, | |
fieldset[disabled] .btn-default:hover, | |
.btn-default.disabled:focus, | |
.btn-default[disabled]:focus, | |
fieldset[disabled] .btn-default:focus, | |
.btn-default.disabled:active, | |
.btn-default[disabled]:active, | |
fieldset[disabled] .btn-default:active, | |
.btn-default.disabled.active, | |
.btn-default[disabled].active, | |
fieldset[disabled] .btn-default.active { | |
background-color: #e1eef3; | |
border-color: #d6e1e5; | |
} | |
.btn-stroke { | |
color: #02baf2; | |
background-color: white; | |
border-color: #d6e1e5; | |
border-width: 2px; | |
padding: 5px 15px; | |
} | |
.btn-stroke:hover, | |
.btn-stroke:focus, | |
.btn-stroke:active, | |
.btn-stroke.active { | |
color: #02baf2; | |
background-color: white; | |
border-color: #02baf2; | |
} | |
.btn-stroke:active, | |
.btn-stroke.active { | |
background: #02baf2; | |
border-color: #009dcd; | |
color: white; | |
} | |
.btn-stroke.disabled, | |
.btn-stroke[disabled], | |
fieldset[disabled] .btn-stroke, | |
.btn-stroke.disabled:hover, | |
.btn-stroke[disabled]:hover, | |
fieldset[disabled] .btn-stroke:hover, | |
.btn-stroke.disabled:focus, | |
.btn-stroke[disabled]:focus, | |
fieldset[disabled] .btn-stroke:focus, | |
.btn-stroke.disabled:active, | |
.btn-stroke[disabled]:active, | |
fieldset[disabled] .btn-stroke:active, | |
.btn-stroke.disabled.active, | |
.btn-stroke[disabled].active, | |
fieldset[disabled] .btn-stroke.active { | |
background-color: #e1eef3; | |
border-color: #d6e1e5; | |
} | |
.btn-primary { | |
color: #ffffff; | |
background-color: #02baf2; | |
} | |
.btn-primary:hover, | |
.btn-primary:focus, | |
.btn-primary:active, | |
.btn-primary.active, | |
.btn-primary.hover { | |
color: #ffffff; | |
background-color: #35c8f5; | |
border-color: #35c8f5; | |
} | |
.btn-primary:active, | |
.btn-primary.active { | |
background: #009dcd; | |
border-color: #009dcd; | |
} | |
.btn-primary.disabled, | |
.btn-primary[disabled], | |
fieldset[disabled] .btn-primary, | |
.btn-primary.disabled:hover, | |
.btn-primary[disabled]:hover, | |
fieldset[disabled] .btn-primary:hover, | |
.btn-primary.disabled:focus, | |
.btn-primary[disabled]:focus, | |
fieldset[disabled] .btn-primary:focus, | |
.btn-primary.disabled:active, | |
.btn-primary[disabled]:active, | |
fieldset[disabled] .btn-primary:active, | |
.btn-primary.disabled.active, | |
.btn-primary[disabled].active, | |
fieldset[disabled] .btn-primary.active { | |
background-color: #b3eafb; | |
border-color: #b3eafb; | |
} | |
.btn-danger { | |
color: #ffffff; | |
background-color: #f84545; | |
} | |
.btn-danger:hover, | |
.btn-danger:focus, | |
.btn-danger:active, | |
.btn-danger.active, | |
.btn-danger.hover { | |
color: #ffffff; | |
background-color: #f96a6a; | |
border-color: #f96a6a; | |
} | |
.btn-danger:active, | |
.btn-danger.active { | |
background: #cc0000; | |
border-color: #cc0000; | |
} | |
.btn-danger.disabled, | |
.btn-danger[disabled], | |
fieldset[disabled] .btn-danger, | |
.btn-danger.disabled:hover, | |
.btn-danger[disabled]:hover, | |
fieldset[disabled] .btn-danger:hover, | |
.btn-danger.disabled:focus, | |
.btn-danger[disabled]:focus, | |
fieldset[disabled] .btn-danger:focus, | |
.btn-danger.disabled:active, | |
.btn-danger[disabled]:active, | |
fieldset[disabled] .btn-danger:active, | |
.btn-danger.disabled.active, | |
.btn-danger[disabled].active, | |
fieldset[disabled] .btn-danger.active { | |
background-color: #fdc7c7; | |
border-color: #fdc7c7; | |
} | |
.btn-warning { | |
color: #ffffff; | |
background-color: #fad46b; | |
} | |
.btn-warning:hover, | |
.btn-warning:focus, | |
.btn-warning:active, | |
.btn-warning.active, | |
.btn-warning.hover { | |
color: #ffffff; | |
background-color: #fbdd89; | |
border-color: #fbdd89; | |
} | |
.btn-warning:active, | |
.btn-warning.active { | |
background: #f3bc65; | |
border-color: #f3bc65; | |
} | |
.btn-warning.disabled, | |
.btn-warning[disabled], | |
fieldset[disabled] .btn-warning, | |
.btn-warning.disabled:hover, | |
.btn-warning[disabled]:hover, | |
fieldset[disabled] .btn-warning:hover, | |
.btn-warning.disabled:focus, | |
.btn-warning[disabled]:focus, | |
fieldset[disabled] .btn-warning:focus, | |
.btn-warning.disabled:active, | |
.btn-warning[disabled]:active, | |
fieldset[disabled] .btn-warning:active, | |
.btn-warning.disabled.active, | |
.btn-warning[disabled].active, | |
fieldset[disabled] .btn-warning.active { | |
background-color: #fce5a6; | |
border-color: #fce5a6; | |
} | |
.btn-info { | |
color: #ffffff; | |
background-color: #d6e1e5; | |
} | |
.btn-info:hover, | |
.btn-info:focus, | |
.btn-info:active, | |
.btn-info.active, | |
.btn-info.hover { | |
color: #ffffff; | |
background-color: #dee7ea; | |
border-color: #dee7ea; | |
} | |
.btn-info:active, | |
.btn-info.active { | |
background: #93a4aa; | |
border-color: #93a4aa; | |
} | |
.btn-info.disabled, | |
.btn-info[disabled], | |
fieldset[disabled] .btn-info, | |
.btn-info.disabled:hover, | |
.btn-info[disabled]:hover, | |
fieldset[disabled] .btn-info:hover, | |
.btn-info.disabled:focus, | |
.btn-info[disabled]:focus, | |
fieldset[disabled] .btn-info:focus, | |
.btn-info.disabled:active, | |
.btn-info[disabled]:active, | |
fieldset[disabled] .btn-info:active, | |
.btn-info.disabled.active, | |
.btn-info[disabled].active, | |
fieldset[disabled] .btn-info.active { | |
background-color: #e6edef; | |
border-color: #e6edef; | |
} | |
.btn-success { | |
color: #ffffff; | |
background-color: #3eb5ac; | |
} | |
.btn-success:hover, | |
.btn-success:focus, | |
.btn-success:active, | |
.btn-success.active, | |
.btn-success.hover { | |
color: #ffffff; | |
background-color: #65c4bd; | |
border-color: #65c4bd; | |
} | |
.btn-success:active, | |
.btn-success.active { | |
background: #93a4aa; | |
border-color: #93a4aa; | |
} | |
.btn-success.disabled, | |
.btn-success[disabled], | |
fieldset[disabled] .btn-success, | |
.btn-success.disabled:hover, | |
.btn-success[disabled]:hover, | |
fieldset[disabled] .btn-success:hover, | |
.btn-success.disabled:focus, | |
.btn-success[disabled]:focus, | |
fieldset[disabled] .btn-success:focus, | |
.btn-success.disabled:active, | |
.btn-success[disabled]:active, | |
fieldset[disabled] .btn-success:active, | |
.btn-success.disabled.active, | |
.btn-success[disabled].active, | |
fieldset[disabled] .btn-success.active { | |
background-color: #e6edef; | |
border-color: #e6edef; | |
} | |
.btn-purple { | |
color: #ffffff; | |
background-color: #a88cd5; | |
} | |
.btn-purple:hover, | |
.btn-purple:focus, | |
.btn-purple:active, | |
.btn-purple.active, | |
.btn-purple.hover { | |
color: #ffffff; | |
background-color: #b9a3dd; | |
border-color: #b9a3dd; | |
} | |
.btn-purple:active, | |
.btn-purple.active { | |
background: #93a4aa; | |
border-color: #93a4aa; | |
} | |
.btn-purple.disabled, | |
.btn-purple[disabled], | |
fieldset[disabled] .btn-purple, | |
.btn-purple.disabled:hover, | |
.btn-purple[disabled]:hover, | |
fieldset[disabled] .btn-purple:hover, | |
.btn-purple.disabled:focus, | |
.btn-purple[disabled]:focus, | |
fieldset[disabled] .btn-purple:focus, | |
.btn-purple.disabled:active, | |
.btn-purple[disabled]:active, | |
fieldset[disabled] .btn-purple:active, | |
.btn-purple.disabled.active, | |
.btn-purple[disabled].active, | |
fieldset[disabled] .btn-purple.active { | |
background-color: #e6edef; | |
border-color: #e6edef; | |
} | |
.btn-orange { | |
color: #ffffff; | |
background-color: #f58410; | |
} | |
.btn-orange:hover, | |
.btn-orange:focus, | |
.btn-orange:active, | |
.btn-orange.active, | |
.btn-orange.hover { | |
color: #ffffff; | |
background-color: #f79d40; | |
border-color: #f79d40; | |
} | |
.btn-orange:active, | |
.btn-orange.active { | |
background: #93a4aa; | |
border-color: #93a4aa; | |
} | |
.btn-orange.disabled, | |
.btn-orange[disabled], | |
fieldset[disabled] .btn-orange, | |
.btn-orange.disabled:hover, | |
.btn-orange[disabled]:hover, | |
fieldset[disabled] .btn-orange:hover, | |
.btn-orange.disabled:focus, | |
.btn-orange[disabled]:focus, | |
fieldset[disabled] .btn-orange:focus, | |
.btn-orange.disabled:active, | |
.btn-orange[disabled]:active, | |
fieldset[disabled] .btn-orange:active, | |
.btn-orange.disabled.active, | |
.btn-orange[disabled].active, | |
fieldset[disabled] .btn-orange.active { | |
background-color: #e6edef; | |
border-color: #e6edef; | |
} | |
.btn-inverse { | |
color: #ffffff; | |
background-color: #364347; | |
} | |
.btn-inverse:hover, | |
.btn-inverse:focus, | |
.btn-inverse:active, | |
.btn-inverse.active, | |
.btn-inverse.hover { | |
color: #ffffff; | |
background-color: #5e696c; | |
border-color: #5e696c; | |
} | |
.btn-inverse:active, | |
.btn-inverse.active { | |
background: #93a4aa; | |
border-color: #93a4aa; | |
} | |
.btn-inverse.disabled, | |
.btn-inverse[disabled], | |
fieldset[disabled] .btn-inverse, | |
.btn-inverse.disabled:hover, | |
.btn-inverse[disabled]:hover, | |
fieldset[disabled] .btn-inverse:hover, | |
.btn-inverse.disabled:focus, | |
.btn-inverse[disabled]:focus, | |
fieldset[disabled] .btn-inverse:focus, | |
.btn-inverse.disabled:active, | |
.btn-inverse[disabled]:active, | |
fieldset[disabled] .btn-inverse:active, | |
.btn-inverse.disabled.active, | |
.btn-inverse[disabled].active, | |
fieldset[disabled] .btn-inverse.active { | |
background-color: #364347; | |
border-color: #364347; | |
} | |
.btn-embossed { | |
-webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; | |
transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear; | |
} | |
.btn-embossed:hover, | |
.btn-embossed:focus { | |
top: 2px; | |
position: relative; | |
} | |
.btn-embossed.btn-primary { | |
-webkit-box-shadow: 0 5px #009dcd; | |
box-shadow: 0 5px #009dcd; | |
} | |
.btn-embossed.btn-primary:hover, | |
.btn-embossed.btn-primary:focus { | |
-webkit-box-shadow: 0 3px #009dcd; | |
box-shadow: 0 3px #009dcd; | |
background: #02baf2; | |
} | |
.btn-embossed.btn-primary.active, | |
.btn-embossed.btn-primary:active { | |
-webkit-box-shadow: 0 0 #009dcd; | |
box-shadow: 0 0 #009dcd; | |
top: 5px; | |
background: #02baf2; | |
border-color: #02baf2; | |
} | |
.btn-embossed.btn-danger { | |
-webkit-box-shadow: 0 5px #cc0000; | |
box-shadow: 0 5px #cc0000; | |
} | |
.btn-embossed.btn-danger:hover, | |
.btn-embossed.btn-danger:focus { | |
-webkit-box-shadow: 0 3px #cc0000; | |
box-shadow: 0 3px #cc0000; | |
background: #f84545; | |
} | |
.btn-embossed.btn-danger.active, | |
.btn-embossed.btn-danger:active { | |
-webkit-box-shadow: 0 0 #cc0000; | |
box-shadow: 0 0 #cc0000; | |
top: 5px; | |
background: #f84545; | |
border-color: #f84545; | |
} | |
.btn-embossed.btn-warning { | |
-webkit-box-shadow: 0 5px #f3bc65; | |
box-shadow: 0 5px #f3bc65; | |
} | |
.btn-embossed.btn-warning:hover, | |
.btn-embossed.btn-warning:focus { | |
-webkit-box-shadow: 0 3px #f3bc65; | |
box-shadow: 0 3px #f3bc65; | |
background: #fad46b; | |
} | |
.btn-embossed.btn-warning.active, | |
.btn-embossed.btn-warning:active { | |
-webkit-box-shadow: 0 0 #f3bc65; | |
box-shadow: 0 0 #f3bc65; | |
top: 5px; | |
background: #fad46b; | |
border-color: #fad46b; | |
} | |
.btn-embossed.btn-success { | |
-webkit-box-shadow: 0 5px #28948c; | |
box-shadow: 0 5px #28948c; | |
} | |
.btn-embossed.btn-success:hover, | |
.btn-embossed.btn-success:focus { | |
-webkit-box-shadow: 0 3px #28948c; | |
box-shadow: 0 3px #28948c; | |
background: #3eb5ac; | |
} | |
.btn-embossed.btn-success.active, | |
.btn-embossed.btn-success:active { | |
-webkit-box-shadow: 0 0 #28948c; | |
box-shadow: 0 0 #28948c; | |
top: 5px; | |
background: #3eb5ac; | |
border-color: #3eb5ac; | |
} | |
.btn-embossed.btn-purple { | |
-webkit-box-shadow: 0 5px #9175bd; | |
box-shadow: 0 5px #9175bd; | |
} | |
.btn-embossed.btn-purple:hover, | |
.btn-embossed.btn-purple:focus { | |
-webkit-box-shadow: 0 3px #9175bd; | |
box-shadow: 0 3px #9175bd; | |
background: #a88cd5; | |
} | |
.btn-embossed.btn-purple.active, | |
.btn-embossed.btn-purple:active { | |
-webkit-box-shadow: 0 0 #9175bd; | |
box-shadow: 0 0 #9175bd; | |
top: 5px; | |
background: #a88cd5; | |
border-color: #a88cd5; | |
} | |
.btn-embossed.btn-orange { | |
-webkit-box-shadow: 0 5px #e96300; | |
box-shadow: 0 5px #e96300; | |
} | |
.btn-embossed.btn-orange:hover, | |
.btn-embossed.btn-orange:focus { | |
-webkit-box-shadow: 0 3px #e96300; | |
box-shadow: 0 3px #e96300; | |
background: #f58410; | |
} | |
.btn-embossed.btn-orange.active, | |
.btn-embossed.btn-orange:active { | |
-webkit-box-shadow: 0 0 #e96300; | |
box-shadow: 0 0 #e96300; | |
top: 5px; | |
background: #f58410; | |
border-color: #f58410; | |
} | |
.btn-kr { | |
padding: 14px 22px; | |
font-size: 24px; | |
line-height: 1.25; | |
border-radius: 4px; | |
} | |
.btn-lg, | |
.btn-group-lg > .btn { | |
padding: 10px 18px; | |
font-size: 20px; | |
line-height: 1.45; | |
border-radius: 4px; | |
} | |
.btn-sm, | |
.btn-group-sm > .btn { | |
padding: 5px 13px; | |
font-size: 14px; | |
line-height: 1.3; | |
border-radius: 4px; | |
} | |
.btn-xs, | |
.btn-group-xs > .btn { | |
padding: 5px 13px; | |
font-size: 12px; | |
line-height: 1.083; | |
border-radius: 3px; | |
} | |
.btn-block { | |
white-space: normal; | |
} | |
.btn-group .btn-stroke + .btn-stroke, | |
.btn-group .btn-stroke + .btn-group, | |
.btn-group .btn-group + .btn-stroke, | |
.btn-group .btn-group + .btn-group { | |
margin-left: -2px; | |
} | |
/* Restyling the dropdowns within nested, vertical and justified groups */ | |
.btn-group > .btn, | |
.btn-group-vertical > .btn { | |
text-transform: none; | |
font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
text-align: left; | |
-webkit-transition: none; | |
transition: none; | |
} | |
.btn-group > .btn.active, | |
.btn-group-vertical > .btn.active { | |
background: #e1eef3; | |
color: #5e6969; | |
border-color: #d6e1e5; | |
z-index: 0; | |
} | |
.btn-group .btn-group-dropdown .btn-default [class^="ss-"], | |
.btn-group-vertical .btn-group-dropdown .btn-default [class^="ss-"], | |
.btn-group .btn-group-dropdown .btn-default [class^="fa-"], | |
.btn-group-vertical .btn-group-dropdown .btn-default [class^="fa-"] { | |
color: #93a4aa; | |
} | |
.btn-group .btn-group-dropdown .btn-default.dropdown-toggle, | |
.btn-group-vertical .btn-group-dropdown .btn-default.dropdown-toggle { | |
color: #02baf2; | |
} | |
.btn-group .btn-group-dropdown .btn-default:hover, | |
.btn-group-vertical .btn-group-dropdown .btn-default:hover { | |
border-color: #02baf2; | |
} | |
.btn-group .btn-group-dropdown .btn-default:active, | |
.btn-group-vertical .btn-group-dropdown .btn-default:active { | |
border-color: #93a4aa; | |
color: #364347; | |
} | |
.btn-group-justified.btn-group .btn { | |
text-align: center; | |
} | |
.btn-group-justified.btn-group .btn [class^="ss-"], | |
.btn-group-justified.btn-group .btn [class^="fa-"] { | |
margin-left: 5px; | |
} | |
.btn-group-xs > .btn { | |
padding: 5px 13px; | |
font-size: 12px; | |
line-height: 1.083; | |
border-radius: 3px; | |
} | |
.btn-group-sm > .btn { | |
padding: 5px 13px; | |
font-size: 14px; | |
line-height: 1.3; | |
border-radius: 4px; | |
} | |
.btn-group-lg > .btn { | |
padding: 10px 18px; | |
font-size: 20px; | |
line-height: 1.45; | |
border-radius: 4px; | |
} | |
.btn-group-kr > .btn { | |
padding: 14px 22px; | |
font-size: 24px; | |
line-height: 1.25; | |
border-radius: 4px; | |
} | |
/* Dropdown Speicfic */ | |
.btn-group-dropdown { | |
/* Open States */ | |
} | |
.btn-group-dropdown > .btn { | |
text-transform: none; | |
font-family: "SourceSansPro", Helvetica, Arial, sans-serif; | |
-webkit-transition: none; | |
transition: none; | |
/* Split Dropdowns Icon */ | |
} | |
.btn-group-dropdown > .btn + .dropdown-toggle { | |
min-width: 40px; | |
text-align: center; | |
} | |
.btn-group-dropdown > .btn.btn-dropdown { | |
text-align: left; | |
} | |
.btn-group-dropdown .dropdown-toggle { | |
padding-left: 13px; | |
padding-right: 13px; | |
text-align: left; | |
} | |
.btn-group-dropdown .btn-default { | |
color: #364347; | |
} | |
.btn-group-dropdown .btn-default:hover { | |
border-color: #93a4aa; | |
} | |
.btn-group-dropdown .btn-default:hover [class^="ss-"], | |
.btn-group-dropdown .btn-default:hover [class^="fa-"] { | |
color: #02baf2; | |
} | |
.btn-group-dropdown .btn-default:active { | |
background: #e1eef3; | |
border-color: #93a4aa; | |
} | |
.btn-group-dropdown .btn-default:active [class^="ss-"], | |
.btn-group-dropdown .btn-default:active [class^="fa-"] { | |
color: #02baf2; | |
} | |
.btn-group-dropdown .btn-primary.dropdown-toggle { | |
border-left: 1px solid #009dcd; | |
} | |
.btn-group-dropdown .btn-danger.dropdown-toggle { | |
border-left: 1px solid #cc0000; | |
} | |
.btn-group-dropdown .btn-inverse { | |
color: #93a4aa; | |
} | |
.btn-group-dropdown .btn-inverse:hover { | |
color: white; | |
} | |
.btn-group-dropdown .btn-inverse:active { | |
background: black; | |
border-color: black; | |
} | |
.btn-group-dropdown .btn-inverse:active [class^="ss-"], | |
.btn-group-dropdown .btn-inverse:active [class^="fa-"] { | |
color: #02baf2; | |
} | |
.btn-group-dropdown .btn-inverse.dropdown-toggle { | |
border-left: 1px solid black; | |
} | |
.btn-group-dropdown.open .btn { | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.btn-group-dropdown.open .dropdown-toggle.btn-default { | |
background: #e1eef3; | |
border-color: #b2c6cd; | |
color: #364347; | |
} | |
.btn-group-dropdown.open .dropdown-toggle.btn-default [class^="ss-"], | |
.btn-group-dropdown.open .dropdown-toggle.btn-default [class^="fa-"] { | |
color: #02baf2; | |
} | |
.btn-group-dropdown.open .dropdown-toggle.btn-primary { | |
background: #009dcd; | |
border-color: #009dcd; | |
color: #ffffff; | |
} | |
.btn-group-dropdown.open .dropdown-toggle.btn-danger { | |
background: #cc0000; | |
border-color: #cc0000; | |
color: #ffffff; | |
} | |
.btn-group-dropdown.open .dropdown-toggle.btn-inverse { | |
background: black; | |
border-color: black; | |
color: #ffffff; | |
} | |
.btn-group-dropdown.open .dropdown-toggle.btn-inverse [class^="ss-"], | |
.btn-group-dropdown.open .dropdown-toggle.btn-inverse [class^="fa-"] { | |
color: #02baf2; | |
} | |
/* switch */ | |
.switch { | |
display: inline-block; | |
cursor: pointer; | |
border-radius: 20px; | |
position: relative; | |
text-align: left; | |
overflow: hidden; | |
line-height: 8px; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
-o-user-select: none; | |
user-select: none; | |
vertical-align: middle; | |
width: 60px; | |
} | |
.switch.switch-animate .switch-container { | |
-webkit-transition: margin-left 0.5s; | |
transition: margin-left 0.5s; | |
} | |
.switch.switch-on .switch-container { | |
margin-left: 0%; | |
} | |
.switch.switch-on .switch-label { | |
border-radius: 50%; | |
} | |
.switch.switch-off .switch-container { | |
margin-left: -55%; | |
} | |
.switch.switch-off .switch-label { | |
border-radius: 50%; | |
border-color: #93a4aa; | |
} | |
.switch.switch-indeterminate .switch-container { | |
margin-left: -25%; | |
} | |
.switch.switch-disabled, | |
.switch.switch-readonly, | |
.switch.switch-indeterminate { | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
cursor: default !important; | |
} | |
.switch.switch-disabled .switch-handle-on, | |
.switch.switch-readonly .switch-handle-on, | |
.switch.switch-indeterminate .switch-handle-on, | |
.switch.switch-disabled .switch-handle-off, | |
.switch.switch-readonly .switch-handle-off, | |
.switch.switch-indeterminate .switch-handle-off, | |
.switch.switch-disabled .switch-label, | |
.switch.switch-readonly .switch-label, | |
.switch.switch-indeterminate .switch-label { | |
cursor: default !important; | |
} | |
.switch .switch-container { | |
display: inline-block; | |
width: 150px; | |
top: 0; | |
border-radius: 20px; | |
} | |
.switch .switch-handle-on, | |
.switch .switch-handle-off, | |
.switch .switch-label { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
cursor: pointer; | |
display: inline-block !important; | |
height: 100%; | |
padding-bottom: 4px; | |
padding-top: 4px; | |
font-size: 14px; | |
line-height: 20px; | |
} | |
.switch .switch-handle-on, | |
.switch .switch-handle-off { | |
text-align: center; | |
z-index: 1; | |
width: 46px; | |
} | |
.switch .switch-handle-on.switch-primary, | |
.switch .switch-handle-off.switch-primary { | |
color: #fff; | |
background: #02baf2; | |
} | |
.switch .switch-handle-on.switch-info, | |
.switch .switch-handle-off.switch-info { | |
color: #fff; | |
background: red; | |
} | |
.switch .switch-handle-on.switch-success, | |
.switch .switch-handle-off.switch-success { | |
color: #fff; | |
background: green; | |
} | |
.switch .switch-handle-on.switch-warning, | |
.switch .switch-handle-off.switch-warning { | |
background: yellow; | |
color: #fff; | |
} | |
.switch .switch-handle-on.switch-danger, | |
.switch .switch-handle-off.switch-danger { | |
color: #fff; | |
background: redg; | |
} | |
.switch .switch-handle-on.switch-default, | |
.switch .switch-handle-off.switch-default { | |
color: white; | |
background: #93a4aa; | |
} | |
.switch .switch-handle-on { | |
border-bottom-left-radius: 20px; | |
border-top-left-radius: 20px; | |
text-indent: -3px; | |
} | |
.switch .switch-handle-off { | |
border-bottom-right-radius: 20px; | |
border-top-right-radius: 20px; | |
text-indent: 3px; | |
} | |
.switch .switch-label { | |
text-align: center; | |
z-index: 100; | |
background: #ffffff; | |
border-radius: 50%; | |
border: 3px solid #02baf2; | |
height: 28px; | |
width: 28px; | |
vertical-align: middle; | |
margin: 0 -13px; | |
position: relative; | |
} | |
.switch input[type='radio'], | |
.switch input[type='checkbox'] { | |
position: absolute !important; | |
top: 0; | |
left: 0; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
z-index: -1; | |
} | |
/* dropdown menu */ | |
.dropdown-menu { | |
background-color: white; | |
border: 1px solid #b2c6cd; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
min-width: 220px; | |
margin-top: 10px; | |
left: 0; | |
right: auto; | |
} | |
.dropdown-menu > li > a { | |
margin-left: -1px; | |
margin-right: -1px; | |
color: #5e6969; | |
font-size: 16px; | |
padding: 4px 15px; | |
} | |
.dropdown-menu > li > a:hover { | |
background-color: #e1eef3; | |
} | |
.dropdown-menu > .active > a, | |
.dropdown-menu > .active > a:hover, | |
.dropdown-menu > .active > a:focus { | |
color: #ffffff; | |
text-decoration: none; | |
outline: 0; | |
background-color: #02baf2; | |
border: 1px solid #009dcd; | |
} | |
.dropdown-menu > .disabled > a, | |
.dropdown-menu > .disabled > a:hover, | |
.dropdown-menu > .disabled > a:focus { | |
color: #b2c6cd; | |
} | |
.dropdown-menu > .arrow { | |
border-width: 6px; | |
} | |
.dropdown-menu > .arrow, | |
.dropdown-menu > .arrow:after { | |
position: absolute; | |
display: block; | |
width: 0; | |
height: 0; | |
border-color: transparent; | |
border-style: solid; | |
border-width: 5px; | |
content: ""; | |
} | |
.dropdown-menu > .top.arrow { | |
/*left: 88%;*/ | |
right: 88%; | |
border-top-width: 0; | |
border-bottom-color: #b2c6cd; | |
top: -6px; | |
} | |
.dropdown-menu > .top.arrow:after { | |
content: " "; | |
top: 1px; | |
margin-left: -5px; | |
border-top-width: 0; | |
border-bottom-color: white; | |
} | |
.dropdown-menu > .bottom.arrow { | |
left: 88%; | |
border-bottom-width: 0; | |
border-top-color: #b2c6cd; | |
bottom: -6px; | |
} | |
.dropdown-menu > .bottom.arrow:after { | |
content: " "; | |
bottom: 1px; | |
margin-left: -5px; | |
border-bottom-width: 0; | |
border-top-color: white; | |
} | |
.dropdown-inverse { | |
background-color: #364347; | |
border-color: #364347; | |
} | |
.dropdown-inverse > li > a { | |
color: white; | |
} | |
.dropdown-inverse > li > a:hover { | |
background-color: #5e6969; | |
color: white; | |
} | |
.dropdown-inverse > .active > a, | |
.dropdown-inverse > .active > a:hover, | |
.dropdown-inverse > .active > a:focus { | |
border: none; | |
} | |
.dropdown-inverse > .top.arrow { | |
border-bottom-color: #364347; | |
top: -6px; | |
} | |
.dropdown-inverse > .top.arrow:after { | |
border-bottom-color: #364347; | |
} | |
.dropdown-header { | |
color: #b2c6cd; | |
padding: 3px 15px; | |
text-transform: uppercase; | |
} | |
.dropup .dropdown-menu { | |
margin-bottom: 10px; | |
} | |
@media (min-width: 1000px) { | |
.dropdown-menu { | |
right: 0; | |
left: auto; | |
} | |
.dropdown-menu > .top.arrow { | |
left: 88%; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment