/* light 28B8CC; dark 2197A7 */
.button {background-color: #28B8CC;}
.button:hover {background-color: #2197A7; }
.button.standard {width: 10em !important;}
.button.secondary,.button:hover.secondary,.button:active.secondary,.button:focus.secondary{color: #fff;}
.input-group>:first-child, .input-group>:first-child.input-group-button>*,
.input-group>:last-child, .input-group>:last-child.input-group-button>*{
    border-radius: 0;
}
.mt-0 {margin-top: 0;}
.mt-1 {margin-top: 1em !important;}
.mb-1 {margin-bottom: 1em !important;}
.mt-2 {margin-top: 2em !important;}
.mb-2 {margin-bottom: 2em !important;}
.text-uppercase {text-transform: uppercase;}
.no-margin{margin:0 !important;}
.no-padding{padding:0 !important;}
.text-nowrap {white-space: nowrap;}
.text-capitalize {text-transform: capitalize;}
.select-input, .select-input:focus {border:none; border-bottom: solid 1px #1779ba;box-shadow: none;padding-left: 0;}
.button.success, .button.success:hover {color: #ffffff;}
.bb-1 {border-bottom: solid 1px #c0c0c0;}
.pb-1 {padding-bottom: 1em;}
.mt-1 {margin-top: 1em !important;}
.mb-1 {margin-bottom: 1em !important;}
.button.warning {color: #ffffff;}
.button.warning:hover,
.button.warning:focus {color: #ffffff;}

/* form elements */
.blockquote-container.blockquote-left {
    float: left;
    width: 35%;
    margin-right: 1rem;
}

@media screen and (max-width: 39.9375em) {
    .blockquote-container.blockquote-left {
        float: none;
        margin: 0;
        width: 100%;
    }
}

.blockquote-container.blockquote-right {
    float: right;
    width: 35%;
    margin-left: 1rem;
}

.blockquote-container .callout .blockquote-title {
    margin-left: 1rem;
}

.blockquote-container .callout blockquote {
    quotes: "“" "”" "‘" "’  ";
    border-left: none;
}

.blockquote-container .callout blockquote p:first-child:before {
    content: open-quote;
    color: #8a8a8a;
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -0.4em;
}

.blockquote-container .callout blockquote p:last-child:after {
    content: close-quote;
    color: #8a8a8a;
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -0.5em;
}

.blockquote-container .callout blockquote .blockquote-content {
    display: inline;
    color: #0a0a0a;
}


.input-group .input-group-label,
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number],
[type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week] {
    border: none; border-bottom: solid 1px #28B8CC; box-shadow: none; background: none;
}
.input-group .input-group-label {color:#28B8CC;font-weight: 600;}
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus,
[type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus,
[type=time]:focus, [type=url]:focus, [type=week]:focus {
    border: none; border-bottom: solid 1px rgba(0, 120, 122, .5); box-shadow: none; background: none;
}

.has-badge {position: relative;}
.has-badge .badge {
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: .8em;}