/* ---------------------------- */
/*        GENERAL BUTTON        */
/* ---------------------------- */
.button {
    margin:                 1em;
    padding:                0.5em;
    color:                  #555753;
    background-color:       #fefefe;
    border-color:           #d2d2d1;
    border-style:           solid;      
    border-bottom-color:    #b0b0b0;
    border-right-color:     #b0b0b0;
    border-width:           1px;      
    border-radius:          5px; 
    
    text-align:       center;
    text-decoration:  none;
    display:          inline-block;
    font-size:        100%;
    cursor:           pointer;
}
.button:hover {
    background-color: #fffbe3;
}
.button:active {
    background-color: #d5e1f0;
}

/* ---------------------------- */
/*         BLUE BUTTON          */
/* ---------------------------- */
.bluebtn {
    background-color:   #729fcf;
    color:              #ffffff;
    font-weight:        bold;
    font-size:          100%;
}
.bluebtn:hover {
    background-color:   #4379c2;
}
.bluebtn:active {
    background-color:   #3465a4;
}

/* ---------------------------- */
/*        GREEN BUTTON          */
/* ---------------------------- */
.greenbtn {
    background-color:   #4e9a06;
    color:              #ffffff;
    font-size:          100%;
}
.greenbtn:hover {
    background-color:   #58ae07;
}
.greenbtn:active {
    background-color:   #428205;
}

/* ---------------------------- */
/*          RED BUTTON          */
/* ---------------------------- */
.redbtn {
    background-color:   #f44336;
    color:              #ffffff;
    font-size:          100%;
}
.redbtn:hover {
    background-color:   #cc0000;
}
.redbtn:active {
    background-color:   #a40000;
}

/* ---------------------------- */
/*       SPECIAL BUTTONS        */
/* ---------------------------- */
.thin {
    margin-top:     0em;
    margin-bottom:  0em;
    padding-top:    0em;
    padding-bottom: 0em;
}