.paddbutton {
    margin-left: 3px;
    margin-right: 3px;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    position: relative;
}

.navbar .navbar-collapse {
    text-align: center;
}

body {
    font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
}


.border_div_clock,
.border_div_crab,
.border_div_flower,
.border_div_hand,
.border_div_panda,
.border_div_world,
.border_div_pencil {
    border: 40px solid transparent;
    padding: 10px;
    border-image-slice: 40 !important;
    border-image-repeat: round !important;
}

.border_div_clock {
    border-image: url('Images/Borders/clock_border.png');
}

.border_div_crab {
    border-image: url('Images/Borders/crab_border.png');
}

.border_div_flower {
    border-image: url('Images/Borders/flower_border.png');
}

.border_div_hand {
    border-image: url('Images/Borders/hand_border.png');
}

.border_div_panda {
    border-image: url('Images/Borders/panda_face_border.png');
}

.border_div_pencil {
    border-image: url('Images/Borders/pencil_border.png');
}

.border_div_world {
    border-image: url('Images/Border/world_border.png');
}




.btn-menu1 {
    color: #ffffff;
    background-color: #611BBD;
    border-color: #130269;
}

    .btn-menu1:hover,
    .btn-menu1:focus,
    .btn-menu1:active,
    .btn-menu1.active,
    .open .dropdown-toggle.btn-menu1 {
        color: #ffffff;
        background-color: #49247A;
        border-color: #130269;
    }

    .btn-menu1:active,
    .btn-menu1.active,
    .open .dropdown-toggle.btn-menu1 {
        background-image: none;
    }

    .btn-menu1.disabled,
    .btn-menu1[disabled],
    fieldset[disabled] .btn-menu1,
    .btn-menu1.disabled:hover,
    .btn-menu1[disabled]:hover,
    fieldset[disabled] .btn-menu1:hover,
    .btn-menu1.disabled:focus,
    .btn-menu1[disabled]:focus,
    fieldset[disabled] .btn-menu1:focus,
    .btn-menu1.disabled:active,
    .btn-menu1[disabled]:active,
    fieldset[disabled] .btn-menu1:active,
    .btn-menu1.disabled.active,
    .btn-menu1[disabled].active,
    fieldset[disabled] .btn-menu1.active {
        background-color: #611BBD;
        border-color: #130269;
    }

    .btn-menu1 .badge {
        color: #611BBD;
        background-color: #ffffff;
    }

.btn-menu2 {
    color: #FFFFFF;
    background-color: #BD1B51;
    border-color: #69025D;
}

    .btn-menu2:hover,
    .btn-menu2:focus,
    .btn-menu2:active,
    .btn-menu2.active,
    .open .dropdown-toggle.btn-menu2 {
        color: #FFFFFF;
        background-color: #7A244B;
        border-color: #69025D;
    }

    .btn-menu2:active,
    .btn-menu2.active,
    .open .dropdown-toggle.btn-menu2 {
        background-image: none;
    }

    .btn-menu2.disabled,
    .btn-menu2[disabled],
    fieldset[disabled] .btn-menu2,
    .btn-menu2.disabled:hover,
    .btn-menu2[disabled]:hover,
    fieldset[disabled] .btn-menu2:hover,
    .btn-menu2.disabled:focus,
    .btn-menu2[disabled]:focus,
    fieldset[disabled] .btn-menu2:focus,
    .btn-menu2.disabled:active,
    .btn-menu2[disabled]:active,
    fieldset[disabled] .btn-menu2:active,
    .btn-menu2.disabled.active,
    .btn-menu2[disabled].active,
    fieldset[disabled] .btn-menu2.active {
        background-color: #BD1B51;
        border-color: #69025D;
    }

    .btn-menu2 .badge {
        color: #BD1B51;
        background-color: #FFFFFF;
    }

.btn-menu-v {
    color: #FFFFFF;
    background-color: #9400D3;
    border-color: #670092;
}

    .btn-menu-v:hover,
    .btn-menu-v:focus,
    .btn-menu-v:active,
    .btn-menu-v.active,
    .open .dropdown-toggle.btn-menu-v {
        color: #FFFFFF;
        background-color: #3A0052;
        border-color: #670092;
    }

    .btn-menu-v:active,
    .btn-menu-v.active,
    .open .dropdown-toggle.btn-menu-v {
        background-image: none;
    }

    .btn-menu-v.disabled,
    .btn-menu-v[disabled],
    fieldset[disabled] .btn-menu-v,
    .btn-menu-v.disabled:hover,
    .btn-menu-v[disabled]:hover,
    fieldset[disabled] .btn-menu-v:hover,
    .btn-menu-v.disabled:focus,
    .btn-menu-v[disabled]:focus,
    fieldset[disabled] .btn-menu-v:focus,
    .btn-menu-v.disabled:active,
    .btn-menu-v[disabled]:active,
    fieldset[disabled] .btn-menu-v:active,
    .btn-menu-v.disabled.active,
    .btn-menu-v[disabled].active,
    fieldset[disabled] .btn-menu-v.active {
        background-color: #9400D3;
        border-color: #670092;
    }

    .btn-menu-v .badge {
        color: #9400D3;
        background-color: #FFFFFF;
    }

