@charset "utf-8";
/* CSS Document for RPGD*/


/* for bootstrap */
        /*.mainmenu{
            background: #F8F8FF;
            min-height: 50px;
            margin: auto;

        }
        .mainmenu ul{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .mainmenu ul li{
            float: left;
            border-left: #ecf0f1;
            border-right: #ecf0f1;
            position: relative;
        }
        .mainmenu ul li:first-child{
            border-left: 0px solid;
        }
        .mainmenu ul li:last-child{
            border-right: 0px solid;
        }
        .mainmenu ul li a{

            color: #34495e;
            display: block;
            padding: 15px;
            text-decoration: none;
        }
        .mainmenu ul li a:hover{
            background: #bdc3c7;
        }
        .mainmenu ul li ul{
            position: absolute;
            left: 9999px;
            background: #d9edf7;
        }
        .mainmenu ul li:hover ul{
            left: 0;
        }
        .mainmenu ul li ul li{
            float: none;
            width: 190px;
            border-bottom: 1px solid #bdc3c7;
            border-left: 0px solid;
            border-right: 0px solid;
        }
        .mainmenu ul li ul li a{
            background: #ecf0f1;
            color: #34495e;
        }
        .mainmenu ul li ul li:last-child{
            border-bottom: 0px solid;
        }*/
        .navbar-default {
            margin-bottom: 0px;
        }
        .navbar-default {
            /*background-color: rgba(63, 152, 196, 0.5);*/
            border: 0px;
            margin-top: 60px;
            min-height: 40px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .wrapper {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-auto-rows: minmax(100px, auto);
            grid-template-areas: 
                "header header header header"
                "nested-1 nested-2 nested-3 nested-4"
                "nested-5 nested-6 nested-7 nested-8";
            grid-gap:1rem;
        }
        .header {
            grid-area: header;
            text-align: center;
            align-items: center;
            grid-auto-rows: minmax(200px, auto);
        }
        .nested-1 {
            grid-area: nested-1;
            text-align: center;
        }
        .nested-2 {
            grid-area: nested-2;
            text-align: center;
        }
        .nested-3 {
            grid-area: nested-3;
            text-align: center;
        }
        .nested-4 {
            grid-area: nested-4;
            text-align: center;
        }
        .nested-5 {
            grid-area: nested-5;
            text-align: center;
        }
        .nested-6 {
            grid-area: nested-6;
            text-align: center;
        }
        .nested-7 {
            grid-area: nested-7;
            text-align: center;
        }
        .nested-8 {
            grid-area: nested-8;
            text-align: center;
        }

        .wrapper>div {
            background: #343e5e;
            padding: 1rem;
        }
        .wrapper>div:nth-child(odd) {
            background: #ed4a36;
        }
        .nested>div {
            border: 1px #333 solid;
            padding: 1rem;
        }
        .wrapper>div {
            background: #343e5e;
            padding: 1rem;
        }
        .wrapper>div:nth-child(odd) {
            background: #ed4a36;
        }
        .nested>div {
            border: 1px #333 solid;
            padding: 1rem;
        }
        #rpgdfooter ul{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        #rpgdfooter ul li{
            float: left;
            position: relative;
        }