/*
 * @package   Fairtrade Pricing Table
 * @link      https://www.fairtrade.net
 * @author    Marko Raspor <mraspor@grom.digital>
 * @copyright Copyright (c) 2019 Grom Digital d.o.o. https://grom.digital
 * @license   https://creativecommons.org/licenses/by/4.0/ Creative Commons license
 *
 */
.dt-buttons-extra {
    margin-top: -0.5em;
    padding-right: 1.5em;
}

.dt-buttons-extra button {
    background: none;
    color: #00b9e4;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

.dt-buttons-extra .btn {
    padding: 0.5rem 0.5rem;
}

.dataTables_empty {
    color: #e00034 !important;
}

td.sorting_1::before {
    background-color: #80379b !important;
}

tr.child td.child .dtr-details::after {
    background-color: #BED600 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before, table.dataTable.dtr-column > tbody > tr.parent td.control::before, table.dataTable.dtr-column > tbody > tr.parent th.control::before {
    background-color: #BED600 !important;
}

.page-item.active .page-link {
    background-color: #80379b !important;
}

.page-item .page-link:hover {
    background-color: #80379b !important;
}

.dataTables_filter .input-group-text:focus {
    border-color: #000000 !important;
}

input[type="search"]:focus {
    border-color: #80379b;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
    outline: 0 none;
}

/* add background to focused input prepend and append */
.form-control:focus ~ .input-group-prepend {
    background: #80379b !important;
}

.has-length .input-group-text {
    border-color: #80379b !important;
}

.has-length .input-group-text + .input-group-text {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
    background: #80379b !important;
    color: #fff !important;
}

p a[target]:not(.btn) {
    color: #00b9e4 !important;
    text-decoration: none !important;
}

p a[target]:not(.btn):hover {
    color: #00b9e4 !important;
    text-decoration: underline !important;
}