/* skeleton ----------------------------------------------------------------- */

.details-toolbar-header {
    margin-bottom: 2rem;
}

.details-toolbar-footer {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px #b5b5b5 solid;
}

.page-wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.content-wrapper {
    flex: 1;
}

footer.footer {
    background: transparent;
}

.nobr {
    white-space: nowrap;
}

/* typography --------------------------------------------------------------- */

.has-text-branding {
    font-weight: bold;
}

.nowrap {
    white-space: nowrap;
}

/* cards -------------------------------------------------------------------- */

.card[data-modal-id]:hover {
    cursor: pointer;
}

.card-link:hover {
    background: #ddd;
    cursor: pointer;
}

.card-link.is-info {
    background-color: #3298dc;
}

    .card-link.is-info:hover {
        background-color: #ddd;
    }

.card-link.is-danger {
    /*background-color: #3298dc;*/
}

    .card-link.is-danger:hover {
        background-color: rgb(241, 70, 104);
    }


.card-link .media-content {
    text-indent: 1rem;
}

/* tables ------------------------------------------------------------------- */

.table.is-survey-table thead tr th {
    background: #0070c0;
    font-weight: normal;
    color: #fff;
    border: 1px #0070c0 solid;
}

table.table.question-table {

}

table.table.question-table tbody tr:hover {
    cursor: pointer;
}

table.table.is-sticky {
    position: relative;
    border-collapse: collapse;
}

    table.table.is-sticky thead th {
        position: sticky;
        top: 0;
        background: #fff;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    }


table.table tbody tr.is-locked td {
    background: #fdfdfd;
    color: #999;
}

table.table tbody tr.dataset-is-selected td {
    background-color: rgba(0, 84, 166, 0.15);
}

table.table tbody tr.question-is-selected td {
    background-color: rgb(0, 84, 166);
    color: #fff;
}

/* toolbar ------------------------------------------------------------------ */

.toolbar .toolbar-item {
    display: inline-block;
    float: left;
    line-height: 40px;
    height: 40px;
    width: 200px;
    min-width: 200px;
    margin: 0;
    padding: 0 1rem;
    border-right: 1px rgb(8, 100, 167) solid;
}

    .toolbar .toolbar-item:hover {
        cursor: pointer;
        background: rgb(8, 100, 167);
        color: rgb(238, 238, 238);
    }

    .toolbar .toolbar-item.is-active {
        background: rgb(8, 100, 167);
        color: rgb(238, 238, 238);
    }

/* questions ---------------------------------------------------------------- */

.is-question-title {
    font-weight: bold;
    font-size: 1.2rem;
}

.is-question-coding {
    color: #f00;
}


/* pivot --------------------------------------------------------------------- */

.pvtUi {
    width: 100%;
}

.pvtTable {
    /*width: 100%;*/
}

thead > tr > th.pvtTotalLabel, .rowTotal, .pvtGrandTotal {
    display: none;
}

tbody > tr > th.pvtTotalLabel, .colTotal, .pvtGrandTotal {
    display: none;
}

/* regions ------------------------------------------------------------------- */

th.pvtColLabel.is-region-global,
th.pvtRowLabel.is-region-global {
    background: rgb(0,112,192);
    color: #fff;
}

th.pvtColLabel.is-region-africa,
th.pvtRowLabel.is-region-africa {
    background: rgb(219,132,61);
    color: #fff;
}

th.pvtColLabel.is-region-asia-pacific,
th.pvtRowLabel.is-region-asia-pacific {
    background: rgb(137,165,78);
    color: #fff;
}

th.pvtColLabel.is-region-europe,
th.pvtRowLabel.is-region-europe {
    background: rgb(170,70,68);
    color: #fff;
}

th.pvtColLabel.is-region-middle-east,
th.pvtRowLabel.is-region-middle-east {
    background: rgb(226,130,112);
    color: #fff;
}

th.pvtColLabel.is-region-north-america,
th.pvtRowLabel.is-region-north-america {
    background: rgb(113,88,143);
    color: #fff;
}

th.pvtColLabel.is-region-south-america,
th.pvtRowLabel.is-region-south-america {
    background: rgb(66,152,176);
    color: #fff;
}

th.pvtColLabel.is-age-18,
th.pvtRowLabel.is-age-18 {
    background: #62a9e2;
    color: #fff;
}

th.pvtColLabel.is-age-25,
th.pvtRowLabel.is-age-25 {
    background: #6ebcbc;
    color: #fff;
}

th.pvtColLabel.is-age-35,
th.pvtRowLabel.is-age-35 {
    background: #ff8a65;
    color: #fff;
}

th.pvtColLabel.is-age-45,
th.pvtRowLabel.is-age-45 {
    background: #e56560;
    color: #fff;
}

th.pvtColLabel.is-age-55,
th.pvtRowLabel.is-age-55 {
    background: #778eb7;
    color: #fff;
}

th.pvtColLabel.is-age-65,
th.pvtRowLabel.is-age-65 {
    background: #c8729e;
    color: #fff;
}

th.pvtColLabel.is-cohort-z,
th.pvtRowLabel.is-cohort-z {
    background: #72baaa;
    color: #fff;
}

th.pvtColLabel.is-cohort-m,
th.pvtRowLabel.is-cohort-m {
    background: #ff6f59;
    color: #fff;
}

th.pvtColLabel.is-cohort-x,
th.pvtRowLabel.is-cohort-x {
    background: #39788c;
    color: #fff;
}

th.pvtColLabel.is-cohort-b,
th.pvtRowLabel.is-cohort-b {
    background: #373e92;
    color: #fff;
}