/* --- General rules affecting entire site */
html, body { height: 100%; }

/* --- Browser specific -- */
/* Firefox >3 */
@-moz-document url-prefix() {
    .input-group .twitter-typeahead { width: 100%; display: table-cell !important; }
}

/* Internet Explorer >9 */
@media screen and (min-width:0\0) {
    .input-group .twitter-typeahead { width: 100%; display: table-cell !important; }
}

/* --- Mobile devices --- */
/* Mobile phones */
/* Tablets or landscape mode on some larger phones */
@media only screen and (max-device-width: 767px) {
    #search #main-area > article > header > div.info { position: static; top: 0; }
    #searchPaginationArea { padding-top: 10px; }

    body #main-area > article > header.header--w_info { padding-right: 0; }

    #document-content .toc ul { padding-left: 5px; }
    #document-content > div > ul.tocbody { padding-left: 0; }

    #home > div > div.hero > div.ad-section { padding: 0; }
    #home > div > div.hero > div.ad-section > div.container { padding-left: 5px; padding-right: 5px; }
}

/* Tablets or landscape mode on some larger phones */
@media (min-width: 768px) {
    /* see app.css for rules */
}

/* High resolution tablets and desktop monitors */
@media (min-width: 992px) {
    /* see app.css for rules */
}

/* --- Common site elements */
/* Top nav bar */
div.navbar-header > a { padding: 5px 0 0 0; }
#login-link, #logout-link, #admin-link, #active-portfolio-link, #myProfile-link, #home-link { padding-top: 27px; padding-bottom: 0px; }
.iti-logo { padding-top: 5px; height: 46px; width: 122px; }

/* Advert display control */
body#search .ad-section { display:none; }
body#document .ad-section { display:none; }
body#home .ad-section { background: transparent; box-shadow: none !important; margin-top: -25px; margin-bottom: 0; padding: 10px; padding-bottom: 0; }
/* override height for all images in the adsection so they do not appear stretched by width only */
/* the page managment code gives them inline width and heigth */
.ad-section img {height: auto !important;}

/* Cookie bar to acknowledge cookie usage */
#cookie-bar {background:#111111; line-height:24px; color:#eeeeee; text-align:center; padding:11px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0; }
#cookie-bar a.btn {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;vertical-align: baseline;}

#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}

#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}

#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/* --- Print stylesheet - to hide various parts of the document that are irrelevant for printing */
.watermark { display: none; }
@media print {
    /* Hide navigation elements for printing. */
    /* Note that the PdfGenerator code cannot use HTML 5 elements for CSS, because they are stripped out via Tidy. */
    footer, nav, aside, .user-actions, .relatedContentSidebar, .navSidebar, #portfolioDialog, .navbarContainer, .footerContainer, #cookie-bar, #noty_bottom_layout_container, #noty_top_layout_container, .i-am-new, .sharingButtons, .rrssb-buttons, .navbar-header, #footerContent { display: none !important; }

    /* Links should be normal text colour, not blue, when printed */
    a { color: inherit; }
    a[href]:after { content: none; }

    .watermark { display: block; margin: 5px; padding: 10px; border: dashed 1px black; text-align: center; }

    mark { color: inherit; }
}

/* --- Specific pages */
/* Front page */
.hero { margin-top: -20px; min-height: 800px }
#home > div.footer-pusher > div.container.three-boxes > div > div > div > ul > li { margin-top: 5px; margin-bottom: 5px; }

/* Portfolios */
#myPortfoliosTable .myPortfolioNameTableHeader { width: 28%; }
#myPortfoliosTable .myPortfolioEntriesTableHeader { width: 10%; }
#myPortfoliosTable .myPortfolioUpdatedTableHeader { width: 16%; }
#myPortfoliosTable .myPortfolioCreatedTableHeader { width: 16%; }
#myPortfoliosTable .myPortfolioActiveTableHeader { width: 26%; }
#myPortfoliosTable .btn { min-width: 124px; }
.portfolioActions * { display: inline-block; }
#portfolioInfo { margin-top: 10px; }

