﻿/*

    TG Red          : #e30613
    TG Dark Blue    : #291f6c
    TG Pale Blue    : #1bbae2

    TG Gold         : #757f4a
    TG Silver       : #878787
    TG Burgundy     : #511b4a
    TG 
    TG RacingGreen  : #004f32

*/

:root {
    --tgPrimaryRed: rgb(227, 6, 19);
    --tgPrimaryDarkBlue: rgb(41, 31, 108);
    --tgPrimaryPaleBlue: rgb(27, 186, 226);
    --tgSecondaryGold: rgb(117, 127, 74);
    --tgSecondarySilver: rgb(135, 135, 135);
    --tgSecondaryBurgundy: rgb(81, 27, 74);
    --tgSecondaryUnknown: rgb(87, 73, 85);
    --tgSecondaryRacingGreen: rgb(0, 79, 50);
}

body {
    font-family: Arial;
    background-color: white;
    color: #291f6c;
}

.LogoHeader {
    text-align: left;
    padding: 20px;
}

.BoxTotalValue {
    text-align: right;
    border: none;
    border-style: none;
    font-weight: bold;
}

.ButtonPlaceOrder {
    background-color: #004f32; /* TG Green */
    color: white;
    width: 50%;
    font-weight: bold;
    padding: 5px;
}

td.Input {
    background-color: #291f6c; /* TG Blue */
}

#div_pagecontainer {
    width: 700px;
    margin: 10px 10px 10px 10px;
    /*margin: 0 auto;*/
}

#div_footer {
    width: 700px;
    color: lightgray;
    font-size: x-small;
    margin-top: 30px;
    /*position:absolute;
    bottom: 0px;*/
}

.footerTest {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}

.footer {
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}

input {
    width: 500px;
}
