/* Customizations made on top of Falcon theme */

.btn-collapse-hide[aria-expanded="true"] {
    display: none;
}


/* ion.rangeSlider plugin (Round skin) */
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single,
.irs--round .irs-bar {
    background-color: #2c7be5 !important;
}
.irs--round .irs-handle {
    border: 4px solid #2c7be5 !important;
}

/* Progress bars/circles */
.progress-circle path:nth-child(2) {
    stroke: #39AFD1 !important;
}
.progress-circle .progressbar-text {
    color: #39AFD1 !important;
}

ul.pagination {
    justify-content: center !important;
}

/* Default color for table-hover */
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #EDF2F9;
}

/* DataTables plugin */
.dataTables_length {
    padding-left: 1rem;
}
.dataTables_filter {
    padding-right: 1rem;
}
.dataTables_info {
    padding-left: 1rem;
}
.dataTables_paginate {
    padding-right: 1rem;
}
table.dataTable thead .sort {
    padding-left: 30px;
    padding-right: 12px;
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
    left: 1rem;
    right: auto;
}
table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_desc_disabled::before {
    left: 0.5rem;
    right: auto;
}

/* Mouse pointer for table rows */
[data-href]{
    cursor: pointer;
}

/* Hover table like row-col (used in dashboard_patient component) */
.row-report-use-case:hover {
    background-color: #EDF2F9;
    cursor: pointer;
}
.row-report-use-case > a {
    color: inherit;
}
.row-report-use-case > a:hover {
    text-decoration: none;
    color: inherit;
}

/* Badges for risk levels */
.badge.risk-level-1 {
    color: #00864e;
    background-color: #ccf6e4;
    width: 2.5rem;
}
.badge.risk-level-2 {
    background-color: #e7f5cb;
    color: #446600;
    width: 2.5rem;
}
.badge.risk-level-3 {
    background-color: #fcfccf;
    color: #6b6a1a;
    width: 2.5rem;
}
.badge.risk-level-4 {
    background-color: #FDE6D8;
    color: #994f28;
    width: 2.5rem;
}
.badge.risk-level-5 {
    color: #932338;
    background-color: #fad7dd;
    width: 2.5rem;
}