color_button, .color_button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #008CBA;
    border-color: #007095;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
}

color_button:hover, color_button:focus, .color_button:hover, .color_button:focus {
    background-color: #007095;
}

color_button:hover, color_button:focus, .color_button:hover, .color_button:focus {
    color: #FFFFFF;
}

color_button.secondary, .color_button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
}

color_button.secondary:hover, color_button.secondary:focus, .color_button.secondary:hover, .color_button.secondary:focus {
    background-color: #b9b9b9;
}

color_button.secondary:hover, color_button.secondary:focus, .color_button.secondary:hover, .color_button.secondary:focus {
    color: #333333;
}

color_button.success, .color_button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF;
}

color_button.success:hover, color_button.success:focus, .color_button.success:hover, .color_button.success:focus {
    background-color: #368a55;
}

color_button.success:hover, color_button.success:focus, .color_button.success:hover, .color_button.success:focus {
    color: #FFFFFF;
}

color_button.alert, .color_button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF;
}

color_button.alert:hover, color_button.alert:focus, .color_button.alert:hover, .color_button.alert:focus {
    background-color: #cf2a0e;
}

color_button.alert:hover, color_button.alert:focus, .color_button.alert:hover, .color_button.alert:focus {
    color: #FFFFFF;
}

color_button.warning, .color_button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF;
}

color_button.warning:hover, color_button.warning:focus, .color_button.warning:hover, .color_button.warning:focus {
    background-color: #cf6e0e;
}

color_button.warning:hover, color_button.warning:focus, .color_button.warning:hover, .color_button.warning:focus {
    color: #FFFFFF;
}

color_button.info, .color_button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333;
}

color_button.info:hover, color_button.info:focus, .color_button.info:hover, .color_button.info:focus {
    background-color: #61b6d9;
}

color_button.info:hover, color_button.info:focus, .color_button.info:hover, .color_button.info:focus {
    color: #FFFFFF;
}

color_button.large, .color_button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem;
}

color_button.small, .color_button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem;
}

color_button.tiny, .color_button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem;
}

color_button.expand, .color_button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

color_button.left-align, .color_button.left-align {
    text-align: left;
    text-indent: 0.75rem;
}

color_button.right-align, .color_button.right-align {
    text-align: right;
    padding-right: 0.75rem;
}

color_button.radius, .color_button.radius {
    xborder-radius: 3px;
}

color_button.round, .color_button.round {
    border-radius: 1000px;
}

