﻿@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');

* {
    font-family: 'Roboto', sans-serif;
    transition: 0.3s;
}

p{
    margin: 0px !important;
    line-height: 1;
}

.p0 {
    font-size: 10px;
}

.p1{
    font-size: 12px;
}

.p2{
    font-size: 14px;
}

.panel {
    border-radius: 3px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

.table-vh-60 {
    height: 50vh;
    overflow-y: auto;
}


.spin {
    -webkit-animation: spin 0.7s linear infinite;
    animation: spin 0.7s linear infinite;
}

.btn-purple {
    background-color: #052767;
    color: white;
}

.btn-danger{
    background-color: indianred !important;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.table-scroll {
    height: 55vh !important;
    overflow: auto !important;
}

.table-scroll-vh-0 {
    overflow: auto !important;
}

.tbody,
td,
tfoot,
thead,
tr {
    border-color: whitesmoke !important;
}

th {
    color: #6e6e6e;
}

tr {
    line-height: 1;
    transition-duration: 0.5s;
}

    tr:hover {
        background-color: rgba(227, 227, 227, 0.34);
        cursor: pointer;
        color: dimgray !important;
    }

    tr td {
        vertical-align: middle;
        font-size: 14px;
        color: dimgray !important;
    }

    tr th {
        cursor: default !important;
        background-color: white !important;
        color: #313131 !important;
        font-size: 16px !important;
        border-color: #d4d4d4 !important;
        font-weight: 600;
        vertical-align: middle;
    }

.table td {
    border-top: 1px solid #f4f4f4 !important;
    vertical-align: middle !important;
}

.table-sm td,
.table-sm th {
    padding: 0.1rem !important;
}

.shadow-2 {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25) !important;
}

.border-dark {
    border-color: #d3d3d3 !important;
}