.btn-menu-r {
    color: #FFFFFF;
    background-color: #FF0000;
    border-color: #7F0000;
}

    .btn-menu-r:hover,
    .btn-menu-r:focus,
    .btn-menu-r:active,
    .btn-menu-r.active,
    .open .dropdown-toggle.btn-menu-r {
        color: #FFFFFF;
        background-color: #bf0000;
        border-color: #7F0000;
    }

    .btn-menu-r:active,
    .btn-menu-r.active,
    .open .dropdown-toggle.btn-menu-r {
        background-image: none;
    }

    .btn-menu-r.disabled,
    .btn-menu-r[disabled],
    fieldset[disabled] .btn-menu-r,
    .btn-menu-r.disabled:hover,
    .btn-menu-r[disabled]:hover,
    fieldset[disabled] .btn-menu-r:hover,
    .btn-menu-r.disabled:focus,
    .btn-menu-r[disabled]:focus,
    fieldset[disabled] .btn-menu-r:focus,
    .btn-menu-r.disabled:active,
    .btn-menu-r[disabled]:active,
    fieldset[disabled] .btn-menu-r:active,
    .btn-menu-r.disabled.active,
    .btn-menu-r[disabled].active,
    fieldset[disabled] .btn-menu-r.active {
        background-color: #FF0000;
        border-color: #7F0000;
    }

    .btn-menu-r .badge {
        color: #FF0000;
        background-color: #FFFFFF;
    }

.btn-menu-i {
    color: #FFFFFF;
    background-color: #4B0082;
    border-color: #7800CE;
}

    .btn-menu-i:hover,
    .btn-menu-i:focus,
    .btn-menu-i:active,
    .btn-menu-i.active,
    .open .dropdown-toggle.btn-menu-i {
        color: #FFFFFF;
        background-color: #260042;
        border-color: #7800CE;
    }

    .btn-menu-i:active,
    .btn-menu-i.active,
    .open .dropdown-toggle.btn-menu-i {
        background-image: none;
    }

    .btn-menu-i.disabled,
    .btn-menu-i[disabled],
    fieldset[disabled] .btn-menu-i,
    .btn-menu-i.disabled:hover,
    .btn-menu-i[disabled]:hover,
    fieldset[disabled] .btn-menu-i:hover,
    .btn-menu-i.disabled:focus,
    .btn-menu-i[disabled]:focus,
    fieldset[disabled] .btn-menu-i:focus,
    .btn-menu-i.disabled:active,
    .btn-menu-i[disabled]:active,
    fieldset[disabled] .btn-menu-i:active,
    .btn-menu-i.disabled.active,
    .btn-menu-i[disabled].active,
    fieldset[disabled] .btn-menu-i.active {
        background-color: #4B0082;
        border-color: #7800CE;
    }

    .btn-menu-i .badge {
        color: #4B0082;
        background-color: #FFFFFF;
    }

.btn-menu-b {
    color: #FFFFFF;
    background-color: #0000FF;
    border-color: #00007F;
}

    .btn-menu-b:hover,
    .btn-menu-b:focus,
    .btn-menu-b:active,
    .btn-menu-b.active,
    .open .dropdown-toggle.btn-menu-b {
        color: #FFFFFF;
        background-color: #0000bf;
        border-color: #00007F;
    }

    .btn-menu-b:active,
    .btn-menu-b.active,
    .open .dropdown-toggle.btn-menu-b {
        background-image: none;
    }

    .btn-menu-b.disabled,
    .btn-menu-b[disabled],
    fieldset[disabled] .btn-menu-b,
    .btn-menu-b.disabled:hover,
    .btn-menu-b[disabled]:hover,
    fieldset[disabled] .btn-menu-b:hover,
    .btn-menu-b.disabled:focus,
    .btn-menu-b[disabled]:focus,
    fieldset[disabled] .btn-menu-b:focus,
    .btn-menu-b.disabled:active,
    .btn-menu-b[disabled]:active,
    fieldset[disabled] .btn-menu-b:active,
    .btn-menu-b.disabled.active,
    .btn-menu-b[disabled].active,
    fieldset[disabled] .btn-menu-b.active {
        background-color: #0000FF;
        border-color: #00007F;
    }

    .btn-menu-b .badge {
        color: #0000FF;
        background-color: #FFFFFF;
    }

