/*
 * This file is part of Invenio.
 * Copyright (C) 2015, 2016 TIND.
 *
 * Invenio is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License as
 * published by the Free Software Foundation; either version 2 of the
 * License, or (at your option) any later version.
 *
 * Invenio is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Invenio; if not, write to the Free Software Foundation, Inc.,
 * 59 Temple Place, Suite 330, Boston, MA 02111-1307, USA.
 */

.hidden {
    display: none;
}

.pagebody, .headline, .pagebodystripemiddle {
    color: #505050;
}

.pagebody {
    font-family: "Open Sans";
    font-weight: 300;
    background-color: #f2f4f6;
}

.tindstats_white_block {
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 0 3px #c1c1c1;
    padding: 20px 20px 40px;
}

.tindstats_menu {
    font-size: medium;
    text-align: left;
    height: auto;
    width: 150px;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
    float: left;
    z-index: 5;
    position: absolute;
    margin-left: -150px;
    float: none;
}

.tindstats_menu ul {
    list-style-type: none;
    padding: 0;
}

.tindstats_menu li {
    padding: 3px 0;
}

.tindstats_current {
    font-weight: bold;
}


/* Overview */
.tindstats_overview {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 15px 0;
}

.tindstats_overviewbox {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.tindstats_overviewbox h2 {
    font-size: 16px;
    font-weight: 600;
}

.tindstats_overviewtags .bootstrap-tagsinput .tag [data-role="remove"] {
    display: none !important;
}

.tindstats_overviewbox * {
    border-spacing: 0 0;
}

.tindstats_number {
    font-size: 300%;
    margin: 0;
    margin-top: 20px;
    padding: 0;
}


/* Graph pages */
#tindstats_graph {
    position: relative;
}

.tindstats_form {
    margin-bottom: 10px;
    margin-left: 10%;
    width: 80%;
}

.tindstats_form_inline {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 2px 0 0;

}

.tindstats_form_inline .caret {
    position: absolute;
    left: auto !important;
    right: 7px;
    top: 46% !important;
}

.tindstats_form_inline .facet_nof {
    position: relative;
    bottom: 1px;
    font-size: 0.8em;
    color: grey;
    margin-left: 5px;
}

.tindstats_form_inline .btn {
    position: relative;
    padding: 7px;
    padding-right: 24px !important;
    font-size: 0.9em;
}

.tindstats_form_inline .dropdown-menu {
    margin-top: -1px !important;
    margin-left: 0 !important;
}

[class *= "tindstats_dd"] {
    margin-left: 0;
    text-align: left;
}

[class *= "tindstats_dd"] button {
    text-align: left;
    overflow: hidden;
}

[class *= "tindstats_dd"] .dropdown-menu {
    margin-top: -3px;
    margin-left: 10%;
    max-height: 300px;
    overflow-y: auto;
}

[class *= "tindstats_dd"] .dropdown-menu label {
    white-space: nowrap;
    font-weight: normal;
    padding: 4px 10px;
    width: 100%;
}

[class *= "tindstats_dd"] .dropdown-menu label:hover {
    background: #eaeaea;
    color: black;
}

.facet_nof {
    color: grey;
    margin-left: 5px;
}

.btn .caret {
    position: absolute;
    left: 80%;
    top: 36%;
}

.facet input[type = text] {
    width: 92%;
    margin-left: 4%;
}

.clear-facet {
    display: none;
    color: rgb(102, 102, 102);
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.9em;
    line-height: 1.5;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 9px;
}

.divider {
  margin: 9px 0 0 0 !important;
}

.checkboxes_exp_loan {
    text-align: left;
}

.tindstats_filters {
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    padding: 15px 0;
}
.tindstats_filters div {
  display: inline-block;
}


.tindstats_graph {
    margin-left: 15px;
    margin-right: 15px;
    min-height: 500px;
}

.tindstats_graph h2 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.tindstats_main_element {
    margin-top: 15px;
    margin-bottom: 15px;
}

