Repository: cblweb/semantic-ui-bootstrap Branch: master Commit: 999669198bda Files: 22 Total size: 450.5 KB Directory structure: gitextract_q6aicgdk/ ├── .gitignore ├── LICENSE ├── README.md ├── composer.json ├── css/ │ ├── component/ │ │ ├── card.css │ │ ├── card.less │ │ ├── checkbox.css │ │ ├── checkbox.less │ │ ├── label.css │ │ ├── label.less │ │ ├── reveal.css │ │ ├── reveal.less │ │ ├── sidebar.css │ │ └── sidebar.less │ ├── mixin.less │ ├── smt-bootstrap.css │ └── smt-bootstrap.less ├── overview.html └── vendor/ ├── css/ │ ├── bootstrap.css │ └── font-awesome.css ├── fonts/ │ └── FontAwesome.otf └── js/ └── bootstrap.js ================================================ FILE CONTENTS ================================================ ================================================ FILE: .gitignore ================================================ /css/component/*.map /css/*.map ================================================ FILE: LICENSE ================================================ The MIT License (MIT) Copyright (c) 2016 CBL Web Technology Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ [![SMTB - Semantic UI Bootstrap](http://smtb.cbl-web.com/images/logo-big.png)](http://smtb.cbl-web.com/) # SMTB - Semantic UI Bootstrap ## Introdution SMTB is a Bootstrap theme and component collections inspired by Semantic UI. It rely on bootstrap 3 but some of new added components can be used independently. SMTB didn't merged with the bootstrap soruce, so you can use most version of bootstrap 3 as a base and overide the style by adding SMTB css after bootstrap source css. (i.e. You can use a customized bootstrap package as a base) ## Components Quick Overview [http://smtb.cbl-web.com/overview.html](http://smtb.cbl-web.com/overview.html) [![Preview](http://smtb.cbl-web.com/images/preview.jpg)](http://smtb.cbl-web.com/) ## Components Introduction & Documentation [http://smtb.cbl-web.com/component.html](http://smtb.cbl-web.com/component.html) ## What added * Outlined Button (Ghost Button) * Dropdown Submenu * Material Tabs * Element Reveal Effect * Label * User Label * Tag Label * Ribbon * Attached * Card * Divider * Styled checkbox, radio and switch (an on off checkbox) * Sidebar Label, Card, Divider and Sidebar can be used as a plugin independently. ## Installation SMTB is just a theme of bootstrap, so you need to include bootstrap 3 before SMTB css. ```html ``` ## Credit * [Bootstrap](http://getbootstrap.com) * [Semantic UI](http://semantic-ui.com/) * [Font Awesome](http://fortawesome.github.io/Font-Awesome) * [AngularJs](https://angularjs.org/) * [hightlight.js (Used for docs code highlight)](https://github.com/isagalaev/highlight.js) ## License SMTB released under the MIT license. ================================================ FILE: composer.json ================================================ { "name": "cblweb/semantic-ui-bootstrap", "description": "semantic-ui-bootstrap", "license": "proprietary" } ================================================ FILE: css/component/card.css ================================================ /*! * # SMTB - Semantic UI Bootstrap * Version v3.1.1 * http://github.com/cblweb/semantic-ui-bootstrap/ * Inspired by Semantic UI * * Copyright 2016 cbl-web.com * Released under the MIT license * http://opensource.org/licenses/MIT * */.card .card.card-primary{background-color:#3ac0ff;color:#fff}.card .card.card-primary a{color:#fff}.card .card.card-info{background-color:#8a73ff;color:#fff}.card .card.card-info a{color:#fff}.card .card.card-success{background-color:#22be34;color:#fff}.card .card.card-success a{color:#fff}.card .card.card-danger{background-color:#d01919;color:#fff}.card .card.card-danger a{color:#fff}.card .card.card-warning{background-color:#ff851b;color:#fff}.card .card.card-warning a{color:#fff}.card,.cards,.cards>.card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.card:after,.card>.content:after,.cards:after,.cards>.card>.content:after{content:' ';overflow:hidden;visibility:hidden;clear:both}.card,.cards>.card{max-width:100%;position:relative;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:0;background:#fff;padding:0;border:none;border-radius:.28571429rem;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;-webkit-transition:box-shadow .1s ease,-webkit-transform .1s ease;transition:box-shadow .1s ease,transform .1s ease;z-index:'';margin-bottom:30px}.card a,.cards>.card a{cursor:pointer}.card:after,.cards>.card:after{display:block;height:0}.card:first-child,.cards>.card:first-child{border-radius:.28571429rem .28571429rem 0 0 !important;border-top:none !important}.card:last-child,.cards>.card:last-child{border-radius:0 0 .28571429rem .28571429rem !important}.card:only-child,.cards>.card:only-child{border-radius:.28571429rem !important}.card>.card-image,.cards>.card>.card-image{position:relative;display:block;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding:0;background:rgba(0,0,0,0.05)}.card>.card-image>img,.cards>.card>.card-image>img,.card>.card-image>.reveal-dim>img,.cards>.card>.card-image>.reveal-dim>img{display:block;width:100%;height:auto;border-radius:inherit}.card>.card-image .label,.cards>.card>.card-image .label{z-index:2}.card>.card-content,.cards>.card>.card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;border:none;border-top:1px solid rgba(34,36,38,0.1);background:0 0;margin:0;padding:1em;box-shadow:none;font-size:1em;border-radius:0}.card>.card-content:after,.cards>.card>.card-content:after{display:block;height:0}.card>.card-content>.card-header,.cards>.card>.card-content>.card-header{display:block;margin:'';font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;color:rgba(0,0,0,0.85)}.card>.card-content>.card-header+.card-description,.cards>.card>.card-content>.card-header+.card-description,.card>.card-content>.card-meta+.card-description,.cards>.card>.card-content>.card-meta+.card-description{margin-top:.5em}.card>.card-content>.card-description,.cards>.card>.card-content>.card-description{clear:both;color:rgba(0,0,0,0.68)}.card>.card-content p,.cards>.card>.card-content p{margin:0 0 .5em}.card>.card-content p:last-child,.cards>.card>.card-content p:last-child{margin-bottom:0}.card>.card-content>a.card-header,.cards>.card>.card-content>a.card-header{color:rgba(0,0,0,0.85)}.card>.card-content>a.card-header:hover,.cards>.card>.card-content>a.card-header:hover{color:#1e70bf}.card>.card-content .card-btn .btn,.cards>.card>.card-content .card-btn .btn{border-radius:0;margin-left:-1px}.card>.card-content .card-btn .btn:first-child,.cards>.card>.card-content .card-btn .btn:first-child{border-radius:4px 0 0 4px;margin:0}.card>.card-content .card-btn .btn:last-child,.cards>.card>.card-content .card-btn .btn:last-child{border-radius:0 4px 4px 0}.card .card-content img,.cards>.card .card-content img{display:inline-block;vertical-align:middle;width:''}.card .card-avatar img,.cards>.card .card-avatar img,.card img.card-avatar,.cards>.card img.card-avatar{width:2em;height:2em;border-radius:500rem}.card .card-meta,.cards>.card .card-meta{font-size:1em;color:rgba(0,0,0,0.4)}.card .card-meta *,.cards>.card .card-meta *{margin-right:.3em}.card .card-meta :last-child,.cards>.card .card-meta :last-child{margin-right:0}.card .card-meta.pull-right,.cards>.card .card-meta.pull-right{margin-right:0;margin-left:.3em}.card>.card-extra,.cards>.card>.card-extra{max-width:100%;min-height:0 !important;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid rgba(0,0,0,0.05) !important;position:static;background:0 0;width:auto;margin:0;padding:.75em 1em;top:0;left:0;color:rgba(0,0,0,0.4);box-shadow:none;-webkit-transition:color .1s ease;transition:color .1s ease}.card.card-link,a.card{cursor:pointer;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none}.card.card-link:hover,a.card:hover{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px)}/*# sourceMappingURL=card.css.map */ ================================================ FILE: css/component/card.less ================================================ @import url('../mixin.less'); .card,.cards,.cards>.card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox} .card:after,.card>.content:after,.cards:after,.cards>.card>.content:after{content:' ';overflow:hidden;visibility:hidden;clear:both} .card,.cards>.card{max-width:100%;position:relative;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:0;background:#fff;padding:0;border:none;border-radius:.28571429rem;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;-webkit-transition:box-shadow .1s ease,-webkit-transform .1s ease;transition:box-shadow .1s ease,transform .1s ease;z-index:''; margin-bottom: 30px; a{cursor:pointer} &:after{display:block;height:0} &:first-child{border-radius:.28571429rem .28571429rem 0 0!important;border-top:none!important} &:last-child{border-radius:0 0 .28571429rem .28571429rem!important} &:only-child{border-radius:.28571429rem!important} >.card-image{position:relative;display:block;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding:0;background:rgba(0,0,0,.05); >img,>.reveal-dim>img{display:block;width:100%;height:auto;border-radius:inherit} .label{z-index: 2;} //&:not()>img{border:none} } >.card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;border:none;border-top:1px solid rgba(34,36,38,.1);background:0 0;margin:0;padding:1em;box-shadow:none;font-size:1em;border-radius:0; &:after{display:block;height:0} >.card-header{display:block;margin:'';font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;color:rgba(0,0,0,.85); //&:not(){font-weight:700;font-size:1.28571429em;margin-top:-.21425em;line-height:1.2857em} } >.card-header,>.card-meta { +.card-description{margin-top:.5em} } >.card-description{clear:both;color:rgba(0,0,0,.68)} p{margin:0 0 .5em} p:last-child{margin-bottom:0} /* a:not(){color:'';-webkit-transition:color .1s ease;transition:color .1s ease; &:hover{color:''} }*/ >a.card-header{color:rgba(0,0,0,.85); &:hover{color:#1e70bf} } .card-btn { .btn { border-radius: 0; margin-left: -1px; &:first-child { border-radius: 4px 0 0 4px; margin: 0; } &:last-child { border-radius: 0 4px 4px 0; } } } } .card-content img{display:inline-block;vertical-align:middle;width:''} .card-avatar img,img.card-avatar,{width:2em;height:2em;border-radius:500rem} .card-meta{font-size:1em;color:rgba(0,0,0,.4); *{margin-right:.3em} :last-child{margin-right:0} &.pull-right {margin-right:0;margin-left:.3em;} /* >a:not(){color:rgba(0,0,0,.4); &:hover{color:rgba(0,0,0,.87)} }*/ } >.card-extra{max-width:100%;min-height:0!important;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid rgba(0,0,0,.05)!important;position:static;background:0 0;width:auto;margin:0;padding:.75em 1em;top:0;left:0;color:rgba(0,0,0,.4);box-shadow:none;-webkit-transition:color .1s ease;transition:color .1s ease} } .card.card-link, a.card{ cursor:pointer;.transform(none); &:hover { .transform(translateY(-3px)); } } .-each(@name) { @this-color-name: 'color-@{name}'; .card { .card.card-@{name} { background-color: @@this-color-name; color: #FFF; a { color: #FFF; } } } } ================================================ FILE: css/component/checkbox.css ================================================ .radio-group.radio-group-primary input:checked+.btn,.checkbox-group.checkbox-group-primary input:checked+.btn{background-color:#3ac0ff;color:#fff}.radio-group.radio-group-info input:checked+.btn,.checkbox-group.checkbox-group-info input:checked+.btn{background-color:#8a73ff;color:#fff}.radio-group.radio-group-success input:checked+.btn,.checkbox-group.checkbox-group-success input:checked+.btn{background-color:#22be34;color:#fff}.radio-group.radio-group-danger input:checked+.btn,.checkbox-group.checkbox-group-danger input:checked+.btn{background-color:#d01919;color:#fff}.radio-group.radio-group-warning input:checked+.btn,.checkbox-group.checkbox-group-warning input:checked+.btn{background-color:#ff851b;color:#fff}.radio-s,.checkbox-s{position:relative;cursor:pointer}.radio-s input,.checkbox-s input{display:none}.radio-s label,.checkbox-s label{padding-left:22px;line-height:20px;cursor:pointer;display:block}.radio-s label:before,.checkbox-s label:before{content:'';position:absolute;top:1px;left:0;width:17px;height:17px;border:1px solid #d4d4d5;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1)}.radio-s:hover label:before,.checkbox-s:hover label:before{border-color:#999}.radio-s.disabled>label,.checkbox-s.disabled>label,.radio-s input[disabled]+label,.checkbox-s input[disabled]+label{color:#999;cursor:no-drop}.radio-s.disabled>label:before,.checkbox-s.disabled>label:before,.radio-s input[disabled]+label:before,.checkbox-s input[disabled]+label:before{opacity:.7;border-color:#d4d4d5}.radio-s.disabled>label:after,.checkbox-s.disabled>label:after,.radio-s input[disabled]+label:after,.checkbox-s input[disabled]+label:after{opacity:.7}.radio-s.disabled,.checkbox-s.disabled{cursor:no-drop}.radio-s label:before{border-radius:50%}.radio-s label:after{content:'';position:absolute;top:1px;left:0;width:17px;height:17px;background-color:rgba(0,0,0,0.8);transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);border-radius:50%;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1)}.radio-s input:checked+label:after{transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5)}.checkbox-s.checkbox-inline label{padding-left:0}.checkbox-s label:before{border-radius:3px}.checkbox-s label:after{content:'';position:absolute;top:10px;left:-3px;width:6px;height:0;border:3px solid rgba(0,0,0,0.8);border-width:2.5px 0 0 2.5px;transform:rotate(-140deg) scale(0);-webkit-transform:rotate(-140deg) scale(0);-moz-transform:rotate(-140deg) scale(0);-ms-transform:rotate(-140deg) scale(0);transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1);transform-origin:right top;-webkit-transform-origin:right top}.checkbox-s input:checked+label:after{transform:rotate(-140deg) scale(1);-webkit-transform:rotate(-140deg) scale(1);-moz-transform:rotate(-140deg) scale(1);-ms-transform:rotate(-140deg) scale(1);height:11px}.checkbox-s input:indeterminate+label:after{content:'';position:absolute;top:1px;left:0;width:17px;height:17px;transform-origin:center center;background-color:rgba(0,0,0,0.8);transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);border-radius:3px;-webkit-transform-origin:center center}.switch input{display:none}.switch label{padding-left:60px;line-height:20px;cursor:pointer;position:relative}.switch label:before{content:'';position:absolute;left:0;top:0;border-radius:10px;width:50px;height:20px;line-height:20px;background-color:rgba(0,0,0,0.05);transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1)}.switch label:after{content:'';position:absolute;left:0;top:0;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;-moz-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;-ms-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;-o-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;background:linear-gradient(transparent, rgba(0,0,0,0.05)) #fff;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1)}.switch:hover label:before{background-color:rgba(0,0,0,0.15)}.switch input:checked+label:before{background-color:#3ac0ff !important}.switch input:checked+label:after{left:31px}.switch.disabled>label,.switch input[disabled]+label{color:#999}.switch.disabled>label:before,.switch input[disabled]+label:before{background-color:rgba(0,0,0,0.05)}.switch.disabled>label:after,.switch input[disabled]+label:after,.switch.disabled>label:before,.switch input[disabled]+label:before{opacity:.8}.switch.switch-line label:before{height:3px;top:9px}.radio-group input,.checkbox-group input{display:none}.radio-group .btn,.checkbox-group .btn{background-color:#eee;color:#333}.radio-group .btn:first-of-type,.checkbox-group .btn:first-of-type{border-radius:4px 0 0 4px !important}.radio-group .btn:hover,.checkbox-group .btn:hover{background-color:#ddd}.radio-group input:checked+.btn,.checkbox-group input:checked+.btn{background-color:#3ac0ff;color:#fff}.radio-group input.disabled+.btn,.checkbox-group input.disabled+.btn,.radio-group input[disabled]+.btn,.checkbox-group input[disabled]+.btn{cursor:no-drop !important;opacity:.8}/*# sourceMappingURL=checkbox.css.map */ ================================================ FILE: css/component/checkbox.less ================================================ @import url('../mixin.less'); .radio-s, .checkbox-s { position: relative; cursor: pointer; input { display: none; } label { padding-left: 22px; line-height: 20px; cursor: pointer; display: block; &:before { content: ''; position: absolute; top: 1px; left: 0; width: 17px; height: 17px; border: 1px solid #d4d4d5; .transition; } } &:hover label:before { border-color: #999; } &.disabled > label, input[disabled] + label { color: #999; cursor: no-drop; &:before { opacity: 0.7; border-color: #d4d4d5; } &:after { opacity: 0.7; } } &.disabled { cursor: no-drop; } } .radio-s { label:before { border-radius: 50%; } label:after { content: ''; position: absolute; top: 1px; left: 0; width: 17px; height: 17px; background-color: rgba(0,0,0,.8); .transform(scale(0)); border-radius: 50%; .transition; } input:checked + label:after { .transform(scale(0.5)); } } .checkbox-s { &.checkbox-inline label { padding-left: 0; } label { &:before { border-radius: 3px; } &:after { content: ''; position: absolute; top: 10px; left: -3px; width: 6px; height: 0; border: 3px solid rgba(0,0,0,.8); border-width: 2.5px 0 0 2.5px; .transform(rotate(-140deg) scale(0)); .transition; transform-origin: right top; -webkit-transform-origin: right top; } } input:checked + label { &:after { .transform(rotate(-140deg) scale(1)); height: 11px; } } input:indeterminate + label:after { content: ''; position: absolute; top: 1px; left: 0; width: 17px; height: 17px; transform-origin: center center; background-color: rgba(0,0,0,.8); .transform(scale(0.5)); border-radius: 3px; -webkit-transform-origin: center center; } } .switch { input { display: none; } label { padding-left: 60px; line-height: 20px; cursor: pointer; position: relative; &:before { content: ''; position: absolute; left: 0; top: 0; border-radius: 10px; width: 50px; height: 20px; line-height: 20px; background-color: rgba(0,0,0,.05); .transition; } &:after { content: ''; position: absolute; left: 0; top: 0; border-radius: 50%; width: 20px; height: 20px; .box-shadow(0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset); background: linear-gradient(transparent,rgba(0,0,0,.05)) #fff; .transition; } } &:hover { label:before { background-color: rgba(0,0,0,.15); } } input:checked + label { &:before { background-color: @color-primary !important; } &:after { left: 31px; } } &.disabled > label, input[disabled] + label { color: #999; &:before { background-color: rgba(0,0,0,.05); } &:after, &:before { opacity: 0.8; } } &.switch-line { label { &:before { height: 3px; top: 9px; } } } } .radio-group, .checkbox-group { input { display: none; } .btn { background-color: #EEE; color: #333; &:first-of-type { border-radius: 4px 0 0 4px !important; } &:hover { background-color: #DDD; } } input { &:checked + .btn { background-color: @color-primary; color: #FFF; } &.disabled, &[disabled] { + .btn { cursor: no-drop !important; opacity: 0.8; } } } } .-each(@name) { @this-color-name: 'color-@{name}'; .radio-group.radio-group-@{name}, .checkbox-group.checkbox-group-@{name} { input:checked + .btn { background-color: @@this-color-name; color: #FFF; } } } ================================================ FILE: css/component/label.css ================================================ /*! * # SMTB - Semantic UI Bootstrap * Version v3.1.0 * http://github.com/cblweb/semantic-ui-bootstrap/ * Inspired by Semantic UI * * Copyright 2016 cbl-web.com * Released under the MIT license * http://opensource.org/licenses/MIT * */.label.label-primary{background-color:#3ac0ff;color:#fff}.label.label-primary .label-detail{background-color:#11b3ff}a.label.label-primary:hover{background-color:#21b8ff}a.label.label-primary:hover .label-detail{background-color:#00a1ed}.label.label-info{background-color:#8a73ff;color:#fff}.label.label-info .label-detail{background-color:#684aff}a.label.label-info:hover{background-color:#755aff}a.label.label-info:hover .label-detail{background-color:#4a26ff}.label.label-success{background-color:#22be34;color:#fff}.label.label-success .label-detail{background-color:#1c9b2b}a.label.label-success:hover{background-color:#1ea82e}a.label.label-success:hover .label-detail{background-color:#167d22}.label.label-danger{background-color:#d01919;color:#fff}.label.label-danger .label-detail{background-color:#ac1515}a.label.label-danger:hover{background-color:#b91616}a.label.label-danger:hover .label-detail{background-color:#8c1111}.label.label-warning{background-color:#ff851b;color:#fff}.label.label-warning .label-detail{background-color:#f17000}a.label.label-warning:hover{background-color:#ff7701}a.label.label-warning:hover .label-detail{background-color:#ce6000}.label{display:inline-block;padding:6px 6px 6px 6px;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1);overflow:hidden;position:relative}.label .label-detail{margin:-6px -6px -6px 6px;padding:6px;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1)}.label img{display:inline-block;height:26px;max-width:100%}.label.label-image>img:first-child{margin:-6px 6px -6px -6px}.label>.label-icon:last-child{padding-left:6px}.label a{color:#fff;cursor:pointer}.label a:hover{color:#ddd}.label.label-tag,.label-tag>.label{padding-left:11.3px;margin-left:11.3px;overflow:visible}.label.label-tag:before,.label-tag>.label:before{content:"";position:absolute;transform:translateY(-50%) translateX(50%) rotate(-45deg);-webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);-moz-transform:translateY(-50%) translateX(50%) rotate(-45deg);-ms-transform:translateY(-50%) translateX(50%) rotate(-45deg);border-top-left-radius:3px;background-color:inherit;top:50%;right:100%;width:16px;height:16px}.label.label-tag:after,.label-tag>.label:after{content:"";position:absolute;box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);-ms-box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);-o-box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);background-color:#fff;border-radius:50%;width:6px;height:6px;top:9px;left:-2px}.label[class*="label-ribbon-"]{position:relative;overflow:visible;padding-left:20px;padding-right:20px}.label[class*="label-ribbon-"]:before{border-color:transparent;border-style:solid;content:"";width:0;height:0;position:absolute;top:100%}.label.label-ribbon-left{float:left;margin-left:-19px;left:-15px;border-radius:0 .25em .25em 0}.label.label-ribbon-left:before{border-width:0 15px 10px 0;border-right-color:#333;left:0}.label.label-ribbon-right{float:right;margin-right:-19px;right:-15px;border-radius:.25em 0 0 .25em}.label.label-ribbon-right:before{border-width:0 0 10px 15px;border-left-color:#333;right:0}.label[class*="label-attached-"]{position:absolute}.label.label-attached-top+:not([class*="label-attached-"]){margin-top:16px}.label.label-attached-bottom+:not([class*="label-attached-"]){margin-bottom:16px}.label.label-attached-top{top:0;left:0;width:100%;border-radius:.25em .25em 0 0}.label.label-attached-bottom{bottom:0;left:0;width:100%;border-radius:0 0 .25em .25em}.label.label-attached-top-left{top:0;left:0;width:auto;border-radius:.25em 0 .25em 0}.label.label-attached-top-right{top:0;right:0;width:auto;border-radius:0 .25em 0 .25em}.label.label-attached-bottom-left{bottom:0;left:0;width:auto;border-radius:0 .25em 0 .25em}.label.label-attached-bottom-right{bottom:0;right:0;width:auto;border-radius:.25em 0 .25em 0}.well-sm .label-ribbon-left{margin-left:-9px}.well-sm .label-ribbon-right{margin-right:-9px}.well-lg .label-ribbon-left{margin-left:-24px}.well-lg .label-ribbon-right{margin-right:-24px}.card-image .label-ribbon-left{position:absolute;margin-left:0;top:15px}.card-image .label-ribbon-right{position:absolute;margin-right:0;top:15px}.label-default{color:#555;background-color:#e8e8e8}.label-default .label-detail{background-color:#d4d4d4}.label-default a{color:#888}.label-default a:hover{color:#333}a.label-default:hover{background-color:#dbdbdb}a.label-default:hover .label-detail{background-color:#c2c2c2}a.label{cursor:pointer}/*# sourceMappingURL=label.css.map */ ================================================ FILE: css/component/label.less ================================================ @import url('../mixin.less'); @label-radius: .25em; .label { display: inline-block; padding: 6px 6px 6px 6px; .transition(); overflow: hidden; position: relative; .label-detail { margin: -6px -6px -6px 6px; padding: 6px; .transition(); } img { display: inline-block; height: 26px; max-width: 100%; } &.label-image > img:first-child { margin: -6px 6px -6px -6px; } > .label-icon:last-child { padding-left: 6px; } a { color: #FFF; cursor: pointer; &:hover { color: #DDD; } } &.label-tag, .label-tag > & { padding-left: 11.3px; margin-left: 11.3px; overflow: visible; &:before { content: ""; position: absolute; .transform(translateY(-50%) translateX(50%) rotate(-45deg)); border-top-left-radius: 3px; background-color: inherit; top: 50%; right: 100%; width: 16px; height: 16px; } &:after { content: ""; position: absolute; .box-shadow(0 -1px 1px 0 rgba(0,0,0,.3)); background-color: #FFF; border-radius: 50%; width: 6px; height: 6px; top: 9px; left: -2px; } } &[class*="label-ribbon-"] { position: relative; overflow: visible; padding-left: 20px; padding-right: 20px; &:before { border-color: transparent; border-style: solid; content: ""; width: 0; height: 0; position: absolute; top: 100%; } } &.label-ribbon-left { float: left; margin-left: -19px; left: -15px; border-radius: 0 @label-radius @label-radius 0; &:before { border-width: 0 15px 10px 0; border-right-color: #333; left: 0; } } &.label-ribbon-right { float: right; margin-right: -19px; right: -15px; border-radius: @label-radius 0 0 @label-radius; &:before { border-width: 0 0 10px 15px; border-left-color: #333; right: 0; } } &[class*="label-attached-"] { position: absolute; } &.label-attached-top + :not([class*="label-attached-"]) { margin-top: 16px; } &.label-attached-bottom + :not([class*="label-attached-"]) { margin-bottom: 16px; } &.label-attached-top { top: 0; left: 0; width: 100%; border-radius: @label-radius @label-radius 0 0; } &.label-attached-bottom { bottom: 0; left: 0; width: 100%; border-radius: 0 0 @label-radius @label-radius; } &.label-attached-top-left { top: 0; left: 0; width: auto; border-radius: @label-radius 0 @label-radius 0; } &.label-attached-top-right { top: 0; right: 0; width: auto; border-radius: 0 @label-radius 0 @label-radius; } &.label-attached-bottom-left { bottom: 0; left: 0; width: auto; border-radius: 0 @label-radius 0 @label-radius; } &.label-attached-bottom-right { bottom: 0; right: 0; width: auto; border-radius: @label-radius 0 @label-radius 0; } } .well-sm { .label-ribbon-left { margin-left: -9px; } .label-ribbon-right { margin-right: -9px; } } .well-lg { .label-ribbon-left { margin-left: -24px; } .label-ribbon-right { margin-right: -24px; } } .card-image { .label-ribbon-left { position: absolute; margin-left: 0; top: 15px; } .label-ribbon-right { position: absolute; margin-right: 0; top: 15px; } } .label-default { color: #555; background-color: #e8e8e8; .label-detail { background-color: darken(#e8e8e8,8%); } a { color: #888; &:hover { color: #333; } } } a.label-default:hover { background-color: darken(#e8e8e8,5%); .label-detail { background-color: darken(#e8e8e8,15%); } } a.label { cursor: pointer; } .-each(@name) { @this-color-name: 'color-@{name}'; .label.label-@{name} { background-color: @@this-color-name; color: #FFF; .label-detail { background-color: darken(@@this-color-name,8%); } } a.label.label-@{name}:hover { background-color: darken(@@this-color-name,5%); .label-detail { background-color: darken(@@this-color-name,15%); } } } ================================================ FILE: css/component/reveal.css ================================================ /*! * # SMTB - Semantic UI Bootstrap * Version v3.1.0 * http://github.com/cblweb/semantic-ui-bootstrap/ * Inspired by Semantic UI * * Copyright 2016 cbl-web.com * Released under the MIT license * http://opensource.org/licenses/MIT * */[class*="reveal-move"],[class*="reveal-rotate"],[class*="reveal-fade"],[class*="reveal-dim"]{position:relative;overflow:hidden}[class*="reveal-move"] .reveal-show,[class*="reveal-rotate"] .reveal-show,[class*="reveal-fade"] .reveal-show,[class*="reveal-dim"] .reveal-show,[class*="reveal-move"] .reveal-hide,[class*="reveal-rotate"] .reveal-hide,[class*="reveal-fade"] .reveal-hide,[class*="reveal-dim"] .reveal-hide{width:100%;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all}[class*="reveal-move"] .reveal-hide,[class*="reveal-rotate"] .reveal-hide,[class*="reveal-fade"] .reveal-hide,[class*="reveal-dim"] .reveal-hide{position:absolute;left:0;top:0;z-index:1}[class*="reveal-move"].reveal-circular,[class*="reveal-rotate"].reveal-circular,[class*="reveal-fade"].reveal-circular,[class*="reveal-dim"].reveal-circular{border-radius:50%}[class*="reveal-move"].reveal-circular .reveal-show,[class*="reveal-rotate"].reveal-circular .reveal-show,[class*="reveal-fade"].reveal-circular .reveal-show,[class*="reveal-dim"].reveal-circular .reveal-show,[class*="reveal-move"].reveal-circular .reveal-hide,[class*="reveal-rotate"].reveal-circular .reveal-hide,[class*="reveal-fade"].reveal-circular .reveal-hide,[class*="reveal-dim"].reveal-circular .reveal-hide{border-radius:50%;overflow:hidden}[class*="reveal-move"] .reveal-content,[class*="reveal-rotate"] .reveal-content,[class*="reveal-fade"] .reveal-content,[class*="reveal-dim"] .reveal-content{height:100%}[class*="reveal-move"] .reveal-content .reveal-center,[class*="reveal-rotate"] .reveal-content .reveal-center,[class*="reveal-fade"] .reveal-content .reveal-center,[class*="reveal-dim"] .reveal-content .reveal-center{display:table;width:100%;height:100%;padding:10px}[class*="reveal-move"] .reveal-content .reveal-center>span,[class*="reveal-rotate"] .reveal-content .reveal-center>span,[class*="reveal-fade"] .reveal-content .reveal-center>span,[class*="reveal-dim"] .reveal-content .reveal-center>span{display:table-cell;vertical-align:middle;text-align:center;height:100%}.reveal-move .reveal-show{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.reveal-move .reveal-hide{transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%)}.reveal-move:not(.reveal-no-hover):hover:not(.reveal-no-leave) .reveal-show,.reveal-move.active:not(.reveal-no-leave) .reveal-show{transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%)}.reveal-move:not(.reveal-no-hover):hover .reveal-hide,.reveal-move.active .reveal-hide{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.reveal-move-right .reveal-show{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.reveal-move-right .reveal-hide{transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%)}.reveal-move-right:not(.reveal-no-hover):hover:not(.reveal-no-leave) .reveal-show,.reveal-move-right.active:not(.reveal-no-leave) .reveal-show{transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%)}.reveal-move-right:not(.reveal-no-hover):hover .reveal-hide,.reveal-move-right.active .reveal-hide{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.reveal-move-up .reveal-show{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}.reveal-move-up .reveal-hide{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%)}.reveal-move-up:not(.reveal-no-hover):hover:not(.reveal-no-leave) .reveal-show,.reveal-move-up.active:not(.reveal-no-leave) .reveal-show{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%)}.reveal-move-up:not(.reveal-no-hover):hover .reveal-hide,.reveal-move-up.active .reveal-hide{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}.reveal-move-down .reveal-show{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}.reveal-move-down .reveal-hide{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%)}.reveal-move-down:not(.reveal-no-hover):hover:not(.reveal-no-leave) .reveal-show,.reveal-move-down.active:not(.reveal-no-leave) .reveal-show{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%)}.reveal-move-down:not(.reveal-no-hover):hover .reveal-hide,.reveal-move-down.active .reveal-hide{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}.reveal-rotate .reveal-hide{position:static}.reveal-rotate .reveal-show{position:absolute;left:0;top:0;z-index:1;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform-origin:bottom left;-moz-transform-origin:bottom left;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left}.reveal-rotate:not(.reveal-no-hover):hover .reveal-show,.reveal-rotate.active .reveal-show{transform:rotate(-110deg);-webkit-transform:rotate(-110deg);-moz-transform:rotate(-110deg);-ms-transform:rotate(-110deg)}.reveal-rotate-right .reveal-hide{position:static}.reveal-rotate-right .reveal-show{position:absolute;left:0;top:0;z-index:1;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform-origin:bottom right;-moz-transform-origin:bottom right;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right}.reveal-rotate-right:not(.reveal-no-hover):hover .reveal-show,.reveal-rotate-right.active .reveal-show{transform:rotate(110deg);-webkit-transform:rotate(110deg);-moz-transform:rotate(110deg);-ms-transform:rotate(110deg)}.reveal-fade .reveal-hide{opacity:0;background-color:#000;color:#fff}.reveal-fade.reveal-fade-white .reveal-hide{background-color:#fff;color:#333}.reveal-fade:not(.reveal-no-hover):hover .reveal-hide,.reveal-fade.active .reveal-hide{opacity:1}.reveal-dim .reveal-hide{opacity:0;background-color:rgba(0,0,0,0.3);color:#fff}.reveal-dim.reveal-dim-white .reveal-hide{background-color:rgba(255,255,255,0.5);color:#333}.reveal-dim:not(.reveal-no-hover):hover .reveal-hide,.reveal-dim.active .reveal-hide{opacity:1}.reveal-dim:not(.reveal-no-hover):hover .reveal-show,.reveal-dim.active .reveal-show{-webkit-filter:blur(5px) grayscale(.7);filter:blur(5px) grayscale(.7)}/*# sourceMappingURL=reveal.css.map */ ================================================ FILE: css/component/reveal.less ================================================ @import url('../mixin.less'); [class*="reveal-move"],[class*="reveal-rotate"],[class*="reveal-fade"],[class*="reveal-dim"] { position: relative; overflow: hidden; .reveal-show, .reveal-hide { width: 100%; .transition(0.5s,ease,all); } .reveal-hide { position: absolute; left: 0; top: 0; z-index: 1; } &.reveal-circular { border-radius: 50%; .reveal-show, .reveal-hide { border-radius: 50%; overflow: hidden; } } .reveal-content { height: 100%; .reveal-center { display: table; width: 100%; height: 100%; padding: 10px; > span { display: table-cell; vertical-align: middle; text-align: center; height: 100%; } } } } .reveal-move { .reveal-show { .transform(translateX(0)); } .reveal-hide { .transform(translateX(100%)); } &:not(.reveal-no-hover):hover, &.active { &:not(.reveal-no-leave) .reveal-show { .transform(translateX(-100%)); } .reveal-hide { .transform(translateX(0)); } } } .reveal-move-right { .reveal-show { .transform(translateX(0)); } .reveal-hide { .transform(translateX(-100%)); } &:not(.reveal-no-hover):hover, &.active { &:not(.reveal-no-leave) .reveal-show { .transform(translateX(100%)); } .reveal-hide { .transform(translateX(0)); } } } .reveal-move-up { .reveal-show { .transform(translateY(0)); } .reveal-hide { .transform(translateY(100%)); } &:not(.reveal-no-hover):hover, &.active { &:not(.reveal-no-leave) .reveal-show { .transform(translateY(-100%)); } .reveal-hide { .transform(translateY(0)); } } } .reveal-move-down { .reveal-show { .transform(translateY(0)); } .reveal-hide { .transform(translateY(-100%)); } &:not(.reveal-no-hover):hover, &.active { &:not(.reveal-no-leave) .reveal-show { .transform(translateY(100%)); } .reveal-hide { .transform(translateY(0)); } } } .reveal-rotate { .reveal-hide { position: static; } .reveal-show { position: absolute; left: 0; top: 0; z-index: 1; .transform(rotate(0)); .transform-origin(bottom left); } &:not(.reveal-no-hover):hover, &.active { .reveal-show { .transform(rotate(-110deg)); } } } .reveal-rotate-right { .reveal-hide { position: static; } .reveal-show { position: absolute; left: 0; top: 0; z-index: 1; .transform(rotate(0)); .transform-origin(bottom right); } &:not(.reveal-no-hover):hover, &.active { .reveal-show { .transform(rotate(110deg)); } } } .reveal-fade { .reveal-hide { opacity: 0; background-color: #000; color: #FFF; } &.reveal-fade-white .reveal-hide { background-color: #FFF; color: #333; } &:not(.reveal-no-hover):hover, &.active { .reveal-hide { opacity: 1; } } } .reveal-dim { .reveal-hide { opacity: 0; background-color: rgba(0,0,0,.3); color: #FFF; } &.reveal-dim-white .reveal-hide { background-color: rgba(255,255,255,0.5); color: #333; } &:not(.reveal-no-hover):hover, &.active { .reveal-hide { opacity: 1; } .reveal-show { -webkit-filter:blur(5px) grayscale(.7); filter:blur(5px) grayscale(.7); } } } .-each(@name) { } ================================================ FILE: css/component/sidebar.css ================================================ /*! * # SMTB - Semantic UI Bootstrap * Version v3.1.1 * http://github.com/cblweb/semantic-ui-bootstrap/ * Inspired by Semantic UI * * Copyright 2016 cbl-web.com * Released under the MIT license * http://opensource.org/licenses/MIT * */.sidebar{position:absolute;width:250px;height:100%;z-index:10001;visibility:hidden}body>.sidebar{position:fixed;top:0}.sidebar .sidebar-wrap{width:100%;height:100%;overflow-y:auto;transform:translateX(-250px);-webkit-transform:translateX(-250px);-moz-transform:translateX(-250px);-ms-transform:translateX(-250px);transition:.38s ease all;-webkit-transition:.38s ease all;-moz-transition:.38s ease all;background-color:#222;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.5);-moz-box-shadow:0 2px 6px rgba(0,0,0,0.5);-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.5);-ms-box-shadow:0 2px 6px rgba(0,0,0,0.5);-o-box-shadow:0 2px 6px rgba(0,0,0,0.5)}.sidebar .sidebar-wrap .sidebar-subject{padding:20px 15px}.sidebar .sidebar-wrap>ul>li{border-top:1px solid rgba(255,255,255,0.08)}.sidebar .sidebar-wrap>ul>li:last-child{border-bottom:1px solid rgba(255,255,255,0.08)}.sidebar .sidebar-wrap>ul>li>a{text-decoration:none !important;color:#eee}.sidebar .sidebar-wrap>ul>li>a:hover{color:#fff}.sidebar .sidebar-wrap ul{list-style:none;width:100%;padding:0;overflow:hidden}.sidebar .sidebar-wrap li a{color:#fff;line-height:1.5;padding:10px 15px;display:block}.sidebar .sidebar-wrap a.dropdown-toggle:after{display:block;float:right;width:0;height:0;margin-top:5px;margin-right:-5px;opacity:.3;content:" ";border:5px solid transparent;border-width:5px 5px 0 5px;border-top-color:#fff}.sidebar .sidebar-wrap a.dropdown-toggle:hover:after{opacity:.6}.sidebar .sidebar-wrap .dropdown.open>a.dropdown-toggle:after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg)}.sidebar .sidebar-wrap .dropdown-menu{position:static;float:none;border-radius:0;background-color:transparent;display:none;margin:0;border:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none}.sidebar .sidebar-wrap li>ul>li>a{font-size:.85em;background-color:transparent;color:rgba(255,255,255,0.5);padding-top:0;padding-bottom:6px}.sidebar .sidebar-wrap li>ul>li:last-child>a{padding-bottom:13px}.sidebar .sidebar-wrap li>ul>li:hover>a{color:rgba(255,255,255,0.8)}.sidebar .sidebar-wrap .open>.dropdown-menu{display:block}.sidebar.sidebar-right{right:0}.sidebar.sidebar-right .sidebar-wrap{transform:translateX(250px);-webkit-transform:translateX(250px);-moz-transform:translateX(250px);-ms-transform:translateX(250px)}.sidebar.active,.sidebar-container.active>.sidebar{visibility:visible}.sidebar.active .sidebar-wrap,.sidebar-container.active>.sidebar .sidebar-wrap{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.sidebar.active+.sidebar-overlay,.sidebar-container.active>.sidebar+.sidebar-overlay{visibility:visible}.sidebar.active+.sidebar-overlay:after,.sidebar-container.active>.sidebar+.sidebar-overlay:after{opacity:.7}.sidebar.active+.sidebar-overlay a,.sidebar-container.active>.sidebar+.sidebar-overlay a{opacity:1}body>.sidebar+.sidebar-overlay{position:fixed}.sidebar-overlay{visibility:hidden;position:absolute;width:100%;height:100%;left:0;top:0;z-index:10000}.sidebar-overlay:after{content:"";position:absolute;width:100%;height:100%;background-color:#000;opacity:0;transition:.38s ease all;-webkit-transition:.38s ease all;-moz-transition:.38s ease all}.sidebar-overlay a{position:absolute;left:270px;top:20px;width:26px;height:26px;cursor:pointer;z-index:1;opacity:0;transition:.5s ease-in opacity;-webkit-transition:.5s ease-in opacity;-moz-transition:.5s ease-in opacity}.sidebar-overlay a:after,.sidebar-overlay a:before{content:"";display:block;height:3px;background-color:#fff;border-radius:3px;width:100%;position:relative}.sidebar-overlay a:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);top:10px}.sidebar-overlay a:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);top:7px}.sidebar.sidebar-right+.sidebar-overlay a{left:auto;right:270px}.sidebar-container{position:relative;overflow-x:hidden;overflow-y:auto}.sidebar-container.active{overflow-y:hidden}.sidebar-active{overflow:hidden}.sidebar-push>.sidebar-dim{position:relative;transition:.38s ease all;-webkit-transition:.38s ease all;-moz-transition:.38s ease all;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.sidebar-container.sidebar-push.active>.sidebar~.sidebar-dim{width:100%;height:100%;transform:translateX(250px);-webkit-transform:translateX(250px);-moz-transform:translateX(250px);-ms-transform:translateX(250px)}.sidebar-container.sidebar-push.active>.sidebar.sidebar-right~.sidebar-dim{transform:translateX(-250px);-webkit-transform:translateX(-250px);-moz-transform:translateX(-250px);-ms-transform:translateX(-250px)}/*# sourceMappingURL=sidebar.css.map */ ================================================ FILE: css/component/sidebar.less ================================================ @import url('../mixin.less'); .sidebar { position: absolute; width: @sidebar-width; height: 100%; z-index: 10001; visibility: hidden; body > & { position: fixed; top: 0; } .sidebar-wrap { width: 100%; height: 100%; overflow-y: auto; .transform(translateX(-@sidebar-width)); .transition(0.38s,ease,all); background-color: #222; color: #FFF; .box-shadow(0 2px 6px rgba(0,0,0,0.5)); .sidebar-subject { padding: 20px 15px; } > ul > li { border-top: 1px solid rgba(255,255,255,0.08); &:last-child { border-bottom: 1px solid rgba(255,255,255,0.08); } > a { text-decoration: none !important; color: #EEE; &:hover { color: #FFF; } } } ul { list-style: none; width: 100%; padding: 0; overflow: hidden; } li a { color: #FFF; line-height: 1.5; padding: 10px 15px; display: block; } a.dropdown-toggle:after { display:block; float:right; width:0; height:0; margin-top:5px; margin-right:-5px; opacity: 0.3; content:" "; border: 5px solid transparent; border-width:5px 5px 0 5px; border-top-color: #FFF; } a.dropdown-toggle:hover:after { opacity: 0.6; } .dropdown.open > a.dropdown-toggle:after { .transform(rotate(-180deg)); } .dropdown-menu { position: static; float: none; border-radius: 0; background-color: transparent; display: none; margin: 0; border: 0; .box-shadow(none); } li > ul > li { > a { font-size: 0.85em; background-color: transparent; color: rgba(255,255,255,.5); padding-top: 0; padding-bottom: 6px; } &:last-child > a { padding-bottom: 13px; } &:hover > a { color: rgba(255,255,255,.8); } } .open > .dropdown-menu { display: block; } .open, .active { a:after { } } } &.sidebar-right { right: 0; .sidebar-wrap { .transform(translateX(@sidebar-width)); } } &.active, .sidebar-container.active > & { visibility: visible; .sidebar-wrap {.transform(translateX(0));} & + .sidebar-overlay{ visibility: visible; &:after { opacity: 0.7; } a { opacity: 1; } } } body > & + .sidebar-overlay { position: fixed; } } .sidebar-overlay { visibility: hidden; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; &:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0; .transition(0.38s,ease,all); } a { position: absolute; left: 270px; top: 20px; width: 26px; height: 26px; cursor: pointer; z-index: 1; opacity: 0; .transition(0.5s,ease-in,opacity); &:after, &:before { content: ""; display: block; height: 3px; background-color: #FFF; border-radius: 3px; width: 100%; position: relative; } &:before { .transform(rotate(-45deg)); top: 10px; } &:after { .transform(rotate(45deg)); top: 7px; } } .sidebar.sidebar-right + & a { left: auto; right: 270px; } } .sidebar-container { position: relative; overflow-x: hidden; overflow-y: auto; } .sidebar-container.active { overflow-y: hidden; } .sidebar-active { overflow: hidden; } .sidebar-push > .sidebar-dim { position: relative; .transition(0.38s,ease,all); .transform(translateX(0)); } .sidebar-container.sidebar-push.active > .sidebar ~ .sidebar-dim { width: 100%; height: 100%; .transform(translateX(@sidebar-width)); } .sidebar-container.sidebar-push.active > .sidebar.sidebar-right ~ .sidebar-dim { .transform(translateX(-@sidebar-width)); } .-each(@name) { } ================================================ FILE: css/mixin.less ================================================ .radius(@r:10px) { border-radius: @r; } .box-shadow(@type: rgba(0,0,0,0.3) 0 0 8px) { box-shadow: @type; -moz-box-shadow: @type; -webkit-box-shadow: @type; -ms-box-shadow: @type; -o-box-shadow: @type; } .box-shadow(@type1,@type2) { box-shadow: @type1, @type2; -moz-box-shadow: @type1, @type2; -webkit-box-shadow: @type1, @type2; -ms-box-shadow: @type1, @type2; -o-box-shadow: @type1, @type2; } .text-shadow(@type) { text-shadow: @type; -webkit-text-shadow: @type; -moz-text-shadow: @type; -ms-text-shadow: @type; } .transition(@type:all,@duration:0.2s,@easing:cubic-bezier(0.635, 0.000, 0.415, 1)) { transition: @type @duration @easing; -webkit-transition: @type @duration @easing; -moz-transition: @type @duration @easing; } .transform(@type) { transform: @type; -webkit-transform: @type; -moz-transform: @type; -ms-transform: @type; } .transform-origin(@type) { transform-origin: @type; -moz-transform-origin: @type; -webkit-transform-origin: @type; -ms-transform-origin: @type; } .animation(@type) { animation: @type; -webkit-animation: @type; } .keyframes(@name, @rules) { @-webkit-keyframes ~'@{name}' { @rules(); } @-moz-keyframes ~'@{name}' { @rules(); } @-o-keyframes ~'@{name}' { @rules(); } @keyframes ~'@{name}' { @rules(); } } .for(@i, @n) {.-each(@i)} .for(@n) when (isnumber(@n)) {.for(1, @n)} .for(@i, @n) when not (@i = @n) { .for((@i + (@n - @i) / abs(@n - @i)), @n); } .for(@array) when (default()) {.for-impl_(length(@array))} .for-impl_(@i) when (@i > 1) {.for-impl_((@i - 1))} .for-impl_(@i) when (@i > 0) {.-each(extract(@array, @i))} @color-primary: #3ac0ff; @color-info: #8a73ff; @color-success: #22be34; @color-danger: #d01919; @color-warning: #ff851b; @alert-color-primary: #F8FFFF, #A9D5DE, #276f86; // [1] Background-color, [2] border-color, [3] font color @alert-color-info: #F1EFFF, #CBC4FC, #6435C9; @alert-color-success: #FCFFF5, #A3C293, #2c662d; @alert-color-danger: #FFF6F6, #E0B4B4, #9F3A38; @alert-color-warning: #FFFAF3, #C9BA9B, #573a08; @sidebar-width: 250px; @brand: primary,info,success,danger,warning; .for(@brand); ================================================ FILE: css/smt-bootstrap.css ================================================ /*! * # SMTB - Semantic UI Bootstrap * Version v3.1.2 * http://github.com/cblweb/semantic-ui-bootstrap/ * Inspired by Semantic UI * * Copyright 2016 cbl-web.com * Released under the MIT license * http://opensource.org/licenses/MIT * */.card .card.card-primary{background-color:#3ac0ff;color:#fff}.card .card.card-primary a{color:#fff}.label.label-primary{background-color:#3ac0ff;color:#fff}.label.label-primary .label-detail{background-color:#11b3ff}a.label.label-primary:hover{background-color:#21b8ff}a.label.label-primary:hover .label-detail{background-color:#00a1ed}.radio-group.radio-group-primary input:checked+.btn,.checkbox-group.checkbox-group-primary input:checked+.btn{background-color:#3ac0ff;color:#fff}.btn-group .btn-primary~.dropdown-menu>li>a:hover,.btn-group .btn-primary~.dropdown-menu>li>a:focus{background-color:#3ac0ff;color:#fff}.btn-primary{background-color:#3ac0ff}.btn-primary:hover,.btn-primary:active,.btn-primary:hover:active,.btn-primary:focus,.btn-primary.active{background-color:#11b3ff}.open>.dropdown-toggle.btn-primary{background-color:#21b8ff !important}.btn-inverted.btn-primary{box-shadow:0 0 0 1px #3ac0ff inset;-moz-box-shadow:0 0 0 1px #3ac0ff inset;-webkit-box-shadow:0 0 0 1px #3ac0ff inset;-ms-box-shadow:0 0 0 1px #3ac0ff inset;-o-box-shadow:0 0 0 1px #3ac0ff inset;color:#3ac0ff}.btn-inverted.btn-primary:hover,.btn-inverted.btn-primary:active,.btn-inverted.btn-primary:focus,.btn-inverted.btn-primary.active{background-color:#3ac0ff;box-shadow:0 0 0 1px #3ac0ff inset;-moz-box-shadow:0 0 0 1px #3ac0ff inset;-webkit-box-shadow:0 0 0 1px #3ac0ff inset;-ms-box-shadow:0 0 0 1px #3ac0ff inset;-o-box-shadow:0 0 0 1px #3ac0ff inset;color:#fff}.btn-inverted.btn-primary.btn-bold{box-shadow:0 0 0 2px #3ac0ff inset;-moz-box-shadow:0 0 0 2px #3ac0ff inset;-webkit-box-shadow:0 0 0 2px #3ac0ff inset;-ms-box-shadow:0 0 0 2px #3ac0ff inset;-o-box-shadow:0 0 0 2px #3ac0ff inset}.btn-inverted.btn-primary.btn-bold:hover,.btn-inverted.btn-primary.btn-bold:active,.btn-inverted.btn-primary.btn-bold:focus,.btn-inverted.btn-primary.btn-bold.active{box-shadow:0 0 0 2px #3ac0ff inset;-moz-box-shadow:0 0 0 2px #3ac0ff inset;-webkit-box-shadow:0 0 0 2px #3ac0ff inset;-ms-box-shadow:0 0 0 2px #3ac0ff inset;-o-box-shadow:0 0 0 2px #3ac0ff inset}.btn-inverted-white.btn-primary:hover,.btn-inverted-white.btn-primary:active,.btn-inverted-white.btn-primary:focus,.btn-inverted-white.btn-primary.active{box-shadow:0 0 0 2px #3ac0ff inset;-moz-box-shadow:0 0 0 2px #3ac0ff inset;-webkit-box-shadow:0 0 0 2px #3ac0ff inset;-ms-box-shadow:0 0 0 2px #3ac0ff inset;-o-box-shadow:0 0 0 2px #3ac0ff inset;color:#3ac0ff}.btn-inverted-white-fill.btn-primary:hover,.btn-inverted-white-fill.btn-primary:active,.btn-inverted-white-fill.btn-primary:focus,.btn-inverted-white-fill.btn-primary.active{background-color:#3ac0ff;box-shadow:0 0 0 2px #3ac0ff inset;-moz-box-shadow:0 0 0 2px #3ac0ff inset;-webkit-box-shadow:0 0 0 2px #3ac0ff inset;-ms-box-shadow:0 0 0 2px #3ac0ff inset;-o-box-shadow:0 0 0 2px #3ac0ff inset;color:#fff}.table>tfoot tr>td.primary,.table>thead tr>td.primary,.table>tbody tr>td.primary,.table>tfoot tr>th.primary,.table>thead tr>th.primary,.table>tbody tr>th.primary{background-color:#3ac0ff;color:#fff}.table>tfoot tr:hover>td.primary,.table>thead tr:hover>td.primary,.table>tbody tr:hover>td.primary,.table>tfoot tr:hover>th.primary,.table>thead tr:hover>th.primary,.table>tbody tr:hover>th.primary{background-color:#21b8ff;color:#fff}.table>tfoot tr.primary>td,.table>thead tr.primary>td,.table>tbody tr.primary>td,.table>tfoot tr.primary>th,.table>thead tr.primary>th,.table>tbody tr.primary>th{background-color:#3ac0ff;color:#fff}.table>tfoot tr.primary:hover>td,.table>thead tr.primary:hover>td,.table>tbody tr.primary:hover>td,.table>tfoot tr.primary:hover>th,.table>thead tr.primary:hover>th,.table>tbody tr.primary:hover>th{background-color:#21b8ff;color:#fff}.text-primary{color:#3ac0ff}.alert-primary{background-color:#f8ffff;border-color:#a9d5de}.alert-primary,.alert-primary .alert-link{color:#276f86}.alert-dark.alert-primary{background-color:#3ac0ff;border-color:#3ac0ff}.alert-dark.alert-primary .alert-link{border-bottom:1px dotted rgba(255,255,255,0.8)}.progress-bar.progress-bar-primary{background-color:#3ac0ff}.panel-primary{border-color:#3ac0ff}.panel-primary>.panel-heading{background-color:#3ac0ff;border-color:#3ac0ff;color:#fff}.card .card.card-info{background-color:#8a73ff;color:#fff}.card .card.card-info a{color:#fff}.label.label-info{background-color:#8a73ff;color:#fff}.label.label-info .label-detail{background-color:#684aff}a.label.label-info:hover{background-color:#755aff}a.label.label-info:hover .label-detail{background-color:#4a26ff}.radio-group.radio-group-info input:checked+.btn,.checkbox-group.checkbox-group-info input:checked+.btn{background-color:#8a73ff;color:#fff}.btn-group .btn-info~.dropdown-menu>li>a:hover,.btn-group .btn-info~.dropdown-menu>li>a:focus{background-color:#8a73ff;color:#fff}.btn-info{background-color:#8a73ff}.btn-info:hover,.btn-info:active,.btn-info:hover:active,.btn-info:focus,.btn-info.active{background-color:#684aff}.open>.dropdown-toggle.btn-info{background-color:#755aff !important}.btn-inverted.btn-info{box-shadow:0 0 0 1px #8a73ff inset;-moz-box-shadow:0 0 0 1px #8a73ff inset;-webkit-box-shadow:0 0 0 1px #8a73ff inset;-ms-box-shadow:0 0 0 1px #8a73ff inset;-o-box-shadow:0 0 0 1px #8a73ff inset;color:#8a73ff}.btn-inverted.btn-info:hover,.btn-inverted.btn-info:active,.btn-inverted.btn-info:focus,.btn-inverted.btn-info.active{background-color:#8a73ff;box-shadow:0 0 0 1px #8a73ff inset;-moz-box-shadow:0 0 0 1px #8a73ff inset;-webkit-box-shadow:0 0 0 1px #8a73ff inset;-ms-box-shadow:0 0 0 1px #8a73ff inset;-o-box-shadow:0 0 0 1px #8a73ff inset;color:#fff}.btn-inverted.btn-info.btn-bold{box-shadow:0 0 0 2px #8a73ff inset;-moz-box-shadow:0 0 0 2px #8a73ff inset;-webkit-box-shadow:0 0 0 2px #8a73ff inset;-ms-box-shadow:0 0 0 2px #8a73ff inset;-o-box-shadow:0 0 0 2px #8a73ff inset}.btn-inverted.btn-info.btn-bold:hover,.btn-inverted.btn-info.btn-bold:active,.btn-inverted.btn-info.btn-bold:focus,.btn-inverted.btn-info.btn-bold.active{box-shadow:0 0 0 2px #8a73ff inset;-moz-box-shadow:0 0 0 2px #8a73ff inset;-webkit-box-shadow:0 0 0 2px #8a73ff inset;-ms-box-shadow:0 0 0 2px #8a73ff inset;-o-box-shadow:0 0 0 2px #8a73ff inset}.btn-inverted-white.btn-info:hover,.btn-inverted-white.btn-info:active,.btn-inverted-white.btn-info:focus,.btn-inverted-white.btn-info.active{box-shadow:0 0 0 2px #8a73ff inset;-moz-box-shadow:0 0 0 2px #8a73ff inset;-webkit-box-shadow:0 0 0 2px #8a73ff inset;-ms-box-shadow:0 0 0 2px #8a73ff inset;-o-box-shadow:0 0 0 2px #8a73ff inset;color:#8a73ff}.btn-inverted-white-fill.btn-info:hover,.btn-inverted-white-fill.btn-info:active,.btn-inverted-white-fill.btn-info:focus,.btn-inverted-white-fill.btn-info.active{background-color:#8a73ff;box-shadow:0 0 0 2px #8a73ff inset;-moz-box-shadow:0 0 0 2px #8a73ff inset;-webkit-box-shadow:0 0 0 2px #8a73ff inset;-ms-box-shadow:0 0 0 2px #8a73ff inset;-o-box-shadow:0 0 0 2px #8a73ff inset;color:#fff}.table>tfoot tr>td.info,.table>thead tr>td.info,.table>tbody tr>td.info,.table>tfoot tr>th.info,.table>thead tr>th.info,.table>tbody tr>th.info{background-color:#8a73ff;color:#fff}.table>tfoot tr:hover>td.info,.table>thead tr:hover>td.info,.table>tbody tr:hover>td.info,.table>tfoot tr:hover>th.info,.table>thead tr:hover>th.info,.table>tbody tr:hover>th.info{background-color:#755aff;color:#fff}.table>tfoot tr.info>td,.table>thead tr.info>td,.table>tbody tr.info>td,.table>tfoot tr.info>th,.table>thead tr.info>th,.table>tbody tr.info>th{background-color:#8a73ff;color:#fff}.table>tfoot tr.info:hover>td,.table>thead tr.info:hover>td,.table>tbody tr.info:hover>td,.table>tfoot tr.info:hover>th,.table>thead tr.info:hover>th,.table>tbody tr.info:hover>th{background-color:#755aff;color:#fff}.text-info{color:#8a73ff}.alert-info{background-color:#f1efff;border-color:#cbc4fc}.alert-info,.alert-info .alert-link{color:#6435c9}.alert-dark.alert-info{background-color:#8a73ff;border-color:#8a73ff}.alert-dark.alert-info .alert-link{border-bottom:1px dotted rgba(255,255,255,0.8)}.progress-bar.progress-bar-info{background-color:#8a73ff}.panel-info{border-color:#8a73ff}.panel-info>.panel-heading{background-color:#8a73ff;border-color:#8a73ff;color:#fff}.card .card.card-success{background-color:#22be34;color:#fff}.card .card.card-success a{color:#fff}.label.label-success{background-color:#22be34;color:#fff}.label.label-success .label-detail{background-color:#1c9b2b}a.label.label-success:hover{background-color:#1ea82e}a.label.label-success:hover .label-detail{background-color:#167d22}.radio-group.radio-group-success input:checked+.btn,.checkbox-group.checkbox-group-success input:checked+.btn{background-color:#22be34;color:#fff}.btn-group .btn-success~.dropdown-menu>li>a:hover,.btn-group .btn-success~.dropdown-menu>li>a:focus{background-color:#22be34;color:#fff}.btn-success{background-color:#22be34}.btn-success:hover,.btn-success:active,.btn-success:hover:active,.btn-success:focus,.btn-success.active{background-color:#1c9b2b}.open>.dropdown-toggle.btn-success{background-color:#1ea82e !important}.btn-inverted.btn-success{box-shadow:0 0 0 1px #22be34 inset;-moz-box-shadow:0 0 0 1px #22be34 inset;-webkit-box-shadow:0 0 0 1px #22be34 inset;-ms-box-shadow:0 0 0 1px #22be34 inset;-o-box-shadow:0 0 0 1px #22be34 inset;color:#22be34}.btn-inverted.btn-success:hover,.btn-inverted.btn-success:active,.btn-inverted.btn-success:focus,.btn-inverted.btn-success.active{background-color:#22be34;box-shadow:0 0 0 1px #22be34 inset;-moz-box-shadow:0 0 0 1px #22be34 inset;-webkit-box-shadow:0 0 0 1px #22be34 inset;-ms-box-shadow:0 0 0 1px #22be34 inset;-o-box-shadow:0 0 0 1px #22be34 inset;color:#fff}.btn-inverted.btn-success.btn-bold{box-shadow:0 0 0 2px #22be34 inset;-moz-box-shadow:0 0 0 2px #22be34 inset;-webkit-box-shadow:0 0 0 2px #22be34 inset;-ms-box-shadow:0 0 0 2px #22be34 inset;-o-box-shadow:0 0 0 2px #22be34 inset}.btn-inverted.btn-success.btn-bold:hover,.btn-inverted.btn-success.btn-bold:active,.btn-inverted.btn-success.btn-bold:focus,.btn-inverted.btn-success.btn-bold.active{box-shadow:0 0 0 2px #22be34 inset;-moz-box-shadow:0 0 0 2px #22be34 inset;-webkit-box-shadow:0 0 0 2px #22be34 inset;-ms-box-shadow:0 0 0 2px #22be34 inset;-o-box-shadow:0 0 0 2px #22be34 inset}.btn-inverted-white.btn-success:hover,.btn-inverted-white.btn-success:active,.btn-inverted-white.btn-success:focus,.btn-inverted-white.btn-success.active{box-shadow:0 0 0 2px #22be34 inset;-moz-box-shadow:0 0 0 2px #22be34 inset;-webkit-box-shadow:0 0 0 2px #22be34 inset;-ms-box-shadow:0 0 0 2px #22be34 inset;-o-box-shadow:0 0 0 2px #22be34 inset;color:#22be34}.btn-inverted-white-fill.btn-success:hover,.btn-inverted-white-fill.btn-success:active,.btn-inverted-white-fill.btn-success:focus,.btn-inverted-white-fill.btn-success.active{background-color:#22be34;box-shadow:0 0 0 2px #22be34 inset;-moz-box-shadow:0 0 0 2px #22be34 inset;-webkit-box-shadow:0 0 0 2px #22be34 inset;-ms-box-shadow:0 0 0 2px #22be34 inset;-o-box-shadow:0 0 0 2px #22be34 inset;color:#fff}.table>tfoot tr>td.success,.table>thead tr>td.success,.table>tbody tr>td.success,.table>tfoot tr>th.success,.table>thead tr>th.success,.table>tbody tr>th.success{background-color:#22be34;color:#fff}.table>tfoot tr:hover>td.success,.table>thead tr:hover>td.success,.table>tbody tr:hover>td.success,.table>tfoot tr:hover>th.success,.table>thead tr:hover>th.success,.table>tbody tr:hover>th.success{background-color:#1ea82e;color:#fff}.table>tfoot tr.success>td,.table>thead tr.success>td,.table>tbody tr.success>td,.table>tfoot tr.success>th,.table>thead tr.success>th,.table>tbody tr.success>th{background-color:#22be34;color:#fff}.table>tfoot tr.success:hover>td,.table>thead tr.success:hover>td,.table>tbody tr.success:hover>td,.table>tfoot tr.success:hover>th,.table>thead tr.success:hover>th,.table>tbody tr.success:hover>th{background-color:#1ea82e;color:#fff}.text-success{color:#22be34}.alert-success{background-color:#fcfff5;border-color:#a3c293}.alert-success,.alert-success .alert-link{color:#2c662d}.alert-dark.alert-success{background-color:#22be34;border-color:#22be34}.alert-dark.alert-success .alert-link{border-bottom:1px dotted rgba(255,255,255,0.8)}.progress-bar.progress-bar-success{background-color:#22be34}.panel-success{border-color:#22be34}.panel-success>.panel-heading{background-color:#22be34;border-color:#22be34;color:#fff}.card .card.card-danger{background-color:#d01919;color:#fff}.card .card.card-danger a{color:#fff}.label.label-danger{background-color:#d01919;color:#fff}.label.label-danger .label-detail{background-color:#ac1515}a.label.label-danger:hover{background-color:#b91616}a.label.label-danger:hover .label-detail{background-color:#8c1111}.radio-group.radio-group-danger input:checked+.btn,.checkbox-group.checkbox-group-danger input:checked+.btn{background-color:#d01919;color:#fff}.btn-group .btn-danger~.dropdown-menu>li>a:hover,.btn-group .btn-danger~.dropdown-menu>li>a:focus{background-color:#d01919;color:#fff}.btn-danger{background-color:#d01919}.btn-danger:hover,.btn-danger:active,.btn-danger:hover:active,.btn-danger:focus,.btn-danger.active{background-color:#ac1515}.open>.dropdown-toggle.btn-danger{background-color:#b91616 !important}.btn-inverted.btn-danger{box-shadow:0 0 0 1px #d01919 inset;-moz-box-shadow:0 0 0 1px #d01919 inset;-webkit-box-shadow:0 0 0 1px #d01919 inset;-ms-box-shadow:0 0 0 1px #d01919 inset;-o-box-shadow:0 0 0 1px #d01919 inset;color:#d01919}.btn-inverted.btn-danger:hover,.btn-inverted.btn-danger:active,.btn-inverted.btn-danger:focus,.btn-inverted.btn-danger.active{background-color:#d01919;box-shadow:0 0 0 1px #d01919 inset;-moz-box-shadow:0 0 0 1px #d01919 inset;-webkit-box-shadow:0 0 0 1px #d01919 inset;-ms-box-shadow:0 0 0 1px #d01919 inset;-o-box-shadow:0 0 0 1px #d01919 inset;color:#fff}.btn-inverted.btn-danger.btn-bold{box-shadow:0 0 0 2px #d01919 inset;-moz-box-shadow:0 0 0 2px #d01919 inset;-webkit-box-shadow:0 0 0 2px #d01919 inset;-ms-box-shadow:0 0 0 2px #d01919 inset;-o-box-shadow:0 0 0 2px #d01919 inset}.btn-inverted.btn-danger.btn-bold:hover,.btn-inverted.btn-danger.btn-bold:active,.btn-inverted.btn-danger.btn-bold:focus,.btn-inverted.btn-danger.btn-bold.active{box-shadow:0 0 0 2px #d01919 inset;-moz-box-shadow:0 0 0 2px #d01919 inset;-webkit-box-shadow:0 0 0 2px #d01919 inset;-ms-box-shadow:0 0 0 2px #d01919 inset;-o-box-shadow:0 0 0 2px #d01919 inset}.btn-inverted-white.btn-danger:hover,.btn-inverted-white.btn-danger:active,.btn-inverted-white.btn-danger:focus,.btn-inverted-white.btn-danger.active{box-shadow:0 0 0 2px #d01919 inset;-moz-box-shadow:0 0 0 2px #d01919 inset;-webkit-box-shadow:0 0 0 2px #d01919 inset;-ms-box-shadow:0 0 0 2px #d01919 inset;-o-box-shadow:0 0 0 2px #d01919 inset;color:#d01919}.btn-inverted-white-fill.btn-danger:hover,.btn-inverted-white-fill.btn-danger:active,.btn-inverted-white-fill.btn-danger:focus,.btn-inverted-white-fill.btn-danger.active{background-color:#d01919;box-shadow:0 0 0 2px #d01919 inset;-moz-box-shadow:0 0 0 2px #d01919 inset;-webkit-box-shadow:0 0 0 2px #d01919 inset;-ms-box-shadow:0 0 0 2px #d01919 inset;-o-box-shadow:0 0 0 2px #d01919 inset;color:#fff}.table>tfoot tr>td.danger,.table>thead tr>td.danger,.table>tbody tr>td.danger,.table>tfoot tr>th.danger,.table>thead tr>th.danger,.table>tbody tr>th.danger{background-color:#d01919;color:#fff}.table>tfoot tr:hover>td.danger,.table>thead tr:hover>td.danger,.table>tbody tr:hover>td.danger,.table>tfoot tr:hover>th.danger,.table>thead tr:hover>th.danger,.table>tbody tr:hover>th.danger{background-color:#b91616;color:#fff}.table>tfoot tr.danger>td,.table>thead tr.danger>td,.table>tbody tr.danger>td,.table>tfoot tr.danger>th,.table>thead tr.danger>th,.table>tbody tr.danger>th{background-color:#d01919;color:#fff}.table>tfoot tr.danger:hover>td,.table>thead tr.danger:hover>td,.table>tbody tr.danger:hover>td,.table>tfoot tr.danger:hover>th,.table>thead tr.danger:hover>th,.table>tbody tr.danger:hover>th{background-color:#b91616;color:#fff}.text-danger{color:#d01919}.alert-danger{background-color:#fff6f6;border-color:#e0b4b4}.alert-danger,.alert-danger .alert-link{color:#9f3a38}.alert-dark.alert-danger{background-color:#d01919;border-color:#d01919}.alert-dark.alert-danger .alert-link{border-bottom:1px dotted rgba(255,255,255,0.8)}.progress-bar.progress-bar-danger{background-color:#d01919}.panel-danger{border-color:#d01919}.panel-danger>.panel-heading{background-color:#d01919;border-color:#d01919;color:#fff}.card .card.card-warning{background-color:#ff851b;color:#fff}.card .card.card-warning a{color:#fff}.label.label-warning{background-color:#ff851b;color:#fff}.label.label-warning .label-detail{background-color:#f17000}a.label.label-warning:hover{background-color:#ff7701}a.label.label-warning:hover .label-detail{background-color:#ce6000}.radio-group.radio-group-warning input:checked+.btn,.checkbox-group.checkbox-group-warning input:checked+.btn{background-color:#ff851b;color:#fff}.btn-group .btn-warning~.dropdown-menu>li>a:hover,.btn-group .btn-warning~.dropdown-menu>li>a:focus{background-color:#ff851b;color:#fff}.btn-warning{background-color:#ff851b}.btn-warning:hover,.btn-warning:active,.btn-warning:hover:active,.btn-warning:focus,.btn-warning.active{background-color:#f17000}.open>.dropdown-toggle.btn-warning{background-color:#ff7701 !important}.btn-inverted.btn-warning{box-shadow:0 0 0 1px #ff851b inset;-moz-box-shadow:0 0 0 1px #ff851b inset;-webkit-box-shadow:0 0 0 1px #ff851b inset;-ms-box-shadow:0 0 0 1px #ff851b inset;-o-box-shadow:0 0 0 1px #ff851b inset;color:#ff851b}.btn-inverted.btn-warning:hover,.btn-inverted.btn-warning:active,.btn-inverted.btn-warning:focus,.btn-inverted.btn-warning.active{background-color:#ff851b;box-shadow:0 0 0 1px #ff851b inset;-moz-box-shadow:0 0 0 1px #ff851b inset;-webkit-box-shadow:0 0 0 1px #ff851b inset;-ms-box-shadow:0 0 0 1px #ff851b inset;-o-box-shadow:0 0 0 1px #ff851b inset;color:#fff}.btn-inverted.btn-warning.btn-bold{box-shadow:0 0 0 2px #ff851b inset;-moz-box-shadow:0 0 0 2px #ff851b inset;-webkit-box-shadow:0 0 0 2px #ff851b inset;-ms-box-shadow:0 0 0 2px #ff851b inset;-o-box-shadow:0 0 0 2px #ff851b inset}.btn-inverted.btn-warning.btn-bold:hover,.btn-inverted.btn-warning.btn-bold:active,.btn-inverted.btn-warning.btn-bold:focus,.btn-inverted.btn-warning.btn-bold.active{box-shadow:0 0 0 2px #ff851b inset;-moz-box-shadow:0 0 0 2px #ff851b inset;-webkit-box-shadow:0 0 0 2px #ff851b inset;-ms-box-shadow:0 0 0 2px #ff851b inset;-o-box-shadow:0 0 0 2px #ff851b inset}.btn-inverted-white.btn-warning:hover,.btn-inverted-white.btn-warning:active,.btn-inverted-white.btn-warning:focus,.btn-inverted-white.btn-warning.active{box-shadow:0 0 0 2px #ff851b inset;-moz-box-shadow:0 0 0 2px #ff851b inset;-webkit-box-shadow:0 0 0 2px #ff851b inset;-ms-box-shadow:0 0 0 2px #ff851b inset;-o-box-shadow:0 0 0 2px #ff851b inset;color:#ff851b}.btn-inverted-white-fill.btn-warning:hover,.btn-inverted-white-fill.btn-warning:active,.btn-inverted-white-fill.btn-warning:focus,.btn-inverted-white-fill.btn-warning.active{background-color:#ff851b;box-shadow:0 0 0 2px #ff851b inset;-moz-box-shadow:0 0 0 2px #ff851b inset;-webkit-box-shadow:0 0 0 2px #ff851b inset;-ms-box-shadow:0 0 0 2px #ff851b inset;-o-box-shadow:0 0 0 2px #ff851b inset;color:#fff}.table>tfoot tr>td.warning,.table>thead tr>td.warning,.table>tbody tr>td.warning,.table>tfoot tr>th.warning,.table>thead tr>th.warning,.table>tbody tr>th.warning{background-color:#ff851b;color:#fff}.table>tfoot tr:hover>td.warning,.table>thead tr:hover>td.warning,.table>tbody tr:hover>td.warning,.table>tfoot tr:hover>th.warning,.table>thead tr:hover>th.warning,.table>tbody tr:hover>th.warning{background-color:#ff7701;color:#fff}.table>tfoot tr.warning>td,.table>thead tr.warning>td,.table>tbody tr.warning>td,.table>tfoot tr.warning>th,.table>thead tr.warning>th,.table>tbody tr.warning>th{background-color:#ff851b;color:#fff}.table>tfoot tr.warning:hover>td,.table>thead tr.warning:hover>td,.table>tbody tr.warning:hover>td,.table>tfoot tr.warning:hover>th,.table>thead tr.warning:hover>th,.table>tbody tr.warning:hover>th{background-color:#ff7701;color:#fff}.text-warning{color:#ff851b}.alert-warning{background-color:#fffaf3;border-color:#c9ba9b}.alert-warning,.alert-warning .alert-link{color:#573a08}.alert-dark.alert-warning{background-color:#ff851b;border-color:#ff851b}.alert-dark.alert-warning .alert-link{border-bottom:1px dotted rgba(255,255,255,0.8)}.progress-bar.progress-bar-warning{background-color:#ff851b}.panel-warning{border-color:#ff851b}.panel-warning>.panel-heading{background-color:#ff851b;border-color:#ff851b;color:#fff}.card,.cards,.cards>.card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.card:after,.card>.content:after,.cards:after,.cards>.card>.content:after{content:' ';overflow:hidden;visibility:hidden;clear:both}.card,.cards>.card{max-width:100%;position:relative;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:0;background:#fff;padding:0;border:none;border-radius:.28571429rem;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;-webkit-transition:box-shadow .1s ease,-webkit-transform .1s ease;transition:box-shadow .1s ease,transform .1s ease;z-index:'';margin-bottom:30px}.card a,.cards>.card a{cursor:pointer}.card:after,.cards>.card:after{display:block;height:0}.card:first-child,.cards>.card:first-child{border-radius:.28571429rem .28571429rem 0 0 !important;border-top:none !important}.card:last-child,.cards>.card:last-child{border-radius:0 0 .28571429rem .28571429rem !important}.card:only-child,.cards>.card:only-child{border-radius:.28571429rem !important}.card>.card-image,.cards>.card>.card-image{position:relative;display:block;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding:0;background:rgba(0,0,0,0.05)}.card>.card-image>img,.cards>.card>.card-image>img,.card>.card-image>.reveal-dim>img,.cards>.card>.card-image>.reveal-dim>img{display:block;width:100%;height:auto;border-radius:inherit}.card>.card-image .label,.cards>.card>.card-image .label{z-index:2}.card>.card-content,.cards>.card>.card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;border:none;border-top:1px solid rgba(34,36,38,0.1);background:0 0;margin:0;padding:1em;box-shadow:none;font-size:1em;border-radius:0}.card>.card-content:after,.cards>.card>.card-content:after{display:block;height:0}.card>.card-content>.card-header,.cards>.card>.card-content>.card-header{display:block;margin:'';font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;color:rgba(0,0,0,0.85)}.card>.card-content>.card-header+.card-description,.cards>.card>.card-content>.card-header+.card-description,.card>.card-content>.card-meta+.card-description,.cards>.card>.card-content>.card-meta+.card-description{margin-top:.5em}.card>.card-content>.card-description,.cards>.card>.card-content>.card-description{clear:both;color:rgba(0,0,0,0.68)}.card>.card-content p,.cards>.card>.card-content p{margin:0 0 .5em}.card>.card-content p:last-child,.cards>.card>.card-content p:last-child{margin-bottom:0}.card>.card-content>a.card-header,.cards>.card>.card-content>a.card-header{color:rgba(0,0,0,0.85)}.card>.card-content>a.card-header:hover,.cards>.card>.card-content>a.card-header:hover{color:#1e70bf}.card>.card-content .card-btn .btn,.cards>.card>.card-content .card-btn .btn{border-radius:0;margin-left:-1px}.card>.card-content .card-btn .btn:first-child,.cards>.card>.card-content .card-btn .btn:first-child{border-radius:4px 0 0 4px;margin:0}.card>.card-content .card-btn .btn:last-child,.cards>.card>.card-content .card-btn .btn:last-child{border-radius:0 4px 4px 0}.card .card-content img,.cards>.card .card-content img{display:inline-block;vertical-align:middle;width:''}.card .card-avatar img,.cards>.card .card-avatar img,.card img.card-avatar,.cards>.card img.card-avatar{width:2em;height:2em;border-radius:500rem}.card .card-meta,.cards>.card .card-meta{font-size:1em;color:rgba(0,0,0,0.4)}.card .card-meta *,.cards>.card .card-meta *{margin-right:.3em}.card .card-meta :last-child,.cards>.card .card-meta :last-child{margin-right:0}.card .card-meta.pull-right,.cards>.card .card-meta.pull-right{margin-right:0;margin-left:.3em}.card>.card-extra,.cards>.card>.card-extra{max-width:100%;min-height:0 !important;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid rgba(0,0,0,0.05) !important;position:static;background:0 0;width:auto;margin:0;padding:.75em 1em;top:0;left:0;color:rgba(0,0,0,0.4);box-shadow:none;-webkit-transition:color .1s ease;transition:color .1s ease}.card.card-link,a.card{cursor:pointer;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none}.card.card-link:hover,a.card:hover{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px)}[class*="reveal-move"],[class*="reveal-rotate"],[class*="reveal-fade"],[class*="reveal-dim"]{position:relative;overflow:hidden}[class*="reveal-move"] .reveal-show,[class*="reveal-rotate"] .reveal-show,[class*="reveal-fade"] .reveal-show,[class*="reveal-dim"] .reveal-show,[class*="reveal-move"] .reveal-hide,[class*="reveal-rotate"] .reveal-hide,[class*="reveal-fade"] .reveal-hide,[class*="reveal-dim"] .reveal-hide{width:100%;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all}[class*="reveal-move"] .reveal-hide,[class*="reveal-rotate"] .reveal-hide,[class*="reveal-fade"] .reveal-hide,[class*="reveal-dim"] .reveal-hide{position:absolute;left:0;top:0;z-index:1}[class*="reveal-move"].reveal-circular,[class*="reveal-rotate"].reveal-circular,[class*="reveal-fade"].reveal-circular,[class*="reveal-dim"].reveal-circular{border-radius:50%}[class*="reveal-move"].reveal-circular .reveal-show,[class*="reveal-rotate"].reveal-circular .reveal-show,[class*="reveal-fade"].reveal-circular .reveal-show,[class*="reveal-dim"].reveal-circular .reveal-show,[class*="reveal-move"].reveal-circular .reveal-hide,[class*="reveal-rotate"].reveal-circular .reveal-hide,[class*="reveal-fade"].reveal-circular .reveal-hide,[class*="reveal-dim"].reveal-circular .reveal-hide{border-radius:50%;overflow:hidden}[class*="reveal-move"] .reveal-content,[class*="reveal-rotate"] .reveal-content,[class*="reveal-fade"] .reveal-content,[class*="reveal-dim"] .reveal-content{height:100%}[class*="reveal-move"] .reveal-content .reveal-center,[class*="reveal-rotate"] .reveal-content .reveal-center,[class*="reveal-fade"] .reveal-content .reveal-center,[class*="reveal-dim"] .reveal-content .reveal-center{display:table;width:100%;height:100%;padding:10px}[class*="reveal-move"] .reveal-content .reveal-center>span,[class*="reveal-rotate"] .reveal-content .reveal-center>span,[class*="reveal-fade"] .reveal-content .reveal-center>span,[class*="reveal-dim"] .reveal-content .reveal-center>span{display:table-cell;vertical-align:middle;text-align:center;height:100%}.reveal-move .reveal-show{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.reveal-move .reveal-hide{transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%)}.reveal-move:not(.reveal-no-hover):hover:not(.reveal-no-leave) .reveal-show,.reveal-move.active:not(.reveal-no-leave) .reveal-show{transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%)}.reveal-move:not(.reveal-no-hover):hover .reveal-hide,.reveal-move.active .reveal-hide{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.reveal-move-right .reveal-show{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.reveal-move-right .reveal-hide{transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%)}.reveal-move-right:not(.reveal-no-hover):hover:not(.reveal-no-leave) .reveal-show,.reveal-move-right.active:not(.reveal-no-leave) .reveal-show{transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%)}.reveal-move-right:not(.reveal-no-hover):hover .reveal-hide,.reveal-move-right.active .reveal-hide{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.reveal-move-up .reveal-show{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}.reveal-move-up .reveal-hide{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%)}.reveal-move-up:not(.reveal-no-hover):hover:not(.reveal-no-leave) .reveal-show,.reveal-move-up.active:not(.reveal-no-leave) .reveal-show{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%)}.reveal-move-up:not(.reveal-no-hover):hover .reveal-hide,.reveal-move-up.active .reveal-hide{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}.reveal-move-down .reveal-show{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}.reveal-move-down .reveal-hide{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%)}.reveal-move-down:not(.reveal-no-hover):hover:not(.reveal-no-leave) .reveal-show,.reveal-move-down.active:not(.reveal-no-leave) .reveal-show{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%)}.reveal-move-down:not(.reveal-no-hover):hover .reveal-hide,.reveal-move-down.active .reveal-hide{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}.reveal-rotate .reveal-hide{position:static}.reveal-rotate .reveal-show{position:absolute;left:0;top:0;z-index:1;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform-origin:bottom left;-moz-transform-origin:bottom left;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left}.reveal-rotate:not(.reveal-no-hover):hover .reveal-show,.reveal-rotate.active .reveal-show{transform:rotate(-110deg);-webkit-transform:rotate(-110deg);-moz-transform:rotate(-110deg);-ms-transform:rotate(-110deg)}.reveal-rotate-right .reveal-hide{position:static}.reveal-rotate-right .reveal-show{position:absolute;left:0;top:0;z-index:1;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform-origin:bottom right;-moz-transform-origin:bottom right;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right}.reveal-rotate-right:not(.reveal-no-hover):hover .reveal-show,.reveal-rotate-right.active .reveal-show{transform:rotate(110deg);-webkit-transform:rotate(110deg);-moz-transform:rotate(110deg);-ms-transform:rotate(110deg)}.reveal-fade .reveal-hide{opacity:0;background-color:#000;color:#fff}.reveal-fade.reveal-fade-white .reveal-hide{background-color:#fff;color:#333}.reveal-fade:not(.reveal-no-hover):hover .reveal-hide,.reveal-fade.active .reveal-hide{opacity:1}.reveal-dim .reveal-hide{opacity:0;background-color:rgba(0,0,0,0.3);color:#fff}.reveal-dim.reveal-dim-white .reveal-hide{background-color:rgba(255,255,255,0.5);color:#333}.reveal-dim:not(.reveal-no-hover):hover .reveal-hide,.reveal-dim.active .reveal-hide{opacity:1}.reveal-dim:not(.reveal-no-hover):hover .reveal-show,.reveal-dim.active .reveal-show{-webkit-filter:blur(5px) grayscale(.7);filter:blur(5px) grayscale(.7)}.label{display:inline-block;padding:6px 6px 6px 6px;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1);overflow:hidden;position:relative}.label .label-detail{margin:-6px -6px -6px 6px;padding:6px;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1)}.label img{display:inline-block;height:26px;max-width:100%}.label.label-image>img:first-child{margin:-6px 6px -6px -6px}.label>.label-icon:last-child{padding-left:6px}.label a{color:#fff;cursor:pointer}.label a:hover{color:#ddd}.label.label-tag,.label-tag>.label{padding-left:11.3px;margin-left:11.3px;overflow:visible}.label.label-tag:before,.label-tag>.label:before{content:"";position:absolute;transform:translateY(-50%) translateX(50%) rotate(-45deg);-webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);-moz-transform:translateY(-50%) translateX(50%) rotate(-45deg);-ms-transform:translateY(-50%) translateX(50%) rotate(-45deg);border-top-left-radius:3px;background-color:inherit;top:50%;right:100%;width:16px;height:16px}.label.label-tag:after,.label-tag>.label:after{content:"";position:absolute;box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);-ms-box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);-o-box-shadow:0 -1px 1px 0 rgba(0,0,0,0.3);background-color:#fff;border-radius:50%;width:6px;height:6px;top:9px;left:-2px}.label[class*="label-ribbon-"]{position:relative;overflow:visible;padding-left:20px;padding-right:20px}.label[class*="label-ribbon-"]:before{border-color:transparent;border-style:solid;content:"";width:0;height:0;position:absolute;top:100%}.label.label-ribbon-left{float:left;margin-left:-19px;left:-15px;border-radius:0 .25em .25em 0}.label.label-ribbon-left:before{border-width:0 15px 10px 0;border-right-color:#333;left:0}.label.label-ribbon-right{float:right;margin-right:-19px;right:-15px;border-radius:.25em 0 0 .25em}.label.label-ribbon-right:before{border-width:0 0 10px 15px;border-left-color:#333;right:0}.label[class*="label-attached-"]{position:absolute}.label.label-attached-top+:not([class*="label-attached-"]){margin-top:16px}.label.label-attached-bottom+:not([class*="label-attached-"]){margin-bottom:16px}.label.label-attached-top{top:0;left:0;width:100%;border-radius:.25em .25em 0 0}.label.label-attached-bottom{bottom:0;left:0;width:100%;border-radius:0 0 .25em .25em}.label.label-attached-top-left{top:0;left:0;width:auto;border-radius:.25em 0 .25em 0}.label.label-attached-top-right{top:0;right:0;width:auto;border-radius:0 .25em 0 .25em}.label.label-attached-bottom-left{bottom:0;left:0;width:auto;border-radius:0 .25em 0 .25em}.label.label-attached-bottom-right{bottom:0;right:0;width:auto;border-radius:.25em 0 .25em 0}.well-sm .label-ribbon-left{margin-left:-9px}.well-sm .label-ribbon-right{margin-right:-9px}.well-lg .label-ribbon-left{margin-left:-24px}.well-lg .label-ribbon-right{margin-right:-24px}.card-image .label-ribbon-left{position:absolute;margin-left:0;top:15px}.card-image .label-ribbon-right{position:absolute;margin-right:0;top:15px}.label-default{color:#555;background-color:#e8e8e8}.label-default .label-detail{background-color:#d4d4d4}.label-default a{color:#888}.label-default a:hover{color:#333}a.label-default:hover{background-color:#dbdbdb}a.label-default:hover .label-detail{background-color:#c2c2c2}a.label{cursor:pointer}.sidebar{position:absolute;width:250px;height:100%;z-index:10001;visibility:hidden}body>.sidebar{position:fixed;top:0}.sidebar .sidebar-wrap{width:100%;height:100%;overflow-y:auto;transform:translateX(-250px);-webkit-transform:translateX(-250px);-moz-transform:translateX(-250px);-ms-transform:translateX(-250px);transition:.38s ease all;-webkit-transition:.38s ease all;-moz-transition:.38s ease all;background-color:#222;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.5);-moz-box-shadow:0 2px 6px rgba(0,0,0,0.5);-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.5);-ms-box-shadow:0 2px 6px rgba(0,0,0,0.5);-o-box-shadow:0 2px 6px rgba(0,0,0,0.5)}.sidebar .sidebar-wrap .sidebar-subject{padding:20px 15px}.sidebar .sidebar-wrap>ul>li{border-top:1px solid rgba(255,255,255,0.08)}.sidebar .sidebar-wrap>ul>li:last-child{border-bottom:1px solid rgba(255,255,255,0.08)}.sidebar .sidebar-wrap>ul>li>a{text-decoration:none !important;color:#eee}.sidebar .sidebar-wrap>ul>li>a:hover{color:#fff}.sidebar .sidebar-wrap ul{list-style:none;width:100%;padding:0;overflow:hidden}.sidebar .sidebar-wrap li a{color:#fff;line-height:1.5;padding:10px 15px;display:block}.sidebar .sidebar-wrap a.dropdown-toggle:after{display:block;float:right;width:0;height:0;margin-top:5px;margin-right:-5px;opacity:.3;content:" ";border:5px solid transparent;border-width:5px 5px 0 5px;border-top-color:#fff}.sidebar .sidebar-wrap a.dropdown-toggle:hover:after{opacity:.6}.sidebar .sidebar-wrap .dropdown.open>a.dropdown-toggle:after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg)}.sidebar .sidebar-wrap .dropdown-menu{position:static;float:none;border-radius:0;background-color:transparent;display:none;margin:0;border:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none}.sidebar .sidebar-wrap li>ul>li>a{font-size:.85em;background-color:transparent;color:rgba(255,255,255,0.5);padding-top:0;padding-bottom:6px}.sidebar .sidebar-wrap li>ul>li:last-child>a{padding-bottom:13px}.sidebar .sidebar-wrap li>ul>li:hover>a{color:rgba(255,255,255,0.8)}.sidebar .sidebar-wrap .open>.dropdown-menu{display:block}.sidebar.sidebar-right{right:0}.sidebar.sidebar-right .sidebar-wrap{transform:translateX(250px);-webkit-transform:translateX(250px);-moz-transform:translateX(250px);-ms-transform:translateX(250px)}.sidebar.active,.sidebar-container.active>.sidebar{visibility:visible}.sidebar.active .sidebar-wrap,.sidebar-container.active>.sidebar .sidebar-wrap{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.sidebar.active+.sidebar-overlay,.sidebar-container.active>.sidebar+.sidebar-overlay{visibility:visible}.sidebar.active+.sidebar-overlay:after,.sidebar-container.active>.sidebar+.sidebar-overlay:after{opacity:.7}.sidebar.active+.sidebar-overlay a,.sidebar-container.active>.sidebar+.sidebar-overlay a{opacity:1}body>.sidebar+.sidebar-overlay{position:fixed}.sidebar-overlay{visibility:hidden;position:absolute;width:100%;height:100%;left:0;top:0;z-index:10000}.sidebar-overlay:after{content:"";position:absolute;width:100%;height:100%;background-color:#000;opacity:0;transition:.38s ease all;-webkit-transition:.38s ease all;-moz-transition:.38s ease all}.sidebar-overlay a{position:absolute;left:270px;top:20px;width:26px;height:26px;cursor:pointer;z-index:1;opacity:0;transition:.5s ease-in opacity;-webkit-transition:.5s ease-in opacity;-moz-transition:.5s ease-in opacity}.sidebar-overlay a:after,.sidebar-overlay a:before{content:"";display:block;height:3px;background-color:#fff;border-radius:3px;width:100%;position:relative}.sidebar-overlay a:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);top:10px}.sidebar-overlay a:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);top:7px}.sidebar.sidebar-right+.sidebar-overlay a{left:auto;right:270px}.sidebar-container{position:relative;overflow-x:hidden;overflow-y:auto}.sidebar-container.active{overflow-y:hidden}.sidebar-active{overflow:hidden}.sidebar-push>.sidebar-dim{position:relative;transition:.38s ease all;-webkit-transition:.38s ease all;-moz-transition:.38s ease all;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.sidebar-container.sidebar-push.active>.sidebar~.sidebar-dim{width:100%;height:100%;transform:translateX(250px);-webkit-transform:translateX(250px);-moz-transform:translateX(250px);-ms-transform:translateX(250px)}.sidebar-container.sidebar-push.active>.sidebar.sidebar-right~.sidebar-dim{transform:translateX(-250px);-webkit-transform:translateX(-250px);-moz-transform:translateX(-250px);-ms-transform:translateX(-250px)}.radio-s,.checkbox-s{position:relative;cursor:pointer}.radio-s input,.checkbox-s input{display:none}.radio-s label,.checkbox-s label{padding-left:22px;line-height:20px;cursor:pointer;display:block}.radio-s label:before,.checkbox-s label:before{content:'';position:absolute;top:1px;left:0;width:17px;height:17px;border:1px solid #d4d4d5;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1)}.radio-s:hover label:before,.checkbox-s:hover label:before{border-color:#999}.radio-s.disabled>label,.checkbox-s.disabled>label,.radio-s input[disabled]+label,.checkbox-s input[disabled]+label{color:#999;cursor:no-drop}.radio-s.disabled>label:before,.checkbox-s.disabled>label:before,.radio-s input[disabled]+label:before,.checkbox-s input[disabled]+label:before{opacity:.7;border-color:#d4d4d5}.radio-s.disabled>label:after,.checkbox-s.disabled>label:after,.radio-s input[disabled]+label:after,.checkbox-s input[disabled]+label:after{opacity:.7}.radio-s.disabled,.checkbox-s.disabled{cursor:no-drop}.radio-s label:before{border-radius:50%}.radio-s label:after{content:'';position:absolute;top:1px;left:0;width:17px;height:17px;background-color:rgba(0,0,0,0.8);transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);border-radius:50%;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1)}.radio-s input:checked+label:after{transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5)}.checkbox-s.checkbox-inline label{padding-left:0}.checkbox-s label:before{border-radius:3px}.checkbox-s label:after{content:'';position:absolute;top:10px;left:-3px;width:6px;height:0;border:3px solid rgba(0,0,0,0.8);border-width:2.5px 0 0 2.5px;transform:rotate(-140deg) scale(0);-webkit-transform:rotate(-140deg) scale(0);-moz-transform:rotate(-140deg) scale(0);-ms-transform:rotate(-140deg) scale(0);transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1);transform-origin:right top;-webkit-transform-origin:right top}.checkbox-s input:checked+label:after{transform:rotate(-140deg) scale(1);-webkit-transform:rotate(-140deg) scale(1);-moz-transform:rotate(-140deg) scale(1);-ms-transform:rotate(-140deg) scale(1);height:11px}.checkbox-s input:indeterminate+label:after{content:'';position:absolute;top:1px;left:0;width:17px;height:17px;transform-origin:center center;background-color:rgba(0,0,0,0.8);transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);border-radius:3px;-webkit-transform-origin:center center}.switch input{display:none}.switch label{padding-left:60px;line-height:20px;cursor:pointer;position:relative}.switch label:before{content:'';position:absolute;left:0;top:0;border-radius:10px;width:50px;height:20px;line-height:20px;background-color:rgba(0,0,0,0.05);transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1)}.switch label:after{content:'';position:absolute;left:0;top:0;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;-moz-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;-ms-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;-o-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15),0 0 0 1px rgba(34,36,38,0.15) inset;background:linear-gradient(transparent, rgba(0,0,0,0.05)) #fff;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1)}.switch:hover label:before{background-color:rgba(0,0,0,0.15)}.switch input:checked+label:before{background-color:#3ac0ff !important}.switch input:checked+label:after{left:31px}.switch.disabled>label,.switch input[disabled]+label{color:#999}.switch.disabled>label:before,.switch input[disabled]+label:before{background-color:rgba(0,0,0,0.05)}.switch.disabled>label:after,.switch input[disabled]+label:after,.switch.disabled>label:before,.switch input[disabled]+label:before{opacity:.8}.switch.switch-line label:before{height:3px;top:9px}.radio-group input,.checkbox-group input{display:none}.radio-group .btn,.checkbox-group .btn{background-color:#eee;color:#333}.radio-group .btn:first-of-type,.checkbox-group .btn:first-of-type{border-radius:4px 0 0 4px !important}.radio-group .btn:hover,.checkbox-group .btn:hover{background-color:#ddd}.radio-group input:checked+.btn,.checkbox-group input:checked+.btn{background-color:#3ac0ff;color:#fff}.radio-group input.disabled+.btn,.checkbox-group input.disabled+.btn,.radio-group input[disabled]+.btn,.checkbox-group input[disabled]+.btn{cursor:no-drop !important;opacity:.8}body{font-size:14px}a,.btn-link{color:#0090d3}a:hover,.btn-link:hover{color:#3ac0ff;text-decoration:none}@media (min-width:768px){.dropdown .dropdown-menu,.btn-group .dropdown-menu{display:block;transform-origin:center top;-moz-transform-origin:center top;-webkit-transform-origin:center top;-ms-transform-origin:center top;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1);transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);opacity:0}.dropdown.open>.dropdown-menu,.btn-group.open>.dropdown-menu,.dropdown.dropdown-hover:hover>.dropdown-menu,.btn-group.dropdown-hover:hover>.dropdown-menu{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);opacity:1}}.navbar-default .navbar-nav>.dropdown-hover:hover>a,.navbar-default .navbar-nav>.dropdown-hover:hover>a:hover,.navbar-default .navbar-nav>.dropdown-hover:hover>a:focus{color:#555;background-color:#e7e7e7}.navbar-inverse .navbar-nav>.dropdown-hover:hover>a,.navbar-inverse .navbar-nav>.dropdown-hover:hover>a:hover,.navbar-inverse .navbar-nav>.dropdown-hover:hover>a:focus{color:#fff;background-color:#080808}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:0 6px 6px 6px}@media (max-width:767px){.dropdown-submenu>.dropdown-menu{margin-left:20px}.open .dropdown-submenu:hover>.dropdown-menu{display:block}}.dropdown-submenu:hover>.dropdown-menu{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);opacity:1}.dropdown-submenu>a:after{display:block;content:"";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#aaa;margin-top:5px;margin-right:-10px}.form-control{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none}.form-control:focus{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none}.form-group.has-success .control-label{color:#22be34}.form-group.has-success .form-control{border-color:#22be34}.form-group.has-success .form-control:focus,.form-group.has-success .form-control:active{background-color:rgba(34,190,52,0.05);box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none}.form-group.has-error .control-label{color:#d01919}.form-group.has-error .form-control{border-color:#d01919}.form-group.has-error .form-control:focus,.form-group.has-error .form-control:active{background-color:rgba(208,25,25,0.05);box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none}.form-group.has-warning .control-label{color:#ff851b}.form-group.has-warning .form-control{border-color:#ff851b}.form-group.has-warning .form-control:focus,.form-group.has-warning .form-control:active{background-color:rgba(255,133,27,0.05);box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none}.btn{border:0;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1);padding:7px 12px;line-height:20px}.btn [class*=btn-icon]{display:inline-block;margin:-7px 12px;padding:7px 12px;line-height:20px;background-color:rgba(0,0,0,0.08)}.btn .btn-icon-left{margin-left:-12px}.btn .btn-icon-right{margin-right:-12px}.btn-xs{padding:2px 5px}.btn-xs [class*=btn-icon]{margin:-2px 5px;padding:2px 5px}.btn-xs .btn-icon-left{margin-left:-5px}.btn-xs .btn-icon-right{margin-right:-5px}.btn-sm{padding:6px 10px}.btn-sm [class*=btn-icon]{margin:-6px 10px;padding:6px 10px}.btn-sm .btn-icon-left{margin-left:-10px}.btn-sm .btn-icon-right{margin-right:-10px}.btn-lg{padding:11px 16px}.btn-lg [class*=btn-icon]{margin:-11px 16px;padding:11px 16px}.btn-lg .btn-icon-left{margin-left:-16px}.btn-lg .btn-icon-right{margin-right:-16px}.btn-default{background-color:#ddd}.btn-default:hover,.btn-default:active,.btn-default:focus,.btn-default.active{background-color:#e0e1e2}.btn-inverted.btn-default{box-shadow:0 0 0 1px #ccc inset;-moz-box-shadow:0 0 0 1px #ccc inset;-webkit-box-shadow:0 0 0 1px #ccc inset;-ms-box-shadow:0 0 0 1px #ccc inset;-o-box-shadow:0 0 0 1px #ccc inset}.btn-inverted.btn-default:hover,.btn-inverted.btn-default:active,.btn-inverted.btn-default:focus,.btn-inverted.btn-default.active{background-color:#e0e1e2}.btn-inverted.btn-default.btn-bold{box-shadow:0 0 0 2px #e0e1e2 inset;-moz-box-shadow:0 0 0 2px #e0e1e2 inset;-webkit-box-shadow:0 0 0 2px #e0e1e2 inset;-ms-box-shadow:0 0 0 2px #e0e1e2 inset;-o-box-shadow:0 0 0 2px #e0e1e2 inset}.btn-inverted.btn-default.btn-bold:hover,.btn-inverted.btn-default.btn-bold:active,.btn-inverted.btn-default.btn-bold:focus,.btn-inverted.btn-default.btn-bold.active{box-shadow:0 0 0 2px #e0e1e2 inset;-moz-box-shadow:0 0 0 2px #e0e1e2 inset;-webkit-box-shadow:0 0 0 2px #e0e1e2 inset;-ms-box-shadow:0 0 0 2px #e0e1e2 inset;-o-box-shadow:0 0 0 2px #e0e1e2 inset}.btn.btn-inverted{background-color:transparent}.btn.btn-inverted-white{font-weight:bold;box-shadow:0 0 0 2px #fff inset;-moz-box-shadow:0 0 0 2px #fff inset;-webkit-box-shadow:0 0 0 2px #fff inset;-ms-box-shadow:0 0 0 2px #fff inset;-o-box-shadow:0 0 0 2px #fff inset;color:#fff;border-color:#fff;background-color:transparent !important}.btn.btn-inverted-white-fill{font-weight:bold;box-shadow:0 0 0 2px #fff inset;-moz-box-shadow:0 0 0 2px #fff inset;-webkit-box-shadow:0 0 0 2px #fff inset;-ms-box-shadow:0 0 0 2px #fff inset;-o-box-shadow:0 0 0 2px #fff inset;color:#fff;background-color:transparent}.btn-bold{font-weight:600}.btn-circular{border-radius:50%}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background-color:#3ac0ff}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color:#3ac0ff;border-color:#3ac0ff}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#3ac0ff}.alert-dark{color:#fff}.alert-dark .alert-link{color:#fff !important;text-decoration:none}.alert-dark .alert-link:hover{border-bottom-style:solid}.close{opacity:.5}.progress-bar{background-color:#3ac0ff}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{background-color:#3ac0ff;border-color:#3ac0ff}.well{position:relative;background-color:#fff;box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);-moz-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);-ms-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);-o-box-shadow:0 1px 2px 0 rgba(34,36,38,0.15);border-color:rgba(34,36,38,0.15)}.nav-tabs>li:not(.active)>a{background-color:transparent !important;border:0 !important}.nav-tabs.tabs-material{border-bottom:2px solid #ddd}.nav-tabs.tabs-material>li>a{color:#555 !important;background-color:transparent !important;position:relative;margin:0;border:0 !important}.nav-tabs.tabs-material>li>a:after{content:"";transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1);position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#3ac0ff}.nav-tabs.tabs-material>li:hover>a:after,.nav-tabs.tabs-material>li>a:focus:after,.nav-tabs.tabs-material>li.active>a:after{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1)}.nav-tabs.tabs-material+.tab-content{margin-top:15px;border-top-width:1px;border-radius:4px}.tab-content{padding:10px;border:1px solid #ddd;border-top-width:0;border-radius:0 0 4px 4px}.panel-accordion .panel,.panel-accordion .panel .panel-heading{margin:0 !important;border-radius:0}.panel-accordion .panel:first-child,.panel-accordion .panel:first-child .panel-heading{border-top-left-radius:3px;border-top-right-radius:3px}.panel-accordion .panel:last-child,.panel-accordion .panel:last-child .panel-heading{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel-accordion .panel+.panel{margin-top:-1px !important}.panel-accordion .panel>.panel-heading{padding:.75em 1em;border-bottom:0}.panel-accordion .panel>.panel-heading>.panel-title{font-size:1em;font-weight:700}.panel-accordion .panel>.panel-heading>.panel-title>a{padding-left:15px;position:relative;color:#fff}.panel-accordion .panel>.panel-heading>.panel-title>a:before{display:block;content:" ";width:0;height:0;border-color:transparent;border-style:solid;border-width:4px 4px 0 4px;border-top-color:#fff;margin-top:6px;position:absolute;left:0;top:0;transition:all .2s cubic-bezier(.635, 0, .415, 1);-webkit-transition:all .2s cubic-bezier(.635, 0, .415, 1);-moz-transition:all .2s cubic-bezier(.635, 0, .415, 1);transform-origin:center center;-moz-transform-origin:center center;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0)}.panel-accordion .panel>.panel-heading>.panel-title>a.collapsed:before{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg)}.panel-accordion .panel>.panel-collapse>.panel-body{border-top:0}.panel-accordion .panel-default>.panel-heading{background-color:#fff}.panel-accordion .panel-default>.panel-heading>.panel-title>a{color:#555}.panel-accordion .panel-default>.panel-heading>.panel-title>a:before{border-top-color:#888}.bs-divider{margin:20px 0;border:0;display:table;white-space:nowrap;font-size:1.1em}.bs-divider:before,.bs-divider:after{content:"";padding:0 20px;position:relative;display:table-cell;width:50%;top:50%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC) no-repeat center center}.bs-divider:before{background-position:right 1em top 50%}.bs-divider:after{background-position:left 1em top 50%}.btn-group.btn-divided .btn:after{content:'';display:inline-block;width:8px}.btn-group.btn-divided .btn:before{content:'';display:inline-block;width:8px}.btn-group.btn-divided .btn:first-child:before{width:0}.btn-group.btn-divided .btn:last-child:after{width:0}.btn-group.btn-divided .btn i[data-text]{width:3px;height:100%;background-color:#fff;margin:0;padding:0;position:absolute;top:0;right:-1.5px;font-size:12px;font-weight:bold;font-style:normal;text-align:center;z-index:3}.btn-group.btn-divided .btn i[data-text]:after{content:attr(data-text);border-radius:50%;background-color:#fff;position:absolute;top:50%;left:50%;z-index:4;width:24px;height:24px;line-height:24px;color:#666;margin-top:-12px;margin-left:-12px}/*# sourceMappingURL=smt-bootstrap.css.map */ ================================================ FILE: css/smt-bootstrap.less ================================================ /*! * # SMTB - Semantic UI Bootstrap * Version v3.1.2 * http://github.com/cblweb/semantic-ui-bootstrap/ * Inspired by Semantic UI * * Copyright 2016 cbl-web.com * Released under the MIT license * http://opensource.org/licenses/MIT * */ @import url('mixin.less'); @import url('component/card.less'); @import url('component/reveal.less'); @import url('component/label.less'); @import url('component/sidebar.less'); @import url('component/checkbox.less'); body { font-size: 14px; } a, .btn-link { color: darken(@color-primary,20%); &:hover { color: @color-primary; text-decoration: none; } } //***************** Dropdown, button-group *********** @media(min-width: 768px) { .dropdown, .btn-group { .dropdown-menu { display: block; .transform-origin(center top); .transition(); .transform(scaleY(0)); opacity: 0; } &.open > .dropdown-menu, &.dropdown-hover:hover > .dropdown-menu { .transform(scaleY(1)); opacity: 1; } } } .navbar-default .navbar-nav > .dropdown-hover:hover { >a,>a:hover,>a:focus { color: #555; background-color: #e7e7e7; } } .navbar-inverse .navbar-nav > .dropdown-hover:hover { >a,>a:hover,>a:focus { color: #FFF; background-color: #080808; } } .dropdown-submenu { position:relative; >.dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; border-radius:0 6px 6px 6px; } @media(max-width: 767px) { >.dropdown-menu { margin-left: 20px; } .open &:hover > .dropdown-menu { display: block; } } &:hover>.dropdown-menu { .transform(scaleY(1)); opacity: 1; } >a:after { display:block; content:""; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#AAA; margin-top:5px; margin-right:-10px; } } .-each(@name) { .btn-group .btn-@{name} ~ .dropdown-menu > li > a { @this-color-name: 'color-@{name}'; &:hover,&:focus { background-color: @@this-color-name; color: #FFF; } } } //************** Forms ****************** .form-control { .box-shadow(none); } .form-control:focus { .box-shadow(none); } .form-group.has-success { .control-label { color: @color-success; } .form-control { border-color: @color-success; &:focus, &:active { background-color: fade(@color-success,5%); .box-shadow(none); } } } .form-group.has-error { .control-label { color: @color-danger; } .form-control { border-color: @color-danger; &:focus, &:active { background-color: fade(@color-danger,5%); .box-shadow(none); } } } .form-group.has-warning { .control-label { color: @color-warning; } .form-control { border-color: @color-warning; &:focus, &:active { background-color: fade(@color-warning,5%); .box-shadow(none); } } } //************** Button ****************** .btn { border: 0; .transition(); padding: 7px 12px; line-height: 20px; [class*=btn-icon] { display: inline-block; margin: -7px 12px; padding: 7px 12px; line-height: 20px; background-color: rgba(0,0,0,.08); } .btn-icon-left { margin-left: -12px; } .btn-icon-right { margin-right: -12px; } } .btn-xs { padding: 2px 5px; [class*=btn-icon] { margin: -2px 5px; padding: 2px 5px; } .btn-icon-left { margin-left: -5px; } .btn-icon-right { margin-right: -5px; } } .btn-sm { padding: 6px 10px; [class*=btn-icon] { margin: -6px 10px; padding: 6px 10px; } .btn-icon-left { margin-left: -10px; } .btn-icon-right { margin-right: -10px; } } .btn-lg { padding: 11px 16px; [class*=btn-icon] { margin: -11px 16px; padding: 11px 16px; } .btn-icon-left { margin-left: -16px; } .btn-icon-right { margin-right: -16px; } } .btn-default { background-color: #DDD; &:hover, &:active, &:focus, &.active { background-color: #e0e1e2; } } .btn-inverted.btn-default { .box-shadow(0 0 0 1px #CCC inset); &:hover, &:active, &:focus, &.active { background-color: #e0e1e2; } &.btn-bold { .box-shadow(0 0 0 2px #e0e1e2 inset); &:hover, &:active, &:focus, &.active { .box-shadow(0 0 0 2px #e0e1e2 inset); } } } .-each(@name) { @this-color-name: 'color-@{name}'; .btn-@{name} { background-color: @@this-color-name; &:hover, &:active, &:hover:active, &:focus, &.active { background-color: darken(@@this-color-name, 8%); } } .open > .dropdown-toggle.btn-@{name} { background-color: darken(@@this-color-name, 5%) !important; } .btn-inverted.btn-@{name} { .box-shadow(0 0 0 1px @@this-color-name inset); color: @@this-color-name; &:hover, &:active, &:focus, &.active { background-color: @@this-color-name; .box-shadow(0 0 0 1px @@this-color-name inset); color: #FFF; } &.btn-bold { .box-shadow(0 0 0 2px @@this-color-name inset); &:hover, &:active, &:focus, &.active { .box-shadow(0 0 0 2px @@this-color-name inset); } } } .btn-inverted-white.btn-@{name} { &:hover, &:active, &:focus, &.active { .box-shadow(0 0 0 2px @@this-color-name inset); color: @@this-color-name; } } .btn-inverted-white-fill.btn-@{name} { &:hover, &:active, &:focus, &.active { background-color: @@this-color-name; .box-shadow(0 0 0 2px @@this-color-name inset); color: #FFF; } } } .btn.btn-inverted { background-color: transparent; } .btn.btn-inverted-white { font-weight: bold; .box-shadow(0 0 0 2px #FFF inset); color: #FFF; border-color: #FFF; background-color: transparent !important; } .btn.btn-inverted-white-fill { font-weight: bold; .box-shadow(0 0 0 2px #FFF inset); color: #FFF; background-color: transparent; } .btn-bold { font-weight: 600; } .btn-circular { border-radius: 50%; } //*********** Table ************ .-each(@name) { @this-color-name: 'color-@{name}'; .table > tfoot >, .table > thead >, .table > tbody > { tr { > td.@{name}, > th.@{name} { background-color: @@this-color-name; color: #FFF; } &:hover { > td.@{name}, > th.@{name} { background-color: darken(@@this-color-name, 5%); color: #FFF; } } } tr.@{name} { > td, > th { background-color: @@this-color-name; color: #FFF; } &:hover { > td, > th { background-color: darken(@@this-color-name, 5%); color: #FFF; } } } } } //*********** Text ************ .-each(@name) { @this-color-name: 'color-@{name}'; .text-@{name} { color: @@this-color-name; } } //*********** nav-pills, pagination, tabs ************ .nav-pills > li.active { > a, > a:hover, > a:focus { background-color: @color-primary; } } .pagination > .active { > a, > span, > a:hover, > span:hover, > a:focus, > span:focus { background-color: @color-primary; border-color: @color-primary; } } .dropdown-menu > .active { > a, > a:hover, > a:focus { background-color: @color-primary; } } //*********** Alert ************ .alert-dark { color: #FFF; .alert-link { color: #FFF !important; text-decoration: none; &:hover { border-bottom-style: solid; } } } .-each(@name) { @this-color-name: 'color-@{name}'; @alert-color-name: 'alert-color-@{name}'; .alert-@{name} { background-color: extract(@@alert-color-name,1); border-color: extract(@@alert-color-name,2); &, .alert-link { color: extract(@@alert-color-name,3); } } .alert-dark.alert-@{name} { background-color: @@this-color-name; border-color: @@this-color-name; .alert-link { border-bottom: 1px dotted rgba(255,255,255,0.8); } } } .close { opacity: 0.5; } //*********** progress bar ************ .progress-bar { background-color: @color-primary; } .-each(@name) { @this-color-name: 'color-@{name}'; .progress-bar.progress-bar-@{name} { background-color: @@this-color-name; } } //*********** List Group ************ .list-group-item { &.active, &.active:hover, &.active:focus { background-color: @color-primary; border-color: @color-primary; } } //*********** Well ************* .well { position: relative; background-color: #FFF; .box-shadow(0 1px 2px 0 rgba(34,36,38,.15)); border-color: rgba(34,36,38,.15); } //*********** Tag ************** .nav-tabs { > li:not(.active) > a { background-color: transparent !important; border: 0 !important; } &.tabs-material { border-bottom: 2px solid #DDD; > li > a { color: #555 !important; background-color: transparent !important; position: relative; margin: 0; border: 0 !important; &:after { content: ""; .transform(scaleX(0)); .transition(); position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: @color-primary; } } > li:hover >a, >li > a:focus, >li.active >a { &:after { .transform(scaleX(1)); } } + .tab-content { margin-top: 15px; border-top-width: 1px; border-radius: 4px; } } } .tab-content { padding: 10px; border: 1px solid #ddd; border-top-width: 0; border-radius: 0 0 4px 4px; } //*********** Panel ************ .-each(@name) { @this-color-name: 'color-@{name}'; .panel-@{name} { border-color: @@this-color-name; > .panel-heading { background-color: @@this-color-name; border-color: @@this-color-name; color: #FFF; } } } .panel-accordion { .panel, .panel .panel-heading { margin: 0 !important; border-radius: 0; } .panel:first-child, .panel:first-child .panel-heading { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel:last-child, .panel:last-child .panel-heading { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel + .panel { margin-top: -1px !important; } .panel { > .panel-heading { padding: .75em 1em; border-bottom: 0; >.panel-title { font-size: 1em; font-weight: 700; > a { padding-left: 15px; position: relative; color: #FFF; &:before { display:block; content:" "; width:0; height:0; border-color:transparent; border-style:solid; border-width:4px 4px 0 4px; border-top-color:#FFF; margin-top:6px; position: absolute; left: 0; top: 0; .transition; .transform-origin(center center); .transform(rotate(0)); } &.collapsed:before { .transform(rotate(-90deg)); } } } } > .panel-collapse > .panel-body { border-top: 0; } } .panel-default > .panel-heading { background-color: #FFF; >.panel-title > a { color: #555; &:before { border-top-color:#888; } } } } //************** Divider ************* .bs-divider { margin: 20px 0; border: 0; display: table; white-space: nowrap; font-size: 1.1em; &:before, &:after { content: ""; padding: 0 20px; position: relative; display: table-cell; width: 50%; top: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC) no-repeat center center; } &:before { background-position: right 1em top 50%; } &:after { background-position: left 1em top 50%; } } .btn-group.btn-divided .btn { &:after { content: ''; display: inline-block; width: 8px; } &:before { content: ''; display: inline-block; width: 8px; } &:first-child:before { width: 0; } &:last-child:after { width: 0; } i[data-text] { width: 3px; height: 100%; background-color: #FFF; margin: 0; padding: 0; position: absolute; top: 0; right: -1.5px; font-size: 12px; font-weight: bold; font-style: normal; text-align: center; z-index: 3; } i[data-text]:after { content: attr(data-text); border-radius: 50%; background-color: #FFF; position: absolute; top: 50%; left: 50%; z-index: 4; width: 24px; height: 24px; line-height: 24px; color: #666; margin-top: -12px; margin-left: -12px; } } //************** Divider ************* ================================================ FILE: overview.html ================================================ Semantic UI Bootstrap

Navbar

Buttons

Normal Button

Default Primary Success Info Warning Danger Link

Button with icon

Default Primary Success

Info Warning Danger

Inverted Button

Default Primary Success Info Warning Danger

Inverted Button Bold

Default Primary Success Info Warning Danger

White Inverted Button (Default Bold)

Disabled Button

Default Primary Success Info Warning Danger Link

Circular Button

Button Group

Large Button

Large button Default button Small button Mini button

Block level button

Left Middle Right
1 2 3 4
5 6 7
8
Dropdown
Button Button Button Button

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Example body text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

This line of text is meant to be treated as fine print.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

Emphasis classes

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Tables

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

Forms

Legend
A longer block of help text that breaks onto a new line and may extend beyond one line.

$

Navs

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.

Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork.


  • Home

Pagination

Pager

Indicators

Alerts

Happy

Here is the great bootstrap color theme created base on semantic UI, hope you guys like it, it is designed by cbl-web.

Warning!

Best check yo self, you're not looking too good. Nulla vitae, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.

Happy

Here is the great bootstrap color theme created base on semantic UI, hope you guys like it, it developed by cbl-web.

Warning!

Best check yo self, you're not looking too good. Nulla vitae, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.

Labels

Default Primary Success Warning Danger Info

Badges

Progress bars

Basic

Contextual alternatives

Striped

Animated

Stacked

Containers

Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

List groups

  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • 1 Morbi leo risus
Cras justo odio Dapibus ac facilisis in Morbi leo risus

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

Panels

Basic panel
Panel heading
Panel content
Panel content
Panel footer

Panel primary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

Wells

Look, I'm in a well!
Look, I'm in a small well!
Look, I'm in a large well!

collapse

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Dialogs

Modals

Modal title

One fine body…

Popovers

Tooltips

Semantic UI Elements

Reveal

Move left

Move right

Move up

Move down

Rotate left

Rotate right, Circular

Fade

Dim (blur)

Add Friend

Label (Extended from bootstrap's label)

Label a user

Stevie Jenny Developer Veronika Co-worker elliot

Label as a tag

jQuery Bootstrap Sematic UI PHP MySQL angularJS

Label as a ribbon

Great

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus fringilla odio et lectus cursus, eleifend ullamcorper libero molestie. Phasellus eleifend ipsum vel leo lobortis, vel ullamcorper libero blandit. Nullam vitae dignissim sem, vel varius justo. Excellent Donec vel libero nec risus gravida luctus non eu nunc. Mauris ut urna lacus. Sed consequat, sem vel fringilla rutrum, lacus neque luctus urna, id lobortis erat orci ac nisl. GreatQuisque lectus tellus, tincidunt a turpis et, placerat feugiat orci. Nam posuere egestas lacus nec sagittis. Fusce sed blandit elit, non consequat neque. ExcellentAliquam erat volutpat. Aliquam ac quam consectetur, vulputate eros nec, egestas erat. Cras scelerisque nunc mollis mattis sodales.

Ribbon label can add on cards

Great
Excellent

Label attached

Excellent Great

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus fringilla odio et lectus cursus, eleifend ullamcorper libero molestie. Phasellus eleifend ipsum vel leo lobortis, vel ullamcorper libero blandit. Nullam vitae dignissim sem, vel varius justo.

Great Excellent

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus fringilla odio et lectus cursus, eleifend ullamcorper libero molestie. Phasellus eleifend ipsum vel leo lobortis, vel ullamcorper libero blandit. Nullam vitae dignissim sem, vel varius justo.

Cards

Card

Elliot Fu
Joined at 2013
Elliot is a great game player.
22 Friends
14h
Steve
17 likes 3 comments
Elliot Fu
Famous Singer
How do you think about the performance of Elliot on today's show?
Great Good Bad

Card Link

Matt Giampietro
Cofounder
Matthew is an interior designer living in New York.
Joined at 2013 75 Friends
Molly
Coworker
Molly is a personal assistant living in Paris.
Joined at 2011 35 Friends
Elyse
Coworker
Elyse is a copywriter working in New York.
Joined at 2014 151 Friends

Card Reveal (Rotate)

Team Fu & Hess
Formed at 2014
2 Members

Card Dim

Add Friend
Elliot
Joined at 2014
2 Friends

Card Dim (white)

Add Friend
Elliot
Joined at 2014
2 Friends

Checkbox / Radio / Switch

Radio

Checkbox

Switch

Radio Group

Checkbox Group

Divider

Divider can act as a heading
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
And

Divider can divide group button

Great General Bad
Allow Disable

Sign up Form

Sign Up with Twitter
Or

Sign Up

Divider

Body Sidebar

Body Left Sidebar Body Right Sidebar

Inner Sidebar

Semantic UI Bootstrap
Semantic UI Bootstrap
================================================ FILE: vendor/css/bootstrap.css ================================================ /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-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 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } 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 { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-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: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 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; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; 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%; text-transform: uppercase; } 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.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @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-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @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-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @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-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } 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 > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 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: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ ================================================ FILE: vendor/css/font-awesome.css ================================================ /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } ================================================ FILE: vendor/js/bootstrap.js ================================================ /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under the MIT license */ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') } +function ($) { 'use strict'; var version = $.fn.jquery.split(' ')[0].split('.') if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 2)) { throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3') } }(jQuery); /* ======================================================================== * Bootstrap: transition.js v3.3.6 * http://getbootstrap.com/javascript/#transitions * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) // ============================================================ function transitionEnd() { var el = document.createElement('bootstrap') var transEndEventNames = { WebkitTransition : 'webkitTransitionEnd', MozTransition : 'transitionend', OTransition : 'oTransitionEnd otransitionend', transition : 'transitionend' } for (var name in transEndEventNames) { if (el.style[name] !== undefined) { return { end: transEndEventNames[name] } } } return false // explicit for ie8 ( ._.) } // http://blog.alexmaccaw.com/css-transitions $.fn.emulateTransitionEnd = function (duration) { var called = false var $el = this $(this).one('bsTransitionEnd', function () { called = true }) var callback = function () { if (!called) $($el).trigger($.support.transition.end) } setTimeout(callback, duration) return this } $(function () { $.support.transition = transitionEnd() if (!$.support.transition) return $.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) } } }) }(jQuery); /* ======================================================================== * Bootstrap: alert.js v3.3.6 * http://getbootstrap.com/javascript/#alerts * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // ALERT CLASS DEFINITION // ====================== var dismiss = '[data-dismiss="alert"]' var Alert = function (el) { $(el).on('click', dismiss, this.close) } Alert.VERSION = '3.3.6' Alert.TRANSITION_DURATION = 150 Alert.prototype.close = function (e) { var $this = $(this) var selector = $this.attr('data-target') if (!selector) { selector = $this.attr('href') selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } var $parent = $(selector) if (e) e.preventDefault() if (!$parent.length) { $parent = $this.closest('.alert') } $parent.trigger(e = $.Event('close.bs.alert')) if (e.isDefaultPrevented()) return $parent.removeClass('in') function removeElement() { // detach from parent, fire event then clean up data $parent.detach().trigger('closed.bs.alert').remove() } $.support.transition && $parent.hasClass('fade') ? $parent .one('bsTransitionEnd', removeElement) .emulateTransitionEnd(Alert.TRANSITION_DURATION) : removeElement() } // ALERT PLUGIN DEFINITION // ======================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.alert') if (!data) $this.data('bs.alert', (data = new Alert(this))) if (typeof option == 'string') data[option].call($this) }) } var old = $.fn.alert $.fn.alert = Plugin $.fn.alert.Constructor = Alert // ALERT NO CONFLICT // ================= $.fn.alert.noConflict = function () { $.fn.alert = old return this } // ALERT DATA-API // ============== $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) }(jQuery); /* ======================================================================== * Bootstrap: button.js v3.3.6 * http://getbootstrap.com/javascript/#buttons * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // BUTTON PUBLIC CLASS DEFINITION // ============================== var Button = function (element, options) { this.$element = $(element) this.options = $.extend({}, Button.DEFAULTS, options) this.isLoading = false } Button.VERSION = '3.3.6' Button.DEFAULTS = { loadingText: 'loading...' } Button.prototype.setState = function (state) { var d = 'disabled' var $el = this.$element var val = $el.is('input') ? 'val' : 'html' var data = $el.data() state += 'Text' if (data.resetText == null) $el.data('resetText', $el[val]()) // push to event loop to allow forms to submit setTimeout($.proxy(function () { $el[val](data[state] == null ? this.options[state] : data[state]) if (state == 'loadingText') { this.isLoading = true $el.addClass(d).attr(d, d) } else if (this.isLoading) { this.isLoading = false $el.removeClass(d).removeAttr(d) } }, this), 0) } Button.prototype.toggle = function () { var changed = true var $parent = this.$element.closest('[data-toggle="buttons"]') if ($parent.length) { var $input = this.$element.find('input') if ($input.prop('type') == 'radio') { if ($input.prop('checked')) changed = false $parent.find('.active').removeClass('active') this.$element.addClass('active') } else if ($input.prop('type') == 'checkbox') { if (($input.prop('checked')) !== this.$element.hasClass('active')) changed = false this.$element.toggleClass('active') } $input.prop('checked', this.$element.hasClass('active')) if (changed) $input.trigger('change') } else { this.$element.attr('aria-pressed', !this.$element.hasClass('active')) this.$element.toggleClass('active') } } // BUTTON PLUGIN DEFINITION // ======================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.button') var options = typeof option == 'object' && option if (!data) $this.data('bs.button', (data = new Button(this, options))) if (option == 'toggle') data.toggle() else if (option) data.setState(option) }) } var old = $.fn.button $.fn.button = Plugin $.fn.button.Constructor = Button // BUTTON NO CONFLICT // ================== $.fn.button.noConflict = function () { $.fn.button = old return this } // BUTTON DATA-API // =============== $(document) .on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) { var $btn = $(e.target) if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') Plugin.call($btn, 'toggle') if (!($(e.target).is('input[type="radio"]') || $(e.target).is('input[type="checkbox"]'))) e.preventDefault() }) .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) { $(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type)) }) }(jQuery); /* ======================================================================== * Bootstrap: carousel.js v3.3.6 * http://getbootstrap.com/javascript/#carousel * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // CAROUSEL CLASS DEFINITION // ========================= var Carousel = function (element, options) { this.$element = $(element) this.$indicators = this.$element.find('.carousel-indicators') this.options = options this.paused = null this.sliding = null this.interval = null this.$active = null this.$items = null this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this)) this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) } Carousel.VERSION = '3.3.6' Carousel.TRANSITION_DURATION = 600 Carousel.DEFAULTS = { interval: 5000, pause: 'hover', wrap: true, keyboard: true } Carousel.prototype.keydown = function (e) { if (/input|textarea/i.test(e.target.tagName)) return switch (e.which) { case 37: this.prev(); break case 39: this.next(); break default: return } e.preventDefault() } Carousel.prototype.cycle = function (e) { e || (this.paused = false) this.interval && clearInterval(this.interval) this.options.interval && !this.paused && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) return this } Carousel.prototype.getItemIndex = function (item) { this.$items = item.parent().children('.item') return this.$items.index(item || this.$active) } Carousel.prototype.getItemForDirection = function (direction, active) { var activeIndex = this.getItemIndex(active) var willWrap = (direction == 'prev' && activeIndex === 0) || (direction == 'next' && activeIndex == (this.$items.length - 1)) if (willWrap && !this.options.wrap) return active var delta = direction == 'prev' ? -1 : 1 var itemIndex = (activeIndex + delta) % this.$items.length return this.$items.eq(itemIndex) } Carousel.prototype.to = function (pos) { var that = this var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active')) if (pos > (this.$items.length - 1) || pos < 0) return if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid" if (activeIndex == pos) return this.pause().cycle() return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos)) } Carousel.prototype.pause = function (e) { e || (this.paused = true) if (this.$element.find('.next, .prev').length && $.support.transition) { this.$element.trigger($.support.transition.end) this.cycle(true) } this.interval = clearInterval(this.interval) return this } Carousel.prototype.next = function () { if (this.sliding) return return this.slide('next') } Carousel.prototype.prev = function () { if (this.sliding) return return this.slide('prev') } Carousel.prototype.slide = function (type, next) { var $active = this.$element.find('.item.active') var $next = next || this.getItemForDirection(type, $active) var isCycling = this.interval var direction = type == 'next' ? 'left' : 'right' var that = this if ($next.hasClass('active')) return (this.sliding = false) var relatedTarget = $next[0] var slideEvent = $.Event('slide.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) this.$element.trigger(slideEvent) if (slideEvent.isDefaultPrevented()) return this.sliding = true isCycling && this.pause() if (this.$indicators.length) { this.$indicators.find('.active').removeClass('active') var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) $nextIndicator && $nextIndicator.addClass('active') } var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid" if ($.support.transition && this.$element.hasClass('slide')) { $next.addClass(type) $next[0].offsetWidth // force reflow $active.addClass(direction) $next.addClass(direction) $active .one('bsTransitionEnd', function () { $next.removeClass([type, direction].join(' ')).addClass('active') $active.removeClass(['active', direction].join(' ')) that.sliding = false setTimeout(function () { that.$element.trigger(slidEvent) }, 0) }) .emulateTransitionEnd(Carousel.TRANSITION_DURATION) } else { $active.removeClass('active') $next.addClass('active') this.sliding = false this.$element.trigger(slidEvent) } isCycling && this.cycle() return this } // CAROUSEL PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.carousel') var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() }) } var old = $.fn.carousel $.fn.carousel = Plugin $.fn.carousel.Constructor = Carousel // CAROUSEL NO CONFLICT // ==================== $.fn.carousel.noConflict = function () { $.fn.carousel = old return this } // CAROUSEL DATA-API // ================= var clickHandler = function (e) { var href var $this = $(this) var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 if (!$target.hasClass('carousel')) return var options = $.extend({}, $target.data(), $this.data()) var slideIndex = $this.attr('data-slide-to') if (slideIndex) options.interval = false Plugin.call($target, options) if (slideIndex) { $target.data('bs.carousel').to(slideIndex) } e.preventDefault() } $(document) .on('click.bs.carousel.data-api', '[data-slide]', clickHandler) .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler) $(window).on('load', function () { $('[data-ride="carousel"]').each(function () { var $carousel = $(this) Plugin.call($carousel, $carousel.data()) }) }) }(jQuery); /* ======================================================================== * Bootstrap: collapse.js v3.3.6 * http://getbootstrap.com/javascript/#collapse * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // COLLAPSE PUBLIC CLASS DEFINITION // ================================ var Collapse = function (element, options) { this.$element = $(element) this.options = $.extend({}, Collapse.DEFAULTS, options) this.$trigger = $('[data-toggle="collapse"][href="#' + element.id + '"],' + '[data-toggle="collapse"][data-target="#' + element.id + '"]') this.transitioning = null if (this.options.parent) { this.$parent = this.getParent() } else { this.addAriaAndCollapsedClass(this.$element, this.$trigger) } if (this.options.toggle) this.toggle() } Collapse.VERSION = '3.3.6' Collapse.TRANSITION_DURATION = 350 Collapse.DEFAULTS = { toggle: true } Collapse.prototype.dimension = function () { var hasWidth = this.$element.hasClass('width') return hasWidth ? 'width' : 'height' } Collapse.prototype.show = function () { if (this.transitioning || this.$element.hasClass('in')) return var activesData var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing') if (actives && actives.length) { activesData = actives.data('bs.collapse') if (activesData && activesData.transitioning) return } var startEvent = $.Event('show.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return if (actives && actives.length) { Plugin.call(actives, 'hide') activesData || actives.data('bs.collapse', null) } var dimension = this.dimension() this.$element .removeClass('collapse') .addClass('collapsing')[dimension](0) .attr('aria-expanded', true) this.$trigger .removeClass('collapsed') .attr('aria-expanded', true) this.transitioning = 1 var complete = function () { this.$element .removeClass('collapsing') .addClass('collapse in')[dimension]('') this.transitioning = 0 this.$element .trigger('shown.bs.collapse') } if (!$.support.transition) return complete.call(this) var scrollSize = $.camelCase(['scroll', dimension].join('-')) this.$element .one('bsTransitionEnd', $.proxy(complete, this)) .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) } Collapse.prototype.hide = function () { if (this.transitioning || !this.$element.hasClass('in')) return var startEvent = $.Event('hide.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return var dimension = this.dimension() this.$element[dimension](this.$element[dimension]())[0].offsetHeight this.$element .addClass('collapsing') .removeClass('collapse in') .attr('aria-expanded', false) this.$trigger .addClass('collapsed') .attr('aria-expanded', false) this.transitioning = 1 var complete = function () { this.transitioning = 0 this.$element .removeClass('collapsing') .addClass('collapse') .trigger('hidden.bs.collapse') } if (!$.support.transition) return complete.call(this) this.$element [dimension](0) .one('bsTransitionEnd', $.proxy(complete, this)) .emulateTransitionEnd(Collapse.TRANSITION_DURATION) } Collapse.prototype.toggle = function () { this[this.$element.hasClass('in') ? 'hide' : 'show']() } Collapse.prototype.getParent = function () { return $(this.options.parent) .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]') .each($.proxy(function (i, element) { var $element = $(element) this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) }, this)) .end() } Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { var isOpen = $element.hasClass('in') $element.attr('aria-expanded', isOpen) $trigger .toggleClass('collapsed', !isOpen) .attr('aria-expanded', isOpen) } function getTargetFromTrigger($trigger) { var href var target = $trigger.attr('data-target') || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 return $(target) } // COLLAPSE PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.collapse') var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.collapse $.fn.collapse = Plugin $.fn.collapse.Constructor = Collapse // COLLAPSE NO CONFLICT // ==================== $.fn.collapse.noConflict = function () { $.fn.collapse = old return this } // COLLAPSE DATA-API // ================= $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { var $this = $(this) if (!$this.attr('data-target')) e.preventDefault() var $target = getTargetFromTrigger($this) var data = $target.data('bs.collapse') var option = data ? 'toggle' : $this.data() Plugin.call($target, option) }) }(jQuery); /* ======================================================================== * Bootstrap: dropdown.js v3.3.6 * http://getbootstrap.com/javascript/#dropdowns * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // DROPDOWN CLASS DEFINITION // ========================= var backdrop = '.dropdown-backdrop' var toggle = '[data-toggle="dropdown"]' var Dropdown = function (element) { $(element).on('click.bs.dropdown', this.toggle) } Dropdown.VERSION = '3.3.6' function getParent($this) { var selector = $this.attr('data-target') if (!selector) { selector = $this.attr('href') selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } var $parent = selector && $(selector) return $parent && $parent.length ? $parent : $this.parent() } function clearMenus(e) { if (e && e.which === 3) return $(backdrop).remove() $(toggle).each(function () { var $this = $(this) var $parent = getParent($this) var relatedTarget = { relatedTarget: this } if (!$parent.hasClass('open')) return if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) if (e.isDefaultPrevented()) return $this.attr('aria-expanded', 'false') $parent.removeClass('open').trigger($.Event('hidden.bs.dropdown', relatedTarget)) }) } Dropdown.prototype.toggle = function (e) { var $this = $(this) if ($this.is('.disabled, :disabled')) return var $parent = getParent($this) var isActive = $parent.hasClass('open') clearMenus() if (!isActive) { if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { // if mobile we use a backdrop because click events don't delegate $(document.createElement('div')) .addClass('dropdown-backdrop') .insertAfter($(this)) .on('click', clearMenus) } var relatedTarget = { relatedTarget: this } $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) if (e.isDefaultPrevented()) return $this .trigger('focus') .attr('aria-expanded', 'true') $parent .toggleClass('open') .trigger($.Event('shown.bs.dropdown', relatedTarget)) } return false } Dropdown.prototype.keydown = function (e) { if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return var $this = $(this) e.preventDefault() e.stopPropagation() if ($this.is('.disabled, :disabled')) return var $parent = getParent($this) var isActive = $parent.hasClass('open') if (!isActive && e.which != 27 || isActive && e.which == 27) { if (e.which == 27) $parent.find(toggle).trigger('focus') return $this.trigger('click') } var desc = ' li:not(.disabled):visible a' var $items = $parent.find('.dropdown-menu' + desc) if (!$items.length) return var index = $items.index(e.target) if (e.which == 38 && index > 0) index-- // up if (e.which == 40 && index < $items.length - 1) index++ // down if (!~index) index = 0 $items.eq(index).trigger('focus') } // DROPDOWN PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.dropdown') if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) if (typeof option == 'string') data[option].call($this) }) } var old = $.fn.dropdown $.fn.dropdown = Plugin $.fn.dropdown.Constructor = Dropdown // DROPDOWN NO CONFLICT // ==================== $.fn.dropdown.noConflict = function () { $.fn.dropdown = old return this } // APPLY TO STANDARD DROPDOWN ELEMENTS // =================================== $(document) .on('click.bs.dropdown.data-api', clearMenus) .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown) .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown) }(jQuery); /* ======================================================================== * Bootstrap: modal.js v3.3.6 * http://getbootstrap.com/javascript/#modals * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // MODAL CLASS DEFINITION // ====================== var Modal = function (element, options) { this.options = options this.$body = $(document.body) this.$element = $(element) this.$dialog = this.$element.find('.modal-dialog') this.$backdrop = null this.isShown = null this.originalBodyPad = null this.scrollbarWidth = 0 this.ignoreBackdropClick = false if (this.options.remote) { this.$element .find('.modal-content') .load(this.options.remote, $.proxy(function () { this.$element.trigger('loaded.bs.modal') }, this)) } } Modal.VERSION = '3.3.6' Modal.TRANSITION_DURATION = 300 Modal.BACKDROP_TRANSITION_DURATION = 150 Modal.DEFAULTS = { backdrop: true, keyboard: true, show: true } Modal.prototype.toggle = function (_relatedTarget) { return this.isShown ? this.hide() : this.show(_relatedTarget) } Modal.prototype.show = function (_relatedTarget) { var that = this var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) this.$element.trigger(e) if (this.isShown || e.isDefaultPrevented()) return this.isShown = true this.checkScrollbar() this.setScrollbar() this.$body.addClass('modal-open') this.escape() this.resize() this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) this.$dialog.on('mousedown.dismiss.bs.modal', function () { that.$element.one('mouseup.dismiss.bs.modal', function (e) { if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true }) }) this.backdrop(function () { var transition = $.support.transition && that.$element.hasClass('fade') if (!that.$element.parent().length) { that.$element.appendTo(that.$body) // don't move modals dom position } that.$element .show() .scrollTop(0) that.adjustDialog() if (transition) { that.$element[0].offsetWidth // force reflow } that.$element.addClass('in') that.enforceFocus() var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) transition ? that.$dialog // wait for modal to slide in .one('bsTransitionEnd', function () { that.$element.trigger('focus').trigger(e) }) .emulateTransitionEnd(Modal.TRANSITION_DURATION) : that.$element.trigger('focus').trigger(e) }) } Modal.prototype.hide = function (e) { if (e) e.preventDefault() e = $.Event('hide.bs.modal') this.$element.trigger(e) if (!this.isShown || e.isDefaultPrevented()) return this.isShown = false this.escape() this.resize() $(document).off('focusin.bs.modal') this.$element .removeClass('in') .off('click.dismiss.bs.modal') .off('mouseup.dismiss.bs.modal') this.$dialog.off('mousedown.dismiss.bs.modal') $.support.transition && this.$element.hasClass('fade') ? this.$element .one('bsTransitionEnd', $.proxy(this.hideModal, this)) .emulateTransitionEnd(Modal.TRANSITION_DURATION) : this.hideModal() } Modal.prototype.enforceFocus = function () { $(document) .off('focusin.bs.modal') // guard against infinite focus loop .on('focusin.bs.modal', $.proxy(function (e) { if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.trigger('focus') } }, this)) } Modal.prototype.escape = function () { if (this.isShown && this.options.keyboard) { this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) { e.which == 27 && this.hide() }, this)) } else if (!this.isShown) { this.$element.off('keydown.dismiss.bs.modal') } } Modal.prototype.resize = function () { if (this.isShown) { $(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this)) } else { $(window).off('resize.bs.modal') } } Modal.prototype.hideModal = function () { var that = this this.$element.hide() this.backdrop(function () { that.$body.removeClass('modal-open') that.resetAdjustments() that.resetScrollbar() that.$element.trigger('hidden.bs.modal') }) } Modal.prototype.removeBackdrop = function () { this.$backdrop && this.$backdrop.remove() this.$backdrop = null } Modal.prototype.backdrop = function (callback) { var that = this var animate = this.$element.hasClass('fade') ? 'fade' : '' if (this.isShown && this.options.backdrop) { var doAnimate = $.support.transition && animate this.$backdrop = $(document.createElement('div')) .addClass('modal-backdrop ' + animate) .appendTo(this.$body) this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) { if (this.ignoreBackdropClick) { this.ignoreBackdropClick = false return } if (e.target !== e.currentTarget) return this.options.backdrop == 'static' ? this.$element[0].focus() : this.hide() }, this)) if (doAnimate) this.$backdrop[0].offsetWidth // force reflow this.$backdrop.addClass('in') if (!callback) return doAnimate ? this.$backdrop .one('bsTransitionEnd', callback) .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callback() } else if (!this.isShown && this.$backdrop) { this.$backdrop.removeClass('in') var callbackRemove = function () { that.removeBackdrop() callback && callback() } $.support.transition && this.$element.hasClass('fade') ? this.$backdrop .one('bsTransitionEnd', callbackRemove) .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callbackRemove() } else if (callback) { callback() } } // these following methods are used to handle overflowing modals Modal.prototype.handleUpdate = function () { this.adjustDialog() } Modal.prototype.adjustDialog = function () { var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight this.$element.css({ paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '', paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : '' }) } Modal.prototype.resetAdjustments = function () { this.$element.css({ paddingLeft: '', paddingRight: '' }) } Modal.prototype.checkScrollbar = function () { var fullWindowWidth = window.innerWidth if (!fullWindowWidth) { // workaround for missing window.innerWidth in IE8 var documentElementRect = document.documentElement.getBoundingClientRect() fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left) } this.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth this.scrollbarWidth = this.measureScrollbar() } Modal.prototype.setScrollbar = function () { var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10) this.originalBodyPad = document.body.style.paddingRight || '' if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth) } Modal.prototype.resetScrollbar = function () { this.$body.css('padding-right', this.originalBodyPad) } Modal.prototype.measureScrollbar = function () { // thx walsh var scrollDiv = document.createElement('div') scrollDiv.className = 'modal-scrollbar-measure' this.$body.append(scrollDiv) var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth this.$body[0].removeChild(scrollDiv) return scrollbarWidth } // MODAL PLUGIN DEFINITION // ======================= function Plugin(option, _relatedTarget) { return this.each(function () { var $this = $(this) var data = $this.data('bs.modal') var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) if (!data) $this.data('bs.modal', (data = new Modal(this, options))) if (typeof option == 'string') data[option](_relatedTarget) else if (options.show) data.show(_relatedTarget) }) } var old = $.fn.modal $.fn.modal = Plugin $.fn.modal.Constructor = Modal // MODAL NO CONFLICT // ================= $.fn.modal.noConflict = function () { $.fn.modal = old return this } // MODAL DATA-API // ============== $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { var $this = $(this) var href = $this.attr('href') var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) // strip for ie7 var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) if ($this.is('a')) e.preventDefault() $target.one('show.bs.modal', function (showEvent) { if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown $target.one('hidden.bs.modal', function () { $this.is(':visible') && $this.trigger('focus') }) }) Plugin.call($target, option, this) }) }(jQuery); /* ======================================================================== * Bootstrap: tooltip.js v3.3.6 * http://getbootstrap.com/javascript/#tooltip * Inspired by the original jQuery.tipsy by Jason Frame * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // TOOLTIP PUBLIC CLASS DEFINITION // =============================== var Tooltip = function (element, options) { this.type = null this.options = null this.enabled = null this.timeout = null this.hoverState = null this.$element = null this.inState = null this.init('tooltip', element, options) } Tooltip.VERSION = '3.3.6' Tooltip.TRANSITION_DURATION = 150 Tooltip.DEFAULTS = { animation: true, placement: 'top', selector: false, template: '', trigger: 'hover focus', title: '', delay: 0, html: false, container: false, viewport: { selector: 'body', padding: 0 } } Tooltip.prototype.init = function (type, element, options) { this.enabled = true this.type = type this.$element = $(element) this.options = this.getOptions(options) this.$viewport = this.options.viewport && $($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport)) this.inState = { click: false, hover: false, focus: false } if (this.$element[0] instanceof document.constructor && !this.options.selector) { throw new Error('`selector` option must be specified when initializing ' + this.type + ' on the window.document object!') } var triggers = this.options.trigger.split(' ') for (var i = triggers.length; i--;) { var trigger = triggers[i] if (trigger == 'click') { this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) } else if (trigger != 'manual') { var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin' var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout' this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) } } this.options.selector ? (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : this.fixTitle() } Tooltip.prototype.getDefaults = function () { return Tooltip.DEFAULTS } Tooltip.prototype.getOptions = function (options) { options = $.extend({}, this.getDefaults(), this.$element.data(), options) if (options.delay && typeof options.delay == 'number') { options.delay = { show: options.delay, hide: options.delay } } return options } Tooltip.prototype.getDelegateOptions = function () { var options = {} var defaults = this.getDefaults() this._options && $.each(this._options, function (key, value) { if (defaults[key] != value) options[key] = value }) return options } Tooltip.prototype.enter = function (obj) { var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type) if (!self) { self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) $(obj.currentTarget).data('bs.' + this.type, self) } if (obj instanceof $.Event) { self.inState[obj.type == 'focusin' ? 'focus' : 'hover'] = true } if (self.tip().hasClass('in') || self.hoverState == 'in') { self.hoverState = 'in' return } clearTimeout(self.timeout) self.hoverState = 'in' if (!self.options.delay || !self.options.delay.show) return self.show() self.timeout = setTimeout(function () { if (self.hoverState == 'in') self.show() }, self.options.delay.show) } Tooltip.prototype.isInStateTrue = function () { for (var key in this.inState) { if (this.inState[key]) return true } return false } Tooltip.prototype.leave = function (obj) { var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type) if (!self) { self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) $(obj.currentTarget).data('bs.' + this.type, self) } if (obj instanceof $.Event) { self.inState[obj.type == 'focusout' ? 'focus' : 'hover'] = false } if (self.isInStateTrue()) return clearTimeout(self.timeout) self.hoverState = 'out' if (!self.options.delay || !self.options.delay.hide) return self.hide() self.timeout = setTimeout(function () { if (self.hoverState == 'out') self.hide() }, self.options.delay.hide) } Tooltip.prototype.show = function () { var e = $.Event('show.bs.' + this.type) if (this.hasContent() && this.enabled) { this.$element.trigger(e) var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0]) if (e.isDefaultPrevented() || !inDom) return var that = this var $tip = this.tip() var tipId = this.getUID(this.type) this.setContent() $tip.attr('id', tipId) this.$element.attr('aria-describedby', tipId) if (this.options.animation) $tip.addClass('fade') var placement = typeof this.options.placement == 'function' ? this.options.placement.call(this, $tip[0], this.$element[0]) : this.options.placement var autoToken = /\s?auto?\s?/i var autoPlace = autoToken.test(placement) if (autoPlace) placement = placement.replace(autoToken, '') || 'top' $tip .detach() .css({ top: 0, left: 0, display: 'block' }) .addClass(placement) .data('bs.' + this.type, this) this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) this.$element.trigger('inserted.bs.' + this.type) var pos = this.getPosition() var actualWidth = $tip[0].offsetWidth var actualHeight = $tip[0].offsetHeight if (autoPlace) { var orgPlacement = placement var viewportDim = this.getPosition(this.$viewport) placement = placement == 'bottom' && pos.bottom + actualHeight > viewportDim.bottom ? 'top' : placement == 'top' && pos.top - actualHeight < viewportDim.top ? 'bottom' : placement == 'right' && pos.right + actualWidth > viewportDim.width ? 'left' : placement == 'left' && pos.left - actualWidth < viewportDim.left ? 'right' : placement $tip .removeClass(orgPlacement) .addClass(placement) } var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight) this.applyPlacement(calculatedOffset, placement) var complete = function () { var prevHoverState = that.hoverState that.$element.trigger('shown.bs.' + that.type) that.hoverState = null if (prevHoverState == 'out') that.leave(that) } $.support.transition && this.$tip.hasClass('fade') ? $tip .one('bsTransitionEnd', complete) .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : complete() } } Tooltip.prototype.applyPlacement = function (offset, placement) { var $tip = this.tip() var width = $tip[0].offsetWidth var height = $tip[0].offsetHeight // manually read margins because getBoundingClientRect includes difference var marginTop = parseInt($tip.css('margin-top'), 10) var marginLeft = parseInt($tip.css('margin-left'), 10) // we must check for NaN for ie 8/9 if (isNaN(marginTop)) marginTop = 0 if (isNaN(marginLeft)) marginLeft = 0 offset.top += marginTop offset.left += marginLeft // $.fn.offset doesn't round pixel values // so we use setOffset directly with our own function B-0 $.offset.setOffset($tip[0], $.extend({ using: function (props) { $tip.css({ top: Math.round(props.top), left: Math.round(props.left) }) } }, offset), 0) $tip.addClass('in') // check to see if placing tip in new offset caused the tip to resize itself var actualWidth = $tip[0].offsetWidth var actualHeight = $tip[0].offsetHeight if (placement == 'top' && actualHeight != height) { offset.top = offset.top + height - actualHeight } var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight) if (delta.left) offset.left += delta.left else offset.top += delta.top var isVertical = /top|bottom/.test(placement) var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight' $tip.offset(offset) this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical) } Tooltip.prototype.replaceArrow = function (delta, dimension, isVertical) { this.arrow() .css(isVertical ? 'left' : 'top', 50 * (1 - delta / dimension) + '%') .css(isVertical ? 'top' : 'left', '') } Tooltip.prototype.setContent = function () { var $tip = this.tip() var title = this.getTitle() $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) $tip.removeClass('fade in top bottom left right') } Tooltip.prototype.hide = function (callback) { var that = this var $tip = $(this.$tip) var e = $.Event('hide.bs.' + this.type) function complete() { if (that.hoverState != 'in') $tip.detach() that.$element .removeAttr('aria-describedby') .trigger('hidden.bs.' + that.type) callback && callback() } this.$element.trigger(e) if (e.isDefaultPrevented()) return $tip.removeClass('in') $.support.transition && $tip.hasClass('fade') ? $tip .one('bsTransitionEnd', complete) .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : complete() this.hoverState = null return this } Tooltip.prototype.fixTitle = function () { var $e = this.$element if ($e.attr('title') || typeof $e.attr('data-original-title') != 'string') { $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') } } Tooltip.prototype.hasContent = function () { return this.getTitle() } Tooltip.prototype.getPosition = function ($element) { $element = $element || this.$element var el = $element[0] var isBody = el.tagName == 'BODY' var elRect = el.getBoundingClientRect() if (elRect.width == null) { // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093 elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top }) } var elOffset = isBody ? { top: 0, left: 0 } : $element.offset() var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() } var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null return $.extend({}, elRect, scroll, outerDims, elOffset) } Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } } Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) { var delta = { top: 0, left: 0 } if (!this.$viewport) return delta var viewportPadding = this.options.viewport && this.options.viewport.padding || 0 var viewportDimensions = this.getPosition(this.$viewport) if (/right|left/.test(placement)) { var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight if (topEdgeOffset < viewportDimensions.top) { // top overflow delta.top = viewportDimensions.top - topEdgeOffset } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset } } else { var leftEdgeOffset = pos.left - viewportPadding var rightEdgeOffset = pos.left + viewportPadding + actualWidth if (leftEdgeOffset < viewportDimensions.left) { // left overflow delta.left = viewportDimensions.left - leftEdgeOffset } else if (rightEdgeOffset > viewportDimensions.right) { // right overflow delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset } } return delta } Tooltip.prototype.getTitle = function () { var title var $e = this.$element var o = this.options title = $e.attr('data-original-title') || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) return title } Tooltip.prototype.getUID = function (prefix) { do prefix += ~~(Math.random() * 1000000) while (document.getElementById(prefix)) return prefix } Tooltip.prototype.tip = function () { if (!this.$tip) { this.$tip = $(this.options.template) if (this.$tip.length != 1) { throw new Error(this.type + ' `template` option must consist of exactly 1 top-level element!') } } return this.$tip } Tooltip.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')) } Tooltip.prototype.enable = function () { this.enabled = true } Tooltip.prototype.disable = function () { this.enabled = false } Tooltip.prototype.toggleEnabled = function () { this.enabled = !this.enabled } Tooltip.prototype.toggle = function (e) { var self = this if (e) { self = $(e.currentTarget).data('bs.' + this.type) if (!self) { self = new this.constructor(e.currentTarget, this.getDelegateOptions()) $(e.currentTarget).data('bs.' + this.type, self) } } if (e) { self.inState.click = !self.inState.click if (self.isInStateTrue()) self.enter(self) else self.leave(self) } else { self.tip().hasClass('in') ? self.leave(self) : self.enter(self) } } Tooltip.prototype.destroy = function () { var that = this clearTimeout(this.timeout) this.hide(function () { that.$element.off('.' + that.type).removeData('bs.' + that.type) if (that.$tip) { that.$tip.detach() } that.$tip = null that.$arrow = null that.$viewport = null }) } // TOOLTIP PLUGIN DEFINITION // ========================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.tooltip') var options = typeof option == 'object' && option if (!data && /destroy|hide/.test(option)) return if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.tooltip $.fn.tooltip = Plugin $.fn.tooltip.Constructor = Tooltip // TOOLTIP NO CONFLICT // =================== $.fn.tooltip.noConflict = function () { $.fn.tooltip = old return this } }(jQuery); /* ======================================================================== * Bootstrap: popover.js v3.3.6 * http://getbootstrap.com/javascript/#popovers * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // POPOVER PUBLIC CLASS DEFINITION // =============================== var Popover = function (element, options) { this.init('popover', element, options) } if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') Popover.VERSION = '3.3.6' Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { placement: 'right', trigger: 'click', content: '', template: '' }) // NOTE: POPOVER EXTENDS tooltip.js // ================================ Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) Popover.prototype.constructor = Popover Popover.prototype.getDefaults = function () { return Popover.DEFAULTS } Popover.prototype.setContent = function () { var $tip = this.tip() var title = this.getTitle() var content = this.getContent() $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) $tip.find('.popover-content').children().detach().end()[ // we use append for html objects to maintain js events this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' ](content) $tip.removeClass('fade top bottom left right in') // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do // this manually by checking the contents. if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() } Popover.prototype.hasContent = function () { return this.getTitle() || this.getContent() } Popover.prototype.getContent = function () { var $e = this.$element var o = this.options return $e.attr('data-content') || (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) } Popover.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.arrow')) } // POPOVER PLUGIN DEFINITION // ========================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.popover') var options = typeof option == 'object' && option if (!data && /destroy|hide/.test(option)) return if (!data) $this.data('bs.popover', (data = new Popover(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.popover $.fn.popover = Plugin $.fn.popover.Constructor = Popover // POPOVER NO CONFLICT // =================== $.fn.popover.noConflict = function () { $.fn.popover = old return this } }(jQuery); /* ======================================================================== * Bootstrap: scrollspy.js v3.3.6 * http://getbootstrap.com/javascript/#scrollspy * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // SCROLLSPY CLASS DEFINITION // ========================== function ScrollSpy(element, options) { this.$body = $(document.body) this.$scrollElement = $(element).is(document.body) ? $(window) : $(element) this.options = $.extend({}, ScrollSpy.DEFAULTS, options) this.selector = (this.options.target || '') + ' .nav li > a' this.offsets = [] this.targets = [] this.activeTarget = null this.scrollHeight = 0 this.$scrollElement.on('scroll.bs.scrollspy', $.proxy(this.process, this)) this.refresh() this.process() } ScrollSpy.VERSION = '3.3.6' ScrollSpy.DEFAULTS = { offset: 10 } ScrollSpy.prototype.getScrollHeight = function () { return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) } ScrollSpy.prototype.refresh = function () { var that = this var offsetMethod = 'offset' var offsetBase = 0 this.offsets = [] this.targets = [] this.scrollHeight = this.getScrollHeight() if (!$.isWindow(this.$scrollElement[0])) { offsetMethod = 'position' offsetBase = this.$scrollElement.scrollTop() } this.$body .find(this.selector) .map(function () { var $el = $(this) var href = $el.data('target') || $el.attr('href') var $href = /^#./.test(href) && $(href) return ($href && $href.length && $href.is(':visible') && [[$href[offsetMethod]().top + offsetBase, href]]) || null }) .sort(function (a, b) { return a[0] - b[0] }) .each(function () { that.offsets.push(this[0]) that.targets.push(this[1]) }) } ScrollSpy.prototype.process = function () { var scrollTop = this.$scrollElement.scrollTop() + this.options.offset var scrollHeight = this.getScrollHeight() var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height() var offsets = this.offsets var targets = this.targets var activeTarget = this.activeTarget var i if (this.scrollHeight != scrollHeight) { this.refresh() } if (scrollTop >= maxScroll) { return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) } if (activeTarget && scrollTop < offsets[0]) { this.activeTarget = null return this.clear() } for (i = offsets.length; i--;) { activeTarget != targets[i] && scrollTop >= offsets[i] && (offsets[i + 1] === undefined || scrollTop < offsets[i + 1]) && this.activate(targets[i]) } } ScrollSpy.prototype.activate = function (target) { this.activeTarget = target this.clear() var selector = this.selector + '[data-target="' + target + '"],' + this.selector + '[href="' + target + '"]' var active = $(selector) .parents('li') .addClass('active') if (active.parent('.dropdown-menu').length) { active = active .closest('li.dropdown') .addClass('active') } active.trigger('activate.bs.scrollspy') } ScrollSpy.prototype.clear = function () { $(this.selector) .parentsUntil(this.options.target, '.active') .removeClass('active') } // SCROLLSPY PLUGIN DEFINITION // =========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.scrollspy') var options = typeof option == 'object' && option if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.scrollspy $.fn.scrollspy = Plugin $.fn.scrollspy.Constructor = ScrollSpy // SCROLLSPY NO CONFLICT // ===================== $.fn.scrollspy.noConflict = function () { $.fn.scrollspy = old return this } // SCROLLSPY DATA-API // ================== $(window).on('load.bs.scrollspy.data-api', function () { $('[data-spy="scroll"]').each(function () { var $spy = $(this) Plugin.call($spy, $spy.data()) }) }) }(jQuery); /* ======================================================================== * Bootstrap: tab.js v3.3.6 * http://getbootstrap.com/javascript/#tabs * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // TAB CLASS DEFINITION // ==================== var Tab = function (element) { // jscs:disable requireDollarBeforejQueryAssignment this.element = $(element) // jscs:enable requireDollarBeforejQueryAssignment } Tab.VERSION = '3.3.6' Tab.TRANSITION_DURATION = 150 Tab.prototype.show = function () { var $this = this.element var $ul = $this.closest('ul:not(.dropdown-menu)') var selector = $this.data('target') if (!selector) { selector = $this.attr('href') selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } if ($this.parent('li').hasClass('active')) return var $previous = $ul.find('.active:last a') var hideEvent = $.Event('hide.bs.tab', { relatedTarget: $this[0] }) var showEvent = $.Event('show.bs.tab', { relatedTarget: $previous[0] }) $previous.trigger(hideEvent) $this.trigger(showEvent) if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return var $target = $(selector) this.activate($this.closest('li'), $ul) this.activate($target, $target.parent(), function () { $previous.trigger({ type: 'hidden.bs.tab', relatedTarget: $this[0] }) $this.trigger({ type: 'shown.bs.tab', relatedTarget: $previous[0] }) }) } Tab.prototype.activate = function (element, container, callback) { var $active = container.find('> .active') var transition = callback && $.support.transition && ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length) function next() { $active .removeClass('active') .find('> .dropdown-menu > .active') .removeClass('active') .end() .find('[data-toggle="tab"]') .attr('aria-expanded', false) element .addClass('active') .find('[data-toggle="tab"]') .attr('aria-expanded', true) if (transition) { element[0].offsetWidth // reflow for transition element.addClass('in') } else { element.removeClass('fade') } if (element.parent('.dropdown-menu').length) { element .closest('li.dropdown') .addClass('active') .end() .find('[data-toggle="tab"]') .attr('aria-expanded', true) } callback && callback() } $active.length && transition ? $active .one('bsTransitionEnd', next) .emulateTransitionEnd(Tab.TRANSITION_DURATION) : next() $active.removeClass('in') } // TAB PLUGIN DEFINITION // ===================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.tab') if (!data) $this.data('bs.tab', (data = new Tab(this))) if (typeof option == 'string') data[option]() }) } var old = $.fn.tab $.fn.tab = Plugin $.fn.tab.Constructor = Tab // TAB NO CONFLICT // =============== $.fn.tab.noConflict = function () { $.fn.tab = old return this } // TAB DATA-API // ============ var clickHandler = function (e) { e.preventDefault() Plugin.call($(this), 'show') } $(document) .on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler) .on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler) }(jQuery); /* ======================================================================== * Bootstrap: affix.js v3.3.6 * http://getbootstrap.com/javascript/#affix * ======================================================================== * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // AFFIX CLASS DEFINITION // ====================== var Affix = function (element, options) { this.options = $.extend({}, Affix.DEFAULTS, options) this.$target = $(this.options.target) .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) this.$element = $(element) this.affixed = null this.unpin = null this.pinnedOffset = null this.checkPosition() } Affix.VERSION = '3.3.6' Affix.RESET = 'affix affix-top affix-bottom' Affix.DEFAULTS = { offset: 0, target: window } Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) { var scrollTop = this.$target.scrollTop() var position = this.$element.offset() var targetHeight = this.$target.height() if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false if (this.affixed == 'bottom') { if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom' return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom' } var initializing = this.affixed == null var colliderTop = initializing ? scrollTop : position.top var colliderHeight = initializing ? targetHeight : height if (offsetTop != null && scrollTop <= offsetTop) return 'top' if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom' return false } Affix.prototype.getPinnedOffset = function () { if (this.pinnedOffset) return this.pinnedOffset this.$element.removeClass(Affix.RESET).addClass('affix') var scrollTop = this.$target.scrollTop() var position = this.$element.offset() return (this.pinnedOffset = position.top - scrollTop) } Affix.prototype.checkPositionWithEventLoop = function () { setTimeout($.proxy(this.checkPosition, this), 1) } Affix.prototype.checkPosition = function () { if (!this.$element.is(':visible')) return var height = this.$element.height() var offset = this.options.offset var offsetTop = offset.top var offsetBottom = offset.bottom var scrollHeight = Math.max($(document).height(), $(document.body).height()) if (typeof offset != 'object') offsetBottom = offsetTop = offset if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element) var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom) if (this.affixed != affix) { if (this.unpin != null) this.$element.css('top', '') var affixType = 'affix' + (affix ? '-' + affix : '') var e = $.Event(affixType + '.bs.affix') this.$element.trigger(e) if (e.isDefaultPrevented()) return this.affixed = affix this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null this.$element .removeClass(Affix.RESET) .addClass(affixType) .trigger(affixType.replace('affix', 'affixed') + '.bs.affix') } if (affix == 'bottom') { this.$element.offset({ top: scrollHeight - height - offsetBottom }) } } // AFFIX PLUGIN DEFINITION // ======================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.affix') var options = typeof option == 'object' && option if (!data) $this.data('bs.affix', (data = new Affix(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.affix $.fn.affix = Plugin $.fn.affix.Constructor = Affix // AFFIX NO CONFLICT // ================= $.fn.affix.noConflict = function () { $.fn.affix = old return this } // AFFIX DATA-API // ============== $(window).on('load', function () { $('[data-spy="affix"]').each(function () { var $spy = $(this) var data = $spy.data() data.offset = data.offset || {} if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom if (data.offsetTop != null) data.offset.top = data.offsetTop Plugin.call($spy, data) }) }) }(jQuery);