@font-face {
    font-family: 'Teletex';
    src: url('EuropeanTeletext.ttf') format('truetype');
}

@font-face {
    font-family: 'TeletexNuevo';
    src: url('EuropeanTeletextNuevo.ttf') format('truetype');
}

a,
a:visited {
    color: rgb(46, 83, 204);
}


html,
body {
    font-family: Verdana, 'Times New Roman', Times, serif;
    letter-spacing: -0.5px;
    color: #353535;
}

body {
    background-color: #e6e4d2;
    opacity: 1;
    background-image: linear-gradient(#e1dddd 0.9px, transparent 0.9px), linear-gradient(to right, #e1dddd 0.9px, #e6e4d2 0.9px);
    background-size: 18px 18px;

    width: 800px;
    margin: 0 auto 300px auto;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(68, 68, 68);
    margin-top: 30px;
    margin-bottom: 15px;
}

table {
    /* border: 2px solid rgba(185, 192, 124, 0.562); */
    background: rgb(49, 49, 49);
    padding: 0 15px;
}


tr:not(:last-child) td,
tr:not(:last-child) th {
    border-bottom: 1px solid rgb(163, 163, 163);
}

tr {
    border: 0px;
}

th {
    color: rgb(190, 190, 99);
    font-weight: 600;
    font-style: italic;
}

td {
    color: #ccc;
}

td,
th {
    border: 0px;
    padding: 1px 6px;
}



input:not([type="checkbox"]) {
    padding: 3px;
    border-radius: 4px;
    outline: none;
    border: none;
    width: 80px;
}

:root {
    --green: #3a8610
}

#szco-hourly-result,
#szco-md-result {
    font-size: 32px;
    color: var(--green);
    font-weight: 600;
    padding: 0px 15px;
}

.mb-1 {
    margin-bottom: 3px;
}

.green {
    color: var(--green);
}

.yearly-contract-result {
    color: var(--green);
}

.virtual-expense {
    color: rgb(187, 129, 22)
}

.warning {
    background: rgb(201, 201, 126);
    color: #464646;
    font-weight: 400;
    padding: 14px 24px;
    margin: 15px 0;
}

.feedback-container {
    position: fixed;
    right: 15px;
    bottom: 15px;
    transition: background 300ms ease-in-out;
}

.feedback-container:hover {
    background: white;

}