/* Extends on bootstrap concepts */

/* allows you to remove the gutters from all columns on a row */
/* this is needed to remove the -15 margins by default on rows */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* really nice bootstrap callouts that are used on the bootstrap documentation site. Street cred: http://cpratt.co/twitter-bootstrap-callout-css-styles/ */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

/* Justified label group similar to a justified button group */
.label-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    position: relative;
    border-spacing: 2px;
}

    .label-group-justified > .label {
        display: table-cell;
        float: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.label.label-block {
    display: block;
    margin-left: 1px;
    margin-right: 1px;
}

.dropdown-menu > li > label {
  padding: 3px 20px;
  clear: both;
  white-space: nowrap;
}

/* In shell 1.x we extend on container to make a wider container for desktop */
/* Shell2.x extends on this further to make it a little more robust and you should just use .container-modern because it doesn't extend container in shell2  */
@media (min-width: 1440px) {
    .container.container-modern {
        width: 1410px;
    }
}

/* END SHELL CHANGES.  Please place all custom site work in the next section. */

/* BEGIN CUSTOM SITE CHANGES */

/* Widening the admin even more on AFWS for the ad-marketing cycle view */
@media (min-width: 1680px) {
    .container.container-modern {
        width: 1650px;
    }
}