cruk-pattern-library
Version:
CRUK Pattern library.
2,959 lines (2,438 loc) • 261 kB
CSS
@font-face {
font-family: "anchorjs-link";
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6v8yoAAAC8AAAAYGNtYXDL8RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zkm2oNUAAAFgAAABWGhlYWQAHd4cAAACuAAAADZoaGVhB3sECwAAAvAAAAAkaG10eAYAAEcAAAMUAAAADGxvY2EACgCsAAADIAAAAAhtYXhwAAYAcAAAAygAAAAgbmFtZUQXtNYAAANIAAABOXBvc3QAAwAAAAAEhAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACDmAAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmAP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIARwAHA7kDeQA2AG0AAAEnLgEiBg8BDgEUFh8BHgMXNy4DLwEuATQ2PwE+ATIWHwEeARQGDwEeAxU3PgE0JicBLgMnBx4DHwEeARQGDwEOASImLwEuATQ2PwEuAzUHDgEUFh8BHgEyNj8BPgE0Ji8BA7kEI1ldWiPaIyQkIwQDBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMk/r4DBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMkBCNZXVoj2iMkJCMEA3UEJCMjJNojWV1aIwQDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkj/sYDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkjBCQjIyTaI1ldWiMEAAEAAAABAABR/4xQXw889QALBAAAAAAAzqNM0wAAAADOo0zTAAAAAAO5A3kAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAABHA7kAAQAAAAAAAAAAAAAAAAAAAAMAAAAAAgAAAAQAAEcAAAAAAAoArAABAAAAAwBuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADAALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAABKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq/zKmNtYXAAAAFoAAAAPAAAADzL8RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAAAVgAAAFYSbag1WhlYWQAAAMEAAAANgAAADYAHd4caGhlYQAAAzwAAAAkAAAAJAd7BAtobXR4AAADYAAAAAwAAAAMBgAAR2xvY2EAAANsAAAACAAAAAgACgCsbWF4cAAAA3QAAAAgAAAAIAAGAHBuYW1lAAADlAAAATkAAAE5RBe01nBvc3QAAATQAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAg5gADwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gD//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAEcABwO5A3kANgBtAAABJy4BIgYPAQ4BFBYfAR4DFzcuAy8BLgE0Nj8BPgEyFh8BHgEUBg8BHgMVNz4BNCYnAS4DJwceAx8BHgEUBg8BDgEiJi8BLgE0Nj8BLgM1Bw4BFBYfAR4BMjY/AT4BNCYvAQO5BCNZXVoj2iMkJCMEAwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJP6+AwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJAQjWV1aI9ojJCQjBAN1BCQjIyTaI1ldWiMEAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZI/7GAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZIwQkIyMk2iNZXVojBAABAAAAAQAAUf+MUF8PPPUACwQAAAAAAM6jTNMAAAAAzqNM0wAAAAADuQN5AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAARwO5AAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAABHAAAAAAAKAKwAAQAAAAMAbgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
font-weight: normal;
font-style: normal;
}
.anchor-link {
float: left;
width: 1em;
height: 1em;
margin-left: -1.2em;
opacity: 0;
color: inherit;
text-align: center;
speak: none;
font-family: "anchorjs-link";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 34em) {
.anchor-link {
display: none;
}
}
*:hover>.anchor-link,
.anchor-link:focus {
opacity: 0.75;
transition: color 0.16s linear;
}
*:hover>.anchor-link:hover,
.anchor-link:focus:hover {
opacity: 1;
text-decoration: none;
}
.highlight .hll {
background-color: #ffc;
}
.highlight .c {
color: #999;
}
.highlight .err {
color: #a00;
background-color: #faa;
}
.highlight .k {
color: #069;
}
.highlight .o {
color: #555;
}
.highlight .cm {
color: #09f;
font-style: italic;
}
.highlight .cp {
color: #099;
}
.highlight .c1 {
color: #999;
}
.highlight .cs {
color: #999;
}
.highlight .gd {
background-color: #fcc;
border: 1px solid #c00;
}
.highlight .ge {
font-style: italic;
}
.highlight .gr {
color: #f00;
}
.highlight .gh {
color: #030;
}
.highlight .gi {
background-color: #cfc;
border: 1px solid #0c0;
}
.highlight .go {
color: #aaa;
}
.highlight .gp {
color: #009;
}
.highlight .gu {
color: #030;
}
.highlight .gt {
color: #9c6;
}
.highlight .kc {
color: #069;
}
.highlight .kd {
color: #069;
}
.highlight .kn {
color: #069;
}
.highlight .kp {
color: #069;
}
.highlight .kr {
color: #069;
}
.highlight .kt {
color: #078;
}
.highlight .m {
color: #f60;
}
.highlight .s {
color: #d44950;
}
.highlight .na {
color: #4f9fcf;
}
.highlight .nb {
color: #366;
}
.highlight .nc {
color: #0a8;
}
.highlight .no {
color: #360;
}
.highlight .nd {
color: #99f;
}
.highlight .ni {
color: #999;
}
.highlight .ne {
color: #c00;
}
.highlight .nf {
color: #c0f;
}
.highlight .nl {
color: #99f;
}
.highlight .nn {
color: #0cf;
}
.highlight .nt {
color: #2f6f9f;
}
.highlight .nv {
color: #033;
}
.highlight .ow {
color: #000;
}
.highlight .w {
color: #bbb;
}
.highlight .mf {
color: #f60;
}
.highlight .mh {
color: #f60;
}
.highlight .mi {
color: #f60;
}
.highlight .mo {
color: #f60;
}
.highlight .sb {
color: #c30;
}
.highlight .sc {
color: #c30;
}
.highlight .sd {
color: #c30;
font-style: italic;
}
.highlight .s2 {
color: #c30;
}
.highlight .se {
color: #c30;
}
.highlight .sh {
color: #c30;
}
.highlight .si {
color: #a00;
}
.highlight .sx {
color: #c30;
}
.highlight .sr {
color: #3aa;
}
.highlight .s1 {
color: #c30;
}
.highlight .ss {
color: #fc3;
}
.highlight .bp {
color: #366;
}
.highlight .vc {
color: #033;
}
.highlight .vg {
color: #033;
}
.highlight .vi {
color: #033;
}
.highlight .il {
color: #f60;
}
.css .o,
.css .o+.nt,
.css .nt+.nt {
color: #999;
}
.markdown-body code,
.markdown-body tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: rgba(0,0,0,0.05);
border-radius: 3px;
}
.markdown-body code br,
.markdown-body tt br {
display: none;
}
.markdown-body del code {
text-decoration: inherit;
}
.markdown-body pre {
word-wrap: normal;
}
.markdown-body pre>code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.markdown-body .highlight {
margin-bottom: 16px;
}
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.markdown-body .highlight pre,
.markdown-body pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #fff;
border-radius: 3px;
}
.markdown-body pre code,
.markdown-body pre tt {
display: inline;
max-width: none;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
/*!
* CRUK Base
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 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 {
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;
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;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
* {
-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: transparent;
}
body {
font-family: Arial,Calibri,nimbussansl,liberationsans,freesans,clean,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 14px;
line-height: 1.428571;
color: #333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #2e008b;
text-decoration: none;
}
a:hover,
a:focus {
color: #ec008c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.428571;
background-color: #fff;
border: 1px solid #ddd;
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 #eee;
}
.sr-only,
.cr-filter-input label,
.cr-breadcrumb.cr-breadcrumb--hide-current li:last-child,
.cr-breadcrumb.cr-breadcrumb--hide-top li:first-child,
.cr-search-input label {
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;
}
[role="button"] {
cursor: pointer;
}
html {
font-size: 14px;
font-family: Arial,Calibri,nimbussansl,liberationsans,freesans,clean,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
line-height: 1.428571;
}
body {
font-size: 1rem;
font-family: Arial,Calibri,nimbussansl,liberationsans,freesans,clean,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.lead,
.markdown-body>p:first-child {
margin-bottom: 20px;
font-size: 1.15rem;
font-weight: 300;
color: #333;
}
@media (min-width: 768px) {
.lead,
.markdown-body>p:first-child {
font-size: 1.5rem;
}
}
ul,
ol {
padding-left: 2em;
}
ul.no-list,
ol.no-list {
padding: 0;
list-style-type: none;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-top: 0;
margin-bottom: 0;
}
li>p {
margin-top: 16px;
}
dl {
padding: 0;
}
dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
dl dt+dt {
margin-top: 0;
}
dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "MuseoSans","museo-sans-rounded","Museo Sans",Arial,Calibri,nimbussansl,liberationsans,freesans,clean,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-weight: 700;
line-height: 1.1;
color: inherit;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 2rem;
}
h2,
.h2 {
font-size: 1.4rem;
}
h3,
.h3 {
font-size: 1.4rem;
}
h4,
.h4 {
font-size: 1.16rem;
}
h5,
.h5 {
font-size: .93rem;
}
h6,
.h6 {
font-size: .93rem;
}
p {
margin: 0 0 10px;
}
.lead,
.markdown-body>p:first-child {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead,
.markdown-body>p:first-child {
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,
.cr-simple-pager__current {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase,
.initialism {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted,
.cr-search-result__url {
color: #777;
}
.text-primary {
color: #2e008b;
}
a.text-primary:hover,
a.text-primary:focus {
color: #1d0058;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
}
.bg-primary {
background-color: #2e008b;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #1d0058;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0;
}
.list-unstyled,
.cr-index,
.cr-index__list {
padding-left: 0;
list-style: none;
}
.list-inline,
.cr-search-result__meta {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline>li,
.cr-search-result__meta>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.428571;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
content: " ";
display: table;
}
.dl-horizontal dd:after {
clear: both;
}
@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 #777;
}
.initialism {
font-size: 90%;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.428571;
color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.428571;
}
code,
kbd,
pre,
samp {
font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 3px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
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.428571;
word-break: break-all;
word-wrap: break-word;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
}
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;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:before,
.container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid:before,
.container-fluid:after {
content: " ";
display: table;
}
.container-fluid:after {
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-1 {
width: 8.333333%;
}
.col-xs-2 {
width: 16.666667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.333333%;
}
.col-xs-5 {
width: 41.666667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.333333%;
}
.col-xs-8 {
width: 66.666667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.333333%;
}
.col-xs-11 {
width: 91.666667%;
}
.col-xs-12 {
width: 100%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-pull-1 {
right: 8.333333%;
}
.col-xs-pull-2 {
right: 16.666667%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-4 {
right: 33.333333%;
}
.col-xs-pull-5 {
right: 41.666667%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-7 {
right: 58.333333%;
}
.col-xs-pull-8 {
right: 66.666667%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-10 {
right: 83.333333%;
}
.col-xs-pull-11 {
right: 91.666667%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-push-1 {
left: 8.333333%;
}
.col-xs-push-2 {
left: 16.666667%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-4 {
left: 33.333333%;
}
.col-xs-push-5 {
left: 41.666667%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-7 {
left: 58.333333%;
}
.col-xs-push-8 {
left: 66.666667%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-10 {
left: 83.333333%;
}
.col-xs-push-11 {
left: 91.666667%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-xs-offset-1 {
margin-left: 8.333333%;
}
.col-xs-offset-2 {
margin-left: 16.666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333333%;
}
.col-xs-offset-5 {
margin-left: 41.666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333333%;
}
.col-xs-offset-8 {
margin-left: 66.666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333333%;
}
.col-xs-offset-11 {
margin-left: 91.666667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.333333%;
}
.col-sm-2 {
width: 16.666667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.333333%;
}
.col-sm-5 {
width: 41.666667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.333333%;
}
.col-sm-8 {
width: 66.666667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.333333%;
}
.col-sm-11 {
width: 91.666667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.333333%;
}
.col-sm-pull-2 {
right: 16.666667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.333333%;
}
.col-sm-pull-5 {
right: 41.666667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.333333%;
}
.col-sm-pull-8 {
right: 66.666667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.333333%;
}
.col-sm-pull-11 {
right: 91.666667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.333333%;
}
.col-sm-push-2 {
left: 16.666667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.333333%;
}
.col-sm-push-5 {
left: 41.666667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.333333%;
}
.col-sm-push-8 {
left: 66.666667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.333333%;
}
.col-sm-push-11 {
left: 91.666667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.333333%;
}
.col-sm-offset-2 {
margin-left: 16.666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333333%;
}
.col-sm-offset-5 {
margin-left: 41.666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333333%;
}
.col-sm-offset-8 {
margin-left: 66.666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333333%;
}
.col-sm-offset-11 {
margin-left: 91.666667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-1 {
width: 8.333333%;
}
.col-md-2 {
width: 16.666667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.333333%;
}
.col-md-5 {
width: 41.666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.333333%;
}
.col-md-8 {
width: 66.666667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.333333%;
}
.col-md-11 {
width: 91.666667%;
}
.col-md-12 {
width: 100%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.333333%;
}
.col-md-pull-2 {
right: 16.666667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.333333%;
}
.col-md-pull-5 {
right: 41.666667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.333333%;
}
.col-md-pull-8 {
right: 66.666667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.333333%;
}
.col-md-pull-11 {
right: 91.666667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.333333%;
}
.col-md-push-2 {
left: 16.666667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.333333%;
}
.col-md-push-5 {
left: 41.666667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.333333%;
}
.col-md-push-8 {
left: 66.666667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.333333%;
}
.col-md-push-11 {
left: 91.666667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.333333%;
}
.col-md-offset-2 {
margin-left: 16.666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333333%;
}
.col-md-offset-5 {
margin-left: 41.666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333333%;
}
.col-md-offset-8 {
margin-left: 66.666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333333%;
}
.col-md-offset-11 {
margin-left: 91.666667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.333333%;
}
.col-lg-2 {
width: 16.666667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.333333%;
}
.col-lg-5 {
width: 41.666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.333333%;
}
.col-lg-8 {
width: 66.666667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.333333%;
}
.col-lg-11 {
width: 91.666667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.333333%;
}
.col-lg-pull-2 {
right: 16.666667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.333333%;
}
.col-lg-pull-5 {
right: 41.666667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.333333%;
}
.col-lg-pull-8 {
right: 66.666667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.333333%;
}
.col-lg-pull-11 {
right: 91.666667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.333333%;
}
.col-lg-push-2 {
left: 16.666667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.333333%;
}
.col-lg-push-5 {
left: 41.666667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.333333%;
}
.col-lg-push-8 {
left: 66.666667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.333333%;
}
.col-lg-push-11 {
left: 91.666667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.333333%;
}
.col-lg-offset-2 {
margin-left: 16.666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333333%;
}
.col-lg-offset-5 {
margin-left: 41.666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333333%;
}
.col-lg-offset-8 {
margin-left: 66.666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333333%;
}
.col-lg-offset-11 {
margin-left: 91.666667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
padding: 8px;
line-height: 1.428571;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
border-top: 0;
}
.table>tbody+tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
border: 1px solid #ddd;
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 2px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
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>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
background-color: #f5f5f5;
}
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
background-color: #e8e8e8;
}
.table>thead>tr>td.success,
.table>thead>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th {
background-color: #dff0d8;
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
background-color: #d0e9c6;
}
.table>thead>tr>td.info,
.table>thead>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th {
background-color: #d9edf7;
}
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
background-color: #c4e3f3;
}
.table>thead>tr>td.warning,
.table>thead>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th {
background-color: #fcf8e3;
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
background-color: #faf2cc;
}
.table>thead>tr>td.danger,
.table>thead>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th {
background-color: #f2dede;
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
background-color: #ebcccc;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@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 #ddd;
}
.table-responsive>.table {
margin-bottom: 0;
}
.table-responsive>.table>thead>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>tfoot>tr>td {
white-space: nowrap;
}
.table-responsive>.table-bordered {
border: 0;
}
.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0;
}
.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0;
}
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
border-bottom: 0;
}
}
fieldset {
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: #333;
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: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.428571;
color: #333;
}
.form-control,
.radio,
.checkbox,
.cr-filter-input .cr-filter-input__input,
.cr-search-input .cr-search-input__input {
display: block;
width: 100%;
height: 40px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571;
color: #333;
background-color: #fff;
background-image: none;
border: 1px solid #c8c8c8;
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 0.15s,box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}
.form-control:focus,
.radio:focus,
.checkbox:focus,
.cr-filter-input .cr-filter-input__input:focus,
.cr-search-input .cr-search-input__input:focus {
border-color: #00b6ed;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,182,237,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,182,237,0.6);
}
.form-control::-moz-placeholder,
.radio::-moz-placeholder,
.checkbox::-moz-placeholder,
.cr-filter-input .cr-filter-input__input::-moz-placeholder,
.cr-search-input .cr-search-input__input::-moz-placeholder {
color: #b3b3b3;
opacity: 1;
}
.form-control:-ms-input-placeholder,
.radio:-ms-input-placeholder,
.checkbox:-ms-input-placeholder,
.cr-filter-input .cr-filter-input__input:-ms-input-placeholder,
.cr-search-input .cr-search-input__input:-ms-input-placeholder {
color: #b3b3b3;
}
.form-control::-webkit-input-placeholder,
.radio::-webkit-input-placeholder,
.checkbox::-webkit-input-placeholder,
.cr-filter-input .cr-filter-input__input::-webkit-input-placeholder,
.cr-search-input .cr-search-input__input::-webkit-input-placeholder {
color: #b3b3b3;
}
.form-control::-ms-expand,
.radio::-ms-expand,
.checkbox::-ms-expand,
.cr-filter-input .cr-filter-input__input::-ms-expand,
.cr-search-input .cr-search-input__input::-ms-expand {
border: 0;
background-color: transparent;
}
[disabled].form-control,
[disabled].radio,
[disabled].checkbox,
.cr-filter-input [disabled].cr-filter-input__input,
.cr-search-input [disabled].cr-search-input__input,
[readonly].form-control,
[readonly].radio,
[readonly].checkbox,
.cr-filter-input [readonly].cr-filter-input__input,
.cr-search-input [readonly].cr-search-input__input,
fieldset[disabled] .form-control,
fieldset[disabled] .radio,
fieldset[disabled] .checkbox,
fieldset[disabled] .cr-filter-input .cr-filter-input__input,
.cr-filter-input fieldset[disabled] .cr-filter-input__input,
fieldset[disabled] .cr-search-input .cr-search-input__input,
.cr-search-input fieldset[disabled] .cr-search-input__input {
background-color: #eee;
opacity: 1;
}
[disabled].form-control,
[disabled].radio,
[disabled].checkbox,
.cr-filter-input [disabled].cr-filter-input__input,
.cr-search-input [disabled].cr-search-input__input,
fieldset[disabled] .form-control,
fieldset[disabled] .radio,
fieldset[disabled] .checkbox,
fieldset[disabled] .cr-filter-input .cr-filter-input__input,
.cr-filter-input fieldset[disabled] .cr-filter-input__input,
fieldset[disabled] .cr-search-input .cr-search-input__input,
.cr-search-input fieldset[disabled] .cr-search-input__input {
cursor: not-allowed;
}
textarea.form-control,
textarea.radio,
textarea.checkbox,
.cr-filter-input textarea.cr-filter-input__input,
.cr-search-input textarea.cr-search-input__input {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="date"].radio,
input[type="date"].checkbox,
.cr-filter-input input[type="date"].cr-filter-input__input,
.cr-search-input input[type="date"].cr-search-input__input,
input[type="time"].form-control,
input[type="time"].radio,
input[type="time"].checkbox,
.cr-filter-input input[type="time"].cr-filter-input__input,
.cr-search-input input[type="time"].cr-search-input__input,
input[type="datetime-local"].form-control,
input[type="datetime-local"].radio,
input[type="datetime-local"].checkbox,
.cr-filter-input input[type="datetime-local"].cr-filter-input__input,
.cr-search-input input[type="datetime-local"].cr-search-input__input,
input[type="month"].form-control,
input[type="month"].radio,
input[type="month"].checkbox,
.cr-filter-input input[type="month"].cr-filter-input__input,
.cr-search-input input[type="month"].cr-search-input__input {
line-height: 40px;
}
input[type="date"].input-sm,
.cr-input-group--sm>input[type="date"].cr-input-group__input,
.cr-input-group--sm>input[type="date"].cr-input-group__addon,
.cr-input-group--sm>.cr-input-group__button>input[type="date"].btn,
.input-group-sm>input[type="date"].form-control,
.input-group-sm>input[type="date"].radio,
.input-group-sm>input[type="date"].checkbox,
.cr-filter-input .input-group-sm>input[type="date"].cr-filter-input__input,
.cr-search-input .input-group-sm>input[type="date"].cr-search-input__input,
.input-group-sm>input[type="date"].input-group-addon,
.input-group-sm>.input-group-btn>input[type="date"].btn,
.cr-input-group .input-group-sm>.cr-input-group__button>input[type="date"].btn,
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.cr-input-group--sm>input[type="time"].cr-input-group__input,
.cr-input-group--sm>input[type="time"].cr-input-group__addon,
.cr-input-group--sm>.cr-input-group__button>input[type="time"].btn,
.input-group-sm>input[type="time"].form-control,
.input-group-sm>input[type="time"].radio,
.input-group-sm>input[type="time"].checkbox,
.cr-filter-input .input-group-sm>input[type="time"].cr-filter-input__input,
.cr-search-input .input-group-sm>input[type="time"].cr-search-input__input,
.input-group-sm>input[type="time"].input-group-addon,
.input-group-sm>.input-group-btn>input[type="time"].btn,
.cr-input-group .input-group-sm>.cr-input-group__button>input[type="time"].btn,
.input-group-sm input[type="time"],
input[type="datetime-local"].input-sm,
.cr-input-group--sm>input[type="datetime-local"].cr-input-group__input,
.cr-input-group--sm>input[type="datetime-local"].cr-input-group__addon,
.cr-input-group--sm>.cr-input-group__button>input[type="datetime-local"].btn,
.input-group-sm>input[type="datetime-local"].form-control,
.input-group-sm>input[type="datetime-local"].radio,
.input-group-sm>input[type="datetime-local"].checkbox,
.cr-filter-input .input-group-sm>input[type="datetime-local"].cr-filter-input__input,
.cr-search-input .input-group-sm>input[type="datetime-local"].cr-search-input__input,
.input-group-sm>input[type="datetime-local"].input-group-addon,
.input-group-sm>.input-group-btn>input[type="datetime-local"].btn,
.cr-input-group .input-group-sm>.cr-input-group__button>input[type="datetime-local"].btn,
.input-group-sm input[type="datetime-local"],
input[type="month"].input-sm,
.cr-input-group--sm>input[type="month"].cr-input-group__input,
.cr-input-group--sm>input[type="month"].cr-input-group__addon,
.cr-input-group--sm>.cr-input-group__button>input[type="month"].btn,
.input-group-sm>input[type="month"].form-control,
.input-group-sm>input[type="month"].radio,
.input-group-sm>input[type="month"].checkbox,
.cr-filter-input .input-group-sm>input[type="month"].cr-filter-input__input,
.cr-search-input .input-group-sm>input[type="month"].cr-search-input__input,
.input-group-sm>input[type="month"].input-group-addon,
.input-group-sm>.input-group-btn>input[type="month"].btn,
.cr-input-group .input-group-sm>.cr-input-group__button>input[type="month"].btn,
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
.cr-input-group--lg>input[type="date"].cr-input-group__input,
.cr-input-group--lg>input[type="date"].cr-input-group__addon,
.cr-input-group--lg>.cr-input-group__button>input[type="date"].btn,
.input-group-lg>input[type="date"].form-control,
.input-group-lg>input[type="date"].radio,
.input-group-lg>input[type="date"].checkbox,
.cr-filter-input .input-group-lg>input[type="date"].cr-filter-input__input,
.cr-search-input .input-group-lg>input[type="date"].cr-search-input__input,
.input-group-lg>input[type="date"].input-group-addon,
.input-group-lg>.input-group-btn>input[type="date"].btn,
.cr-input-group .input-group-lg>.cr-input-group__button>input[type="date"].btn,
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.cr-input-group--lg>input[type="time"].cr-input-group__input,
.cr-input-group--lg>input[type="time"].cr-input-group__addon,
.cr-input-group--lg>.cr-input-group__button>input[type="time"].btn,
.input-group-lg>input[type="time"].form-control,
.input-group-lg>input[type="time"].radio,
.input-group-lg>input[type="time"].checkbox,
.cr-filter-input .input-group-lg>input[type="time"].cr-filter-input__input,
.cr-search-input .input-group-lg>input[type="time"].cr-search-input__input,
.input-group-lg>input[type="time"].input-group-addon,
.input-group-lg>.input-group-btn>input[type="time"].btn,
.cr-input-group .input-group-lg>.cr-input-group__button>input[type="time"].btn,
.input-group-lg input[type="time"],
input[type="datetime-local"].input-lg,
.cr-input-group--lg>input[type="datetime-local"].cr-input-group__input,
.cr-input-group--lg>input[type="datetime-local"].cr-input-group__addon,
.cr-input-group--lg>.cr-input-group__button>input[type="datetime-local"].btn,
.input-group-lg>input[type="datetime-local"].form-control,
.input-group-lg>input[type="datetime-local"].radio,
.input-group-lg>input[type="datetime-local"].checkbox,
.cr-filter-input .input-group-lg>input[type="datetime-local"].cr-filter-input__input,
.cr-search-input .input-group-lg>input[type="datetime-local"].cr-search-input__input,
.input-group-lg>input[type="datetime-local"].input-group-addon,
.input-group-lg>.input-group-btn>input[type="datetime-local"].btn,
.cr-input-group .input-group-lg>.cr-input-group__button>input[type="datetime-local"].btn,
.input-group-lg input[type="datetime-local"],
input[type="month"].input-lg,
.cr-input-group--lg>input[type="month"].cr-input-group__input,
.cr-input-group--lg>input[type="month"].cr-input-group__addon,
.cr-input-group--lg>.cr-input-group__button>input[type="month"].btn,
.input-group-lg>input[type="month"].form-control,
.input-group-lg>input[type="month"].radio,
.input-group-lg>input[type="month"].checkbox,
.cr-filter-input .input-group-lg>input[type="month"].cr-filter-input__input,
.cr-search-input .input-group-lg>input[type="month"].cr-search-input__input,
.input-group-lg>input[type="month"].input-group-addon,
.input-group-lg>.input-group-btn>input[type="month"].btn,
.cr-input-group .input-group-lg>.cr-input-group__button>in