﻿/*
    Hoja de estilos para botones
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    */

.defaultBtn {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    font-size: 0.9em;
    border: 1px solid #888;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.defaultBtn-wb-wback {
     border: 0px;
     color:black;
}

.defaultBtn-wb-wback:hover {
    color: #000;
    background: #F3F3F3;
}

.choiceButton {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
    font-size: 0.9em;
    border: 1px solid #888;
    margin: 0;
}

.choiceButton_Left {
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.choiceButton_Right {
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.btnThemeWide {
    padding: 8px 15px 8px 15px;
    font-weight: 600;
}

.btnThemeMedium {
    padding: 10px 15px 10px 15px;
}
.btnThemeSmall{
    padding: 2px 10px 2px 10px;
}

.btnThemeSemiSlick {
    padding: 5px 10px 5px 10px;
    font-size: small;
}

.btnThemeSlick {
    padding: 2px 5px 2px 5px;
    font-size: small;
}

/*
    COLORES
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    */

.btnThemeBlue {
    color: ghostwhite;
    background: #0072A0;
}

    .btnThemeBlue:hover {
        background: #006290;
    }

.btnThemeGrey {
    color: #000;
    background: #F3F3F3;
}

    .btnThemeGrey:hover {
        background: #E3E3E3;
    }

.btnThemeLightGrey {
    color: #000;
    font-weight: bold;
    background: #efefef;
}

    .btnThemeLightGrey:hover {
        background: #e0e0e0;
    }

.btnThemeGreen {
    color: #000;
    background: #C8F394;
}

    .btnThemeGreen:hover {
        background: #B8E384;
    }

.btnThemeYellow {
    color: #000;
    background: #FFFF66;
}

    .btnThemeYellow:hover {
        background: #FFDF56;
    }

.btnThemeLightBlue {
    color: whitesmoke;
    background: #6496C8;
}

    .btnThemeLightBlue:hover {
        background: #5486B8;
    }