.sq_button {
    border:none;
    /*! margin:.5mm; */
    padding:1mm 1.5mm;
    padding-top:.5mm;
    background-color:#696B6E; 
    font-size:4mm;
}

.sq_button:hover {
    /*background-color:#9662A6;*/
    /*background-color:#BFBFBF;*/
    background-color: #6C7A89;
}

.sq_button label {
    cursor: pointer;
}

.sq_button.sq-imageontop > * {
    margin: 0 auto;
    display: block;
}

.sq_button.sq-icon > label{
    display:none;
}

.sq_button.sq-rounded,
.sq_rounded .sq_button {
    border-radius:4px;
}

/*icon*/
.sq_button.icon {
    background-color:transparent;
}
.sq_button.icon label {
    display:none
}

/*icontextside*/
.sq_button.icontextside {
    align-content:left;
}
.sq_button.icontextside img {
    height:18px;
}
.sq_button.icontextside label {
    position:relative;
    bottom:1px;
}

/*icontextup*/
.sq_button.icontextup {
    display:inline-block;
}
.sq_button.icontextup img {
    height:25px;
}
.sq_button.icontextup label {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    font-size:12px;
    bottom:4px;
}

/*light theme*/
.sq-light .sq_button,
.sq_button.sq-light {
    background-color:#c5eff7;
    color:#336e7b;
    font-size:12px;
}

.sq-light .sq_button:hover,
.sq_button.sq-light:hover {
    background-color:#81cfe0;
    color:#336e7b;
}