.badge-info {
    background-color: red;
}

.top-0 {
    top: 0;
}

.top-25 {
    top: 25%;
}

.top-50 {
    top: 50%;
}

.top-75 {
    top: 75%;
}

.top-100 {
    top: 100%;
}

/* --- Negative Margins --- */
.m--0 {
    margin: 0 !important;
}

.mt--0,
.my--0 {
    margin-top: 0 !important;
}

.mr--0,
.mx--0 {
    margin-right: 0 !important;
}

.mb--0,
.my--0 {
    margin-bottom: 0 !important;
}

.ml--0,
.mx--0 {
    margin-left: 0 !important;
}

.m--1 {
    margin: -0.25rem !important;
}

.mt--1,
.my--1 {
    margin-top: -0.25rem !important;
}

.mr--1,
.mx--1 {
    margin-right: -0.25rem !important;
}

.mb--1,
.my--1 {
    margin-bottom: -0.25rem !important;
}

.ml--1,
.mx--1 {
    margin-left: -0.25rem !important;
}

.m--2 {
    margin: -0.5rem !important;
}

.mt--2,
.my--2 {
    margin-top: -0.5rem !important;
}

.mr--2,
.mx--2 {
    margin-right: -0.5rem !important;
}

.mb--2,
.my--2 {
    margin-bottom: -0.5rem !important;
}

.ml--2,
.mx--2 {
    margin-left: -0.5rem !important;
}

.m--3 {
    margin: -1rem !important;
}

.mt--3,
.my--3 {
    margin-top: -1rem !important;
}

.mr--3,
.mx--3 {
    margin-right: -1rem !important;
}

.mb--3,
.my--3 {
    margin-bottom: -1rem !important;
}

.ml--3,
.mx--3 {
    margin-left: -1rem !important;
}

.m--4 {
    margin: -1.5rem !important;
}

.mt--4,
.my--4 {
    margin-top: -1.5rem !important;
}

.mr--4,
.mx--4 {
    margin-right: -1.5rem !important;
}

.mb--4,
.my--4 {
    margin-bottom: -1.5rem !important;
}

.ml--4,
.mx--4 {
    margin-left: -1.5rem !important;
}

.m--5 {
    margin: -3rem !important;
}

.mt--5,
.my--5 {
    margin-top: -3rem !important;
}

.mr--5,
.mx--5 {
    margin-right: -3rem !important;
}

.mb--5,
.my--5 {
    margin-bottom: -3rem !important;
}

.ml--5,
.mx--5 {
    margin-left: -3rem !important;
}
/* --- Negative Margins --- */

@media screen and (max-width: 768px) {
    .btn
    {
        white-space: normal;
        max-width: 250px;
    }
}

/*20180608 jc add margin to top*/
.top-buffer-5 {
     margin-top:5px;
}

/*20180608 jc add margin to top*/
.top-buffer-10 {
    margin-top:10px;
}

/*20180608 jc add margin to top*/
.top-buffer-15 {
    margin-top:15px;
}
/*20180608 jc add 10px margin to left of object*/
.left-buffer-15 {
    margin-left:15px;
}
.left-buffer-10 {
    margin-left:10px;
}

/*20180608 jc add 5px margin to left of object*/
.left-buffer-5 {
    margin-left:5px;
}

.bottom-buffer-5 {
    margin-bottom:5px;
}

/*20180608 jc add margin to bottom*/
.bottom-buffer-10 {
    margin-bottom:10px;
}

/*20180608 jc add margin to bottom of shopping cart*/
.bottom-buffer-20 {
    margin-bottom:20px;
}
/*20180608 jc prefix required fields with a red asterisk*/
.reqField:after {
    content:"*";
    color: red;   
}

/*20180618 jc headers for payment pages*/
.header-title {
    font-size: 1.25rem;
    font-weight: 100;
    color:#336699;
}

/*20180622 jc label columns for payment pages*/
.label-col {
    font-size: 1.00rem;
    font-weight: bold;
    color:#000000;
}

/*20180618 jc cleanup display of footer (common bootstrap problem)*/
.footer {
    bottom: 0;
    margin-top: 20px;
    border-top: solid 1px #ffffff;
}

/*20180628 jc override button text display*/
.btn-primary {
    color: #fff!important;
}

/*20180628 jc override button text display*/
.btn-secondary {
    color: #fff!important;
}

/*20180629 jc word break for buttons on grid for smaller displays*/
.btn-wrap-text {
    white-space: normal !important;
    word-wrap: break-word !important;
}

/*20180705 jc used by input helper text on xmlform.ascx*/
.input-helper-text {
    font-size: small;
}

/*20180705 jc dropdownlist resizing*/
.input-field-custom-ddl {
    font-size: 14px;
    height: 27px;
}

/*20180705 jc dropdownlist resizing*/
.input-field-custom-profile-ddl {
    font-size: 14px;
    height: 30px;
}

.input-field-custom-profile-dt {
    font-size: 14px;
    height: 30px;
}

/*20180705 jc popovers*/
.popover-header {
    color: #000;
    font-weight: bold;
    background-color: #99CAFF;
    font-size: 12px;
}
.popover-body {
    color: #000;
    font-size: 12px;
}
@media (max-width: 576px) {
    .btn {
        max-width: 100%;
        width: 100%
    }
}