color_button.disabled, color_button[disabled], .color_button.disabled, .color_button[disabled] {
    background-color: #008CBA;
    border-color: #007095;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

color_button.disabled:hover, color_button.disabled:focus, color_button[disabled]:hover, color_button[disabled]:focus, .color_button.disabled:hover, .color_button.disabled:focus, .color_button[disabled]:hover, .color_button[disabled]:focus {
    background-color: #007095;
}

color_button.disabled:hover, color_button.disabled:focus, color_button[disabled]:hover, color_button[disabled]:focus, .color_button.disabled:hover, .color_button.disabled:focus, .color_button[disabled]:hover, .color_button[disabled]:focus {
    color: #FFFFFF;
}

color_button.disabled:hover, color_button.disabled:focus, color_button[disabled]:hover, color_button[disabled]:focus, .color_button.disabled:hover, .color_button.disabled:focus, .color_button[disabled]:hover, .color_button[disabled]:focus {
    background-color: #008CBA;
}

color_button.disabled.secondary, color_button[disabled].secondary, .color_button.disabled.secondary,
.color_button[disabled].secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

color_button.disabled.secondary:hover, color_button.disabled.secondary:focus, color_button[disabled].secondary:hover, color_button[disabled].secondary:focus, .color_button.disabled.secondary:hover, .color_button.disabled.secondary:focus, .color_button[disabled].secondary:hover, .color_button[disabled].secondary:focus {
    background-color: #b9b9b9;
}

color_button.disabled.secondary:hover, color_button.disabled.secondary:focus, color_button[disabled].secondary:hover, color_button[disabled].secondary:focus, .color_button.disabled.secondary:hover, .color_button.disabled.secondary:focus, .color_button[disabled].secondary:hover, .color_button[disabled].secondary:focus {
    color: #333333;
}

color_button.disabled.secondary:hover, color_button.disabled.secondary:focus, color_button[disabled].secondary:hover, color_button[disabled].secondary:focus, .color_button.disabled.secondary:hover, .color_button.disabled.secondary:focus, .color_button[disabled].secondary:hover, .color_button[disabled].secondary:focus {
    background-color: #e7e7e7;
}

color_button.disabled.success, color_button[disabled].success, .color_button.disabled.success,
.color_button[disabled].success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

color_button.disabled.success:hover, color_button.disabled.success:focus, color_button[disabled].success:hover, color_button[disabled].success:focus, .color_button.disabled.success:hover, .color_button.disabled.success:focus, .color_button[disabled].success:hover, .color_button[disabled].success:focus {
    background-color: #368a55;
}

color_button.disabled.success:hover, color_button.disabled.success:focus, color_button[disabled].success:hover, color_button[disabled].success:focus, .color_button.disabled.success:hover, .color_button.disabled.success:focus, .color_button[disabled].success:hover, .color_button[disabled].success:focus {
    color: #FFFFFF;
}

color_button.disabled.success:hover, color_button.disabled.success:focus, color_button[disabled].success:hover, color_button[disabled].success:focus, .color_button.disabled.success:hover, .color_button.disabled.success:focus, .color_button[disabled].success:hover, .color_button[disabled].success:focus {
    background-color: #43AC6A;
}

color_button.disabled.alert, color_button[disabled].alert, .color_button.disabled.alert,
.color_button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

color_button.disabled.alert:hover, color_button.disabled.alert:focus, color_button[disabled].alert:hover, color_button[disabled].alert:focus, .color_button.disabled.alert:hover, .color_button.disabled.alert:focus, .color_button[disabled].alert:hover, .color_button[disabled].alert:focus {
    background-color: #cf2a0e;
}

color_button.disabled.alert:hover, color_button.disabled.alert:focus, color_button[disabled].alert:hover, color_button[disabled].alert:focus, .color_button.disabled.alert:hover, .color_button.disabled.alert:focus, .color_button[disabled].alert:hover, .color_button[disabled].alert:focus {
    color: #FFFFFF;
}

color_button.disabled.alert:hover, color_button.disabled.alert:focus, color_button[disabled].alert:hover, color_button[disabled].alert:focus, .color_button.disabled.alert:hover, .color_button.disabled.alert:focus, .color_button[disabled].alert:hover, .color_button[disabled].alert:focus {
    background-color: #f04124;
}

color_button.disabled.warning, color_button[disabled].warning, .color_button.disabled.warning,
.color_button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

color_button.disabled.warning:hover, color_button.disabled.warning:focus, color_button[disabled].warning:hover, color_button[disabled].warning:focus, .color_button.disabled.warning:hover, .color_button.disabled.warning:focus, .color_button[disabled].warning:hover, .color_button[disabled].warning:focus {
    background-color: #cf6e0e;
}

color_button.disabled.warning:hover, color_button.disabled.warning:focus, color_button[disabled].warning:hover, color_button[disabled].warning:focus, .color_button.disabled.warning:hover, .color_button.disabled.warning:focus, .color_button[disabled].warning:hover, .color_button[disabled].warning:focus {
    color: #FFFFFF;
}

color_button.disabled.warning:hover, color_button.disabled.warning:focus, color_button[disabled].warning:hover, color_button[disabled].warning:focus, .color_button.disabled.warning:hover, .color_button.disabled.warning:focus, .color_button[disabled].warning:hover, .color_button[disabled].warning:focus {
    background-color: #f08a24;
}

color_button.disabled.info, color_button[disabled].info, .color_button.disabled.info,
.color_button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

color_button.disabled.info:hover, color_button.disabled.info:focus, color_button[disabled].info:hover, color_button[disabled].info:focus, .color_button.disabled.info:hover, .color_button.disabled.info:focus, .color_button[disabled].info:hover, .color_button[disabled].info:focus {
    background-color: #61b6d9;
}

color_button.disabled.info:hover, color_button.disabled.info:focus, color_button[disabled].info:hover, color_button[disabled].info:focus, .color_button.disabled.info:hover, .color_button.disabled.info:focus, .color_button[disabled].info:hover, .color_button[disabled].info:focus {
    color: #FFFFFF;
}

color_button.disabled.info:hover, color_button.disabled.info:focus, color_button[disabled].info:hover, color_button[disabled].info:focus, .color_button.disabled.info:hover, .color_button.disabled.info:focus, .color_button[disabled].info:hover, .color_button[disabled].info:focus {
    background-color: #a0d3e8;
}

color_button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

@media only screen and (min-width: 40.063em) {
    color_button, .color_button {
        display: inline-block;
    }
}

.color_button-group {
    list-style: none;
    margin: 0;
    left: 0;
}

.color_button-group:before, .color_button-group:after {
    content: " ";
    display: table;
}

.color_button-group:after {
    clear: both;
}

.color_button-group.even-2 li {
    margin: 0 -2px;
    display: inline-block;
    width: 50%;
}

.color_button-group.even-2 li > color_button, .color_button-group.even-2 li .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.even-2 li:first-child color_button, .color_button-group.even-2 li:first-child .color_button {
    border-left: 0;
}

.color_button-group.even-2 li color_button, .color_button-group.even-2 li .color_button {
    width: 100%;
}

.color_button-group.even-3 li {
    margin: 0 -2px;
    display: inline-block;
    width: 33.33333%;
}

.color_button-group.even-3 li > color_button, .color_button-group.even-3 li .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.even-3 li:first-child color_button, .color_button-group.even-3 li:first-child .color_button {
    border-left: 0;
}

.color_button-group.even-3 li color_button, .color_button-group.even-3 li .color_button {
    width: 100%;
}

.color_button-group.even-4 li {
    margin: 0 -2px;
    display: inline-block;
    width: 25%;
}

.color_button-group.even-4 li > color_button, .color_button-group.even-4 li .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.even-4 li:first-child color_button, .color_button-group.even-4 li:first-child .color_button {
    border-left: 0;
}

.color_button-group.even-4 li color_button, .color_button-group.even-4 li .color_button {
    width: 100%;
}

.color_button-group.even-5 li {
    margin: 0 -2px;
    display: inline-block;
    width: 20%;
}

.color_button-group.even-5 li > color_button, .color_button-group.even-5 li .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.even-5 li:first-child color_button, .color_button-group.even-5 li:first-child .color_button {
    border-left: 0;
}

.color_button-group.even-5 li color_button, .color_button-group.even-5 li .color_button {
    width: 100%;
}

.color_button-group.even-6 li {
    margin: 0 -2px;
    display: inline-block;
    width: 16.66667%;
}

.color_button-group.even-6 li > color_button, .color_button-group.even-6 li .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.even-6 li:first-child color_button, .color_button-group.even-6 li:first-child .color_button {
    border-left: 0;
}

.color_button-group.even-6 li color_button, .color_button-group.even-6 li .color_button {
    width: 100%;
}

.color_button-group.even-7 li {
    margin: 0 -2px;
    display: inline-block;
    width: 14.28571%;
}

.color_button-group.even-7 li > color_button, .color_button-group.even-7 li .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.even-7 li:first-child color_button, .color_button-group.even-7 li:first-child .color_button {
    border-left: 0;
}

.color_button-group.even-7 li color_button, .color_button-group.even-7 li .color_button {
    width: 100%;
}

.color_button-group.even-8 li {
    margin: 0 -2px;
    display: inline-block;
    width: 12.5%;
}

.color_button-group.even-8 li > color_button, .color_button-group.even-8 li .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.even-8 li:first-child color_button, .color_button-group.even-8 li:first-child .color_button {
    border-left: 0;
}

.color_button-group.even-8 li color_button, .color_button-group.even-8 li .color_button {
    width: 100%;
}

.color_button-group > li {
    margin: 0 -2px;
    display: inline-block;
}

.color_button-group > li > color_button, .color_button-group > li .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group > li:first-child color_button, .color_button-group > li:first-child .color_button {
    border-left: 0;
}

.color_button-group.stack > li {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
    float: none;
}

.color_button-group.stack > li > color_button, .color_button-group.stack > li .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.stack > li:first-child color_button, .color_button-group.stack > li:first-child .color_button {
    border-left: 0;
}

.color_button-group.stack > li > color_button, .color_button-group.stack > li .color_button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block;
}

