@font-face {
    font-family: TabletGothicNarrowLight;
    src: url("../fonts/TabletGothicNarrow-Light.woff") format("woff"),
         url("../fonts/TabletGothicNarrow-Light.ttf")  format("truetype");
}

/*Horizontal positioning of both header and content*/
.row{
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1350px; /*same as pre-redesign OLS*/
    background-color: white;
}

html{
    width: 100vw; /*prevents the appearing scrollbar from shoving left the main content*/
}

body{
    font-size: 16.5px !important;
    font-family: Helvetica, Arial, FreeSans, "Liberation Sans", sans-serif;
    font-weight: normal;
}

.button {
    line-height: 1.5rem;
    background-color: #777;
    font-size: 1.45rem;
}

.navbar {
    background-color: transparent;
    background: transparent;
    border-color: transparent;
    margin-bottom: 0px;
    min-height: 40px;
}

.container-fluid{
    padding: 0px;
}

.navbar-collapse{
    padding-left: 0px;
}

.nav-button{
    font-size: 1.6rem !important;
}

.navbar-default .navbar-nav > li > a {
    color: #f8f8f8;
    background-color: #777;
    margin-right: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:focus{
    color: #f8f8f8;
    background-color: rgba(34, 34, 34, 0.9);
}

.navbar-toggle{
    background-color: white;
}

button.list-group-item{
    width: 86%;
}

#main-content-area{
    background-color: #F0F0F0;
}

/*Override embl-petrol's light grey since we use white backgrounds*/
h1{
    color: rgb(0, 80, 82);
}

h2{
    color: rgb(0, 94, 136);
    font-size: 4rem;
}

h3{
    font-size: 3rem;
}

h4{
    font-size: 2.5rem;
    color: #777;
}

h5{
    font-size: 2rem;
}

h6{
    font-size: 1.55rem;
}

label{
    font-size: 1.3rem;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
}

hr {
    clear: both;
    max-width: 130rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #777;
    border-left: 0;
}

ul{
    font-size: 1.7rem;
}

.container{
    width: 100%;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    border: 1px solid #777;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    font-family: inherit;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #777;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

select {
    height: 4rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    appearance: none;
    border: 1px solid #777;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}




input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    font-size: 1.5rem;
}


input[type="text"]{
    padding: 19px 10px;
    line-height: 2.2rem;
}

input[type="search"]{
    padding: 19px 10px;
    line-height: 2.2rem;
}

.searchButton{
    line-height: 1.25rem;
    margin-top: -1px;
    margin-left: -1px;
}
.glyphicon{
    font-size: 1.5rem;
}

#tree-link, #tree-tab-label, #property-link, #diachron-link{
    font-size: 1.4rem;
    padding: 20px;
}

#tree_tab_button_box > button{
    font-size: 1.3rem;
    padding: 10px;
}

.panel-heading{
    padding: 1px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/* Overrides Datatables */
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td{
    font-size: 1.4rem;
    line-height: 1.9rem;
}

#contentTable_paginate .pagination > li > a{
    font-size: 1.6rem;
    border: none;
    border-radius: 0;
    padding: 0 10px;
}

/*Overrides 1.3 ebi-global. Navbar buttons should not be #fefefe.*/
.dropdown.menu > li > a {
    background: #777;
}

/*Some dataTables-like styling for contentTables that might not use dataTables functionality*/
td > a,
td > a:visited,
td > a:focus{
    color:#008CBA;
}
#contentTable > thead > tr > th{
    color: white;
    background-color: rgb(0, 94, 136);
    border: 1px solid #f1f1f1;
}
#contentTable{
    font-size: 0.875rem;
}

.dropdown.menu{
    width: 100%;
}

#local-footer{
    padding-top: 15px;
}

.masthead{
    background-color: rgb(255, 255, 255);
}

.orga-logo{
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.frame-v{
    width: 100%;
    height: 90px;
    display: inline-block;
    position: relative;
    margin-top: 20px;
}

.project-partners{
    width: 33%;
    height: 90px;
    display: inline-block;
    position: relative;
    margin-top: 20px;
}

/*Override ebi-global's huge margins*/

.breadcrumb{
    background: none;
    padding: 0;
    margin-bottom: 0;
}

.breadcrumb-item{
    font-size: 1.15rem;
    text-transform: uppercase;
}

.breadcrumb-item > a,
.breadcrumb-item > a:visited {
    border: none;
    color: grey;
}

/*Override ebi-global's distance between the partonomy and the menu bar*/
.tabs-panel {
    padding-top: 0rem;
}

a, a:hover, a:focus, a:active, a:visited {
    color: #222;
    text-decoration: none;
}

/*remove dotted line from html*/
a.no-dotted-line,
a:hover.no-dotted-line,
a:focus.no-dotted-line,
a:active.no-dotted-line {
    color: #222;
    border: none !important;
    box-shadow:none;
}

a:visited.no-dotted-line {
    color: #555;
    border: none !important;
    box-shadow:none;
}


/*header specification*/
.header-background{
    background-image: url("../img/SemLookP_header_background.svg");
    background-repeat: repeat;
}

.logo-subtitle{
    color: #41434a;
    font-family: TabletGothicNarrowLight !important;
    font-size: 2rem;
    margin: 0.45em 0 1.25rem 0;
    float:right;
}

/*table of content for the api*/
.toc2{
    float: right;
    color: rgb(0, 94, 136);
}

#toctitle{
    font-size: 2.1rem;
    margin: 1rem 0 1rem 0;
    color: rgb(0, 80, 82);
}

.toc2 ul{
    list-style-type: none;
}

.toc2 a{
    color: rgb(0, 94, 136);
}

@media (max-width: 449px){
    .toc2{
        display: none !important;
    }
}

.menu{
    font-size: 1.5rem;
}

.copyButton {
    font-size: 1.1rem !important;
}