@charset "UTF-8";

:root {
    --radius: 0;
    --color: #FFFFFF;
    --font-size: 18px;
    --padding: 5px 10px;
    --text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.1);

    --blue-normal: #0049e6;
    --blue-hover: #003099;

    --green-normal: #009912;
    --green-hover: #00660c;

    --red-normal: #b30000;
    --red-hover:  #800000;

    --gray-normal: #1C2331;
    --gray-hover: #263238;
}

.datepicker-btn {
    cursor: pointer;
}

.button_blue {
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
    border: solid transparent 2px;
    color: var(--color);
    font-size: var(--font-size);;
    padding: var(--padding);
    background-color: var(--blue-normal);
    text-shadow: var(--text-shadow);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.button_blue_outline {
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
    border: solid var(--blue-normal) 2px;
    color: var(--blue-normal);
    font-size: var(--font-size);;
    padding: var(--padding);
    background-color: transparent;
    text-shadow: var(--text-shadow);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}


.button_blue:hover {
    background: var(--blue-hover);
    text-decoration: none;
    color: var(--color);
}.button_blue_outline:hover {
    background: var(--blue-normal);
    text-decoration: none;
    color: var(--color);
}

.button_green {
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
    border: solid transparent 2px;
    color: var(--color);
    font-size: var(--font-size);;
    padding: var(--padding);
    background-color: var(--green-normal);
    text-shadow: var(--text-shadow);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.button_green_outline {
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
    border: solid var(--green-normal) 2px;
    color: var(--green-normal);
    font-size: var(--font-size);;
    padding: var(--padding);
    background-color: transparent;
    text-shadow: var(--text-shadow);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.button_green:hover
{
    background: var(--green-hover);
    text-decoration: none;
    color: var(--color);
} .button_green_outline:hover {
    background: var(--green-normal);
    text-decoration: none;
    color: var(--color);
}
.button_red {
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
    border: solid transparent 2px;
    color: var(--color);
    font-size: var(--font-size);;
    padding: var(--padding);
    background-color: var(--red-normal);
    text-shadow: var(--text-shadow);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.button_red_outline {
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
    border: solid var(--red-normal) 2px;
    color: var(--red-normal);
    font-size: var(--font-size);;
    padding: var(--padding);
    background-color: transparent;
    text-shadow: var(--text-shadow);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.button_red:hover{
    background: var(--red-hover);
    text-decoration: none;
    color: var(--color);
}.button_red_outline:hover {
    background: var(--red-normal);
    text-decoration: none;
    color: var(--color);
}
.button_gray {
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
    border: solid transparent 2px;
    color: var(--color);
    font-size: var(--font-size);;
    padding: var(--padding);
    background-color: var(--gray-normal);
    text-shadow: var(--text-shadow);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.button_gray_outline {
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    border-radius: var(--radius);
    border: solid var(--gray-normal) 2px;
    color: var(--gray-normal);
    font-size: var(--font-size);;
    padding: var(--padding);
    background-color: transparent;
    text-shadow: var(--text-shadow);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.button_gray:hover {
    background: var(--gray-hover);
    text-decoration: none;
    color: var(--color);
}
.button_gray_outline:hover {
    background: var(--gray-normal);
    text-decoration: none;
    color: var(--color);
}