body {
    background-color: white;
}

.header {
    padding: 20px;
    font-size: 25px;
    letter-spacing: 1px;
    color: #4169E1;
}

.headerNoNav {
    padding: 20px;
    font-size: 25px;
    letter-spacing: 1px;
    color: #4169E1;
}

.header-timer {
    padding: 20px;
    font-size: 15px;
    letter-spacing: 1px;
    color: #4169E1;
    position: absolute;
    top: 0;
    right: 0;
}

.main {
    margin-top: 40px;
    font-size: 15px;
    text-align: center;
}

.dashed-line {
    border-top: 2px dashed blue;
    margin-top: 60px;
    margin-bottom: 60px;
}

.title {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #808080
}

.title-name {
    font-size: 15px;
    font-weight: bold
}

.unseen {
    display: none;
}

.registerAndLogin-form-info {
    font-weight: bold;
    color: tomato;
}

.email-if-forgot {
    color: green;
    font-weight: bold;
}

.circle-progress-value {
    stroke-width: 3px;
    stroke: #4169E1;
}

.circle-progress-circle {
    stroke: #ddd;
    stroke-width: 2px;
}

/*word-wrap i max-width - ograniczenie szerokości kolumn*/
th {
    background: white;
    position: sticky;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    word-wrap: break-word;
    max-width: 250px;
}

td {
    word-wrap: break-word;
    max-width: 250px;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #dbeaff;
}

.table-machines > tbody > tr > td {
    vertical-align: middle;
}