.tindstats_main_element .input-group-addon {
    min-width: 60px;
}

.tindstats_right {
    display: inline;
    position: relative;
    left: 86%;
    text-align: right;
}

.tindstats_right [class *= "tindstats_dd"] {
    display: inline;
}

.tindstats_right [class *= "tindstats_dd"] .dropdown-menu {
    min-width: 120px;
    margin-top: 6px;
    margin-left: 0;
}

.tindstats_right button {
    display: inline;
    width: 93px;
    margin-bottom: 10px;
}

.tindstats_right .btn .caret {
    top: 30%;
}

.tindstats_downloads {
    font-size: 12px;
}

.tindstats_downloads a {
    vertical-align: top;
}

.tindstats_downloads button {
    margin-right: 2px;
    width: 93px;
}

.tindstats_downloads [class *= "tindstats_dd"] {
    display: inline;
}
.tindstats_downloads [class *= "tindstats_dd"] .caret {
    top: 50%
}

.tindstats_downloads [class *= "tindstats_dd"] .dropdown-menu {
    min-width: 120px;
    margin-top: 12px;
    margin-left: 0;
}

#tindstats_tags {
    position: relative;
    left: 5%;
    width: 95%;
    margin-top: 12px;
}

#tindstats_tags input {
    display: none;
}

#tindstats_tags .bootstrap-tagsinput {
    display: inline;
    border: none;
    padding: 0;
    box-shadow: none;
    background-color: inherit;
    cursor: default;
    font-size: 18px;
}

#tindstats_tags .bootstrap-tagsinput .tag {
    line-height: 2;
    cursor: pointer;
    margin: 0;
    font-size: 10.5px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: none;
}

#tindstats_group_toggle {
  text-align: center;
  margin: 20px;
}

#tindstats_download, #tindstats_downloadall {
    min-height: 34px;
}

/* DATEPICKER */

.datepicker_timelist {
    display: none !important;
}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {
    background-color: #bfbfbf;
}

/* overwrite stupid global rules from bootstrap */
.datepicker table {
    border-spacing: 5px !important;
    border-collapse: separate !important;
}

.datepicker td, .datepicker th {
    padding: 1px !important;
}


/* CHART */

.c3 svg {
    font-family: "Open Sans";
    fill: #969696;
}

.c3-chart-arcs-title {
    font-size: 20px;
    font-weight: 600;
    fill: #505050;
}

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
    stroke-width: 4px; /* hover */
}

.c3-line {
    stroke-width: 3px;
}

.c3 path, .c3 line{
    fill: none;
    stroke: #9f9f9f;
}

.c3-grid line {
    stroke: #e4e4e4;
}

.c3-ygrid {
    stroke-dasharray: 3 0;
}

.c3-chart-arc path {
    stroke: none;
}


/* DOWNLOAD STATISTICS STYLE */

body.search .pagebody {
    background-color: white;
}
@media (min-width: 992px) {
    #dlstats_date_picker_start, #dlstats_date_picker_end {
        width: 100px;
    }
    #dlstats-chart-settings > div {
        width: auto;
        padding: 0 5px;
    }
}
#dlstats-chart-settings {
    padding: 0 40px;
}
#dlstats-chart-settings > div {
    margin: 5px 0;
}
#dlstats-chart-settings .tindstats_dd {
    margin-left: -10%;
}
#dlstats-chart-settings > div:nth-of-type(4) {
    text-align: right;
}
#dlstats_select_groupby {
    border-radius: 4px;
}

.icon-download-1:before {
  content: "\e21c";
}


.icon {
    font-family: streamline-24px-filled-in;
    font-style: normal !important;
    vertical-align: middle;
    margin-right: 2px;
    font-size: 20px;
}

.input-group > .form-control {
    /* This is the default bootstrap color for form-control but it is overwritten by inveniocss*/
    border-color:#ccc;
    color: black;
}