﻿
.button_t0 {
    cursor: pointer;
    padding: 0em;
    margin-left: 1em;
    margin-right: 1em;
    width: 90%;
    min-width: 100px;
    max-width: 140px;
    height: 32px;
    font-size: 1em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, sans-serif;
    font-weight: 700;
    color: rgb(150,150,150);
}

.button_t0 {
    background-color: rgba(0,0,0,0);
    border-style: solid;
    border-width: 0px;
    border-color: rgb(0,0,0);
}

.button_t0:hover {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    color: rgb(255,255,255);
}

.button_t0:focus {
    outline: none;
    color: rgb(255,255,255);
}


.button_t1, .button_t2 {
    cursor: pointer;
    padding: 0em;
    width: 90%;
    min-width: 100px;
    max-width: 140px;
    height: 32px;
    font-size: 1em;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    color: rgb(200,200,200);
}

.button_t1 {
    background-color: rgba(0,0,0,0);
    border-width: 1px;
    border-color: rgb(75,75,75);
    border-style: solid;
}


.button_t2 {
    background-color: rgb(200,0,0);
    border-width: 0px;
    border-color: rgba(0,0,0,0);
    border-style: solid;
}

.button_t1:hover {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    background-color: white;
    border-width: 0px;
    color: rgb(0,0,0);
}

.button_t2:hover {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    background-color: rgb(200,200,200);
    border-width: 0px;
    color: rgb(0,0,0);
}

.button_t1:focus, .button_t2:focus {
    outline: none;
    background-color: rgb(200,200,200);
    border-width: 0px;
    color: rgb(0,0,0);
}

