.vb-button a {
    pointer-events: none;
    cursor: default;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vb-icon {
    text-align: center;
    float: left;
    width: 33px !important;
    color: white;
    z-index: 1000;
    font-size: 20px;
    position: relative;
    background-color: #000000;
}

.vb-icon svg {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vb-button {
    background-color: #3e3e3e !important;
    height: 33px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: white;
    z-index: 1000;
    font-size: 16px;
    text-decoration: none;
}

.vb-container {
    display: inline-flex;
    height: 33px;
}

.vb-container:hover {
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(222, 222, 222, 0.6);
}

.vb-container:active {
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(222, 222, 222, 0.9);
}

.vb-button span {
    margin-left: 7px;
    margin-right: 7px;
    color: white;
    font-size: 14px;
}

.vb-container a, .vb-container a:visited, .vb-container a:hover, .vb-container a:active {
    height: auto !important;
    text-decoration: none !important;
    padding-top: 4px;
    padding-bottom: 2px;
}

.vb-container:hover .vb-icon {
    background-color: #000000;
}

.vb-container:active .vb-icon {
    background-color: #000000;
}

.vb-container:hover .vb-button {
    background-color: #333333!important;
}

.vb-container:active .vb-button {
    background-color: #2d2d2d !important;
}


.ags-btn-green .vb-icon {
    background-color: #548909 !important;
}
.ags-btn-green .vb-button {
    background-color: #81a84c !important;
}
.ags-btn-green:hover .vb-button {
    background-color: #7da24a !important;
}
.ags-btn-green:active .vb-button {
    background-color: #799c47 !important;
}
.ags-btn-green:hover .vb-icon {
    background-color: #528609 !important;
}
.ags-btn-green:active .vb-icon {
    background-color: #4e8009 !important;
}

.ags-btn-blue .vb-icon {
    background-color: #0d598e !important;
}
.ags-btn-blue .vb-button {
    background-color: #1d85cd!important;
}
.ags-btn-blue:hover .vb-button {
    background-color: #1c7fc3 !important;
}
.ags-btn-blue:active .vb-button {
    background-color: #1a78b9 !important;
}
.ags-btn-blue:hover .vb-icon {
    background-color: #0c5386 !important;
}
.ags-btn-blue:active .vb-icon {
    background-color: #0c4f80 !important;
}

.ags-btn-red .vb-icon {
    background-color: #de0000 !important;
}

.ags-btn-red .vb-button {
    background-color: #ed1c24 !important;
}

.ags-btn-red:hover .vb-button {
    background-color: #e41b22 !important;
}

.ags-btn-red:active .vb-button {
    background-color: #da1920 !important;
}

.ags-btn-red:hover .vb-icon {
    background-color: #d00202 !important;
}

.ags-btn-red:active .vb-icon {
    background-color: #bf0000 !important;
}

.ags-btn-orange .vb-icon {
    background-color: #ff6600 !important;
}
.ags-btn-orange .vb-button {
    background-color: #ff8d3e !important;
}
.ags-btn-orange:hover .vb-button {
    background-color: #f3863b !important;
}
.ags-btn-orange:active .vb-button {
    background-color: #e47e37 !important;
}
.ags-btn-orange:hover .vb-icon {
    background-color: #f56200 !important;
}
.ags-btn-orange:active .vb-icon {
    background-color: #e25a00 !important;
}

.ags-btn-yellow .vb-icon {
    background-color: #c99b24 !important;
}
.ags-btn-yellow .vb-button {
    background-color: #dcac31 !important;
}
.ags-btn-yellow:hover .vb-button {
    background-color: #d3a52f !important;
}
.ags-btn-yellow:active .vb-button {
    background-color: #cb9f2e !important;
}
.ags-btn-yellow:hover .vb-icon {
    background-color: #c39623 !important;
}
.ags-btn-yellow:active .vb-icon {
    background-color: #bb9022 !important;
}

.ags-btn-grey .vb-icon {
    background-color: #737373 !important;
}
.ags-btn-grey .vb-button {
    background-color: #909090 !important;
}
.ags-btn-grey:hover .vb-button {
    background-color: #868686 !important;
}
.ags-btn-grey:active .vb-button {
    background-color: #808080 !important;
}
.ags-btn-grey:hover .vb-icon {
    background-color: #6d6d6d !important;
}
.ags-btn-grey:active .vb-icon {
    background-color: #616161 !important;
}