html,
body.docs{background:#FFF;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.docs-ui-example-page .example{position:relative;padding:40px 0 20px 0}
.docs-ui-example-page .example:before,
.docs-ui-example-page .example:after{content:" ";display:table}
.docs-ui-example-page .example:after{clear:both}
.docs-ui-example-page .example .example-button{padding:0 15px;text-transform:uppercase;font-size:11px;margin:0;height:35px;display:block;position:absolute;top:-10px;right:0;background:#eee;border:none;outline:none}
.docs-ui-example-page .example .example-button>span:before{content:attr(data-show)}
.docs-ui-example-page .example .example-button,
.docs-ui-example-page .example .example-button>i{line-height:35px}
.docs-ui-example-page .example .example-button>i{font-size:20px;float:left;margin-right:5px}
.docs-ui-example-page .example .example-button:hover{background:#e0e0e0}
.docs-ui-example-page .example .example-code{display:none}
.docs-ui-example-page .example .example-markup{background:#fff;-webkit-transition:padding 0.3s ease-in-out;transition:padding 0.3s ease-in-out}
.docs-ui-example-page .example .example-markup:before{-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;opacity:0;content:attr(data-title);top:10px;left:0;background:#eee;display:block;position:absolute;height:30px;line-height:30px;padding:0 15px;text-transform:uppercase;color:#555;font-size:11px}
.docs-ui-example-page .example.open .example-code,
.docs-ui-example-page .example.open .example-markup{border:1px solid #ecf0f1}
.docs-ui-example-page .example.open .example-markup{padding:20px;border-bottom:none}
.docs-ui-example-page .example.open .example-markup:before{opacity:1}
.docs-ui-example-page .example.open .example-code{display:block}
.docs-ui-example-page .example.open .example-button>span:before{content:attr(data-hide)}
.docs-ui-example-page>h1,
.docs-ui-example-page>h2,
.docs-ui-example-page>h3,
.docs-ui-example-page>h4,
.docs-ui-example-page>h5,
.docs-ui-example-page>h6,
.docs-ui-example-page>p,
.docs-ui-example-page>ul,
.docs-ui-example-page>ol,
.docs-ui-example-page>blockquote,
.docs-ui-example-page>table{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;color:#586667;font-size:16px}
.docs-ui-example-page>h1,
.docs-ui-example-page>h2,
.docs-ui-example-page>h3,
.docs-ui-example-page>h4,
.docs-ui-example-page>h5,
.docs-ui-example-page>h6{color:#1f3f50}
.docs-ui-example-page>h1,
.docs-ui-example-page>h2,
.docs-ui-example-page>h3,
.docs-ui-example-page>h4,
.docs-ui-example-page>h5,
.docs-ui-example-page>h6,
.docs-ui-example-page>p,
.docs-ui-example-page>ul,
.docs-ui-example-page>ol,
.docs-ui-example-page>blockquote,
.docs-ui-example-page>table{margin-top:0;margin-bottom:30px;line-height:170%}
.docs-ui-example-page>h6{margin-bottom:10px}
.docs-ui-example-page>p{margin-bottom:25px}
.docs-ui-example-page>blockquote{font-size:16px;border-radius:3px;background:#F2F2F2 !important;border-left:7px solid #64AE5B}
.docs-ui-example-page>pre{padding:15px !important;border-radius:3px}
.docs-ui-example-page .example-code>pre{padding:25px !important;border-radius:0}
.docs-ui-example-page>pre,
.docs-ui-example-page .example-code>pre{font-size:14px;margin:0 !important;background:#F2F2F2 !important}
.docs-ui-example-page>pre>code,
.docs-ui-example-page .example-code>pre>code{background:#F2F2F2 !important;padding:2px;margin:0 !important;color:#586667}
.docs-ui-example-page>code,
.docs-ui-example-page>p code,
.docs-ui-example-page>table code{border-radius:3px;background:#F2F2F2 !important;padding:2px;color:#586667;white-space:normal !important}
.docs-ui-example-page>pre>code{white-space:pre-wrap !important}
.docs-ui-example-page>h1,
.docs-ui-example-page>h2{border-bottom:1px solid #ecf0f1}
.docs-ui-example-page>h1,
.docs-ui-example-page>h2,
.docs-ui-example-page>h3{margin-bottom:20px}
.docs-ui-example-page>h4,
.docs-ui-example-page>h5,
.docs-ui-example-page>h6{margin-bottom:10px}
.docs-ui-example-page>h1{font-size:28px}
.docs-ui-example-page>h2{font-size:26px}
.docs-ui-example-page>h3{font-size:24px}
.docs-ui-example-page>h4{font-size:22px}
.docs-ui-example-page>h5{font-size:20px}
.docs-ui-example-page>h6{font-size:18px}
.docs-ui-example-page>img{display:block;max-width:100%;height:auto}
.docs-ui-example-page>img.inline-image{display:inline-block}
.docs-ui-example-page>img.frame{border:1px solid #ecf0f1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.docs-ui-example-page>table{width:100%}
.docs-ui-example-page>table td,
.docs-ui-example-page>table th{padding:8px 10px;vertical-align:top}
.docs-ui-example-page>table td:first-child,
.docs-ui-example-page>table th:first-child{padding-left:0}
.docs-ui-example-page>table td:last-child,
.docs-ui-example-page>table th:last-child{padding-left:0}
.docs-ui-example-page>table thead{color:#213f50;font-weight:normal;border-bottom:1px solid #8DA6A6}
.docs-ui-example-page>table thead th,
.docs-ui-example-page>table thead td{padding-top:0}
.docs-ui-example-page>table tbody td,
.docs-ui-example-page>table tbody th{border-bottom:1px solid #ecf0f1}
.docs-ui-example-page>table tbody tr:last-child th,
.docs-ui-example-page>table tbody tr:last-child td{padding-bottom:0;border-bottom:none}