/* Buttons
/*---------------------------------------------------------------------------------------------------------------------------------*/

.glowbutton { font-size: 14px !important; height: 32px; border: solid 1px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; text-align: center; cursor: pointer }
    .glowbutton.small { height: 16px; }
    .glowbutton:focus { border-color: #000; background-color: rgba(0,0,0,0.05) }
    .glowbutton:disabled { cursor: default; }

    .glowbutton:active { -webkit-transform: translateY(1px); transform: translateY(1px); }
    .glowbutton.transparent { border-color: #ccc; background-color: transparent; color: #ccc; }
        .glowbutton.transparent:hover { border-color: #fff; color: #fff; }

    .glowbutton.grey { border-color: #ccc; color: #555; }
        .glowbutton.grey:enabled:hover { background-color: #516AA5; border-color: #516AA5; color: #fff; }
        .glowbutton.grey:disabled { background-color: #eee; border-color: #ccc; }

    .glowbutton.gray { border-color: #ccc; color: #555; }
        .glowbutton.gray:enabled:hover { background-color: #516AA5; border-color: #516AA5; color: #fff; }
        .glowbutton.gray:disabled { background-color: #eee; border-color: #ccc; }
        .glowbutton.gray.hoverwhite:hover { background-color: #ddd; border-color: #bbb; color: #000 }

    .glowbutton.blue { background-color: #516AA5; border-color: #516AA5; color: #fff; }
        .glowbutton.blue:hover { background-color: #ddd; border-color: #bbb; color: #000; }

    .glowbutton.white { background-color: transparent; border-color: #fff; color: #fff; }
        .glowbutton.white.hoverblue:hover { background-color: #516AA5; border-color: #516AA5; color: #fff; }
        .glowbutton.white.hoverwhite:focus { background-color: #ddd; border-color: #000; color: #000 }
        .glowbutton.white.hoverwhite:hover { border-color: #000; background-color: #fff; color: #000; }

    .glowbutton.errorframe { color: #d00; }
        .glowbutton.errorframe:hover { border: solid 1px !important; border-color: #d00 !important; background-color: #d00 !important; color: #fff; }

    .glowbutton.hiddenframe { border-color: transparent; background-color: transparent; }
        .glowbutton.hiddenframe:hover { border-color: transparent; background-color: transparent; }

.squaredbutton { font-size: 14px; height: 32px; border: none 0px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; border-radius: 1px; cursor: pointer }
    .squaredbutton.grey,
    .squaredbutton.gray { color: #000; background-color: #D5CFCF; }
    .squaredbutton.blue { color: #fff; background-color: #516AA5; }
    .squaredbutton.selectedlightblue { color: #000; background-color: #B4C0E8; }
    .squaredbutton.selectedblue { color: #fff; background-color: #516AA5; }
    .squaredbutton.whiteborder { border: solid 1px; border-color: #fff; }
    .squaredbutton.hoverblue:hover { background-color: #A9B8DC; }
    .squaredbutton.selectedblue:hover { background-color: #516AA5; }

.cornerwtr { position: absolute; top: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #fff transparent transparent }
.cornerrtr { position: absolute; top: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #f00 transparent transparent }
.cornerrbr { position: absolute; bottom: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent #f00 transparent }

.hoverborderbutton { font-size: 14px; height: 32px; border: solid 1px; background-color: transparent; border-color: transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; text-align: center }
    .hoverborderbutton.white { color: #fff; }
        .hoverborderbutton.white:hover { border-color: #fff; }

    .hoverborderbutton.black { color: #000; }
        .hoverborderbutton.black:hover { border-color: #000; }

.progressbutton { font-size: 18px; line-height: 32px; height: 32px; border: solid 1px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; text-align: center; cursor: pointer; text-align: center }
    .progressbutton div.progressframe { position: relative; width: 100%; text-align: center; }
        .progressbutton div.progressframe div.progressvalue { position: absolute; overflow: hidden; height: 100%; color: #fff; background-color: #516AA5; transition: 0.3s }
    .progressbutton.grey { border-color: #ccc; color: #555; }
        .progressbutton.grey.disabled { background-color: #eee; border-color: #ccc; }
        .progressbutton.grey:hover:not(.disabled) { background-color: #516AA5; border-color: #516AA5; color: #fff; }