﻿html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #f7f7f7;
}

header {
    background: #FFF;
    color: #545454;
    border-bottom: 1px solid #DDD;
    margin: 0 0 2.5em;
}
    header .logo {
        max-height: 100px;
        padding-left: 1.5em;
    }
    header h1 {
        padding: 0.5em 1.5em;
    }

.dash-wrap {
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: block;
}

footer {
    width: 100%;
    height: 75px;
    margin: 3em auto 0;
    padding: 2em 0;
    text-align: center;
    border-top: 1px solid #F0F0FF;
}

.btn-box {
    width: 100%;
    height: 200px;
    font-size: 20pt;
    /*padding: 1em;*/
    color: #333;
    text-align: center;
    vertical-align: middle;
    -moz-transition: background 0.5s ease-in;
    -o-transition: background 0.5s ease-in;
    -webkit-transition: background 0.5s ease-in;
    transition: background 0.5s ease-in;
}
    .btn-box-w {
        background: #294C10;
    }
        .btn-box-w:hover {
            background: #193C00;
        }
    .btn-box-a {
            background: #008080;
        }
        .btn-box-a:hover {
            background: #004c4c;
        }
    .btn-box-m {
            background: #e83819;
        }
        .btn-box-m:hover {
            background: #a22711;
        }
    .btn-box-u {
        background: #454DC1;
    }
        .btn-box-u:hover {
            background: #353DB1;
        }

    .btn-box-r {
        background: #000000;
        /*background: #1452b7;*/
    }
        .btn-box-r:hover {
             background: #111111;
            /*background: #1473b7;*/
        }

    .btn-box-p {
        background:#4c004c; /*#34581f;*/
        /*background: #1452b7;*/
    }
        .btn-box-p:hover {
             background: #350035;/*#1f3412;*/
            /*background: #1473b7;*/
        }
    .btn-box-s {
        background:#7ddc1f; /*#34581f;*/
        /*background: #1452b7;*/
    }
        .btn-box-s:hover {
             background: #64b018;/*#1f3412;*/
            /*background: #1473b7;*/
        }
    .btn-box-g {
        background: #ff9800; /*#34581f;*/
        /*background: #1452b7;*/
    }

        .btn-box-g:hover {
            background: #995b00; /*#1f3412;*/
            /*background: #1473b7;*/
        }