.color_button-group.stack > li > color_button {
    width: 100%;
}

.color_button-group.stack > li:first-child color_button, .color_button-group.stack > li:first-child .color_button {
    border-top: 0;
}

.color_button-group.stack-for-small > li {
    margin: 0 -2px;
    display: inline-block;
}

.color_button-group.stack-for-small > li > color_button, .color_button-group.stack-for-small > li .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.stack-for-small > li:first-child color_button, .color_button-group.stack-for-small > li:first-child .color_button {
    border-left: 0;
}

@media only screen and (max-width: 40em) {
    .color_button-group.stack-for-small > li {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0;
    }

    .color_button-group.stack-for-small > li > color_button, .color_button-group.stack-for-small > li .color_button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .color_button-group.stack-for-small > li:first-child color_button, .color_button-group.stack-for-small > li:first-child .color_button {
        border-left: 0;
    }

    .color_button-group.stack-for-small > li > color_button, .color_button-group.stack-for-small > li .color_button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block;
    }

    .color_button-group.stack-for-small > li > color_button {
        width: 100%;
    }

    .color_button-group.stack-for-small > li:first-child color_button, .color_button-group.stack-for-small > li:first-child .color_button {
        border-top: 0;
    }
}

.color_button-group.radius > * {
    margin: 0 -2px;
    display: inline-block;
}

