/***********************************************************/
/* CSS configuration for the HydroServer station list view */
/*                                                         */
/* Version 1.7.1                                           */
/***********************************************************/

/* general font configuration */
body {
    /*font-family: 'Arial', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

#customSearch {
    padding-top: 4px;
    padding-bottom: 4px;
}
#customSearch, #table-filter, #last_update {
    /*font-family: 'Arial', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

/* configure plot column styles */
.s-link {
    padding-left: 3px;
    padding-right: 3px;
}

.plot-link:hover {
    color: dimgray;
}

.vorschau-btn {
    padding: 0;
}

/* Set stripped color here */
.custom-header>tbody>tr:nth-child(odd)>td,
.custom-header>tbody>tr:nth-child(odd)>th {
    background-color: white;
}

/* style of the expand/collapse button */
.btn-close-averages {
    border-radius: 0;
    color: white;
    font-size: 14px;
    background-color: #3498db;
}

/* position of the expand / collapse sign in the middle of the first cell (e.g. first cell of all rows) */
#stationTable > tbody > tr > td:nth-child(1) {
    padding-left: 10px;
}

/* the color of the +/- sign to expand/collapse a row */
.bootstrap-table .detail-icon {
    color: dimgrey;
}

/* Padding of row when the row is expanded - e.g. detail is shown */
.detail-view-row {
    padding-left: 26px;
    font-size: 12px;
}

@media only screen and (max-width: 576px) {
    .detail-view-row {
        padding-left: 20px;
        font-size: 12px;
    }
}

/* Format detail view row table cells */
.detail-view-row > table > tbody > tr > td {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent; /* for the stripped / highlighter to work */
}

.headerTextDependsOnMediaSize {--isxs:false;}
@media only screen and (max-width: 576px){
    .headerTextDependsOnMediaSize {--isxs: true}
}

/* page title format */
#pageTitle {
    color: #3498db;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}

/* style for inactive stations in the list */
.station-inactive {
    color: darkgrey;
}

/********************************/
/* Override Bootstrap CSS rules */
/********************************/

/*Reduce padding on modal body */
.modal-body {
    padding: 5px;
}

/**************************************/
/* Override bootstrap table CSS rules */
/**************************************/
.bootstrap-table .fixed-table-container .table thead th .sortable {
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 15px!important;
}