@charset "utf-8";
/*!
 * report.css
 * Webkokteyli - 2020
 */

/* general custom */
.custom-page .section-parameters .row > div:not(:last-child) .form-group {
    margin-bottom: 30px;
}
.custom-page select.form-control[multiple],
.custom-page select.form-control[size] {
    min-height: 140px;
}
.custom-page label {
    font-weight: 500;
}
.xcrud-wrapper .custom-page input,
.xcrud-wrapper .custom-page select[multiple],
.xcrud-wrapper .custom-page textarea {
    padding: 1rem;
}
.xcrud-wrapper .custom-page input.form-control-file {
    padding: 4px;
}

/* narrow */
.custom-page .table-narrow th,
.custom-page .table-narrow td{
    font-size: 0.78rem;
    padding: 0.5rem 0.6rem;
    height: auto;
    font-weight: 400;
}
.custom-page .table-narrow th {
    font-weight: 700;
    color: #333;
}
.custom-page .table-narrow thead th {
    padding: 1rem 0.6rem;
    font-size: 0.82rem;
}
.custom-page .table-narrow thead th > span {
    font-size: 0.7rem;
}

/* word break */
.custom-page .table .text-break {
    text-align: left;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.custom-page .table th.dark-shaded,
.custom-page .table td.dark-shaded {
    background-color: #416aa5;
    color: #fff;
    border-color: #6189c3;
    font-size: 0.84rem;
    font-weight: 600;
}

/* table are */
.table-are {

}
.custom-page .table-are th,
.custom-page .table-are td {
}
.custom-page .table-are th {
    text-align: right;
    max-width: 370px;
}
.custom-page .table-are tbody td,
.custom-page .table-are tfoot td {
    text-align: right;
}
.custom-page .table-are th.shaded,
.custom-page .table-are td.shaded {
    background-color: #d3d4d85c;
}
.custom-page .table-are thead th {
}
.custom-page .table-are thead th > span {
}

/* sorting */
.sortable-table.sortable-fa-icons thead th:after {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 7px;
    /* left: 0; */
    top: 50%;
    margin-top: -8px;
    opacity: 1;
}
.sortable-table.sortable-fa-icons thead th {
    position: relative;
}
.sortable-table.sortable-fa-icons thead th[data-sort-direction="0"]:after {
    opacity: 0;
}
.sortable-table.sortable-fa-icons thead th.text-right:after {
    right: auto;
    left: 0;
}

/* header table */
.custom-page .table-results.table-header {
    margin: 0;
    border: 0;
}
.custom-page .table-results.table-header tr,
.custom-page .table-results.table-header th {
    border: 0;
}
.custom-page .table-results.table-header th {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    color: #333;
    font-size: 1.1rem;
    padding: 1.2rem 0 1.1rem;
    /* background-color: #f9f9f9; */
}

/* table footer sum */
.custom-page .table-results tfoot th, .custom-page .table-results tfoot td {
    padding: 0.9rem 0.5rem;
    font-size: 0.84rem;
}

/* popup */
span.pharmacy-popup {
    cursor: pointer;
    transition: padding .15s ease-in-out;
    /* display: block; */
    margin-right: 0.4rem;
    padding-right: 10px;
}
span.pharmacy-popup:hover {
    font-weight: 600;
    color: #255192;
    color: #333;
    /* padding-left: 0.25rem; */
    margin-right: 0;
    padding-right: 0;
}
span.pharmacy-popup:before {
    content: "\f002";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    font-size: 0.6rem;
    /* margin-right: 0.3rem; */
    width: 0;
    /* overflow: hidden; */
    opacity: 0;
}
span.pharmacy-popup:hover:before {
    width: 10px;
    /* overflow: visible; */
    transition: all .15s ease-in-out;
    opacity: 1;
    margin-right: 0.3rem;
}

/* freeze */
.custom-page .table-results.table-bordered th:not(.freeze-cell),
.custom-page .table-results.table-bordered td:not(.freeze-cell){
    min-width: 100px;
}
.custom-page .table-results.table-bordered .freeze-cell {
    position: sticky;
    left: 0;
    background-color: #fff;
    z-index: 1;
    padding-right: 15px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 1px #e0e0e0;
}
.custom-page .table-results.table-bordered .freeze-cell+.freeze-cell {
    left: 34px;
    box-shadow: 0px 0px 1px 0px #e0e0e0;
}
.custom-page .table-results.table-bordered .freeze-cell+.freeze-cell+.freeze-cell {
    left: 206px;
    box-shadow: 0px 0px 1px 0px #e0e0e0;
}

/* graphs charts */
.chart-area {
    padding: 2rem 0;
}

/* print PDF buttons */
.custom-results-buttons {
    margin: 1rem 0 0;
    display: flex;
    justify-content: flex-end;
}
.custom-results-buttons.buttons .button {
    background-color: #426aa5;
    border: 1px solid #426aa5;
    color: #fff;
}

@media (max-width: 768px){
    .custom-page{
        padding: 1.5rem;
    }
    .custom-page .table-results.table-bordered th:not(.freeze-cell),
    .custom-page .table-results.table-bordered td:not(.freeze-cell){
        min-width: none;
    }
    .custom-page .table-results.table-bordered .freeze-cell {
        position: relative;
        left: auto;
        background-color: inherit;
        z-index: 1;
        padding-right: 0;
        border: inherit;
        box-shadow: inherit;
    }
    .custom-page .table-results.table-bordered .freeze-cell+.freeze-cell {
        left: auto;
        box-shadow: inherit;
    }
}
@media print{
    *{
        color-adjust: exact;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    body{
        background: none;
    }
    .menu-area,
    .topbar,
    .separator {
        display: none;
    }
    .content-area {
        padding-left: 0;
    }
    .content-area .scrollable-area {
        max-height: unset;
        overflow: auto;
        height: auto;
    }
    .tables-area {
        padding: 0;
    }
    .xcrud-wrapper {
        margin: 0;
    }
    .custom-page:not(.print-only) {
        display: none;
    }
    .custom-page, .section:not(:first-of-type) {
        margin: 0 !important;
    }
    /* freeze */
    .custom-page .table-results.table-bordered th:not(.freeze-cell),
    .custom-page .table-results.table-bordered td:not(.freeze-cell){
        min-width: auto;
        position: unset;
    }
    .custom-page .table-results.table-bordered .freeze-cell {
        position: unset;
        left: auto;
        background-color: unset;
        z-index: auto;
        padding-right: 0.5rem;
        border: 1px solid #dee2e6 !important;
        box-shadow: inherit;
    }
    .custom-page .table-results.table-bordered .freeze-cell+.freeze-cell {
        left: auto;
        box-shadow: none;
    }
    .custom-page .table-results.table-bordered .freeze-cell+.freeze-cell+.freeze-cell {
        left: auto;
        box-shadow: none;
    }
    /* .custom-page .table th.dark-shaded, .custom-page .table td.dark-shaded {
        color: inherit;
    } */
    /* .custom-page .table td,
    .custom-page .table th {
        background-color: inherit !important;
    } */
    .custom-page .table-are th.shaded,
    .custom-page .table-are td.shaded {
        background-color: #d3d4d85c !important;
    }
    .custom-page .table th.dark-shaded,
    .custom-page .table td.dark-shaded {
        background-color: #416aa5 !important;
        border-color: #6189c3 !important;
    }
    .table {
        /* border-collapse:unset; */
    }
    /* graphs */
    .chart-area {
        border: 1px solid #dee2e6;
        border-top: 0;
        width: 100% !important;
        overflow: auto !important;
        padding: 2rem;
    }
    .single-chart {
        /* height: calc(100vh - calc(9rem + 90px)) !important; */
        height: auto !important;
        width: 100% !important;
        overflow: auto !important;
    }
    canvas{
        max-width: 100% !important;
        max-height: 100% !important;
        height: auto !important;
    }
    .custom-results-buttons{
        display: none;
    }
}
@page {
    size: auto;
}