.color_button-group.radius > * > color_button, .color_button-group.radius > * .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.radius > *:first-child color_button, .color_button-group.radius > *:first-child .color_button {
    border-left: 0;
}

.color_button-group.radius > *, .color_button-group.radius > * > a, .color_button-group.radius > * > color_button,
.color_button-group.radius > * > .color_button {
    border-radius: 0;
}

.color_button-group.radius > *:first-child, .color_button-group.radius > *:first-child > a, .color_button-group.radius > *:first-child > color_button, .color_button-group.radius > *:first-child > .color_button {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.color_button-group.radius > *:last-child, .color_button-group.radius > *:last-child > a, .color_button-group.radius > *:last-child > color_button, .color_button-group.radius > *:last-child > .color_button {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.color_button-group.radius.stack > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
}

.color_button-group.radius.stack > * > color_button, .color_button-group.radius.stack > * .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.radius.stack > *:first-child color_button, .color_button-group.radius.stack > *:first-child .color_button {
    border-left: 0;
}

.color_button-group.radius.stack > * > color_button, .color_button-group.radius.stack > * .color_button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block;
}

.color_button-group.radius.stack > * > color_button {
    width: 100%;
}

.color_button-group.radius.stack > *:first-child color_button, .color_button-group.radius.stack > *:first-child .color_button {
    border-top: 0;
}

.color_button-group.radius.stack > *, .color_button-group.radius.stack > * > a,
.color_button-group.radius.stack > * > color_button, .color_button-group.radius.stack > * > .color_button {
    border-radius: 0;
}

