@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700";

body {
    padding-top: 30px;
    background: url("../img/background_image_low.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body > .inner {
    display: none;
}

body.pg-loaded > .inner {
    display: block;
}

/* SPINNER ONLY */
.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/* /SPINNER ONLY */

div.container-fluid.top-space {
    background: #ffffff;
}

.web-title {
    padding: 40px 15px;
    text-align: center;
}

body div.container-fluid div.web-title h1 {
    font-family: Sans-Serif, Arial, serif;
}

/*Colour filters */
.meta-label.btn-primary {
    background-color: #6797BF;
    border-color: #537DA1;
    color: #FFFFFF;
}

.meta-label.btn-success {
    background-color: #7DB77D;
    border-color: #60AE60;
    color: #FFFFFF;
}

.meta-label.btn-danger {
    background-color: #D16E6B;
    border-color: #CE615D;
    color: #FFFFFF;
}

.meta-label.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #FFFFFF;
}

.meta-label.btn-warning {
    color: #FFFFFF;
}

button.btn .btn-primary {
    color: black;
}

#searchForm div.input-group div.input-group-btn.open ul.dropdown-menu {
    min-width: 450px;
}

.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 4px solid #000000;
}

.extended-down {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.extended-dropdown {
    margin-left: 58px;
    margin-right: 15px;
    margin-top: -23px;
}

.extended-dropdown > .panel-group .panel {
    border-top-left-radius: 0;
    border-top-right-radius: 1px;
}

.extended-dropdown div#accordion.panel-group div.panel.panel-default {
    border-top-color: transparent;
    border-top-style: none;
}

.extended-dropdown div#accordion.panel-group div.panel.panel-default div#headingOne.panel-heading {
    background-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;

}

.extended-dropdown div#accordion.panel-group div.panel.panel-default div#headingTwo.panel-heading {
    background-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-group .panel {
    border-radius: 4px;
    margin-bottom: -5px;
}

div.panel-default {
    /*padding-top: 20px;*/
    margin-left: -15px;
    margin-right: -15px;
}

h4.heading-one-panel {
    padding-top: 20px;
}

/* Ng Support */
.ng-cloak {
    display: none;
}

.frame-me {
    border: 1px solid #66afe9;
    margin: 5px;
}

.top-space {
    margin-top: 1em;
}

#search-result-sidebar {
    padding: 0.5em;
}

#search-result-sidebar .panel-group .panel {
    margin-bottom: 5px;
}

#search-result-sidebar .panel.panel-primary > .panel-heading {
    background-color: #0b2b3e;
}

#search-result-sidebar .sidebar-item {
    text-align: left;
}

.meta-label {
    margin-right: 2px;
    margin-bottom: 2px;
}

.thumbDownloadUrl {
    margin-bottom: 5px;
    font-size: 12px;
}

.color-btn-red {
    color: #FF0000;
}

.context-items {
    margin-left: 0;
    margin-right: 0;
}

.container {
    margin-top: 20px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.mb20 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-left: 15px;
}

.mb20 > h1 {
    font: 500 normal 1.625em "Roboto", Arial, Verdana, sans-serif;
    color: #2a3644;
    margin-top: 0;
    line-height: 1.15;
}

.mb20 > h2.lead {
    font: normal normal 1.125em "Roboto", Arial, Verdana, sans-serif;
    color: #2a3644;
    margin: 0;
    padding-bottom: 10px;
}

.thumbnail > img {
    margin-left: auto;
    margin-right: auto;
}

.search-result {
    padding: 1em;
}

.search-result:hover {
    background-color: rgba(235, 235, 235, 0.2);
}

.search-result .thumbnail {
    border-radius: 0 !important;
    max-width: 80px;
}

.search-result .meta-data {
    float: right;
}

.search-result:first-child {
    margin-top: 0 !important;
}

.search-result .col-md-2 {
    border-right: 1px dotted #ccc;
    min-height: 140px;
}

.search-result ul {
    padding-left: 0 !important;
    list-style: none;
}

.search-result ul li {
    font: 400 normal .85em "Roboto", Arial, Verdana, sans-serif;
    line-height: 18px;
}

.search-result ul li i {
    padding-right: 5px;
}

.search-result .col-md-7 {
    position: relative;
}

.search-result h3 {
    font: 500 normal 1.375em "Roboto", Arial, Verdana, sans-serif;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.search-result h3 > a, .search-result i {
    color: #248dc1 !important;
}

.search-result p {
    font: normal normal 1.125em "Roboto", Arial, Verdana, sans-serif;
}

.search-result span.plus {
    position: absolute;
    right: 0;
    top: 126px;
}

.search-result span.plus a {
    background-color: #248dc1;
    padding: 5px 5px 3px 5px;
}

.search-result span.plus a:hover {
    background-color: #414141;
}

.search-result span.plus a i {
    color: #fff !important;
}

.search-result span.border {
    display: block;
    width: 97%;
    margin: 0 15px;
    border-bottom: 1px dotted #ccc;
}

.search-result p.results-expandedtitle {
    max-height: 5em;
}

.search-result p.link-spans > span {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #337ab7;
    font-weight: 300;
}

.search-result p.link-spans > span:hover {
    background-color: transparent;
    color: #23527c;
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-style: solid;
}

/* input field */
.no-btn-hover:active, .no-btn-hover:focus, .no-btn-hover:hover, .no-btn-hover:target {
    border: 1px solid #0b2b3e;
    color: #ffffff;
    background-color: #0b2b3e !important;
}

div.input-field {
    margin-bottom: 0;
}

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    border: 1px solid #0b2b3e;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    color: #ffffff;
    background: #0b2b3e;
}

.caret-reversed {
    color: #ffffff;
}

span.help-block {
    color: #ffffff;
    font-size: 28px;
    font-family: Arial;
    text-align: center;
    padding-top: 50px;
}

button.margin-l-17 {
    margin-left: -17px !important;
    margin-top: 1px;
}

/*Search Page(new improvements) */
h2.headingText {
    text-align: center;
    color: #ffffff;
    font-family: Arial;
    font-size: 26px;
    padding-left: 25px;
}

p.sentenceText {
    text-align: center;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    padding-left: 49px;
    line-height: 30px;
}

img.logo-image {
    padding-bottom: 15px;
    vertical-align: middle;
    align-content: center;

}

div.center-class {
    text-align: center;
}

/*Result Page(new improvements) */
h6.heading-result {
    color: #ffffff;
    /*padding-left: 101px;*/
    text-align: center;
}

p.sentence-result {
    text-align: center;
    color: #ffffff;
    font-size: 9px;
    padding-left: 1px;
}

.padTop {
    margin-top: 20px;
}

.detail-layout {
    text-align: center;
}

img.water-results {
    text-align: center;
}

/* collapse panel lists on the result page */
div.rhs-body {
    padding: 0;
}

a.thumbDownloadUrl-titleHeader {
    font-size: initial;
}

button.toggl-btn {
    color: #ffffff !important;
    background-color: #0b2b3e !important;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 50%;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 50%;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 50%;
}

.helpButton {
    height: 30px !important;
    width: 30px !important;
    background-color: #0080ff !important;
    border-color: #0080ff !important;
    padding: 5px !important;
    font-size: 10px !important;
}

.author-rhs {
    text-align: left !important;
}