.btn-menu-g {
    color: #FFFFFF;
    background-color: #00FF00;
    border-color: #007F00;
}

    .btn-menu-g:hover,
    .btn-menu-g:focus,
    .btn-menu-g:active,
    .btn-menu-g.active,
    .open .dropdown-toggle.btn-menu-g {
        color: #FFFFFF;
        background-color: #00bf00;
        border-color: #007F00;
    }

    .btn-menu-g:active,
    .btn-menu-g.active,
    .open .dropdown-toggle.btn-menu-g {
        background-image: none;
    }

    .btn-menu-g.disabled,
    .btn-menu-g[disabled],
    fieldset[disabled] .btn-menu-g,
    .btn-menu-g.disabled:hover,
    .btn-menu-g[disabled]:hover,
    fieldset[disabled] .btn-menu-g:hover,
    .btn-menu-g.disabled:focus,
    .btn-menu-g[disabled]:focus,
    fieldset[disabled] .btn-menu-g:focus,
    .btn-menu-g.disabled:active,
    .btn-menu-g[disabled]:active,
    fieldset[disabled] .btn-menu-g:active,
    .btn-menu-g.disabled.active,
    .btn-menu-g[disabled].active,
    fieldset[disabled] .btn-menu-g.active {
        background-color: #00FF00;
        border-color: #007F00;
    }

    .btn-menu-g .badge {
        color: #00FF00;
        background-color: #FFFFFF;
    }

.btn-menu-y {
    color: #a0bded;
    background-color: #FFFF00;
    border-color: #7F7F00;
}

    .btn-menu-y:hover,
    .btn-menu-y:focus,
    .btn-menu-y:active,
    .btn-menu-y.active,
    .open .dropdown-toggle.btn-menu-y {
        color: #a0bded;
        background-color: #BFBF00;
        border-color: #7F7F00;
    }

    .btn-menu-y:active,
    .btn-menu-y.active,
    .open .dropdown-toggle.btn-menu-y {
        background-image: none;
    }

    .btn-menu-y.disabled,
    .btn-menu-y[disabled],
    fieldset[disabled] .btn-menu-y,
    .btn-menu-y.disabled:hover,
    .btn-menu-y[disabled]:hover,
    fieldset[disabled] .btn-menu-y:hover,
    .btn-menu-y.disabled:focus,
    .btn-menu-y[disabled]:focus,
    fieldset[disabled] .btn-menu-y:focus,
    .btn-menu-y.disabled:active,
    .btn-menu-y[disabled]:active,
    fieldset[disabled] .btn-menu-y:active,
    .btn-menu-y.disabled.active,
    .btn-menu-y[disabled].active,
    fieldset[disabled] .btn-menu-y.active {
        background-color: #FFFF00;
        border-color: #7F7F00;
    }

    .btn-menu-y .badge {
        color: #FFFF00;
        background-color: #FFFFFF;
    }

.btn-menu-o {
    color: #FFFFFF;
    background-color: #FF7F00;
    border-color: #7F4000;
}

    .btn-menu-o:hover,
    .btn-menu-o:focus,
    .btn-menu-o:active,
    .btn-menu-o.active,
    .open .dropdown-toggle.btn-menu-o {
        color: #FFFFFF;
        background-color: #BF5F00;
        border-color: #7F4000;
    }

    .btn-menu-o:active,
    .btn-menu-o.active,
    .open .dropdown-toggle.btn-menu-o {
        background-image: none;
    }

    .btn-menu-o.disabled,
    .btn-menu-o[disabled],
    fieldset[disabled] .btn-menu-o,
    .btn-menu-o.disabled:hover,
    .btn-menu-o[disabled]:hover,
    fieldset[disabled] .btn-menu-o:hover,
    .btn-menu-o.disabled:focus,
    .btn-menu-o[disabled]:focus,
    fieldset[disabled] .btn-menu-o:focus,
    .btn-menu-o.disabled:active,
    .btn-menu-o[disabled]:active,
    fieldset[disabled] .btn-menu-o:active,
    .btn-menu-o.disabled.active,
    .btn-menu-o[disabled].active,
    fieldset[disabled] .btn-menu-o.active {
        background-color: #FF7F00;
        border-color: #7F4000;
    }

    .btn-menu-o .badge {
        color: #FF7F00;
        background-color: #FFFFFF;
    }