.color_button-group.radius.stack > *:first-child, .color_button-group.radius.stack > *:first-child > a, .color_button-group.radius.stack > *:first-child > color_button, .color_button-group.radius.stack > *:first-child > .color_button {
    -webkit-top-left-radius: 3px;
    -webkit-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.color_button-group.radius.stack > *:last-child, .color_button-group.radius.stack > *:last-child > a, .color_button-group.radius.stack > *:last-child > color_button, .color_button-group.radius.stack > *:last-child > .color_button {
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

@media only screen and (min-width: 40.063em) {
    .color_button-group.radius.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
    }

    .color_button-group.radius.stack-for-small > * > color_button, .color_button-group.radius.stack-for-small > * .color_button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .color_button-group.radius.stack-for-small > *:first-child color_button, .color_button-group.radius.stack-for-small > *:first-child .color_button {
        border-left: 0;
    }

    .color_button-group.radius.stack-for-small > *, .color_button-group.radius.stack-for-small > * > a,
    .color_button-group.radius.stack-for-small > * > color_button, .color_button-group.radius.stack-for-small > * > .color_button {
        border-radius: 0;
    }

    .color_button-group.radius.stack-for-small > *:first-child, .color_button-group.radius.stack-for-small > *:first-child > a, .color_button-group.radius.stack-for-small > *:first-child > color_button, .color_button-group.radius.stack-for-small > *:first-child > .color_button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .color_button-group.radius.stack-for-small > *:last-child, .color_button-group.radius.stack-for-small > *:last-child > a, .color_button-group.radius.stack-for-small > *:last-child > color_button, .color_button-group.radius.stack-for-small > *:last-child > .color_button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }
}

@media only screen and (max-width: 40em) {
    .color_button-group.radius.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0;
    }

    .color_button-group.radius.stack-for-small > * > color_button, .color_button-group.radius.stack-for-small > * .color_button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .color_button-group.radius.stack-for-small > *:first-child color_button, .color_button-group.radius.stack-for-small > *:first-child .color_button {
        border-left: 0;
    }

    .color_button-group.radius.stack-for-small > * > color_button, .color_button-group.radius.stack-for-small > * .color_button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block;
    }

    .color_button-group.radius.stack-for-small > * > color_button {
        width: 100%;
    }

    .color_button-group.radius.stack-for-small > *:first-child color_button, .color_button-group.radius.stack-for-small > *:first-child .color_button {
        border-top: 0;
    }

    .color_button-group.radius.stack-for-small > *, .color_button-group.radius.stack-for-small > * > a,
    .color_button-group.radius.stack-for-small > * > color_button, .color_button-group.radius.stack-for-small > * > .color_button {
        border-radius: 0;
    }

    .color_button-group.radius.stack-for-small > *:first-child, .color_button-group.radius.stack-for-small > *:first-child > a, .color_button-group.radius.stack-for-small > *:first-child > color_button, .color_button-group.radius.stack-for-small > *:first-child > .color_button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .color_button-group.radius.stack-for-small > *:last-child, .color_button-group.radius.stack-for-small > *:last-child > a, .color_button-group.radius.stack-for-small > *:last-child > color_button, .color_button-group.radius.stack-for-small > *:last-child > .color_button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
}

.color_button-group.round > * {
    margin: 0 -2px;
    display: inline-block;
}

.color_button-group.round > * > color_button, .color_button-group.round > * .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.round > *:first-child color_button, .color_button-group.round > *:first-child .color_button {
    border-left: 0;
}

.color_button-group.round > *, .color_button-group.round > * > a, .color_button-group.round > * > color_button,
.color_button-group.round > * > .color_button {
    border-radius: 0;
}

.color_button-group.round > *:first-child, .color_button-group.round > *:first-child > a, .color_button-group.round > *:first-child > color_button, .color_button-group.round > *:first-child > .color_button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

.color_button-group.round > *:last-child, .color_button-group.round > *:last-child > a, .color_button-group.round > *:last-child > color_button, .color_button-group.round > *:last-child > .color_button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

.color_button-group.round.stack > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
}

.color_button-group.round.stack > * > color_button, .color_button-group.round.stack > * .color_button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.color_button-group.round.stack > *:first-child color_button, .color_button-group.round.stack > *:first-child .color_button {
    border-left: 0;
}

.color_button-group.round.stack > * > color_button, .color_button-group.round.stack > * .color_button {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    margin: 0;
    display: block;
}

.color_button-group.round.stack > * > color_button {
    width: 100%;
}

