body {font-family: Roboto, Arial}

 .compact a {color: #4C92CC;}

 
 .table-metadata {
 	margin: 8px 0;
 	border: 1px solid #E1E1E0;
 	width: 100%;
 	box-sizing: border-box;
 }

.table-metadata td, .table-metadata th {padding: 5px;}
.table-metadata .k {text-align: right; font-weight: bold;}

.toc li {list-style-type: none;}
.toc ul {list-style-type: none; margin: 0;}

.event-popular {
  background: #FFFFEE;
  padding: 6px 15px;
  margin: -7px -15px;
  border-top: 1px solid #EEE;
}

.list-flat li, .list-flat ul {
	 list-style-type: none; 
	 margin-bottom: 8px; 
	 padding-bottom: 8px; 
	 border-bottom: 1px solid #EEE
}

.list-flat li.with_children {border: 0; padding-bottom: 4px; margin: 0;}
.list-flat ul li {
	border: 0; padding: 0; margin: 0;
}

span.modal_activator {
  color: #127cc1;
  font-weight: bold;
}

span.modal_activator:hover {
  text-decoration: underline;
  cursor: pointer;
}

.subheader {color: #1976D2; line-height: 48px;}

.abstract {font-size: 14px;}

img.frontpage {width: 40px; position: absolute; left: 16px; top: 16px; }

.mdl-layout__header-row {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -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);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
}

.ui-menu-item {
    padding-left: 1em;
    padding-right: 1em;
}

.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-menu-item.ui-state-focus{
    background-color:  #2ea2cc !important;
    background-image: none;
    color: #fff;
    border: none;
}

.ui-helper-hidden-accessible {
  display: none !important;
}

.radius-4px {
  border-radius: 4px;
}

.row.center h5 span.label {
  margin-right: 16px;
}

.row.center .title-divider.with-cover {
  min-height: 72px;
}

.list-item.document.with_cover {
  min-height: 75px;
}

.row.center .list-item.document, .list-item.source, .list-item.topic  {
  padding: 12px 20px 12px 20px;
}

.row.center #regions_div {
  padding: 0px;
}

.row.center .list-item-content {
  margin-right: 0px;
}

.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 1;
  background-color: rgba(0,0,0,0.8);
}

.modal.basic_modal .control-group.span12 {
  margin-top: 9px;
}

a.btn.btn-search.social {
  width: 16px;
}

.basic_checkbox_input {
  float: left;
  margin-left: 8x;
}

.basic_checkbox_text, .control-group.checkbox label {
  float: left;
}

.basic_modal_text {
    padding: 8px;
}

.basic_modal .span6, .basic_modal .row-fluid  {
  float: left;
}

.basic_modal .check-list {
  list-style: none;
}

.basic_modal .check-list li:before {
    color: #78add9;
    content: '✓';
    font-size: 13px;
    top: 0;
    margin-right: 5px;
    position: relative;
}

.basic_modal ul.check-list {
  padding-left: 16px;
}

.basic_modal label.control-label {
  font-weight: bold;
}

.login.modal.login-modal {
  padding: 0px;
}

@media (max-width: 480px) {
  .modal.basic_modal .span6 {
    float: none;
    width: 100%;
  }
} 

.subcontent {
  padding-bottom: 16px;
}

#product_menu-new {
  width: 180px;
}

.col.col-product-menu {
  width: 170px !important;
}

.search-query.col.ui-autocomplete-input {
  width: 250px !important;
}

.vlex_header_links {
  padding-top: 16px;
}

.vlex_header_links a {
  font-weight: bold;
  color: #333;
  padding: 0px 4px;
}

#inplace-search-container {
  width: 310px !important;
}

.searchbar.centers .navbar-fixed-top .dropdown.product-menu .name {
  font-size: 14px;
  padding-top: 4px;
}

h1.badge {
  border-radius: 4px;
  font-size: 16px;
  text-transform: inherit;
  margin-bottom: 8px;
}

.related.label, .related-centers > .label {
  font-weight: inherit;
}

h2.main-document {
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 1em;
  padding-top: 10px;
}

.results-list .list-item-content span.result {
  font-weight: inherit;
}

@media (min-height: 580px) {
  .navbar-left li.cluster.dropdown {
    display: none;
  }
}

@media (max-height: 580px) {
  .navbar-left li.notes {
    display: none;
  }
}

@media (max-height: 580px) {
  .navbar-left li.folders {
    display: none;
  }
}

@media (max-height: 510px) {
  .navbar-left li.favorites {
    display: none;
  }
}

@media (max-height: 460px) {
  .navbar-left li.history {
    display: none;
  }
}

@media (max-height: 390px) {
  .navbar-left li.explore {
    display: none;
  }
}

@media (max-height: 320px) {
  .navbar-left li.help {
    display: none;
  }
}

@media (max-width: 700px) {
  .navbar-fixed-top .vlex_header_links .use {
    display: none;
  }
}

@media (max-width: 620px) {
  .navbar-fixed-top .vlex_header_links .products {
    display: none;
  }
}

@media (max-width: 560px) {
  .navbar-fixed-top .vlex_header_links .why {
    display: none;
  }
}

.navbar-fixed-top div.col.vlex_header_links {
  float: left;
}


.navbar-fixed-top .col.col-account {
  float: right !important;
}


@media (max-width: 480px) {
  .modal.login {
    width: 90%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
  }
}

h1.badge span.country_name {
  font-weight: normal;
  font-size: 12px;
}

/* admin */
.hide-unless-hover {display: none !important}
div.inner-content:hover .hide-unless-hover {height: 100%; float:left; display: inline-block !important}
/* /admin */