/* --- Page and email template management */
/* Placeholders displayed to admin users */
.placeholders { margin-top: 10px; }
.placeholder { display: block; }
.placeholder .name { display: inline-block; font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.placeholder .description { display: inline-block; }

/* Front-end display of managed pages */
#managedContent h1 { text-align: center; }
#managedContent table th { background-color: #eee; }
#managedContent table { width: 100% !important; border: solid 1px #aaa; } /* Overriding properties set via the CKeditor table plugin */
#managedContent table td, #managedContent table th { padding: 4px; }

/* Styling for lists of pages/emails */

@media (min-width: 992px) {
  .pageboy-list { left: 25%; float: left; width: 50%; }
}


/* Portfolio dialog */
#newPortfolioName, #newPortfolioDescription { width: 270px; }
#newPortfolioDescription { max-width: 270px; max-height: 300px; }
.dialogLabel { color: black; font-size: 12px; }

.addToPortfolio { cursor: pointer; }
 /* An animation to play on the "add to portfolio" button when it's successfully clicked - pulses it green then back to grey */
 .addedToPortfolioAnimation { -webkit-animation: addedToPortfolioAnimation 3s ease-in-out 1; animation: addedToPortfolioAnimation 3s ease-in-out 1; }
 @keyframes "addedToPortfolioAnimation" { 0% { color: rgba(128, 150, 128, 1);  } 50% { color: rgba(128,200,128,1.0);  } 100% { color: rgba(128,128,128,1.0); } }
 @-webkit-keyframes "addedToPortfolioAnimation" { 0% { color: rgba(128, 150, 128, 1);  } 50% { color: rgba(128,200,128,1.0);  } 100% { color: rgba(128,128,128,1.0); } }

/* --- Other styles - not yet organized */
.printDoc { cursor: pointer; }

/* path added here */
#sidebar .expanded.bg-primary .longListFacetText, span.activeMyProfilePage { background-color: #249695; color: white;  padding: 2px 5px 3px; border-radius: 10px; }
#facets li a.bg-primary { background-color: transparent !important; }
#facets ul { margin-left: 10px; }

span.activeMyProfilePage { font-size: 13px; }

#myDetailsBookIcon, #myEmailAlertsEnvelopeIcon, #myPortfoliosIcon { margin-top: 6px; margin-right: 3px; }

.btn.taxFindSubmitButton { background-color: #249695; color: white; margin-bottom: 6px; }
.taxFindSubmitButton:hover { color: white; }

.myProfileSubHeader { font-size: 15px; }

#sidebar > section > div > ul > li a:visited, #sidebar > section > div > ul > li  a:hover, #sidebar > section > div > ul > li  a:visited, #sidebar > section > div > ul > li  a:link, #sidebar > section > div > ul > li  a:active, #sidebar > section > div > ul > li  a:active a { text-decoration: none; }

.sidebar-widget .sidebar-widget__body ul li a.compare { color: #266e98; font-family: "Courier New", monospace }
.sidebar-widget .sidebar-widget__body ul li a.compare:visited, .sidebar-widget .sidebar-widget__body ul li a.compare:hover, .sidebar-widget .sidebar-widget__body ul li a.compare:link, .sidebar-widget .sidebar-widget__body ul li a.compare:active { text-decoration: none }


li.active.dropdown.open ul.dropdown-menu li a {color:black;}
#navbar > ul > li.active.dropdown.adminOnly > a, #navbar > ul > li.dropdown.open > a { color: white; }
#navbar > ul > li.active.dropdown.open > ul > li > a { background-color: white; }
#navbar.in li a { color: white; }

/* button corrections */
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px 6px; font-size: 14px; line-height: 1.44; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn:hover, .btn:focus, .btn.focus { text-decoration: none; cursor: pointer !important; }

.btn-link:hover, .btn-link:focus { color: inherit; text-decoration: underline; background-color: transparent; }

.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #5d6069; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #5d6069; border-color: #266e98; }

.navbar { position: relative; min-height: 50px; margin-bottom: 20px; }

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { color: inherit; background-color: #eeeeee; border-color: #ddd; }

.badge2 { background-color: #249695; border-radius: 10px; color: white; display: inline-block; float: right;
    font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px; line-height: 1; min-width: 10px; padding: 3px 5px 3px; text-align: center; vertical-align: baseline; white-space: nowrap; margin-top: 1px;
}

.longListFacetLink { white-space: nowrap; }
.longListFacetText { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis; max-width: 100%; display: inline-block; vertical-align: baseline;  }
li a.bg-primary { background: none; }
li a.bg-primary:hover { background: none; }

.sidebar-widget { margin-top: 0; }
.sidebar-widget__body ul.facets li { overflow: hidden;
    white-space: nowrap; }
.sidebar-widget__body ul.facets li a { width: 100%; text-align:left; }

.callout { margin: 30px 0 0 0; }
.callout p { font-size: 23px; line-height: 28px; text-align: center; margin: 0 }

a:hover { color: inherit; text-decoration: underline; }
a:active, a:focus { color: inherit; outline: none; }

input[type=email], input[type=text], input[type=file], input[type=password], input[type=date], select, textarea { background-color: #fff; background-image: none; border: none; border-radius: 4px; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); color: #555; display: block; font-size: 14px; height: 44px; line-height: 1.6; margin-bottom: 10px; padding: 8px 12px; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; width: 100%; }

/* minitoc added as a path for sidebar */
.sidebar-widget .sidebar-widget__body ul, .miniToc ul { list-style: none; margin: 0; padding-left: 0; }
.sidebar-widget .sidebar-widget__body ul li, .miniToc li { font-size: 13px; margin: 10px 0; }
.sidebar-widget .sidebar-widget__body ul li a, .miniToc a { color: #222222; }
.miniToc ul { padding-left: 10px; }

.article--snippet { padding-bottom: 0; }
.article--snippet header--w_info-title { float: left; margin: 0; }
.article--snippet h1 { float: left; margin: 0; width:100%; }
.article--snippet .meta { float: left; display: block;
    font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px; margin-right: 40px; }
.article--snippet .btn { margin-left: 10px; }
.article--snippet .expander, .truncate_more_link  { color: #249695; font-size: 56px; line-height: 23px; position: absolute; top: auto; right: 0;
/* removed from merged css bottom: 0;*/
left: 0; text-align: center; width: 100%; vertical-align:top; }
.truncate_more_link:hover, .truncate_more_link:visited { text-decoration: none; }

/* additions */
#fileUploadButton {
    border: 2px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

#file_field { margin: 0; }

li.active.dropdown.open ul.dropdown-menu li a { background: white; }
.navbar .navbar-nav ul li a:hover { background: #D6D6D6; }
li.active.dropdown.open ul.dropdown-menu li a:hover, #navbar > ul > li.active.dropdown.open > ul > li > a:hover { background: #D6D6D6; }

.miniToc a.selected { font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

.toc a { display: block; color: #222222; }
.toc li { margin: 10px 0; }
.toc ul { list-style: none; margin: 0; padding-left: 20px }

div .panel-body { padding-top: 0; }

#createPortfolio, .selectedActionButton, #uploadDocButton, #updatePermissionsButton, #updateModelButton { margin-bottom: 10px; }
#removeDocumentsButton:hover { background-color: #d9534f; }
#removeDocumentsButton { margin-left: 10px; margin-bottom: 6px; background-color: #d9534f; }
#unsubscribePortfolio, #unsubscribePortfolio:hover { background-color: #d9534f; }

#backToMyPortfoliosButton { margin-top: 15px; }

.sixty-label-default { display:inline-block; background-color: #777; color: white; text-decoration: none; padding: 2px 4px; padding-bottom: 3px; color:#666; background-color: #DCE1E6; }
.sixty-remove { margin-right: 5px; margin-left: 5px; margin-bottom: 2px; font-size: 14px; }

 /* --- Twitter typeahead */
.tt-menu { background-color: #ffffff; padding-left: 10px; padding-right: 10px; border-radius: 1px; border: 1px solid; width: 100%; color: #555; }
.tt-cursor { background-color: #ffffaa; }
.tt-selectable:hover { cursor: pointer; }
.input-group .twitter-typeahead { width: 100%; display: table-cell; }
.tt-menu.tt-open { text-align: left; -ms-text-overflow: ellipsis; max-width: 100%; display: inline-block; }

#sharedUserEmailLabel { color: black; font-size: 15px; }

/* Flash messages */
.flashContainer {
    zoom: 1; max-width: 1140px; color: #333333; font-size: 20px; margin-left: auto; margin-right: auto; margin-top: 10px;
    margin-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px;
    border-width: 1px; border-style: solid; border-radius: 2px; border: 2px solid; position: relative; text-align: center;
}
.flashSuccess { background-color: #f3f3f5; border-color: #249695; }
.flashError { background-color: #faebeb; border-color: #c40606; }
#home > div.flashContainer.flashSuccess > div { text-align: center; }

.showAllLinksIn,.showAllLinksOut { cursor: pointer; }

.dropdown-menu a.option_selected { background-color: #bdc6c6; }
button.dropdown-toggle > span { text-align: left; }
#roleAccess_field button { background-color: white; }
input::-webkit-calendar-picker-indicator { display: none; }
input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; }

.logInOption { margin: 5px 0; }
#logInForm { margin-bottom: 10px; }

#logInHeaderText, #freeTrialHeaderText, #permissionsHeaderText, #approvedIpsHeaderText,#modelHeaderText, #ingestHeaderText, #viewPortfolioHeaderText, #myProfileHeaderText, #recentSearchesHeaderText, #editMetadataHeader, #backToDocument { margin-top: 10px; }
#freeTrialForm, #logInForm, #permissionsForm, #modelForm, #ingestForm, #editMetadataButton { margin-bottom: 10px; }

.header-glygh::before { font-size: 14px; margin-right: 5px}

input.btn.btn-default.setAsActive { padding: 7px 17px; }#freeTrialForm, #logInForm, #permissionsForm, #modelForm, #ingestForm { margin-bottom: 10px; }

button.btn.dropdown-toggle.searchDropdown { padding: 7px 15px 7px 7px; }
#searchResultsArea { padding-right: 0; padding-left: 0; }
#searchSortArea, #searchLimitArea { padding: 0; }
#searchPaginationArea { padding-left: 0; padding-right: 15px; }
.pagination > li > a, .pagination > li > span { padding: 7px 9px; }
ul.pagination { white-space: nowrap; margin-right: 15px; margin-top: 5px; }
#freeTrialForm, #logInForm, #permissionsForm, #modelForm, #ingestForm { margin-bottom: 10px; }
.result-filters { padding-left: 15px; }
#search-history-link, #clear-search-link { padding-left: 20px; }

#main-area > article.article--snippet { padding: 10px; }
#main-area > article > div.panel-body { padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 5px; }
#main-area > article > header.header--w_info { padding-right: 160px; padding-bottom: 5px; }
#main-area > article > header > div.header--w_info-title { float: left; margin-right: 40px; }
#main-area > article > header > div.info { position: absolute; top: 2px; }
#main-area > article > header > div.info > a.searchAddToPortfolioButton { padding: 3px 10px; margin-top: 2px; }
.resultSnippets { overflow: hidden; height: auto; float: left; width: 97%; }
.showMore { font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; cursor: pointer; color: #337ab7; text-align: center; font-size: 20px; float: right; padding-top: 30px; }
#main-area > article > div > div.resultSnippets > mark.pleaseTruncate { padding: 0; }
#main-area > article > header > div > div.meta > span.sixty-label-default { background-color: #EAE6E6; font-family: "open_sansregular" }
#main-area > article > div.panel-body { position: relative; }
#main-area > article > header > div.info > span.meta-date { position: relative; top: 3px; }

.backToLastSearch { margin-top: 10px; display: none; }

.reviewDocumentTitle,.reviewDocumentIdentifier,.reviewDocumentCategory { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; max-width: 100%; display: inline-block; }
.reviewDocumentIdentifier,.reviewDocumentCategory { white-space: normal; }
.reviewDocumentTitle { white-space: nowrap; }

.review-table, #myPortfoliosTable { width: 100% !important; table-layout: fixed; }

.review-table .review-table-header-select { width: 30px; }
.review-table .review-table-header-title { width: 30%; }
.review-table .review-table-header-identifier { width: 20%; }
.review-table .review-table-header-upload-date { width: 15%; }
.review-table .review-table-header-category { width: 15%; }
.review-table .review-table-header-supersedes { width: 20%; }
.review-table .review-table-header-iti-only-bool { width: 70px; }
.review-table .review-table-data-supersedes { word-wrap: break-word; }

.footer-pusher { min-height: 100%; margin: 0; }

/* Fix fonts in app.css */
b, strong {
  font-weight: normal; font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.article--snippet h1 .meta {
  font-weight: normal; font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#main-area { max-width: 100%; overflow-x: hidden; }

.categoryLabelHomePage, .recentlyAddedDocumentLink, .myPortfolioLink, .popularSectionTitle, .myPortfolioTableItem, .emailAlertCategoryLabel, div.toolTipContent span.toolTipTitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; display: inline-block; vertical-align: top; }
.categoryLabelHomePage { max-width: 90%; }
.recentlyAddedDocumentLink, .myPortfolioLink, .popularSectionTitle, .myPortfolioTableItem, .showPreview, div.toolTipContent span.toolTipTitle { max-width: 100%; }

.currentVersionItem { font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.disabledVersionLink { font-weight: normal; }
.version-date-display { color: gray; }

div.toolTipContent, div.toolTipContent span.toolTipTitle { font-size: 10px; line-height: 15px; text-align: left; }
div.toolTipContent span.toolTipTitle { font-size: 14px; text-align: left; }
.tooltip.top .tooltip-inner { border: 3px solid #249695; }
.tooltip.top .tooltip-arrow { border-top-color: #249695; }

.emailAlertCategoryLabel { max-width: 440px; }

.three-boxes h3 { font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

#documentTitle { font-size: 30px; line-height: 35px; }

.article--snippet header, .main-area__content header { padding: 0 15px 15px; margin: 0 -15px 0px; }

.content-panel header { margin: 0 -15px 0px; padding: 0 15px 10px; }

/* Forms */
.error { color: red; font-family: "open_sansbold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
#editMetadataForm { margin-bottom: 10px; }

/* -- Social media sharing buttons */
.sharingButtons { width: 130px; position: absolute; visibility: hidden; background: white; height: 40px; border: solid 1px #eee; box-shadow: 2px 2px 4px #aaa; }
/* Sharing button CSS (copied from rrssb.css at https://github.com/kni-labs/rrssb/tree/master/css) */
.rrssb-buttons{box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons:after{clear:both}.rrssb-buttons:after,.rrssb-buttons:before{content:' ';display:table}.rrssb-buttons li{box-sizing:border-box;float:left;height:100%;line-height:13px;list-style:none;margin:0;padding:0 2px}.rrssb-buttons li.rrssb-email a{background-color:#0a88ff}.rrssb-buttons li.rrssb-email a:hover{background-color:#006ed6}.rrssb-buttons li.rrssb-facebook a{background-color:#306199}.rrssb-buttons li.rrssb-facebook a:hover{background-color:#244872}.rrssb-buttons li.rrssb-tumblr a{background-color:#32506d}.rrssb-buttons li.rrssb-tumblr a:hover{background-color:#22364a}.rrssb-buttons li.rrssb-linkedin a{background-color:#007bb6}.rrssb-buttons li.rrssb-linkedin a:hover{background-color:#005983}.rrssb-buttons li.rrssb-twitter a{background-color:#26c4f1}.rrssb-buttons li.rrssb-twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.rrssb-googleplus a{background-color:#e93f2e}.rrssb-buttons li.rrssb-googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.rrssb-youtube a{background-color:#df1c31}.rrssb-buttons li.rrssb-youtube a:hover{background-color:#b21627}.rrssb-buttons li.rrssb-reddit a{background-color:#8bbbe3}.rrssb-buttons li.rrssb-reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.rrssb-pinterest a{background-color:#b81621}.rrssb-buttons li.rrssb-pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.rrssb-pocket a{background-color:#ed4054}.rrssb-buttons li.rrssb-pocket a:hover{background-color:#e4162d}.rrssb-buttons li.rrssb-github a{background-color:#444}.rrssb-buttons li.rrssb-github a:hover{background-color:#2b2b2b}.rrssb-buttons li.rrssb-instagram a{background-color:#517fa4}.rrssb-buttons li.rrssb-instagram a:hover{background-color:#406582}.rrssb-buttons li.rrssb-delicious a{background-color:#0B79E5}.rrssb-buttons li.rrssb-delicious a:hover{background-color:#095fb4}.rrssb-buttons li.rrssb-vk a{background-color:#4d71a9}.rrssb-buttons li.rrssb-vk a:hover{background-color:#3d5a86}.rrssb-buttons li.rrssb-hackernews a{background-color:#f60}.rrssb-buttons li.rrssb-hackernews a:hover{background-color:#cc5200}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;box-sizing:border-box;display:block;font-size:11px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:700;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;width:100%}.rrssb-buttons li a .rrssb-icon{display:block;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .rrssb-icon svg{height:17px;width:17px}.rrssb-buttons li a .rrssb-icon svg path,.rrssb-buttons li a .rrssb-icon svg polygon{fill:#fff}.rrssb-buttons li a .rrssb-text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .rrssb-icon{left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .rrssb-text{visibility:hidden}.rrssb-buttons.large-format,.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li:first-child:nth-last-child(1) a{font-size:20px;font-size:4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(2) a,.rrssb-buttons.large-format li:first-child:nth-last-child(2)~li a{font-size:16px;font-size:2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(3) a,.rrssb-buttons.large-format li:first-child:nth-last-child(3)~li a{font-size:14px;font-size:1.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(4) a,.rrssb-buttons.large-format li:first-child:nth-last-child(4)~li a{font-size:13px;font-size:1.4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(5) a,.rrssb-buttons.large-format li:first-child:nth-last-child(5)~li a{font-size:13px;font-size:1.2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(6) a,.rrssb-buttons.large-format li:first-child:nth-last-child(6)~li a{font-size:12px;font-size:1.05vw}.rrssb-buttons.large-format li:first-child:nth-last-child(7) a,.rrssb-buttons.large-format li:first-child:nth-last-child(7)~li a{font-size:11px;font-size:.9vw}.rrssb-buttons.large-format li:first-child:nth-last-child(8) a,.rrssb-buttons.large-format li:first-child:nth-last-child(8)~li a{font-size:11px;font-size:.8vw}.rrssb-buttons.large-format li:first-child:nth-last-child(9) a,.rrssb-buttons.large-format li:first-child:nth-last-child(9)~li a{font-size:11px;font-size:.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(10) a,.rrssb-buttons.large-format li:first-child:nth-last-child(10)~li a{font-size:11px;font-size:.6vw}.rrssb-buttons.large-format li:first-child:nth-last-child(11) a,.rrssb-buttons.large-format li:first-child:nth-last-child(11)~li a{font-size:11px;font-size:.5vw}.rrssb-buttons.large-format li a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.2em;padding:8.5% 0 8.5% 12%}.rrssb-buttons.large-format li a .rrssb-icon{height:100%;left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .rrssb-icon svg{height:100%;position:absolute;top:0;width:100%}.rrssb-buttons.large-format li a .rrssb-text{-webkit-backface-visibility:hidden;backface-visibility:hidden}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1px}.rrssb-buttons.small-format li a .rrssb-icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .rrssb-icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .rrssb-icon svg{height:28px;width:100%}.rrssb-buttons.tiny-format li a:active,.rrssb-buttons.tiny-format li a:hover{background-color:transparent}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg polygon{fill:#0a88ff}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0054a3}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg polygon{fill:#306199}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#18304b}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg polygon{fill:#32506d}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#121d27}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg polygon{fill:#007bb6}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#003650}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg polygon{fill:#26c4f1}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0b84a6}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg polygon{fill:#e93f2e}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#a01e11}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg polygon{fill:#df1c31}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#84111d}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg polygon{fill:#8bbbe3}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#398bcf}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg polygon{fill:#b81621}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#5d0b11}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg polygon{fill:#ed4054}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#b61124}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg polygon{fill:#444}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#111}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg polygon{fill:#517fa4}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#2f4a60}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg polygon{fill:#0B79E5}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#064684}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg polygon{fill:#4d71a9}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#2d4263}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg polygon{fill:#f60}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#993d00}

.btn-diff { color: #249695 }

.g-recaptcha { margin-bottom: 10px }

#document-content iframe { width: 100% }
#document-content .row { margin-left: 0; margin-right: 0; }