UNPKG

cruk-pattern-library

Version:
2,959 lines (2,438 loc) 261 kB
@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