.color_button-group.round.stack > *:first-child color_button, .color_button-group.round.stack > *:first-child .color_button {
    border-top: 0;
}

.color_button-group.round.stack > *, .color_button-group.round.stack > * > a, .color_button-group.round.stack > * > color_button,
.color_button-group.round.stack > * > .color_button {
    border-radius: 0;
}

.color_button-group.round.stack > *:first-child, .color_button-group.round.stack > *:first-child > a, .color_button-group.round.stack > *:first-child > color_button, .color_button-group.round.stack > *:first-child > .color_button {
    -webkit-top-left-radius: 1rem;
    -webkit-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.color_button-group.round.stack > *:last-child, .color_button-group.round.stack > *:last-child > a, .color_button-group.round.stack > *:last-child > color_button, .color_button-group.round.stack > *:last-child > .color_button {
    -webkit-bottom-left-radius: 1rem;
    -webkit-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

@media only screen and (min-width: 40.063em) {
    .color_button-group.round.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
    }

    .color_button-group.round.stack-for-small > * > color_button, .color_button-group.round.stack-for-small > * .color_button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .color_button-group.round.stack-for-small > *:first-child color_button, .color_button-group.round.stack-for-small > *:first-child .color_button {
        border-left: 0;
    }

    .color_button-group.round.stack-for-small > *, .color_button-group.round.stack-for-small > * > a,
    .color_button-group.round.stack-for-small > * > color_button, .color_button-group.round.stack-for-small > * > .color_button {
        border-radius: 0;
    }

    .color_button-group.round.stack-for-small > *:first-child, .color_button-group.round.stack-for-small > *:first-child > a, .color_button-group.round.stack-for-small > *:first-child > color_button, .color_button-group.round.stack-for-small > *:first-child > .color_button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px;
    }

    .color_button-group.round.stack-for-small > *:last-child, .color_button-group.round.stack-for-small > *:last-child > a, .color_button-group.round.stack-for-small > *:last-child > color_button, .color_button-group.round.stack-for-small > *:last-child > .color_button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px;
    }
}

@media only screen and (max-width: 40em) {
    .color_button-group.round.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0;
    }

    .color_button-group.round.stack-for-small > * > color_button, .color_button-group.round.stack-for-small > * .color_button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .color_button-group.round.stack-for-small > *:first-child color_button, .color_button-group.round.stack-for-small > *:first-child .color_button {
        border-left: 0;
    }

    .color_button-group.round.stack-for-small > * > color_button, .color_button-group.round.stack-for-small > * .color_button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        margin: 0;
        display: block;
    }

    .color_button-group.round.stack-for-small > * > color_button {
        width: 100%;
    }

    .color_button-group.round.stack-for-small > *:first-child color_button, .color_button-group.round.stack-for-small > *:first-child .color_button {
        border-top: 0;
    }

    .color_button-group.round.stack-for-small > *, .color_button-group.round.stack-for-small > * > a,
    .color_button-group.round.stack-for-small > * > color_button, .color_button-group.round.stack-for-small > * > .color_button {
        border-radius: 0;
    }

    .color_button-group.round.stack-for-small > *:first-child, .color_button-group.round.stack-for-small > *:first-child > a, .color_button-group.round.stack-for-small > *:first-child > color_button, .color_button-group.round.stack-for-small > *:first-child > .color_button {
        -webkit-top-left-radius: 1rem;
        -webkit-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }

    .color_button-group.round.stack-for-small > *:last-child, .color_button-group.round.stack-for-small > *:last-child > a, .color_button-group.round.stack-for-small > *:last-child > color_button, .color_button-group.round.stack-for-small > *:last-child > .color_button {
        -webkit-bottom-left-radius: 1rem;
        -webkit-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
}

.color_button-bar:before, .color_button-bar:after {
    content: " ";
    display: table;
}

.color_button-bar:after {
    clear: both;
}

.color_button-bar .color_button-group {
    float: left;
    margin-right: 0.625rem;
}

.color_button-bar .color_button-group div {
    overflow: hidden;
}