﻿.table td.is-selected,
.table th.is-selected {
    background-color: #3273dc;
    color: #fff;
}

    .table td.is-selected a,
    .table td.is-selected strong,
    .table th.is-selected a,
    .table th.is-selected strong {
        color: currentColor;
    }

.table tr.is-selected {
    background-color: #3273dc;
    color: #fff;
}

    .table tr.is-selected a,
    .table tr.is-selected strong {
        color: currentColor;
    }

    .table tr.is-selected td,
    .table tr.is-selected th {
        border-color: #fff;
        color: currentColor;
    }

.table.is-hoverable tbody tr:not(.is-selected):hover {
    cursor: pointer;
    /*background-color: #ccc;*/
}

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    cursor: pointer;
    /*background-color: #ccc;*/
}

.scrollable {
    height: 500px;
    overflow-y: auto;
}

.scrollable-modal {
    height: 300px;
    overflow-y: auto;
}

.display-flex {
    display: flex;
}

.field-body {
    flex-grow: 3;
}

.field-label {
    text-align: left;
}

.is-disabled {
    cursor: not-allowed;
}

.v-table-column th {
    vertical-align: middle;
}

.tag:not(body).is-yellow {
    background-color: #fff700;
    color: rgba(0,0,0,.7);
}

.tag:not(body).is-darkred {
    background-color: #8b0000;
    color: #f5f5f5;
}

.print-font-size {
    font-size: 0.50rem;
}

[v-cloak] > * {
    display: none;
}

[v-cloak]::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.sticky {
    position: sticky;
    top: 52px;
    z-index: 1;
}

html {
    scroll-behavior: smooth;
    
}

/*.modal {
    z-index: 3;
}*/
/*.is-fixed-top {
    z-index: 2;
}*/