.btn-menu-p {
    color: #FFFFFF;
    background-color: #FF007F;
    border-color: #7F0040;
}

    .btn-menu-p:hover,
    .btn-menu-p:focus,
    .btn-menu-p:active,
    .btn-menu-p.active,
    .open .dropdown-toggle.btn-menu-p {
        color: #FFFFFF;
        background-color: #bf005f;
        border-color: #7F0040;
    }

    .btn-menu-p:active,
    .btn-menu-p.active,
    .open .dropdown-toggle.btn-menu-p {
        background-image: none;
    }

    .btn-menu-p.disabled,
    .btn-menu-p[disabled],
    fieldset[disabled] .btn-menu-p,
    .btn-menu-p.disabled:hover,
    .btn-menu-p[disabled]:hover,
    fieldset[disabled] .btn-menu-p:hover,
    .btn-menu-p.disabled:focus,
    .btn-menu-p[disabled]:focus,
    fieldset[disabled] .btn-menu-p:focus,
    .btn-menu-p.disabled:active,
    .btn-menu-p[disabled]:active,
    fieldset[disabled] .btn-menu-p:active,
    .btn-menu-p.disabled.active,
    .btn-menu-p[disabled].active,
    fieldset[disabled] .btn-menu-p.active {
        background-color: #FF007F;
        border-color: #7F0040;
    }

    .btn-menu-p .badge {
        color: #FF007F;
        background-color: #FFFFFF;
    }

.btn-menu-gg {
    color: #ffffff;
    background-color: #67FF53;
    border-color: #337F2A;
}

    .btn-menu-gg:hover,
    .btn-menu-gg:focus,
    .btn-menu-gg:active,
    .btn-menu-gg.active,
    .open .dropdown-toggle.btn-menu-gg {
        color: #ffffff;
        background-color: #4DBF3F;
        border-color: #337F2A;
    }

    .btn-menu-gg:active,
    .btn-menu-gg.active,
    .open .dropdown-toggle.btn-menu-gg {
        background-image: none;
    }

    .btn-menu-gg.disabled,
    .btn-menu-gg[disabled],
    fieldset[disabled] .btn-menu-gg,
    .btn-menu-gg.disabled:hover,
    .btn-menu-gg[disabled]:hover,
    fieldset[disabled] .btn-menu-gg:hover,
    .btn-menu-gg.disabled:focus,
    .btn-menu-gg[disabled]:focus,
    fieldset[disabled] .btn-menu-gg:focus,
    .btn-menu-gg.disabled:active,
    .btn-menu-gg[disabled]:active,
    fieldset[disabled] .btn-menu-gg:active,
    .btn-menu-gg.disabled.active,
    .btn-menu-gg[disabled].active,
    fieldset[disabled] .btn-menu-gg.active {
        background-color: #67FF53;
        border-color: #337F2A;
    }

    .btn-menu-gg .badge {
        color: #67FF53;
        background-color: #ffffff;
    }

.btn-menu-te {
    color: #ffffff;
    background-color: #FF957B;
    border-color: #7F4B3E;
}

    .btn-menu-te:hover,
    .btn-menu-te:focus,
    .btn-menu-te:active,
    .btn-menu-te.active,
    .open .dropdown-toggle.btn-menu-te {
        color: #ffffff;
        background-color: #bf705c;
        border-color: #7F4B3E;
    }

    .btn-menu-te:active,
    .btn-menu-te.active,
    .open .dropdown-toggle.btn-menu-te {
        background-image: none;
    }

    .btn-menu-te.disabled,
    .btn-menu-te[disabled],
    fieldset[disabled] .btn-menu-te,
    .btn-menu-te.disabled:hover,
    .btn-menu-te[disabled]:hover,
    fieldset[disabled] .btn-menu-te:hover,
    .btn-menu-te.disabled:focus,
    .btn-menu-te[disabled]:focus,
    fieldset[disabled] .btn-menu-te:focus,
    .btn-menu-te.disabled:active,
    .btn-menu-te[disabled]:active,
    fieldset[disabled] .btn-menu-te:active,
    .btn-menu-te.disabled.active,
    .btn-menu-te[disabled].active,
    fieldset[disabled] .btn-menu-te.active {
        background-color: #FF957B;
        border-color: #7F4B3E;
    }

    .btn-menu-te .badge {
        color: #FF957B;
        background-color: #ffffff;
    }