Font Awesome icon usage statistics

  • 7 types of Font Awesome iconic font are used and found 13 times in total.
  • CALIBERI.COM used 1.9 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of CALIBERI.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • CALIBERI.COM includes "http://www.caliberi.com/wp-content/cache/scripts/caf1c62e80a399ced07bb6910ecd1500.css" to use Font Awesome and information from CSS is like below.
  • @font-face{  font-family:'wpimagehover-fontello';  src:url("http://www.caliberi.com/wp-content/plugins/wp-image-hover-lite/css/../fonts/fontello/fontello.eot?76834511");  src:url("../fonts/fontello/fontello.eot?76834511#iefix") format("embedded-opentype"),url("http://www.caliberi.com/wp-content/plugins/wp-image-hover-lite/css/../fonts/fontello/fontello.woff?76834511") format("woff"),url("http://www.caliberi.com/wp-content/plugins/wp-image-hover-lite/css/../fonts/fontello/fontello.ttf?76834511") format("truetype"),url("../fonts/fontello/fontello.svg?76834511#fontello") format("svg");  font-weight:normal;  font-style:normal; } .wpimagehover-wrapper{  position:relative;  overflow:hidden;  max-width:100%;  color:#ed4e6e;  text-align:center;  line-height:0.8em; } .wpimagehover-wrapper.alignnone{  display:-moz-inline-stack;  display:inline-block;  vertical-align:middle;  *vertical-align:auto;  zoom:1;  *display:inline; } .wpimagehover-wrapper img{  position:relative;  z-index:10; } .wpimagehover-wrapper .wpimagehover-overlay{  position:absolute;  width:100%;  height:99.8%;  z-index:1;  left:50%;  right:50%;  background:#2c3f52; } .wpimagehover-wrapper .wpimagehover-caption{  position:absolute;  left:0;  z-index:2;  height:auto;  width:100%;  top:auto;  bottom:0;  padding:10px 0px;  -webkit-backface-visibility:hidden;  -moz-backface-visibility:hidden;  backface-visibility:hidden; } .wpimagehover-wrapper .wpimagehover-caption h3{  padding:10px;  margin:0px;  font-size:15px;  height:auto; } .wpimagehover-wrapper .wpimagehover-button{  display:-moz-inline-stack;  display:inline-block;  vertical-align:middle;  *vertical-align:auto;  zoom:1;  *display:inline;  text-decoration:none;  margin:2px 15px;  padding:10px 15px;  color:#fff;  background:#ed4e6e;  font-size:16px;  font-weight:700;  line-height:18px; } .wpimagehover-wrapper .wpimagehover-button .wpimagehover-btn-icon{  font-size:14px; } .wpimagehover-wrapper .wpimagehover-button:hover{  background:#333; } .wpimagehover-wrapper.wpimagehover-small .wpimagehover-button,.wpimagehover-wrapper.wpimagehover-small .wpimagehover-socials{  float:none; } .wpimagehover-wrapper.wpimagehover-small .wpimagehover-button{  margin:0px; } .wpimagehover-wrapper.wpimagehover-anim-fade .wpimagehover-caption{  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);  opacity:0.2;  -webkit-transition:opacity 0.35s ease-in-out;  -moz-transition:opacity 0.35s ease-in-out;  -o-transition:opacity 0.35s ease-in-out;  transition:opacity 0.35s ease-in-out; } .wpimagehover-wrapper.wpimagehover-anim-fade img{  -webkit-transition:opacity 0.35s ease-in-out;  -moz-transition:opacity 0.35s ease-in-out;  -o-transition:opacity 0.35s ease-in-out;  transition:opacity 0.35s ease-in-out; } .wpimagehover-wrapper.wpimagehover-anim-fade:hover .wpimagehover-caption{  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity:1;  z-index:50; } .wpimagehover-wrapper.wpimagehover-anim-fade:hover img{  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);  opacity:0.2; } .wpimagehover-socials-circle .wpimagehover-icon{  -webkit-border-radius:50%;  -moz-border-radius:50%;  -ms-border-radius:50%;  -o-border-radius:50%;  border-radius:50%; } .wpimagehover-socials{  position:relative;  z-index:50;  display:block;  padding:0px 10px 10px;  margin:0 auto; } .wpimagehover-socials .buttons{  display:none!important; } .wpimagehover-socials a{  text-decoration:none;  padding:0px;  margin:0px;  border:0px; } .wpimagehover-socials .wpimagehover-icon{  font-family:'wpimagehover-fontello';  font-size:16px;  position:relative;  display:-moz-inline-stack;  display:inline-block;  vertical-align:middle;  *vertical-align:auto;  zoom:1;  *display:inline;  margin:5px; } .wpimagehover-socials .wpimagehover-icon:before{  display:block;  width:30px;  height:30px;  line-height:30px;  text-align:center;  speak:none; } .wpimagehover-socials .wpimagehover-icon.wpimagehover-icon-twitter:before{  content:'\e801'; } .wpimagehover-socials .wpimagehover-icon.wpimagehover-icon-facebook:before{  content:'\e800'; } .wpimagehover-socials .wpimagehover-icon.wpimagehover-icon-googleplus:before{  content:'\e802'; } .wpimagehover-socials .wpimagehover-icon.wpimagehover-icon-pinterest:before{  content:'\e807'; } .wpimagehover-socials .wpimagehover-icon.wpimagehover-icon-linkedin:before{  content:'\e803'; } .wpimagehover-socials .wpimagehover-icon.wpimagehover-icon-stumbleupon:before{  content:'\e80d'; } .wpimagehover-socials .wpimagehover-icon.wpimagehover-icon-digg:before{  content:'\e826'; } .wpimagehover-socials .wpimagehover-icon.wpimagehover-icon-delicious:before{  content:'\e82a'; } .wpimagehover-socials.wpimagehover-socials-colored .wpimagehover-icon{  color:#fff; } .wpimagehover-socials.wpimagehover-socials-colored .wpimagehover-icon.wpimagehover-icon-twitter{  background:#00ACED; } .wpimagehover-socials.wpimagehover-socials-colored .wpimagehover-icon.wpimagehover-icon-facebook{  background:#3B5998; } .wpimagehover-socials.wpimagehover-socials-colored .wpimagehover-icon.wpimagehover-icon-googleplus{  background:#D14836; } .wpimagehover-socials.wpimagehover-socials-colored .wpimagehover-icon.wpimagehover-icon-pinterest{  background:#CB2027; } .wpimagehover-socials.wpimagehover-socials-colored .wpimagehover-icon.wpimagehover-icon-linkedin{  background:#007FB1; } .wpimagehover-socials.wpimagehover-socials-colored .wpimagehover-icon.wpimagehover-icon-stumbleupon{  background:#EB4924; } .wpimagehover-socials.wpimagehover-socials-colored .wpimagehover-icon.wpimagehover-icon-digg{  background:#14589E; } .wpimagehover-socials.wpimagehover-socials-colored .wpimagehover-icon.wpimagehover-icon-delicious{  background:#3274D1; } .wpimagehover-socials.wpimagehover-socials-colored .wpimagehover-icon:hover{  background:#333; } .wpimagehover-overflow .wpimagehover-socials .wpimagehover-icon{  font-size:14px;  margin:2px; } .wpimagehover-overflow .wpimagehover-socials .wpimagehover-icon:before{  width:26px;  height:26px;  line-height:26px; } .wpimagehover-overflow .wpimagehover-button{  padding:5px 10px;  font-size:14px; } .wpimagehover-overflow.wpimagehover-wrapper .wpimagehover-caption{  padding-top:8px; } .wpimagehover-overflow.wpimagehover-wrapper .wpimagehover-caption h3{  font-size:14px;  padding-top:0px;  padding-bottom:5px; }
    /* elusive-icon: (http://www.caliberi.com/wp-content/plugins/wp-image-hover-lite/includes/redux-framework/ReduxCore/assets/css/vendor/elusive-icons/elusive-webfont.css) */
    @font-face{font-family:'Elusive-Icons';src:url("http://www.caliberi.com/wp-content/plugins/wp-image-hover-lite/includes/redux-framework/ReduxCore/assets/css/vendor/elusive-icons/font/Elusive-Icons.eot?v=2");src:url('font/Elusive-Icons.eot?#iefix&v=2') format('embedded-opentype'),url('font/Elusive-Icons.svg#Elusive-Icons?v=2') format('svg'),url("http://www.caliberi.com/wp-content/plugins/wp-image-hover-lite/includes/redux-framework/ReduxCore/assets/css/vendor/elusive-icons/font/Elusive-Icons.woff?v=2") format('woff'),url("http://www.caliberi.com/wp-content/plugins/wp-image-hover-lite/includes/redux-framework/ReduxCore/assets/css/vendor/elusive-icons/font/Elusive-Icons.ttf?v=2") format('truetype');font-weight:normal;font-style:normal}[class*="el-icon-"]{font-family:'Elusive-Icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn-large [class^="el-icon-"],.btn-large [class*=" el-icon-"]{margin-top:0}.el-icon-zoom-out:before{content:"\e600"}.el-icon-zoom-in:before{content:"\e601"}.el-icon-youtube:before{content:"\e602"}.el-icon-wrench-alt:before{content:"\e603"}.el-icon-wrench:before{content:"\e604"}.el-icon-wordpress:before{content:"\e605"}.el-icon-wheelchair:before{content:"\e606"}.el-icon-website-alt:before{content:"\e607"}.el-icon-website:before{content:"\e608"}.el-icon-warning-sign:before{content:"\e609"}.el-icon-w3c:before{content:"\e60a"}.el-icon-volume-up:before{content:"\e60b"}.el-icon-volume-off:before{content:"\e60c"}.el-icon-volume-down:before{content:"\e60d"}.el-icon-vkontakte:before{content:"\e60e"}.el-icon-vimeo:before{content:"\e60f"}.el-icon-view-mode:before{content:"\e610"}.el-icon-video-chat:before{content:"\e611"}.el-icon-video-alt:before{content:"\e612"}.el-icon-video:before{content:"\e613"}.el-icon-viadeo:before{content:"\e614"}.el-icon-user:before{content:"\e615"}.el-icon-usd:before{content:"\e616"}.el-icon-upload:before{content:"\e617"}.el-icon-unlock-alt:before{content:"\e618"}.el-icon-unlock:before{content:"\e619"}.el-icon-universal-access:before{content:"\e61a"}.el-icon-twitter:before{content:"\e61b"}.el-icon-tumblr:before{content:"\e61c"}.el-icon-trash-alt:before{content:"\e61d"}.el-icon-trash:before{content:"\e61e"}.el-icon-torso:before{content:"\e61f"}.el-icon-tint:before{content:"\e620"}.el-icon-time-alt:before{content:"\e621"}.el-icon-time:before{content:"\e622"}.el-icon-thumbs-up:before{content:"\e623"}.el-icon-thumbs-down:before{content:"\e624"}.el-icon-th-list:before{content:"\e625"}.el-icon-th-large:before{content:"\e626"}.el-icon-th:before{content:"\e627"}.el-icon-text-width:before{content:"\e628"}.el-icon-text-height:before{content:"\e629"}.el-icon-tasks:before{content:"\e62a"}.el-icon-tags:before{content:"\e62b"}.el-icon-tag:before{content:"\e62c"}.el-icon-stumbleupon:before{content:"\e62d"}.el-icon-stop-alt:before{content:"\e62e"}.el-icon-stop:before{content:"\e62f"}.el-icon-step-forward:before{content:"\e630"}.el-icon-step-backward:before{content:"\e631"}.el-icon-star-empty:before{content:"\e632"}.el-icon-star-alt:before{content:"\e633"}.el-icon-star:before{content:"\e634"}.el-icon-stackoverflow:before{content:"\e635"}.el-icon-spotify:before{content:"\e636"}.el-icon-speaker:before{content:"\e637"}.el-icon-soundcloud:before{content:"\e638"}.el-icon-smiley-alt:before{content:"\e639"}.el-icon-smiley:before{content:"\e63a"}.el-icon-slideshare:before{content:"\e63b"}.el-icon-skype:before{content:"\e63c"}.el-icon-signal:before{content:"\e63d"}.el-icon-shopping-cart-sign:before{content:"\e63e"}.el-icon-shopping-cart:before{content:"\e63f"}.el-icon-share-alt:before{content:"\e640"}.el-icon-share:before{content:"\e641"}.el-icon-search-alt:before{content:"\e642"}.el-icon-search:before{content:"\e643"}.el-icon-screenshot:before{content:"\e644"}.el-icon-screen-alt:before{content:"\e645"}.el-icon-screen:before{content:"\e646"}.el-icon-scissors:before{content:"\e647"}.el-icon-rss:before{content:"\e648"}.el-icon-road:before{content:"\e649"}.el-icon-reverse-alt:before{content:"\e64a"}.el-icon-retweet:before{content:"\e64b"}.el-icon-return-key:before{content:"\e64c"}.el-icon-resize-vertical:before{content:"\e64d"}.el-icon-resize-small:before{content:"\e64e"}.el-icon-resize-horizontal:before{content:"\e64f"}.el-icon-resize-full:before{content:"\e650"}.el-icon-repeat-alt:before{content:"\e651"}.el-icon-repeat:before{content:"\e652"}.el-icon-remove-sign:before{content:"\e653"}.el-icon-remove-circle:before{content:"\e654"}.el-icon-remove:before{content:"\e655"}.el-icon-refresh:before{content:"\e656"}.el-icon-reddit:before{content:"\e657"}.el-icon-record:before{content:"\e658"}.el-icon-random:before{content:"\e659"}.el-icon-quotes-alt:before{content:"\e65a"}.el-icon-quotes:before{content:"\e65b"}.el-icon-question-sign:before{content:"\e65c"}.el-icon-question:before{content:"\e65d"}.el-icon-qrcode:before{content:"\e65e"}.el-icon-puzzle:before{content:"\e65f"}.el-icon-print:before{content:"\e660"}.el-icon-podcast:before{content:"\e661"}.el-icon-plus-sign:before{content:"\e662"}.el-icon-plus:before{content:"\e663"}.el-icon-play-circle:before{content:"\e664"}.el-icon-play-alt:before{content:"\e665"}.el-icon-play:before{content:"\e666"}.el-icon-plane:before{content:"\e667"}.el-icon-pinterest:before{content:"\e668"}.el-icon-picture:before{content:"\e669"}.el-icon-picasa:before{content:"\e66a"}.el-icon-photo-alt:before{content:"\e66b"}.el-icon-photo:before{content:"\e66c"}.el-icon-phone-alt:before{content:"\e66d"}.el-icon-phone:before,.el-icon-earphone:before{content:"\e66e"}.el-icon-person:before{content:"\e66f"}.el-icon-pencil-alt:before{content:"\e670"}.el-icon-pencil:before{content:"\e671"}.el-icon-pause-alt:before{content:"\e672"}.el-icon-pause:before{content:"\e673"}.el-icon-path:before{content:"\e674"}.el-icon-paper-clip-alt:before,.el-icon-paperclip-alt:before{content:"\e675"}.el-icon-paper-clip:before,.el-icon-paperclip:before{content:"\e676"}.el-icon-opensource:before{content:"\e677"}.el-icon-ok-sign:before{content:"\e678"}.el-icon-ok-circle:before{content:"\e679"}.el-icon-ok:before{content:"\e67a"}.el-icon-off:before{content:"\e67b"}.el-icon-network:before{content:"\e67c"}.el-icon-myspace:before{content:"\e67d"}.el-icon-music:before{content:"\e67e"}.el-icon-move:before{content:"\e67f"}.el-icon-minus-sign:before{content:"\e680"}.el-icon-minus:before{content:"\e681"}.el-icon-mic-alt:before{content:"\e682"}.el-icon-mic:before{content:"\e683"}.el-icon-map-marker-alt:before{content:"\e684"}.el-icon-map-marker:before{content:"\e685"}.el-icon-male:before{content:"\e686"}.el-icon-magnet:before{content:"\e687"}.el-icon-magic:before{content:"\e688"}.el-icon-lock-alt:before{content:"\e689"}.el-icon-lock:before{content:"\e68a"}.el-icon-livejournal:before{content:"\e68b"}.el-icon-list-alt:before{content:"\e68c"}.el-icon-list:before{content:"\e68d"}.el-icon-linkedin:before{content:"\e68e"}.el-icon-link:before{content:"\e68f"}.el-icon-lines:before{content:"\e690"}.el-icon-leaf:before{content:"\e691"}.el-icon-lastfm:before{content:"\e692"}.el-icon-laptop-alt:before{content:"\e693"}.el-icon-laptop:before{content:"\e694"}.el-icon-key:before{content:"\e695"}.el-icon-italic:before{content:"\e696"}.el-icon-iphone-home:before{content:"\e697"}.el-icon-instagram:before{content:"\e698"}.el-icon-info-sign:before{content:"\e699"}.el-icon-indent-right:before{content:"\e69a"}.el-icon-indent-left:before{content:"\e69b"}.el-icon-inbox-box:before{content:"\e69c"}.el-icon-inbox-alt:before{content:"\e69d"}.el-icon-inbox:before{content:"\e69e"}.el-icon-idea-alt:before{content:"\e69f"}.el-icon-idea:before{content:"\e6a0"}.el-icon-hourglass:before{content:"\e6a1"}.el-icon-home-alt:before{content:"\e6a2"}.el-icon-home:before{content:"\e6a3"}.el-icon-heart-empty:before{content:"\e6a4"}.el-icon-heart-alt:before{content:"\e6a5"}.el-icon-heart:before{content:"\e6a6"}.el-icon-hearing-impaired:before{content:"\e6a7"}.el-icon-headphones:before{content:"\e6a8"}.el-icon-hdd:before{content:"\e6a9"}.el-icon-hand-up:before{content:"\e6aa"}.el-icon-hand-right:before{content:"\e6ab"}.el-icon-hand-left:before{content:"\e6ac"}.el-icon-hand-down:before{content:"\e6ad"}.el-icon-guidedog:before{content:"\e6ae"}.el-icon-group-alt:before{content:"\e6af"}.el-icon-group:before{content:"\e6b0"}.el-icon-graph-alt:before{content:"\e6b1"}.el-icon-graph:before{content:"\e6b2"}.el-icon-googleplus:before{content:"\e6b3"}.el-icon-globe-alt:before{content:"\e6b4"}.el-icon-globe:before{content:"\e6b5"}.el-icon-glasses:before{content:"\e6b6"}.el-icon-glass:before{content:"\e6b7"}.el-icon-github-text:before{content:"\e6b8"}.el-icon-github:before{content:"\e6b9"}.el-icon-gift:before{content:"\e6ba"}.el-icon-gbp:before{content:"\e6bb"}.el-icon-fullscreen:before{content:"\e6bc"}.el-icon-friendfeed-rect:before{content:"\e6bd"}.el-icon-friendfeed:before{content:"\e6be"}.el-icon-foursquare:before{content:"\e6bf"}.el-icon-forward-alt:before{content:"\e6c0"}.el-icon-forward:before{content:"\e6c1"}.el-icon-fork:before{content:"\e6c2"}.el-icon-fontsize:before{content:"\e6c3"}.el-icon-font:before{content:"\e6c4"}.el-icon-folder-sign:before{content:"\e6c5"}.el-icon-folder-open:before{content:"\e6c6"}.el-icon-folder-close:before{content:"\e6c7"}.el-icon-folder:before{content:"\e6c8"}.el-icon-flickr:before{content:"\e6c9"}.el-icon-flag-alt:before{content:"\e6ca"}.el-icon-flag:before{content:"\e6cb"}.el-icon-fire:before{content:"\e6cc"}.el-icon-filter:before{content:"\e6cd"}.el-icon-film:before{content:"\e6ce"}.el-icon-file-new-alt:before{content:"\e6cf"}.el-icon-file-new:before{content:"\e6d0"}.el-icon-file-edit-alt:before{content:"\e6d1"}.el-icon-file-edit:before{content:"\e6d2"}.el-icon-file-alt:before{content:"\e6d3"}.el-icon-file:before{content:"\e6d4"}.el-icon-female:before{content:"\e6d5"}.el-icon-fast-forward:before{content:"\e6d6"}.el-icon-fast-backward:before{content:"\e6d7"}.el-icon-facetime-video:before{content:"\e6d8"}.el-icon-facebook:before{content:"\e6d9"}.el-icon-eye-open:before{content:"\e6da"}.el-icon-eye-close:before{content:"\e6db"}.el-icon-exclamation-sign:before{content:"\e6dc"}.el-icon-eur:before{content:"\e6dd"}.el-icon-error-alt:before{content:"\e6de"}.el-icon-error:before{content:"\e6df"}.el-icon-envelope-alt:before{content:"\e6e0"}.el-icon-envelope:before{content:"\e6e1"}.el-icon-eject:before{content:"\e6e2"}.el-icon-edit:before{content:"\e6e3"}.el-icon-dribbble:before{content:"\e6e4"}.el-icon-download-alt:before{content:"\e6e5"}.el-icon-download:before{content:"\e6e6"}.el-icon-digg:before{content:"\e6e7"}.el-icon-deviantart:before{content:"\e6e8"}.el-icon-delicious:before{content:"\e6e9"}.el-icon-dashboard:before{content:"\e6ea"}.el-icon-css:before{content:"\e6eb"}.el-icon-credit-card:before{content:"\e6ec"}.el-icon-compass-alt:before{content:"\e6ed"}.el-icon-compass:before{content:"\e6ee"}.el-icon-comment-alt:before{content:"\e6ef"}.el-icon-comment:before{content:"\e6f0"}.el-icon-cogs:before{content:"\e6f1"}.el-icon-cog-alt:before{content:"\e6f2"}.el-icon-cog:before{content:"\e6f3"}.el-icon-cloud-alt:before{content:"\e6f4"}.el-icon-cloud:before{content:"\e6f5"}.el-icon-circle-arrow-up:before{content:"\e6f6"}.el-icon-circle-arrow-right:before{content:"\e6f7"}.el-icon-circle-arrow-left:before{content:"\e6f8"}.el-icon-circle-arrow-down:before{content:"\e6f9"}.el-icon-child:before{content:"\e6fa"}.el-icon-chevron-up:before{content:"\e6fb"}.el-icon-chevron-right:before{content:"\e6fc"}.el-icon-chevron-left:before{content:"\e6fd"}.el-icon-chevron-down:before{content:"\e6fe"}.el-icon-check-empty:before,.el-icon-unchecked:before{content:"\e6ff"}.el-icon-check:before{content:"\e700"}.el-icon-certificate:before{content:"\e701"}.el-icon-cc:before{content:"\e702"}.el-icon-caret-up:before{content:"\e703"}.el-icon-caret-right:before{content:"\e704"}.el-icon-caret-left:before{content:"\e705"}.el-icon-caret-down:before{content:"\e706"}.el-icon-car:before{content:"\e707"}.el-icon-camera:before{content:"\e708"}.el-icon-calendar-sign:before{content:"\e709"}.el-icon-calendar:before{content:"\e70a"}.el-icon-bullhorn:before{content:"\e70b"}.el-icon-bulb:before{content:"\e70c"}.el-icon-brush:before{content:"\e70d"}.el-icon-broom:before{content:"\e70e"}.el-icon-briefcase:before{content:"\e70f"}.el-icon-braille:before{content:"\e710"}.el-icon-bookmark-empty:before{content:"\e711"}.el-icon-bookmark:before{content:"\e712"}.el-icon-book:before{content:"\e713"}.el-icon-bold:before{content:"\e714"}.el-icon-blogger:before{content:"\e715"}.el-icon-blind:before{content:"\e716"}.el-icon-bell:before{content:"\e717"}.el-icon-behance:before{content:"\e718"}.el-icon-barcode:before{content:"\e719"}.el-icon-ban-circle:before{content:"\e71a"}.el-icon-backward:before{content:"\e71b"}.el-icon-asl:before{content:"\e71c"}.el-icon-arrow-up:before{content:"\e71d"}.el-icon-arrow-right:before{content:"\e71e"}.el-icon-arrow-left:before{content:"\e71f"}.el-icon-arrow-down:before{content:"\e720"}.el-icon-align-right:before{content:"\e721"}.el-icon-align-left:before{content:"\e722"}.el-icon-align-justify:before{content:"\e723"}.el-icon-align-center:before{content:"\e724"}.el-icon-adult:before{content:"\e725"}.el-icon-adjust-alt:before{content:"\e726"}.el-icon-adjust:before{content:"\e727"}.el-icon-address-book-alt:before{content:"\e728"}.el-icon-address-book:before{content:"\e729"}.el-icon-asterisk:before{content:"\e72a"}
    /* caliber-main-style: (http://www.caliberi.com/wp-content/themes/roots-master/assets/css/style.css) */
      a{ color:#999999; } a:hover{ color:#222222; } .grey{ background-color:#222222; } .grey:hover{ background-color:#999999; } .color{ background-color:#222222; } .color:hover{ background-color:#999999; } .parallax-overlay.parallax-background-color{ background-color:rgba(0,0,0,0.8); } span.text-color{ color:#fff; } .bar li span{ background-color:#222222; } .service-item.text-right .icon-stack{ color:#999999; } .service-item.text-left .icon-stack{ color:#999999; } ul.technology li i{ color:#999999; } ul.technology li:hover{ background-color:#222222; } ul.technology li:hover:before{ border-color:#fff #fff #4e4e4e #4e4e4e; } #filters ul li a:hover h5,#filters ul li a.active h5{ background-color:#222222; } .project-overlay{ background-color:#222222; } #contact-formular input[type="submit"]{ background:#222222; } #contact-formular input[type="submit"]:hover{ background:#999999; } #menu_top{ background-color:#222222; } .blog-title a{ color:#222222; } .blog-title a:hover{ color:#999999; } .blog-type{ background-color:#222222; } .post-quote{ background-color:#222222; } .post-quote:hover{ background-color:#999999; } #sidebar .widget_categories li a:hover{ color:#999999; } #sidebar .recent-posts li a:hover{ color:#999999; } #sidebar .tags a:hover{ background-color:#999999; } #sidebar .widget_archives li a:hover{ color:#999999; } .inner-navigation li a:hover span{ background-color:#999999; } .inner-navigation li a span{ background-color:#222222; } .accordion dt.accordion-active span.accordion-status{ background-color:#222222; } .toggle-active{ background:#222222; } ul.tabs .tab-active a{ background-color:#222; } .dropcap-normal{ color:#222222; } .dropcap.dark{ background-color:#222; } .counters i{ color:#999999; } .icons-ul li i{ color:#222222; } .the-icons li i{ color:#222222; }  .clearfix{ *zoom:1; } .clearfix:before,.clearfix:after{ display:table; content:""; line-height:0; } .clearfix:after{ clear:both; } .hide-text{ font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0; } .input-block-level{ display:block; width:100%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{ display:block; } audio,canvas,video{ display:inline-block; *display:inline; *zoom:1; } audio:not([controls]){ display:none; } html{ font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } a:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; } a:hover,a:active{ outline:0; } sub,sup{ position:relative; font-size:75%; line-height:0; vertical-align:baseline; } sup{ top:-0.5em; } sub{ bottom:-0.25em; } img{ max-width:100%; width:auto\9; height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic; } #map_canvas img,.google-maps img{ max-width:none; } button,input,select,textarea{ margin:0; font-size:100%; vertical-align:middle; } button,input{ *overflow:visible; line-height:normal; } button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; } button,html input[type="button"],input[type="reset"],input[type="submit"]{ -webkit-appearance:button; cursor:pointer; } label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{ cursor:pointer; } 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-decoration,input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none; } textarea{ overflow:auto; vertical-align:top; }@media print{   *{ text-shadow:none!important; color:#000!important; background:transparent!important; box-shadow:none!important; }a,a:visited{ text-decoration:underline; }a[href]:after{ content:" (" attr(href) ")"; }abbr[title]:after{ content:" (" attr(title) ")"; }.ir a:after,a[href^="javascript:"]:after,a[href^="#"]: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; } @page{ margin:0.5cm; }p,h2,h3{ orphans:3; widows:3; }h2,h3{ page-break-after:avoid; }} body{ margin:0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; line-height:20px; color:#333333; background-color:#ffffff; } a{ color:#0088cc; text-decoration:none; } a:hover{ color:#005580; text-decoration:underline; } .img-rounded{ -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .img-polaroid{ padding:4px; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1); box-shadow:0 1px 3px rgba(0,0,0,0.1); } .img-circle{ -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px; } .row{ margin-left:-20px; *zoom:1; } .row:before,.row:after{ display:table; content:""; line-height:0; } .row:after{ clear:both; } [class*="span"]{ float:left; min-height:1px; margin-left:20px; } .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{ width:940px; } .row-fluid{ width:100%; *zoom:1; } .row-fluid:before,.row-fluid:after{ display:table; content:""; line-height:0; } .row-fluid:after{ clear:both; } .row-fluid [class*="span"]{ display:block; width:100%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; margin-left:2.127659574468085%; *margin-left:2.074468085106383%; } .row-fluid [class*="span"]:first-child{ margin-left:0; } .row-fluid .controls-row [class*="span"] + [class*="span"]{ margin-left:2.127659574468085%; } .row-fluid .span12{ width:100%; *width:99.94680851063829%; } .row-fluid .span11{ width:91.48936170212765%; *width:91.43617021276594%; } .row-fluid .span10{ width:82.97872340425532%; *width:82.92553191489361%; } .row-fluid .span9{ width:74.46808510638297%; *width:74.41489361702126%; } .row-fluid .span8{ width:65.95744680851064%; *width:65.90425531914893%; } .row-fluid .span7{ width:57.44680851063829%; *width:57.39361702127659%; } .row-fluid .span6{ width:48.93617021276595%; *width:48.88297872340425%; } .row-fluid .span5{ width:40.42553191489362%; *width:40.37234042553192%; } .row-fluid .span4{ width:31.914893617021278%; *width:31.861702127659576%; } .row-fluid .span3{ width:23.404255319148934%; *width:23.351063829787233%; } .row-fluid .span2{ width:14.893617021276595%; *width:14.840425531914894%; } .row-fluid .span1{ width:6.382978723404255%; *width:6.329787234042553%; } .row-fluid .offset12{ margin-left:104.25531914893617%; *margin-left:104.14893617021275%; } .row-fluid .offset12:first-child{ margin-left:102.12765957446808%; *margin-left:102.02127659574467%; } .row-fluid .offset11{ margin-left:95.74468085106382%; *margin-left:95.6382978723404%; } .row-fluid .offset11:first-child{ margin-left:93.61702127659574%; *margin-left:93.51063829787232%; } .row-fluid .offset10{ margin-left:87.23404255319149%; *margin-left:87.12765957446807%; } .row-fluid .offset10:first-child{ margin-left:85.1063829787234%; *margin-left:84.99999999999999%; } .row-fluid .offset9{ margin-left:78.72340425531914%; *margin-left:78.61702127659572%; } .row-fluid .offset9:first-child{ margin-left:76.59574468085106%; *margin-left:76.48936170212764%; } .row-fluid .offset8{ margin-left:70.2127659574468%; *margin-left:70.10638297872339%; } .row-fluid .offset8:first-child{ margin-left:68.08510638297872%; *margin-left:67.9787234042553%; } .row-fluid .offset7{ margin-left:61.70212765957446%; *margin-left:61.59574468085106%; } .row-fluid .offset7:first-child{ margin-left:59.574468085106375%; *margin-left:59.46808510638297%; } .row-fluid .offset6{ margin-left:53.191489361702125%; *margin-left:53.085106382978715%; } .row-fluid .offset6:first-child{ margin-left:51.063829787234035%; *margin-left:50.95744680851063%; } .row-fluid .offset5{ margin-left:44.68085106382979%; *margin-left:44.57446808510638%; } .row-fluid .offset5:first-child{ margin-left:42.5531914893617%; *margin-left:42.4468085106383%; } .row-fluid .offset4{ margin-left:36.170212765957444%; *margin-left:36.06382978723405%; } .row-fluid .offset4:first-child{ margin-left:34.04255319148936%; *margin-left:33.93617021276596%; } .row-fluid .offset3{ margin-left:27.659574468085104%; *margin-left:27.5531914893617%; } .row-fluid .offset3:first-child{ margin-left:25.53191489361702%; *margin-left:25.425531914893618%; } .row-fluid .offset2{ margin-left:19.148936170212764%; *margin-left:19.04255319148936%; } .row-fluid .offset2:first-child{ margin-left:17.02127659574468%; *margin-left:16.914893617021278%; } .row-fluid .offset1{ margin-left:10.638297872340425%; *margin-left:10.53191489361702%; } .row-fluid .offset1:first-child{ margin-left:8.51063829787234%; *margin-left:8.404255319148938%; } [class*="span"].hide,.row-fluid [class*="span"].hide{ display:none; } [class*="span"].pull-right,.row-fluid [class*="span"].pull-right{ float:right; } .container:before,.container:after{ display:table; content:""; line-height:0; } .container:after{ clear:both; } .container-fluid{ padding-right:20px; padding-left:20px; *zoom:1; } .container-fluid:before,.container-fluid:after{ display:table; content:""; line-height:0; } .container-fluid:after{ clear:both; } p{ margin:0 0 10px; } .lead{ margin-bottom:20px; font-size:21px; font-weight:200; line-height:30px; } small{ font-size:85%; } strong{ font-weight:bold; } em{ font-style:italic; } cite{ font-style:normal; } .muted{ color:#999999; } a.muted:hover{ color:#808080; } .text-warning{ color:#c09853; } a.text-warning:hover{ color:#a47e3c; } .text-error{ color:#b94a48; } a.text-error:hover{ color:#953b39; } .text-info{ color:#3a87ad; } a.text-info:hover{ color:#2d6987; } .text-success{ color:#468847; } a.text-success:hover{ color:#356635; } h1,h2,h3,h4,h5,h6{ margin:10px 0; font-family:inherit; font-weight:bold; line-height:20px; color:inherit; text-rendering:optimizelegibility; } h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{ font-weight:normal; line-height:1; color:#999999; } h1,h2,h3{ line-height:40px; } h1{ font-size:38.5px; } h2{ font-size:31.5px; } h3{ font-size:24.5px; } h4{ font-size:17.5px; } h5{ font-size:14px; } h6{ font-size:11.9px; } h1 small{ font-size:24.5px; } h2 small{ font-size:17.5px; } h3 small{ font-size:14px; } h4 small{ font-size:14px; } .page-header{ padding-bottom:9px; margin:20px 0 30px; border-bottom:1px solid #eeeeee; } ul,ol{ padding:0; margin:0 0 10px 25px; } ul ul,ul ol,ol ol,ol ul{ margin-bottom:0; } li{ line-height:20px; } ul.unstyled,ol.unstyled{ margin-left:0; list-style:none; } ul.inline,ol.inline{ margin-left:0; list-style:none; } ul.inline>li,ol.inline>li{ display:inline-block; padding-left:5px; padding-right:5px; } dl{ margin-bottom:20px; } dt,dd{ line-height:20px; } dt{ font-weight:bold; } dd{ margin-left:10px; } .dl-horizontal{ *zoom:1; } .dl-horizontal:before,.dl-horizontal:after{ display:table; content:""; line-height:0; } .dl-horizontal:after{ clear:both; } .dl-horizontal dt{ float:left; width:160px; clear:left; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .dl-horizontal dd{ margin-left:180px; } hr{ margin:20px 0; border:0; border-top:1px solid #eeeeee; border-bottom:1px solid #ffffff; } abbr[title],abbr[data-original-title]{ cursor:help; border-bottom:1px dotted #999999; } abbr.initialism{ font-size:90%; text-transform:uppercase; } blockquote{ padding:0 0 0 15px; margin:0 0 20px; border-left:5px solid #eeeeee; } blockquote p{ margin-bottom:0; font-size:16px; font-weight:300; line-height:25px; } blockquote small{ display:block; line-height:20px; color:#999999; } blockquote small:before{ content:'\2014 \00A0'; } blockquote.pull-right{ float:right; padding-right:15px; padding-left:0; border-right:5px solid #eeeeee; border-left:0; } blockquote.pull-right p,blockquote.pull-right small{ text-align:right; } blockquote.pull-right small:before{ content:''; } blockquote.pull-right small:after{ content:'\00A0 \2014'; } q:before,q:after,blockquote:before,blockquote:after{ content:""; } address{ display:block; margin-bottom:20px; font-style:normal; line-height:20px; } code,pre{ padding:0 3px 2px; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; font-size:12px; color:#333333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } code{ padding:2px 4px; color:#d14; background-color:#f7f7f9; border:1px solid #e1e1e8; white-space:nowrap; } pre{ display:block; padding:9.5px; margin:0 0 10px; font-size:13px; line-height:20px; word-break:break-all; word-wrap:break-word; white-space:pre; white-space:pre-wrap; background-color:#f5f5f5; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.15); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } pre.prettyprint{ margin-bottom:20px; } pre code{ padding:0; color:inherit; white-space:pre; white-space:pre-wrap; background-color:transparent; border:0; } .pre-scrollable{ max-height:340px; overflow-y:scroll; } .label,.badge{ display:inline-block; padding:2px 4px; font-size:11.844px; font-weight:bold; line-height:14px; color:#ffffff; vertical-align:baseline; white-space:nowrap; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#999999; } .label{ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .badge{ padding-left:9px; padding-right:9px; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; } .label:empty,.badge:empty{ display:none; } a.label:hover,a.badge:hover{ color:#ffffff; text-decoration:none; cursor:pointer; } .label-important,.badge-important{ background-color:#b94a48; } .label-important[href],.badge-important[href]{ background-color:#953b39; } .label-warning,.badge-warning{ background-color:#f89406; } .label-warning[href],.badge-warning[href]{ background-color:#c67605; } .label-success,.badge-success{ background-color:#468847; } .label-success[href],.badge-success[href]{ background-color:#356635; } .label-info,.badge-info{ background-color:#3a87ad; } .label-info[href],.badge-info[href]{ background-color:#2d6987; } .label-inverse,.badge-inverse{ background-color:#333333; } .label-inverse[href],.badge-inverse[href]{ background-color:#1a1a1a; } .btn .label,.btn .badge{ position:relative; top:-1px; } .btn-mini .label,.btn-mini .badge{ top:0; } table{ max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; } .table{ width:100%; margin-bottom:20px; } .table th,.table td{ padding:8px; line-height:20px; text-align:left; vertical-align:top; border-top:1px solid #dddddd; } .table th{ font-weight:bold; } .table thead th{ vertical-align:bottom; } .table caption + thead tr:first-child th,.table caption + thead tr:first-child td,.table colgroup + thead tr:first-child th,.table colgroup + thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{ border-top:0; } .table tbody + tbody{ border-top:2px solid #dddddd; } .table .table{ background-color:#ffffff; } .table-condensed th,.table-condensed td{ padding:4px 5px; } .table-bordered{ border:1px solid #dddddd; border-collapse:separate; *border-collapse:collapse; border-left:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .table-bordered th,.table-bordered td{ border-left:1px solid #dddddd; } .table-bordered caption + thead tr:first-child th,.table-bordered caption + tbody tr:first-child th,.table-bordered caption + tbody tr:first-child td,.table-bordered colgroup + thead tr:first-child th,.table-bordered colgroup + tbody tr:first-child th,.table-bordered colgroup + tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{ border-top:0; } .table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child{ -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; } .table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child{ -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; } .table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child{ -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child{ -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child{ -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; border-bottom-left-radius:0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child{ -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; border-bottom-right-radius:0; } .table-bordered caption + thead tr:first-child th:first-child,.table-bordered caption + tbody tr:first-child td:first-child,.table-bordered colgroup + thead tr:first-child th:first-child,.table-bordered colgroup + tbody tr:first-child td:first-child{ -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; } .table-bordered caption + thead tr:first-child th:last-child,.table-bordered caption + tbody tr:first-child td:last-child,.table-bordered colgroup + thead tr:first-child th:last-child,.table-bordered colgroup + tbody tr:first-child td:last-child{ -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; } .table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{ background-color:#f9f9f9; } .table-hover tbody tr:hover td,.table-hover tbody tr:hover th{ background-color:#f5f5f5; } table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{ display:table-cell; float:none; margin-left:0; } .table td.span1,.table th.span1{ float:none; width:44px; margin-left:0; } .table td.span2,.table th.span2{ float:none; width:124px; margin-left:0; } .table td.span3,.table th.span3{ float:none; width:204px; margin-left:0; } .table td.span4,.table th.span4{ float:none; width:284px; margin-left:0; } .table td.span5,.table th.span5{ float:none; width:364px; margin-left:0; } .table td.span6,.table th.span6{ float:none; width:444px; margin-left:0; } .table td.span7,.table th.span7{ float:none; width:524px; margin-left:0; } .table td.span8,.table th.span8{ float:none; width:604px; margin-left:0; } .table td.span9,.table th.span9{ float:none; width:684px; margin-left:0; } .table td.span10,.table th.span10{ float:none; width:764px; margin-left:0; } .table td.span11,.table th.span11{ float:none; width:844px; margin-left:0; } .table td.span12,.table th.span12{ float:none; width:924px; margin-left:0; } .table tbody tr.success td{ background-color:#dff0d8; } .table tbody tr.error td{ background-color:#f2dede; } .table tbody tr.warning td{ background-color:#fcf8e3; } .table tbody tr.info td{ background-color:#d9edf7; } .table-hover tbody tr.success:hover td{ background-color:#d0e9c6; } .table-hover tbody tr.error:hover td{ background-color:#ebcccc; } .table-hover tbody tr.warning:hover td{ background-color:#faf2cc; } .table-hover tbody tr.info:hover td{ background-color:#c4e3f3; } form{ margin:0 0 20px; } fieldset{ padding:0; margin:0; border:0; } legend{ display:block; width:100%; padding:0; margin-bottom:20px; font-size:21px; line-height:40px; color:#333333; border:0; border-bottom:1px solid #e5e5e5; } legend small{ font-size:15px; color:#999999; } label,input,button,select,textarea{ font-size:14px; font-weight:normal; line-height:20px; } input,button,select,textarea{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; } label{ display:block; margin-bottom:5px; } select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{ display:inline-block; height:20px; padding:4px 6px; margin-bottom:10px; font-size:14px; line-height:20px; color:#555555; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; vertical-align:middle; } input,textarea,.uneditable-input{ width:206px; } textarea{ height:auto; } input[type="radio"],input[type="checkbox"]{ margin:4px 0 0; *margin-top:0; margin-top:1px \9; line-height:normal; } input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{ width:auto; } select,input[type="file"]{ height:30px; *margin-top:4px; line-height:30px; } select{ width:220px; border:1px solid #cccccc; background-color:#ffffff; } select[multiple],select[size]{ height:auto; } select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; } .uneditable-input,.uneditable-textarea{ color:#999999; background-color:#fcfcfc; border-color:#cccccc; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025); box-shadow:inset 0 1px 2px rgba(0,0,0,0.025); cursor:not-allowed; } .uneditable-input{ overflow:hidden; white-space:nowrap; } .uneditable-textarea{ width:auto; height:auto; } input:-moz-placeholder,textarea:-moz-placeholder{ color:#999999; } input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999999; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999999; } .radio,.checkbox{ min-height:20px; padding-left:20px; } .radio input[type="radio"],.checkbox input[type="checkbox"]{ float:left; margin-left:-20px; } .controls>.radio:first-child,.controls>.checkbox:first-child{ padding-top:5px; } .radio.inline,.checkbox.inline{ display:inline-block; padding-top:5px; margin-bottom:0; vertical-align:middle; } .radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline{ margin-left:10px; } .input-mini{ width:60px; } .input-small{ width:90px; } .input-medium{ width:150px; } .input-large{ width:210px; } .input-xlarge{ width:270px; } .input-xxlarge{ width:530px; } input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{ float:none; margin-left:0; } .input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{ display:inline-block; } input,textarea,.uneditable-input{ margin-left:0; } .controls-row [class*="span"] + [class*="span"]{ margin-left:20px; } input.span12,textarea.span12,.uneditable-input.span12{ width:926px; } input.span11,textarea.span11,.uneditable-input.span11{ width:846px; } input.span10,textarea.span10,.uneditable-input.span10{ width:766px; } input.span9,textarea.span9,.uneditable-input.span9{ width:686px; } input.span8,textarea.span8,.uneditable-input.span8{ width:606px; } input.span7,textarea.span7,.uneditable-input.span7{ width:526px; } input.span6,textarea.span6,.uneditable-input.span6{ width:446px; } input.span5,textarea.span5,.uneditable-input.span5{ width:366px; } input.span4,textarea.span4,.uneditable-input.span4{ width:286px; } input.span3,textarea.span3,.uneditable-input.span3{ width:206px; } input.span2,textarea.span2,.uneditable-input.span2{ width:126px; } input.span1,textarea.span1,.uneditable-input.span1{ width:46px; } .controls-row{ *zoom:1; } .controls-row:before,.controls-row:after{ display:table; content:""; line-height:0; } .controls-row:after{ clear:both; } .controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{ float:left; } .controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{ padding-top:5px; } input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{ cursor:not-allowed; background-color:#eeeeee; } input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{ background-color:transparent; } .control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{ color:#c09853; } .control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{ color:#c09853; } .control-group.warning input,.control-group.warning select,.control-group.warning textarea{ border-color:#c09853; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); } .control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{ border-color:#a47e3c; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e; } .control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{ color:#c09853; background-color:#fcf8e3; border-color:#c09853; } .control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{ color:#b94a48; } .control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{ color:#b94a48; } .control-group.error input,.control-group.error select,.control-group.error textarea{ border-color:#b94a48; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); } .control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{ border-color:#953b39; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392; } .control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{ color:#b94a48; background-color:#f2dede; border-color:#b94a48; } .control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{ color:#468847; } .control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{ color:#468847; } .control-group.success input,.control-group.success select,.control-group.success textarea{ border-color:#468847; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); } .control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{ border-color:#356635; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{ color:#468847; background-color:#dff0d8; border-color:#468847; } .control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{ color:#3a87ad; } .control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{ color:#3a87ad; } .control-group.info input,.control-group.info select,.control-group.info textarea{ border-color:#3a87ad; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); } .control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{ border-color:#2d6987; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{ color:#3a87ad; background-color:#d9edf7; border-color:#3a87ad; } input:focus:invalid,textarea:focus:invalid,select:focus:invalid{ color:#b94a48; border-color:#ee5f5b; } input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{ border-color:#e9322d; -webkit-box-shadow:0 0 6px #f8b9b7; -moz-box-shadow:0 0 6px #f8b9b7; box-shadow:0 0 6px #f8b9b7; } .form-actions{ padding:19px 20px 20px; margin-top:20px; margin-bottom:20px; background-color:#f5f5f5; border-top:1px solid #e5e5e5; *zoom:1; } .form-actions:before,.form-actions:after{ display:table; content:""; line-height:0; } .form-actions:after{ clear:both; } .help-block,.help-inline{ color:#595959; } .help-block{ display:block; margin-bottom:10px; } .help-inline{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding-left:5px; } .input-append,.input-prepend{ margin-bottom:5px; font-size:0; white-space:nowrap; } .input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu{ font-size:14px; } .input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{ position:relative; margin-bottom:0; *margin-left:0; vertical-align:top; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{ z-index:2; } .input-append .add-on,.input-prepend .add-on{ display:inline-block; width:auto; height:20px; min-width:16px; padding:4px 5px; font-size:14px; font-weight:normal; line-height:20px; text-align:center; text-shadow:0 1px 0 #ffffff; background-color:#eeeeee; border:1px solid #ccc; } .input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{ vertical-align:top; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .input-append .active,.input-prepend .active{ background-color:#a9dba9; border-color:#46a546; } .input-prepend .add-on,.input-prepend .btn{ margin-right:-1px; } .input-prepend .add-on:first-child,.input-prepend .btn:first-child{ -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .input-append input,.input-append select,.input-append .uneditable-input{ -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .input-append input + .btn-group .btn:last-child,.input-append select + .btn-group .btn:last-child,.input-append .uneditable-input + .btn-group .btn:last-child{ -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .input-append .add-on,.input-append .btn,.input-append .btn-group{ margin-left:-1px; } .input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle{ -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .input-prepend.input-append input + .btn-group .btn,.input-prepend.input-append select + .btn-group .btn,.input-prepend.input-append .uneditable-input + .btn-group .btn{ -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{ margin-right:-1px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{ margin-left:-1px; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child{ margin-left:0; } input.search-query{ padding-right:14px; padding-right:4px \9; padding-left:14px; padding-left:4px \9; margin-bottom:0; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } .form-search .input-append .search-query,.form-search .input-prepend .search-query{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .form-search .input-append .search-query{ -webkit-border-radius:14px 0 0 14px; -moz-border-radius:14px 0 0 14px; border-radius:14px 0 0 14px; } .form-search .input-append .btn{ -webkit-border-radius:0 14px 14px 0; -moz-border-radius:0 14px 14px 0; border-radius:0 14px 14px 0; } .form-search .input-prepend .search-query{ -webkit-border-radius:0 14px 14px 0; -moz-border-radius:0 14px 14px 0; border-radius:0 14px 14px 0; } .form-search .input-prepend .btn{ -webkit-border-radius:14px 0 0 14px; -moz-border-radius:14px 0 0 14px; border-radius:14px 0 0 14px; } .form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{ display:inline-block; *display:inline; *zoom:1; margin-bottom:0; vertical-align:middle; } .form-search .hide,.form-inline .hide,.form-horizontal .hide{ display:none; } .form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{ display:inline-block; } .form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{ margin-bottom:0; } .form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{ padding-left:0; margin-bottom:0; vertical-align:middle; } .form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{ float:left; margin-right:3px; margin-left:0; } .control-group{ margin-bottom:10px; } legend + .control-group{ margin-top:20px; -webkit-margin-top-collapse:separate; } .form-horizontal .control-group{ margin-bottom:20px; *zoom:1; } .form-horizontal .control-group:before,.form-horizontal .control-group:after{ display:table; content:""; line-height:0; } .form-horizontal .control-group:after{ clear:both; } .form-horizontal .control-label{ float:left; width:160px; padding-top:5px; text-align:right; } .form-horizontal .controls{ *display:inline-block; *padding-left:20px; margin-left:180px; *margin-left:0; } .form-horizontal .controls:first-child{ *padding-left:180px; } .form-horizontal .help-block{ margin-bottom:0; } .form-horizontal input + .help-block,.form-horizontal select + .help-block,.form-horizontal textarea + .help-block,.form-horizontal .uneditable-input + .help-block,.form-horizontal .input-prepend + .help-block,.form-horizontal .input-append + .help-block{ margin-top:10px; } .form-horizontal .form-actions{ padding-left:180px; } .btn{ display:inline-block; *display:inline; *zoom:1; padding:4px 12px; margin-bottom:0; font-size:14px; line-height:20px; text-align:center; vertical-align:middle; cursor:pointer; color:#333333; text-shadow:0 1px 1px rgba(255,255,255,0.75); background-color:#f5f5f5; background-image:-moz-linear-gradient(top,white,#e6e6e6); background-image:-webkit-gradient(linear,0 0,0 100%,from(white),to(#e6e6e6)); background-image:-webkit-linear-gradient(top,white,#e6e6e6); background-image:-o-linear-gradient(top,white,#e6e6e6); background-image:linear-gradient(to bottom,#ffffff,#e6e6e6); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); border-color:#e6e6e6 #e6e6e6 #bfbfbf; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#e6e6e6; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); border:1px solid #bbbbbb; *border:0; border-bottom-color:#a2a2a2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; *margin-left:.3em; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); } .btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{ color:#333333; background-color:#e6e6e6; *background-color:#d9d9d9; } .btn:active,.btn.active{ background-color:#cccccc \9; } .btn:first-child{ *margin-left:0; } .btn:hover{ color:#333333; text-decoration:none; background-position:0 -15px; -webkit-transition:background-position 0.1s linear; -moz-transition:background-position 0.1s linear; -o-transition:background-position 0.1s linear; transition:background-position 0.1s linear; } .btn:focus{ outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; } .btn.active,.btn:active{ background-image:none; outline:0; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); } .btn.disabled,.btn[disabled]{ cursor:default; background-image:none; opacity:0.65; filter:alpha(opacity=65); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .btn-large{ padding:11px 19px; font-size:17.5px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .btn-large [class^="icon-"],.btn-large [class*=" icon-"]{ margin-top:4px; } .btn-small{ padding:2px 10px; font-size:11.9px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .btn-small [class^="icon-"],.btn-small [class*=" icon-"]{ margin-top:0; } .btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{ margin-top:-1px; } .btn-mini{ padding:0 6px; font-size:10.5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .btn-block{ display:block; width:100%; padding-left:0; padding-right:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .btn-block + .btn-block{ margin-top:5px; } input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{ width:100%; } .btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{ color:rgba(255,255,255,0.75); } .btn{ border-color:#c5c5c5; border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25); } .btn-primary{ color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#006dcc; background-image:-moz-linear-gradient(top,#0088cc,#0044cc); background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0044cc)); background-image:-webkit-linear-gradient(top,#0088cc,#0044cc); background-image:-o-linear-gradient(top,#0088cc,#0044cc); background-image:linear-gradient(to bottom,#0088cc,#0044cc); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0); border-color:#0044cc #0044cc #002a80; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#0044cc; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{ color:#ffffff; background-color:#0044cc; *background-color:#003bb3; } .btn-primary:active,.btn-primary.active{ background-color:#003399 \9; } .btn-warning{ color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#faa732; background-image:-moz-linear-gradient(top,#fbb450,#f89406); background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406)); background-image:-webkit-linear-gradient(top,#fbb450,#f89406); background-image:-o-linear-gradient(top,#fbb450,#f89406); background-image:linear-gradient(to bottom,#fbb450,#f89406); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0); border-color:#f89406 #f89406 #ad6704; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#f89406; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{ color:#ffffff; background-color:#f89406; *background-color:#df8505; } .btn-warning:active,.btn-warning.active{ background-color:#c67605 \9; } .btn-danger{ color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#da4f49; background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f); background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f)); background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f); background-image:-o-linear-gradient(top,#ee5f5b,#bd362f); background-image:linear-gradient(to bottom,#ee5f5b,#bd362f); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0); border-color:#bd362f #bd362f #802420; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#bd362f; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{ color:#ffffff; background-color:#bd362f; *background-color:#a9302a; } .btn-danger:active,.btn-danger.active{ background-color:#942a25 \9; } .btn-success{ color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#5bb75b; background-image:-moz-linear-gradient(top,#62c462,#51a351); background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)); background-image:-webkit-linear-gradient(top,#62c462,#51a351); background-image:-o-linear-gradient(top,#62c462,#51a351); background-image:linear-gradient(to bottom,#62c462,#51a351); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0); border-color:#51a351 #51a351 #387038; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#51a351; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{ color:#ffffff; background-color:#51a351; *background-color:#499249; } .btn-success:active,.btn-success.active{ background-color:#408140 \9; } .btn-info{ color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#49afcd; background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4); background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4)); background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4); background-image:-o-linear-gradient(top,#5bc0de,#2f96b4); background-image:linear-gradient(to bottom,#5bc0de,#2f96b4); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0); border-color:#2f96b4 #2f96b4 #1f6377; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#2f96b4; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{ color:#ffffff; background-color:#2f96b4; *background-color:#2a85a0; } .btn-info:active,.btn-info.active{ background-color:#24748c \9; } .btn-inverse{ color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#363636; background-image:-moz-linear-gradient(top,#444444,#222222); background-image:-webkit-gradient(linear,0 0,0 100%,from(#444444),to(#222222)); background-image:-webkit-linear-gradient(top,#444444,#222222); background-image:-o-linear-gradient(top,#444444,#222222); background-image:linear-gradient(to bottom,#444444,#222222); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0); border-color:#222222 #222222 #000000; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#222222; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{ color:#ffffff; background-color:#222222; *background-color:#151515; } .btn-inverse:active,.btn-inverse.active{ background-color:#080808 \9; } button.btn,input[type="submit"].btn{ *padding-top:3px; *padding-bottom:3px; } button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{ padding:0; border:0; } button.btn.btn-large,input[type="submit"].btn.btn-large{ *padding-top:7px; *padding-bottom:7px; } button.btn.btn-small,input[type="submit"].btn.btn-small{ *padding-top:3px; *padding-bottom:3px; } button.btn.btn-mini,input[type="submit"].btn.btn-mini{ *padding-top:1px; *padding-bottom:1px; } .btn-link,.btn-link:active,.btn-link[disabled]{ background-color:transparent; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .btn-link{ border-color:transparent; cursor:pointer; color:#0088cc; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .btn-link:hover{ color:#005580; text-decoration:underline; background-color:transparent; } .btn-link[disabled]:hover{ color:#333333; text-decoration:none; } .btn-group{ position:relative; display:inline-block; *display:inline; *zoom:1; font-size:0; vertical-align:middle; white-space:nowrap; *margin-left:.3em; } .btn-group:first-child{ *margin-left:0; } .btn-group + .btn-group{ margin-left:5px; } .btn-toolbar{ font-size:0; margin-top:10px; margin-bottom:10px; } .btn-toolbar>.btn + .btn,.btn-toolbar>.btn-group + .btn,.btn-toolbar>.btn + .btn-group{ margin-left:5px; } .btn-group>.btn{ position:relative; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .btn-group>.btn + .btn{ margin-left:-1px; } .btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover{ font-size:14px; } .btn-group>.btn-mini{ font-size:10.5px; } .btn-group>.btn-small{ font-size:11.9px; } .btn-group>.btn-large{ font-size:17.5px; } .btn-group>.btn:first-child{ margin-left:0; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .btn-group>.btn:last-child,.btn-group>.dropdown-toggle{ -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; } .btn-group>.btn.large:first-child{ margin-left:0; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; } .btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle{ -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; } .btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{ z-index:2; } .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{ outline:0; } .btn-group>.btn + .dropdown-toggle{ padding-left:8px; padding-right:8px; -webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow:inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); *padding-top:5px; *padding-bottom:5px; } .btn-group>.btn-mini + .dropdown-toggle{ padding-left:5px; padding-right:5px; *padding-top:2px; *padding-bottom:2px; } .btn-group>.btn-small + .dropdown-toggle{ *padding-top:5px; *padding-bottom:4px; } .btn-group>.btn-large + .dropdown-toggle{ padding-left:12px; padding-right:12px; *padding-top:7px; *padding-bottom:7px; } .btn-group.open .dropdown-toggle{ background-image:none; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); } .btn-group.open .btn.dropdown-toggle{ background-color:#e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle{ background-color:#0044cc; } .btn-group.open .btn-warning.dropdown-toggle{ background-color:#f89406; } .btn-group.open .btn-danger.dropdown-toggle{ background-color:#bd362f; } .btn-group.open .btn-success.dropdown-toggle{ background-color:#51a351; } .btn-group.open .btn-info.dropdown-toggle{ background-color:#2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle{ background-color:#222222; } .btn .caret{ margin-top:8px; margin-left:0; } .btn-mini .caret,.btn-small .caret,.btn-large .caret{ margin-top:6px; } .btn-large .caret{ border-left-width:5px; border-right-width:5px; border-top-width:5px; } .dropup .btn-large .caret{ border-bottom-width:5px; } .btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{ border-top-color:#ffffff; border-bottom-color:#ffffff; } .btn-group-vertical{ display:inline-block; *display:inline; *zoom:1; } .btn-group-vertical>.btn{ display:block; float:none; max-width:100%; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .btn-group-vertical>.btn + .btn{ margin-left:0; margin-top:-1px; } .btn-group-vertical>.btn:first-child{ -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } .btn-group-vertical>.btn:last-child{ -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .btn-group-vertical>.btn-large:first-child{ -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; } .btn-group-vertical>.btn-large:last-child{ -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; } .nav{ margin-left:0; margin-bottom:20px; list-style:none; } .nav>li>a{ display:block; } .nav>li>a:hover{ text-decoration:none; background-color:#eeeeee; } .nav>li>a>img{ max-width:none; } .nav>.pull-right{ float:right; } .nav-header{ display:block; padding:3px 15px; font-size:11px; font-weight:bold; line-height:20px; color:#999999; text-shadow:0 1px 0 rgba(255,255,255,0.5); text-transform:uppercase; } .nav li + .nav-header{ margin-top:9px; } .nav-list{ padding-left:15px; padding-right:15px; margin-bottom:0; } .nav-list>li>a,.nav-list .nav-header{ margin-left:-15px; margin-right:-15px; text-shadow:0 1px 0 rgba(255,255,255,0.5); } .nav-list>li>a{ padding:3px 15px; } .nav-list>.active>a,.nav-list>.active>a:hover{ color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.2); background-color:#0088cc; } .nav-list [class^="icon-"],.nav-list [class*=" icon-"]{ margin-right:2px; } .nav-list .divider{ *width:100%; height:1px; margin:9px 1px; *margin:-5px 0 5px; overflow:hidden; background-color:#e5e5e5; border-bottom:1px solid #ffffff; } .nav-tabs,.nav-pills{ *zoom:1; } .nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{ display:table; content:""; line-height:0; } .nav-tabs:after,.nav-pills:after{ clear:both; } .nav-tabs>li,.nav-pills>li{ float:left; } .nav-tabs>li>a,.nav-pills>li>a{ padding-right:12px; padding-left:12px; margin-right:2px; line-height:14px; } .nav-tabs{ border-bottom:1px solid #ddd; } .nav-tabs>li{ margin-bottom:-1px; } .nav-tabs>li>a{ padding-top:8px; padding-bottom:8px; line-height:20px; border:1px solid transparent; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } .nav-tabs>li>a:hover{ border-color:#eeeeee #eeeeee #dddddd; } .nav-tabs>.active>a,.nav-tabs>.active>a:hover{ color:#555555; background-color:#ffffff; border:1px solid #ddd; border-bottom-color:transparent; cursor:default; } .nav-pills>li>a{ padding-top:8px; padding-bottom:8px; margin-top:2px; margin-bottom:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .nav-pills>.active>a,.nav-pills>.active>a:hover{ color:#ffffff; background-color:#0088cc; } .nav-stacked>li{ float:none; } .nav-stacked>li>a{ margin-right:0; } .nav-tabs.nav-stacked{ border-bottom:0; } .nav-tabs.nav-stacked>li>a{ border:1px solid #ddd; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .nav-tabs.nav-stacked>li:first-child>a{ -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; } .nav-tabs.nav-stacked>li:last-child>a{ -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .nav-tabs.nav-stacked>li>a:hover{ border-color:#ddd; z-index:2; } .nav-pills.nav-stacked>li>a{ margin-bottom:3px; } .nav-pills.nav-stacked>li:last-child>a{ margin-bottom:1px; } .nav-tabs .dropdown-menu{ -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; } .nav-pills .dropdown-menu{ -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .nav .dropdown-toggle .caret{ border-top-color:#0088cc; border-bottom-color:#0088cc; margin-top:6px; } .nav .dropdown-toggle:hover .caret{ border-top-color:#005580; border-bottom-color:#005580; } .nav-tabs .dropdown-toggle .caret{ margin-top:8px; } .nav .active .dropdown-toggle .caret{ border-top-color:#fff; border-bottom-color:#fff; } .nav-tabs .active .dropdown-toggle .caret{ border-top-color:#555555; border-bottom-color:#555555; } .nav>.dropdown.active>a:hover{ cursor:pointer; } .nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret{ border-top-color:#ffffff; border-bottom-color:#ffffff; opacity:1; filter:alpha(opacity=100); } .tabs-stacked .open>a:hover{ border-color:#999999; } .tabbable{ *zoom:1; } .tabbable:before,.tabbable:after{ display:table; content:""; line-height:0; } .tabbable:after{ clear:both; } .tab-content{ overflow:auto; } .tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{ border-bottom:0; } .tab-content>.tab-pane,.pill-content>.pill-pane{ display:none; } .tab-content>.active,.pill-content>.active{ display:block; } .tabs-below>.nav-tabs{ border-top:1px solid #ddd; } .tabs-below>.nav-tabs>li{ margin-top:-1px; margin-bottom:0; } .tabs-below>.nav-tabs>li>a{ -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .tabs-below>.nav-tabs>li>a:hover{ border-bottom-color:transparent; border-top-color:#ddd; } .tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover{ border-color:transparent #ddd #ddd #ddd; } .tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{ float:none; } .tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{ min-width:74px; margin-right:0; margin-bottom:3px; } .tabs-left>.nav-tabs{ float:left; margin-right:19px; border-right:1px solid #ddd; } .tabs-left>.nav-tabs>li>a{ margin-right:-1px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .tabs-left>.nav-tabs>li>a:hover{ border-color:#eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover{ border-color:#ddd transparent #ddd #ddd; *border-right-color:#ffffff; } .tabs-right>.nav-tabs{ float:right; margin-left:19px; border-left:1px solid #ddd; } .tabs-right>.nav-tabs>li>a{ margin-left:-1px; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .tabs-right>.nav-tabs>li>a:hover{ border-color:#eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover{ border-color:#ddd #ddd #ddd transparent; *border-left-color:#ffffff; } .nav>.disabled>a{ color:#999999; } .nav>.disabled>a:hover{ text-decoration:none; background-color:transparent; cursor:default; } .navbar{ overflow:visible; margin-bottom:20px; *position:relative; *z-index:2; } .navbar-inner{ min-height:40px; padding-left:20px; padding-right:20px; background-color:#fafafa; background-image:-moz-linear-gradient(top,white,#f2f2f2); background-image:-webkit-gradient(linear,0 0,0 100%,from(white),to(#f2f2f2)); background-image:-webkit-linear-gradient(top,white,#f2f2f2); background-image:-o-linear-gradient(top,white,#f2f2f2); background-image:linear-gradient(to bottom,#ffffff,#f2f2f2); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0); border:1px solid #d4d4d4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.065); box-shadow:0 1px 4px rgba(0,0,0,0.065); *zoom:1; } .navbar-inner:before,.navbar-inner:after{ display:table; content:""; line-height:0; } .navbar-inner:after{ clear:both; } .navbar .container{ width:auto; } .nav-collapse.collapse{ height:auto; overflow:visible; } .navbar .brand{ float:left; display:block; padding:10px 20px 10px; margin-left:-20px; font-size:20px; font-weight:200; color:#777777; text-shadow:0 1px 0 #ffffff; } .navbar .brand:hover{ text-decoration:none; } .navbar-text{ margin-bottom:0; line-height:40px; color:#777777; } .navbar-link{ color:#777777; } .navbar-link:hover{ color:#333333; } .navbar .divider-vertical{ height:40px; margin:0 9px; border-left:1px solid #f2f2f2; border-right:1px solid #ffffff; } .navbar .btn,.navbar .btn-group{ margin-top:5px; } .navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn{ margin-top:0; } .navbar-form{ margin-bottom:0; *zoom:1; } .navbar-form:before,.navbar-form:after{ display:table; content:""; line-height:0; } .navbar-form:after{ clear:both; } .navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{ margin-top:5px; } .navbar-form input,.navbar-form select,.navbar-form .btn{ display:inline-block; margin-bottom:0; } .navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{ margin-top:3px; } .navbar-form .input-append,.navbar-form .input-prepend{ margin-top:5px; white-space:nowrap; } .navbar-form .input-append input,.navbar-form .input-prepend input{ margin-top:0; } .navbar-search{ position:relative; float:left; margin-top:5px; margin-bottom:0; } .navbar-search .search-query{ margin-bottom:0; padding:4px 14px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; font-weight:normal; line-height:1; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } .navbar-static-top{ position:static; margin-bottom:0; } .navbar-static-top .navbar-inner{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .navbar-fixed-top,.navbar-fixed-bottom{ position:fixed; right:0; left:0; z-index:1030; margin-bottom:0; } .navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{ border-width:0 0 1px; } .navbar-fixed-bottom .navbar-inner{ border-width:1px 0 0; } .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{ padding-left:0; padding-right:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .navbar-fixed-top{ top:0; } .navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{ -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,0.1); box-shadow:0 1px 10px rgba(0,0,0,0.1); } .navbar-fixed-bottom{ bottom:0; } .navbar-fixed-bottom .navbar-inner{ -webkit-box-shadow:0 -1px 10px rgba(0,0,0,0.1); -moz-box-shadow:0 -1px 10px rgba(0,0,0,0.1); box-shadow:0 -1px 10px rgba(0,0,0,0.1); } .navbar .nav{ position:relative; left:0; display:block; float:left; margin:0 10px 0 0; } .navbar .nav.pull-right{ float:right; margin-right:0; } .navbar .nav>li{ float:left; } .navbar .nav>li>a{ float:none; padding:10px 15px 10px; color:#777777; text-decoration:none; text-shadow:0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret{ margin-top:8px; } .navbar .nav>li>a:focus,.navbar .nav>li>a:hover{ background-color:transparent; color:#333333; text-decoration:none; } .navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{ color:#555555; text-decoration:none; background-color:#e5e5e5; -webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125); -moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125); box-shadow:inset 0 3px 8px rgba(0,0,0,0.125); } .navbar .btn-navbar{ display:none; float:right; padding:7px 10px; margin-left:5px; margin-right:5px; color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#ededed; background-image:-moz-linear-gradient(top,#f2f2f2,#e5e5e5); background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5)); background-image:-webkit-linear-gradient(top,#f2f2f2,#e5e5e5); background-image:-o-linear-gradient(top,#f2f2f2,#e5e5e5); background-image:linear-gradient(to bottom,#f2f2f2,#e5e5e5); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0); border-color:#e5e5e5 #e5e5e5 #bfbfbf; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#e5e5e5; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075); box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075); } .navbar .btn-navbar:hover,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{ color:#ffffff; background-color:#e5e5e5; *background-color:#d9d9d9; } .navbar .btn-navbar:active,.navbar .btn-navbar.active{ background-color:#cccccc \9; } .navbar .btn-navbar .icon-bar{ display:block; width:18px; height:2px; background-color:#f5f5f5; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.25); box-shadow:0 1px 0 rgba(0,0,0,0.25); } .btn-navbar .icon-bar + .icon-bar{ margin-top:3px; } .navbar-fixed-bottom .nav>li>.dropdown-menu:before{ border-top:7px solid #ccc; border-top-color:rgba(0,0,0,0.2); border-bottom:0; bottom:-7px; top:auto; } .navbar-fixed-bottom .nav>li>.dropdown-menu:after{ border-top:6px solid #ffffff; border-bottom:0; bottom:-6px; top:auto; } .navbar .nav li.dropdown>a:hover .caret{ border-top-color:#555555; border-bottom-color:#555555; } .navbar .nav li.dropdown>.dropdown-toggle .caret{ border-top-color:#777777; border-bottom-color:#777777; } .navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{ border-top-color:#555555; border-bottom-color:#555555; } .navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right{ left:auto; right:0; } .navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before{ left:auto; right:12px; } .navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after{ left:auto; right:13px; } .navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu{ left:auto; right:100%; margin-left:0; margin-right:-1px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; } .navbar-inverse .navbar-inner{ background-color:#1b1b1b; background-image:-moz-linear-gradient(top,#222222,#111111); background-image:-webkit-gradient(linear,0 0,0 100%,from(#222222),to(#111111)); background-image:-webkit-linear-gradient(top,#222222,#111111); background-image:-o-linear-gradient(top,#222222,#111111); background-image:linear-gradient(to bottom,#222222,#111111); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0); border-color:#252525; } .navbar-inverse .brand,.navbar-inverse .nav>li>a{ color:#999999; text-shadow:0 -1px 0 rgba(0,0,0,0.25); } .navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover{ color:#ffffff; } .navbar-inverse .brand{ color:#999999; } .navbar-inverse .navbar-text{ color:#999999; } .navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{ background-color:transparent; color:#ffffff; } .navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{ color:#ffffff; background-color:#111111; } .navbar-inverse .navbar-link{ color:#999999; } .navbar-inverse .navbar-link:hover{ color:#ffffff; } .navbar-inverse .divider-vertical{ border-left-color:#111111; border-right-color:#222222; } .navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{ background-color:#111111; color:#ffffff; } .navbar-inverse .nav li.dropdown>a:hover .caret{ border-top-color:#ffffff; border-bottom-color:#ffffff; } .navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{ border-top-color:#999999; border-bottom-color:#999999; } .navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret{ border-top-color:#ffffff; border-bottom-color:#ffffff; } .navbar-inverse .navbar-search .search-query{ color:#ffffff; background-color:#515151; border-color:#111111; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15); box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15); -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder{ color:#cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder{ color:#cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{ color:#cccccc; } .navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{ padding:5px 15px; color:#333333; text-shadow:0 1px 0 #ffffff; background-color:#ffffff; border:0; -webkit-box-shadow:0 0 3px rgba(0,0,0,0.15); -moz-box-shadow:0 0 3px rgba(0,0,0,0.15); box-shadow:0 0 3px rgba(0,0,0,0.15); outline:0; } .navbar-inverse .btn-navbar{ color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#0e0e0e; background-image:-moz-linear-gradient(top,#151515,#040404); background-image:-webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404)); background-image:-webkit-linear-gradient(top,#151515,#040404); background-image:-o-linear-gradient(top,#151515,#040404); background-image:linear-gradient(to bottom,#151515,#040404); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',endColorstr='#ff040404',GradientType=0); border-color:#040404 #040404 #000000; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color:#040404; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled]{ color:#ffffff; background-color:#040404; *background-color:#000000; } .navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{ background-color:#000000 \9; } .breadcrumb{ padding:8px 15px; margin:0 0 20px; list-style:none; background-color:#f5f5f5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .breadcrumb>li{ display:inline-block; *display:inline; *zoom:1; text-shadow:0 1px 0 #ffffff; } .breadcrumb>li>.divider{ padding:0 5px; color:#ccc; } .breadcrumb>.active{ color:#999999; } .pagination{ margin:20px 0; } .pagination ul{ display:inline-block; *display:inline; *zoom:1; margin-left:0; margin-bottom:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.05); box-shadow:0 1px 2px rgba(0,0,0,0.05); } .pagination ul>li{ display:inline; } .pagination ul>li>a,.pagination ul>li>span{ float:left; padding:4px 12px; line-height:20px; text-decoration:none; background-color:#ffffff; border:1px solid #dddddd; border-left-width:0; } .pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span{ background-color:#f5f5f5; } .pagination ul>.active>a,.pagination ul>.active>span{ color:#999999; cursor:default; } .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover{ color:#999999; background-color:transparent; cursor:default; } .pagination ul>li:first-child>a,.pagination ul>li:first-child>span{ border-left-width:1px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .pagination ul>li:last-child>a,.pagination ul>li:last-child>span{ -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; } .pagination-centered{ text-align:center; } .pagination-right{ text-align:right; } .pagination-large ul>li>a,.pagination-large ul>li>span{ padding:11px 19px; font-size:17.5px; } .pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{ -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; } .pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{ -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; } .pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{ -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-left-radius:3px; } .pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{ -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px; } .pagination-small ul>li>a,.pagination-small ul>li>span{ padding:2px 10px; font-size:11.9px; } .pagination-mini ul>li>a,.pagination-mini ul>li>span{ padding:0 6px; font-size:10.5px; } .pager{ margin:20px 0; list-style:none; text-align:center; *zoom:1; } .pager:before,.pager:after{ display:table; content:""; line-height:0; } .pager:after{ clear:both; } .pager li{ display:inline; } .pager li>a,.pager li>span{ display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ddd; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } .pager li>a:hover{ text-decoration:none; background-color:#f5f5f5; } .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>span{ color:#999999; background-color:#fff; cursor:default; } .thumbnails{ margin-left:-20px; list-style:none; *zoom:1; } .thumbnails:before,.thumbnails:after{ display:table; content:""; line-height:0; } .thumbnails:after{ clear:both; } .row-fluid .thumbnails{ margin-left:0; } .thumbnails>li{ float:left; margin-bottom:20px; margin-left:20px; } .thumbnail{ display:block; padding:4px; line-height:20px; border:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.055); box-shadow:0 1px 3px rgba(0,0,0,0.055); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } a.thumbnail:hover{ border-color:#0088cc; -webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25); -moz-box-shadow:0 1px 4px rgba(0,105,214,0.25); box-shadow:0 1px 4px rgba(0,105,214,0.25); } .thumbnail>img{ display:block; max-width:100%; margin-left:auto; margin-right:auto; } .thumbnail .caption{ padding:9px; color:#555555; } .alert{ padding:8px 35px 8px 14px; margin-bottom:20px; text-shadow:0 1px 0 rgba(255,255,255,0.5); background-color:#fcf8e3; border:1px solid #fbeed5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .alert,.alert h4{ color:#c09853; } .alert h4{ margin:0; } .alert .close{ position:relative; top:-2px; right:-21px; line-height:20px; } .alert-success{ background-color:#dff0d8; border-color:#d6e9c6; color:#468847; } .alert-success h4{ color:#468847; } .alert-danger,.alert-error{ background-color:#f2dede; border-color:#eed3d7; color:#b94a48; } .alert-danger h4,.alert-error h4{ color:#b94a48; } .alert-info{ background-color:#d9edf7; border-color:#bce8f1; color:#3a87ad; } .alert-info h4{ color:#3a87ad; } .alert-block{ padding-top:14px; padding-bottom:14px; } .alert-block>p,.alert-block>ul{ margin-bottom:0; } .alert-block p + p{ margin-top:5px; }@-webkit-keyframes progress-bar-stripes{   from{ background-position:40px 0; }to{ background-position:0 0; }}@-moz-keyframes progress-bar-stripes{   from{ background-position:40px 0; }to{ background-position:0 0; }}@-ms-keyframes progress-bar-stripes{   from{ background-position:40px 0; }to{ background-position:0 0; }}@-o-keyframes progress-bar-stripes{   from{ background-position:0 0; }to{ background-position:40px 0; }}@keyframes progress-bar-stripes{   from{ background-position:40px 0; }to{ background-position:0 0; }} .progress{ overflow:hidden; height:20px; margin-bottom:20px; background-color:#f7f7f7; background-image:-moz-linear-gradient(top,whitesmoke,#f9f9f9); background-image:-webkit-gradient(linear,0 0,0 100%,from(whitesmoke),to(#f9f9f9)); background-image:-webkit-linear-gradient(top,whitesmoke,#f9f9f9); background-image:-o-linear-gradient(top,whitesmoke,#f9f9f9); background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0); -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .progress .bar{ width:0%; height:100%; color:#ffffff; float:left; font-size:12px; text-align:center; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#0e90d2; background-image:-moz-linear-gradient(top,#149bdf,#0480be); background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be)); background-image:-webkit-linear-gradient(top,#149bdf,#0480be); background-image:-o-linear-gradient(top,#149bdf,#0480be); background-image:linear-gradient(to bottom,#149bdf,#0480be); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0); -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:width 0.6s ease; -moz-transition:width 0.6s ease; -o-transition:width 0.6s ease; transition:width 0.6s ease; } .progress .bar + .bar{ -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15); -moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15); } .progress-striped .bar{ background-color:#149bdf; background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -o-background-size:40px 40px; background-size:40px 40px; } .progress.active .bar{ -webkit-animation:progress-bar-stripes 2s linear infinite; -moz-animation:progress-bar-stripes 2s linear infinite; -ms-animation:progress-bar-stripes 2s linear infinite; -o-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite; } .progress-danger .bar,.progress .bar-danger{ background-color:#dd514c; background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35); background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35)); background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35); background-image:-o-linear-gradient(top,#ee5f5b,#c43c35); background-image:linear-gradient(to bottom,#ee5f5b,#c43c35); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0); } .progress-danger.progress-striped .bar,.progress-striped .bar-danger{ background-color:#ee5f5b; background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); } .progress-success .bar,.progress .bar-success{ background-color:#5eb95e; background-image:-moz-linear-gradient(top,#62c462,#57a957); background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957)); background-image:-webkit-linear-gradient(top,#62c462,#57a957); background-image:-o-linear-gradient(top,#62c462,#57a957); background-image:linear-gradient(to bottom,#62c462,#57a957); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0); } .progress-success.progress-striped .bar,.progress-striped .bar-success{ background-color:#62c462; background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); } .progress-info .bar,.progress .bar-info{ background-color:#4bb1cf; background-image:-moz-linear-gradient(top,#5bc0de,#339bb9); background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9)); background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9); background-image:-o-linear-gradient(top,#5bc0de,#339bb9); background-image:linear-gradient(to bottom,#5bc0de,#339bb9); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0); } .progress-info.progress-striped .bar,.progress-striped .bar-info{ background-color:#5bc0de; background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); } .progress-warning .bar,.progress .bar-warning{ background-color:#faa732; background-image:-moz-linear-gradient(top,#fbb450,#f89406); background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406)); background-image:-webkit-linear-gradient(top,#fbb450,#f89406); background-image:-o-linear-gradient(top,#fbb450,#f89406); background-image:linear-gradient(to bottom,#fbb450,#f89406); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0); } .progress-warning.progress-striped .bar,.progress-striped .bar-warning{ background-color:#fbb450; background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent)); background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); } .hero-unit{ padding:60px; margin-bottom:30px; font-size:18px; font-weight:200; line-height:30px; color:inherit; background-color:#eeeeee; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .hero-unit h1{ margin-bottom:0; font-size:60px; line-height:1; color:inherit; letter-spacing:-1px; } .hero-unit li{ line-height:30px; } .media,.media-body{ overflow:hidden; *overflow:visible; zoom:1; } .media,.media .media{ margin-top:15px; } .media:first-child{ margin-top:0; } .media-object{ display:block; } .media-heading{ margin:0 0 5px; } .media .pull-left{ margin-right:10px; } .media .pull-right{ margin-left:10px; } .media-list{ margin-left:0; list-style:none; } .tooltip{ position:absolute; z-index:1030; display:block; visibility:visible; padding:5px; font-size:11px; opacity:0; filter:alpha(opacity=0); } .tooltip.in{ opacity:0.8; filter:alpha(opacity=80); } .tooltip.top{ margin-top:-3px; } .tooltip.right{ margin-left:3px; } .tooltip.bottom{ margin-top:3px; } .tooltip.left{ margin-left:-3px; } .tooltip-inner{ max-width:200px; padding:3px 8px; color:#ffffff; text-align:center; text-decoration:none; background-color:#000000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .tooltip-arrow{ position:absolute; width:0; height:0; border-color:transparent; border-style:solid; } .tooltip.top .tooltip-arrow{ bottom:0; left:50%; margin-left:-5px; border-width:5px 5px 0; border-top-color:#000000; } .tooltip.right .tooltip-arrow{ top:50%; left:0; margin-top:-5px; border-width:5px 5px 5px 0; border-right-color:#000000; } .tooltip.left .tooltip-arrow{ top:50%; right:0; margin-top:-5px; border-width:5px 0 5px 5px; border-left-color:#000000; } .tooltip.bottom .tooltip-arrow{ top:0; left:50%; margin-left:-5px; border-width:0 5px 5px; border-bottom-color:#000000; } .popover{ position:absolute; top:0; left:0; z-index:1010; display:none; width:236px; padding:1px; text-align:left; background-color:#ffffff; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.2); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2); white-space:normal; } .popover.top{ margin-top:-10px; } .popover.right{ margin-left:10px; } .popover.bottom{ margin-top:10px; } .popover.left{ margin-left:-10px; } .popover-title{ margin:0; padding:8px 14px; font-size:14px; font-weight:normal; line-height:18px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .popover-content{ padding:9px 14px; } .popover .arrow,.popover .arrow:after{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid; } .popover .arrow{ border-width:11px; } .popover .arrow:after{ border-width:10px; content:""; } .popover.top .arrow{ left:50%; margin-left:-11px; border-bottom-width:0; border-top-color:#999; border-top-color:rgba(0,0,0,0.25); bottom:-11px; } .popover.top .arrow:after{ bottom:1px; margin-left:-10px; border-bottom-width:0; border-top-color:#ffffff; } .popover.right .arrow{ top:50%; left:-11px; margin-top:-11px; border-left-width:0; border-right-color:#999; border-right-color:rgba(0,0,0,0.25); } .popover.right .arrow:after{ left:1px; bottom:-10px; border-left-width:0; border-right-color:#ffffff; } .popover.bottom .arrow{ left:50%; margin-left:-11px; border-top-width:0; border-bottom-color:#999; border-bottom-color:rgba(0,0,0,0.25); top:-11px; } .popover.bottom .arrow:after{ top:1px; margin-left:-10px; border-top-width:0; border-bottom-color:#ffffff; } .popover.left .arrow{ top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#999; border-left-color:rgba(0,0,0,0.25); } .popover.left .arrow:after{ right:1px; border-right-width:0; border-left-color:#ffffff; bottom:-10px; } .modal-backdrop{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000000; } .modal-backdrop.fade{ opacity:0; } .modal-backdrop,.modal-backdrop.fade.in{ opacity:0.8; filter:alpha(opacity=80); } .modal{ position:fixed; top:10%; left:50%; z-index:1050; width:560px; margin-left:-280px; background-color:#ffffff; border:1px solid #999; border:1px solid rgba(0,0,0,0.3); *border:1px solid #999; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3); box-shadow:0 3px 7px rgba(0,0,0,0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box; outline:none; } .modal.fade{ -webkit-transition:opacity .3s linear,top .3s ease-out; -moz-transition:opacity .3s linear,top .3s ease-out; -o-transition:opacity .3s linear,top .3s ease-out; transition:opacity .3s linear,top .3s ease-out; top:-25%; } .modal.fade.in{ top:10%; } .modal-header{ padding:9px 15px; border-bottom:1px solid #eee; } .modal-header .close{ margin-top:2px; } .modal-header h3{ margin:0; line-height:30px; } .modal-body{ position:relative; overflow-y:auto; max-height:400px; padding:15px; } .modal-form{ margin-bottom:0; } .modal-footer{ padding:14px 15px 15px; margin-bottom:0; text-align:right; background-color:#f5f5f5; border-top:1px solid #ddd; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; -webkit-box-shadow:inset 0 1px 0 #ffffff; -moz-box-shadow:inset 0 1px 0 #ffffff; box-shadow:inset 0 1px 0 #ffffff; *zoom:1; } .modal-footer:before,.modal-footer:after{ display:table; content:""; line-height:0; } .modal-footer:after{ clear:both; } .modal-footer .btn + .btn{ margin-left:5px; margin-bottom:0; } .modal-footer .btn-group .btn + .btn{ margin-left:-1px; } .modal-footer .btn-block + .btn-block{ margin-left:0; } .dropup,.dropdown{ position:relative; } .dropdown-toggle{ *margin-bottom:-3px; } .dropdown-toggle:active,.open .dropdown-toggle{ outline:0; } .caret{ display:inline-block; width:0; height:0; vertical-align:top; border-top:4px solid #000000; border-right:4px solid transparent; border-left:4px solid transparent; content:""; } .dropdown .caret{ margin-top:8px; margin-left:2px; } .dropdown-menu{ position:absolute; top:100%; left:0; z-index:1000; text-align:left; display:none; float:left; min-width:160px; padding:5px 0; margin-top:0; list-style:none; background-color:#ffffff; box-shadow:0px 3px 5px rgba(0,0,0,0.1); -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; } .dropdown-menu li{ padding:0 16px; } .dropdown-menu.pull-right{ right:0; left:auto; } .dropdown-menu .divider{ *width:100%; height:1px; margin:9px 1px; *margin:-5px 0 5px; overflow:hidden; background-color:#e5e5e5; border-bottom:1px solid #ffffff; } .dropdown-menu li>a{ display:block; padding:9px 0px; clear:both; font-weight:normal; line-height:20px; color:#999999; white-space:nowrap; border-top:1px dotted #dddddd; text-transform:uppercase; } .dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a{ text-decoration:none; color:#222222; } .dropdown-menu .active>a,.dropdown-menu .active>a:hover{ color:#ffffff; text-decoration:none; outline:0; background-color:#0081c2; background-image:-moz-linear-gradient(top,#0088cc,#0077b3); background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0077b3)); background-image:-webkit-linear-gradient(top,#0088cc,#0077b3); background-image:-o-linear-gradient(top,#0088cc,#0077b3); background-image:linear-gradient(to bottom,#0088cc,#0077b3); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); } .dropdown-menu .disabled>a,.dropdown-menu .disabled>a:hover{ color:#999999; } .dropdown-menu .disabled>a:hover{ text-decoration:none; background-color:transparent; background-image:none; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor:default; } .open{ *z-index:1000; } .open>.dropdown-menu{ display:block; } .pull-right>.dropdown-menu{ right:0; left:auto; } .dropup .caret,.navbar-fixed-bottom .dropdown .caret{ border-top:0; border-bottom:4px solid #000000; content:""; } .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{ top:auto; bottom:100%; margin-bottom:1px; } .dropdown-submenu{ position:relative; } .dropdown-submenu>.dropdown-menu{ top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu{ display:block; } .dropup .dropdown-submenu>.dropdown-menu{ top:auto; bottom:0; margin-top:0; margin-bottom:-2px; -webkit-border-radius:5px 5px 5px 0; -moz-border-radius:5px 5px 5px 0; border-radius:5px 5px 5px 0; } .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:#cccccc; margin-top:5px; margin-right:-10px; } .dropdown-submenu:hover>a:after{ border-left-color:#ffffff; } .dropdown-submenu.pull-left{ float:none; } .dropdown-submenu.pull-left>.dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header{ padding-left:20px; padding-right:20px; } .typeahead{ z-index:1051; margin-top:2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .accordion{ margin-bottom:20px; } .accordion-group{ margin-bottom:2px; border:1px solid #e5e5e5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .accordion-heading{ border-bottom:0; } .accordion-heading .accordion-toggle{ display:block; padding:8px 15px; } .accordion-toggle{ cursor:pointer; } .accordion-inner{ padding:9px 15px; border-top:1px solid #e5e5e5; } .carousel{ position:relative; margin-bottom:20px; line-height:1; } .carousel-inner{ overflow:hidden; width:100%; position:relative; } .carousel-inner>.item{ display:none; position:relative; -webkit-transition:0.6s ease-in-out left; -moz-transition:0.6s ease-in-out left; -o-transition:0.6s ease-in-out left; transition:0.6s ease-in-out left; } .carousel-inner>.item>img{ display:block; line-height:1; } .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:40%; left:15px; width:40px; height:40px; margin-top:-20px; font-size:60px; font-weight:100; line-height:30px; color:#ffffff; text-align:center; background:#222222; border:3px solid #ffffff; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; opacity:0.5; filter:alpha(opacity=50); } .carousel-control.right{ left:auto; right:15px; } .carousel-control:hover{ color:#ffffff; text-decoration:none; opacity:0.9; filter:alpha(opacity=90); } .carousel-caption{ position:absolute; left:0; right:0; bottom:0; padding:15px; background:#333333; background:rgba(0,0,0,0.75); } .carousel-caption h4,.carousel-caption p{ color:#ffffff; line-height:20px; } .carousel-caption h4{ margin:0 0 5px; } .carousel-caption p{ margin-bottom:0; } .well{ min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); } .well blockquote{ border-color:#ddd; border-color:rgba(0,0,0,0.15); } .well-large{ padding:24px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .well-small{ padding:9px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .close{ float:right; font-size:20px; font-weight:bold; line-height:20px; color:#000000; text-shadow:0 1px 0 #ffffff; opacity:0.2; filter:alpha(opacity=20); } .close:hover{ color:#000000; text-decoration:none; cursor:pointer; opacity:0.4; filter:alpha(opacity=40); } button.close{ padding:0; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; } .pull-right{ float:right; } .pull-left{ float:left; } .hide{ display:none; } .show{ display:block; } .invisible{ visibility:hidden; } .affix{ position:fixed; } .fade{ opacity:0; -webkit-transition:opacity 0.15s linear; -moz-transition:opacity 0.15s linear; -o-transition:opacity 0.15s linear; transition:opacity 0.15s linear; } .fade.in{ opacity:1; } .collapse{ position:relative; height:0; overflow:hidden; -webkit-transition:height 0.35s ease; -moz-transition:height 0.35s ease; -o-transition:height 0.35s ease; transition:height 0.35s ease; } .collapse.in{ height:auto; } .hidden{ display:none; visibility:hidden; } .visible-phone{ display:none!important; } .visible-tablet{ display:none!important; } .hidden-desktop{ display:none!important; } .visible-desktop{ display:inherit!important; }@media (min-width:768px) and (max-width:979px){   .hidden-desktop{ display:inherit!important; }.visible-desktop{ display:none!important; }.visible-tablet{ display:inherit!important; }.hidden-tablet{ display:none!important; }}@media (max-width:767px){   .hidden-desktop{ display:inherit!important; }.visible-desktop{ display:none!important; }.visible-phone{ display:inherit!important; }.hidden-phone{ display:none!important; }}@media (max-width:767px){   .container-fluid{ padding:0; }.dl-horizontal dt{ float:none; clear:none; width:auto; text-align:left; }.dl-horizontal dd{ margin-left:0; }.container{ width:auto; }.row-fluid{ width:100%; }.row,.thumbnails{ margin-left:0; }.thumbnails>li{ float:none; margin-left:0; }[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{ float:none; display:block; width:100%; margin-left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }.span12,.row-fluid .span12{ width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }.row-fluid [class*="offset"]:first-child{ margin-left:0; }.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{ display:block; width:100%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{ display:inline-block; width:auto; }.controls-row [class*="span"] + [class*="span"]{ margin-left:0; }.modal{ position:fixed; top:20px; left:20px; right:20px; width:auto; margin:0; }.modal.fade{ top:-100px; }.modal.fade.in{ top:20px; }}@media (max-width:480px){   .nav-collapse{ -webkit-transform:translate3d(0,0,0); }.page-header h1 small{ display:block; line-height:20px; }input[type="checkbox"],input[type="radio"]{ border:1px solid #ccc; }.form-horizontal .control-label{ float:none; width:auto; padding-top:0; text-align:left; }.form-horizontal .controls{ margin-left:0; }.form-horizontal .control-list{ padding-top:0; }.form-horizontal .form-actions{ padding-left:10px; padding-right:10px; }.media .pull-left,.media .pull-right{ float:none; display:block; margin-bottom:10px; }.media-object{ margin-right:0; margin-left:0; }.modal{ top:10px; left:10px; right:10px; }.modal-header .close{ padding:10px; margin:-10px; }.carousel-caption{ position:static; }}@media (min-width:768px) and (max-width:979px){   .row{ margin-left:-20px; *zoom:1; }.row:before,.row:after{ display:table; content:""; line-height:0; }.row:after{ clear:both; }[class*="span"]{ float:left; min-height:1px; margin-left:20px; }.span12{ width:724px; }.span11{ width:662px; }.span10{ width:600px; }.span9{ width:538px; }.span8{ width:476px; }.span7{ width:414px; }.span6{ width:352px; }.span5{ width:290px; }.span4{ width:228px; }.span3{ width:166px; }.span2{ width:104px; }.span1{ width:42px; }.offset12{ margin-left:764px; }.offset11{ margin-left:702px; }.offset10{ margin-left:640px; }.offset9{ margin-left:578px; }.offset8{ margin-left:516px; }.offset7{ margin-left:454px; }.offset6{ margin-left:392px; }.offset5{ margin-left:330px; }.offset4{ margin-left:268px; }.offset3{ margin-left:206px; }.offset2{ margin-left:144px; }.offset1{ margin-left:82px; }.row-fluid{ width:100%; *zoom:1; }.row-fluid:before,.row-fluid:after{ display:table; content:""; line-height:0; }.row-fluid:after{ clear:both; }.row-fluid [class*="span"]{ display:block; width:100%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; margin-left:2.7624309392265194%; *margin-left:2.709239449864817%; }.row-fluid [class*="span"]:first-child{ margin-left:0; }.row-fluid .controls-row [class*="span"] + [class*="span"]{ margin-left:2.7624309392265194%; }.row-fluid .span12{ width:100%; *width:99.94680851063829%; }.row-fluid .span11{ width:91.43646408839778%; *width:91.38327259903608%; }.row-fluid .span10{ width:82.87292817679558%; *width:82.81973668743387%; }.row-fluid .span9{ width:74.30939226519337%; *width:74.25620077583166%; }.row-fluid .span8{ width:65.74585635359117%; *width:65.69266486422946%; }.row-fluid .span7{ width:57.18232044198895%; *width:57.12912895262725%; }.row-fluid .span6{ width:48.61878453038674%; *width:48.56559304102504%; }.row-fluid .span5{ width:40.05524861878453%; *width:40.00205712942283%; }.row-fluid .span4{ width:31.491712707182323%; *width:31.43852121782062%; }.row-fluid .span3{ width:22.92817679558011%; *width:22.87498530621841%; }.row-fluid .span2{ width:14.3646408839779%; *width:14.311449394616199%; }.row-fluid .span1{ width:5.801104972375691%; *width:5.747913483013988%; }.row-fluid .offset12{ margin-left:105.52486187845304%; *margin-left:105.41847889972962%; }.row-fluid .offset12:first-child{ margin-left:102.76243093922652%; *margin-left:102.6560479605031%; }.row-fluid .offset11{ margin-left:96.96132596685082%; *margin-left:96.8549429881274%; }.row-fluid .offset11:first-child{ margin-left:94.1988950276243%; *margin-left:94.09251204890089%; }.row-fluid .offset10{ margin-left:88.39779005524862%; *margin-left:88.2914070765252%; }.row-fluid .offset10:first-child{ margin-left:85.6353591160221%; *margin-left:85.52897613729868%; }.row-fluid .offset9{ margin-left:79.8342541436464%; *margin-left:79.72787116492299%; }.row-fluid .offset9:first-child{ margin-left:77.07182320441989%; *margin-left:76.96544022569647%; }.row-fluid .offset8{ margin-left:71.2707182320442%; *margin-left:71.16433525332079%; }.row-fluid .offset8:first-child{ margin-left:68.50828729281768%; *margin-left:68.40190431409427%; }.row-fluid .offset7{ margin-left:62.70718232044199%; *margin-left:62.600799341718584%; }.row-fluid .offset7:first-child{ margin-left:59.94475138121547%; *margin-left:59.838368402492065%; }.row-fluid .offset6{ margin-left:54.14364640883978%; *margin-left:54.037263430116376%; }.row-fluid .offset6:first-child{ margin-left:51.38121546961326%; *margin-left:51.27483249088986%; }.row-fluid .offset5{ margin-left:45.58011049723757%; *margin-left:45.47372751851417%; }.row-fluid .offset5:first-child{ margin-left:42.81767955801105%; *margin-left:42.71129657928765%; }.row-fluid .offset4{ margin-left:37.01657458563536%; *margin-left:36.91019160691196%; }.row-fluid .offset4:first-child{ margin-left:34.25414364640884%; *margin-left:34.14776066768544%; }.row-fluid .offset3{ margin-left:28.45303867403315%; *margin-left:28.346655695309746%; }.row-fluid .offset3:first-child{ margin-left:25.69060773480663%; *margin-left:25.584224756083227%; }.row-fluid .offset2{ margin-left:19.88950276243094%; *margin-left:19.783119783707537%; }.row-fluid .offset2:first-child{ margin-left:17.12707182320442%; *margin-left:17.02068884448102%; }.row-fluid .offset1{ margin-left:11.32596685082873%; *margin-left:11.219583872105325%; }.row-fluid .offset1:first-child{ margin-left:8.56353591160221%; *margin-left:8.457152932878806%; }input,textarea,.uneditable-input{ margin-left:0; }.controls-row [class*="span"] + [class*="span"]{ margin-left:20px; }input.span12,textarea.span12,.uneditable-input.span12{ width:710px; }input.span11,textarea.span11,.uneditable-input.span11{ width:648px; }input.span10,textarea.span10,.uneditable-input.span10{ width:586px; }input.span9,textarea.span9,.uneditable-input.span9{ width:524px; }input.span8,textarea.span8,.uneditable-input.span8{ width:462px; }input.span7,textarea.span7,.uneditable-input.span7{ width:400px; }input.span6,textarea.span6,.uneditable-input.span6{ width:338px; }input.span5,textarea.span5,.uneditable-input.span5{ width:276px; }input.span4,textarea.span4,.uneditable-input.span4{ width:214px; }input.span3,textarea.span3,.uneditable-input.span3{ width:152px; }input.span2,textarea.span2,.uneditable-input.span2{ width:90px; }input.span1,textarea.span1,.uneditable-input.span1{ width:28px; }}@media (min-width:1200px){   .row{ margin-left:-30px; *zoom:1; }.row:before,.row:after{ display:table; content:""; line-height:0; }.row:after{ clear:both; }[class*="span"]{ float:left; min-height:1px; margin-left:30px; }.span12{ width:1170px; }.span11{ width:1070px; }.span10{ width:970px; }.span9{ width:870px; }.span8{ width:770px; }.span7{ width:670px; }.span6{ width:570px; }.span5{ width:470px; }.span4{ width:370px; }.span3{ width:270px; }.span2{ width:170px; }.span1{ width:70px; }.offset12{ margin-left:1230px; }.offset11{ margin-left:1130px; }.offset10{ margin-left:1030px; }.offset9{ margin-left:930px; }.offset8{ margin-left:830px; }.offset7{ margin-left:730px; }.offset6{ margin-left:630px; }.offset5{ margin-left:530px; }.offset4{ margin-left:430px; }.offset3{ margin-left:330px; }.offset2{ margin-left:230px; }.offset1{ margin-left:130px; }.row-fluid{ width:100%; *zoom:1; }.row-fluid:before,.row-fluid:after{ display:table; content:""; line-height:0; }.row-fluid:after{ clear:both; }.row-fluid [class*="span"]{ display:block; width:100%; min-height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; margin-left:2.564102564102564%; *margin-left:2.5109110747408616%; }.row-fluid [class*="span"]:first-child{ margin-left:0; }.row-fluid .controls-row [class*="span"] + [class*="span"]{ margin-left:2.564102564102564%; }.row-fluid .span12{ width:100%; *width:99.94680851063829%; }.row-fluid .span11{ width:91.45299145299145%; *width:91.39979996362975%; }.row-fluid .span10{ width:82.90598290598291%; *width:82.8527914166212%; }.row-fluid .span9{ width:74.35897435897436%; *width:74.30578286961266%; }.row-fluid .span8{ width:65.81196581196582%; *width:65.75877432260411%; }.row-fluid .span7{ width:57.26495726495726%; *width:57.21176577559556%; }.row-fluid .span6{ width:48.717948717948715%; *width:48.664757228587014%; }.row-fluid .span5{ width:40.17094017094017%; *width:40.11774868157847%; }.row-fluid .span4{ width:31.623931623931625%; *width:31.570740134569924%; }.row-fluid .span3{ width:23.076923076923077%; *width:23.023731587561375%; }.row-fluid .span2{ width:14.52991452991453%; *width:14.476723040552828%; }.row-fluid .span1{ width:5.982905982905983%; *width:5.929714493544281%; }.row-fluid .offset12{ margin-left:105.12820512820512%; *margin-left:105.02182214948171%; }.row-fluid .offset12:first-child{ margin-left:102.56410256410257%; *margin-left:102.45771958537915%; }.row-fluid .offset11{ margin-left:96.58119658119658%; *margin-left:96.47481360247316%; }.row-fluid .offset11:first-child{ margin-left:94.01709401709402%; *margin-left:93.91071103837061%; }.row-fluid .offset10{ margin-left:88.03418803418803%; *margin-left:87.92780505546462%; }.row-fluid .offset10:first-child{ margin-left:85.47008547008548%; *margin-left:85.36370249136206%; }.row-fluid .offset9{ margin-left:79.48717948717949%; *margin-left:79.38079650845607%; }.row-fluid .offset9:first-child{ margin-left:76.92307692307693%; *margin-left:76.81669394435352%; }.row-fluid .offset8{ margin-left:70.94017094017094%; *margin-left:70.83378796144753%; }.row-fluid .offset8:first-child{ margin-left:68.37606837606839%; *margin-left:68.26968539734497%; }.row-fluid .offset7{ margin-left:62.393162393162385%; *margin-left:62.28677941443899%; }.row-fluid .offset7:first-child{ margin-left:59.82905982905982%; *margin-left:59.72267685033642%; }.row-fluid .offset6{ margin-left:53.84615384615384%; *margin-left:53.739770867430444%; }.row-fluid .offset6:first-child{ margin-left:51.28205128205128%; *margin-left:51.175668303327875%; }.row-fluid .offset5{ margin-left:45.299145299145295%; *margin-left:45.1927623204219%; }.row-fluid .offset5:first-child{ margin-left:42.73504273504273%; *margin-left:42.62865975631933%; }.row-fluid .offset4{ margin-left:36.75213675213675%; *margin-left:36.645753773413354%; }.row-fluid .offset4:first-child{ margin-left:34.18803418803419%; *margin-left:34.081651209310785%; }.row-fluid .offset3{ margin-left:28.205128205128204%; *margin-left:28.0987452264048%; }.row-fluid .offset3:first-child{ margin-left:25.641025641025642%; *margin-left:25.53464266230224%; }.row-fluid .offset2{ margin-left:19.65811965811966%; *margin-left:19.551736679396257%; }.row-fluid .offset2:first-child{ margin-left:17.094017094017094%; *margin-left:16.98763411529369%; }.row-fluid .offset1{ margin-left:11.11111111111111%; *margin-left:11.004728132387708%; }.row-fluid .offset1:first-child{ margin-left:8.547008547008547%; *margin-left:8.440625568285142%; }input,textarea,.uneditable-input{ margin-left:0; }.controls-row [class*="span"] + [class*="span"]{ margin-left:30px; }input.span12,textarea.span12,.uneditable-input.span12{ width:1156px; }input.span11,textarea.span11,.uneditable-input.span11{ width:1056px; }input.span10,textarea.span10,.uneditable-input.span10{ width:956px; }input.span9,textarea.span9,.uneditable-input.span9{ width:856px; }input.span8,textarea.span8,.uneditable-input.span8{ width:756px; }input.span7,textarea.span7,.uneditable-input.span7{ width:656px; }input.span6,textarea.span6,.uneditable-input.span6{ width:556px; }input.span5,textarea.span5,.uneditable-input.span5{ width:456px; }input.span4,textarea.span4,.uneditable-input.span4{ width:356px; }input.span3,textarea.span3,.uneditable-input.span3{ width:256px; }input.span2,textarea.span2,.uneditable-input.span2{ width:156px; }input.span1,textarea.span1,.uneditable-input.span1{ width:56px; }.thumbnails{ margin-left:-30px; }.thumbnails>li{ margin-left:30px; }.row-fluid .thumbnails{ margin-left:0; }}@media (max-width:1024px){   .navbar-fixed-top,.navbar-fixed-bottom{ position:static; }.navbar-fixed-top{ margin-bottom:20px; }.navbar-fixed-bottom{ margin-top:20px; }.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{ padding:5px; }.navbar .container{ width:auto; padding:0; }.navbar .brand{ padding-left:10px; padding-right:10px; margin:0 0 0 -5px; }.nav-collapse{ clear:both; }.nav-collapse .nav{ float:none; margin:0 0 10px; }.nav-collapse .nav>li{ float:none; }.nav-collapse .nav>li>a{ margin-bottom:2px; }.nav-collapse .nav>.divider-vertical{ display:none; }.nav-collapse .nav .nav-header{ color:#777777; text-shadow:none; }.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{ padding:9px 5px; color:#999999; }.nav-collapse .btn{ padding:4px 10px 4px; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }.nav-collapse .dropdown-menu li + li a{ margin-bottom:2px; }.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{ color:#999999; }.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover{ background-color:#111111; }.nav-collapse.in .btn-group{ margin-top:5px; padding:0; }.nav-collapse .dropdown-menu{ position:static; top:auto; left:auto; float:none; display:none; max-width:none; margin:0; padding:0; background-color:transparent; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }.nav-collapse .open>.dropdown-menu{ display:block; }.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{ display:none; }.nav-collapse .dropdown-menu .divider{ display:none; }.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{ display:none; }.nav-collapse .navbar-form,.nav-collapse .navbar-search{ float:none; padding:10px 15px; margin:10px 0; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); }.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{ border-top-color:#111111; border-bottom-color:#111111; }.navbar .nav-collapse .nav.pull-right{ float:none; margin-left:0; }.nav-collapse,.nav-collapse.collapse{ overflow:hidden; height:0; }.navbar .btn-navbar{ display:block; }.navbar-static .navbar-inner{ padding-left:10px; padding-right:10px; }}@media (min-width:1025px){   .nav-collapse.collapse{ height:auto!important; overflow:visible!important; }}@font-face{ font-family:'FontAwesome'; src:url("http://www.caliberi.com/wp-content/themes/roots-master/assets/css/font/fontawesome-webfontf77b.eot?v=3.2.1"); src:url("font/fontawesome-webfontd41d.eot?#iefix&v=3.2.1") format("embedded-opentype"),url("http://www.caliberi.com/wp-content/themes/roots-master/assets/css/font/fontawesome-webfontf77b.woff?v=3.2.1") format("woff"),url("http://www.caliberi.com/wp-content/themes/roots-master/assets/css/font/fontawesome-webfontf77b.ttf?v=3.2.1") format("truetype"),url("font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg"); font-weight:normal; font-style:normal; }

Examples and source code

fa-angle-down

Place Font Awesome icons just about anywhere with the <i> tag.

<i class="fa fa-angle-down"></i> fa-angle-down
Icon classes are echoed via CSS :before.

fa-angle-down

fa-angle-down

fa-angle-down

fa-angle-down

fa-angle-down

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

<p><i class="fa fa-angle-down fa-lg"></i> fa-angle-down</p>
<p><i class="fa fa-angle-down fa-2x"></i> fa-angle-down</p>
<p><i class="fa fa-angle-down fa-3x"></i> fa-angle-down</p>
<p><i class="fa fa-angle-down fa-4x"></i> fa-angle-down</p>
<p><i class="fa fa-angle-down fa-5x"></i> fa-angle-down</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.

Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. Especially useful in things like nav lists.

<ul class="nav nav-pills nav-stacked">
  <li class="active"><a href="#"><i class="fa fa-angle-down fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-angle-down fa-fw"></i> Library</a></li>
</ul>
  • Font Awesome icon can be used
  • to easily replace lists

Use fa-ul and fa-li to easily replace default bullets in unordered lists.

<ul class="fa-ul">
  <li><i class="fa-li fa fa-angle-down"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-angle-down fa-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use fa-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class="fa fa-angle-down fa-2x pull-left fa-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  fa-rotate-90
  fa-rotate-180
  fa-rotate-270
  fa-flip-horizontal
  fa-flip-vertical

To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.

<i class="fa fa-angle-down"></i>  normal<br>
<i class="fa fa-angle-down fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-angle-down fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-angle-down fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-angle-down fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-angle-down fa-flip-vertical"></i>  fa-flip-vertical

Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-angle-down fa-2x fa-spin"></i>
<i class="fa fa-angle-down fa-3x fa-spin"></i>
<i class="fa fa-angle-down fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-angle-down on fa-square-o
fa-angle-down on fa-circle
fa-angle-downl on fa-square
fa-ban on fa-angle-down

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-angle-down fa-stack-1x"></i>
</span>
fa-angle-down on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-angle-down fa-stack-1x fa-inverse"></i>
</span>
fa-angle-down on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-angle-down fa-stack-1x fa-inverse"></i>
</span>
fa-angle-down on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-angle-down fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-angle-down

Font Awesome works great with the full range of Bootstrap components.

<a class="btn btn-danger" href="#">
  <i class="fa fa-angle-down fa-lg"></i> fa-angle-down</a>
<a class="btn btn-default btn-sm" href="#">
  <i class="fa fa-angle-down"></i> fa-angle-down</a>

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-angle-down fa-2x pull-left"></i> Font Awesome<br>fa-angle-down



<div class="input-group margin-bottom-sm">
  <span class="input-group-addon"><i class="fa fa-angle-down fa-fw"></i></span>
  <input class="form-control" type="text" placeholder="fa-angle-down">
</div>
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-angle-down fa-fw"></i></span>
  <input class="form-control" type="password" placeholder="fa-angle-down">
</div>