a {
    text-decoration: none;
}


.project-info {
    &.list-group-item {border-bottom:0;border-color:#e0e0e0;padding:10px 20px}
}



.projects-bar {
    display: flex;
    flex-direction: column;

    h1 {margin-bottom:0!important;margin-top:0!important}
    .projects-add {display:flex;justify-content:flex-end;margin:-27px 0 20px}
    .projects-options {display:flex;flex-direction:column}

    .projects-search {
        display: flex;
        margin-bottom: 20px;

        .search-pf {
            display:block;
            flex:0 1 auto;

            &.has-button .form-group {display: block}
        }
    }
    :host /deep/ & {
        .sort-label {margin-right:6px;padding-top:3px}
        .sort-component {
            display: flex;
            flex: 1 0 auto;

            .form-group {
                margin: 0;
            }
        }
    }

    .vertical-divider {border-left:1px solid #bbb;display:inline-block;height:27px;margin:0 7px;vertical-align:middle;width:1px}
}

.projects-header{margin-top:21px}
.projects-instructions-link{white-space:pre}
.projects-list {
    border-top:0;box-shadow:0 3px 1px -2px rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.09);margin-bottom:20px;

    .project-info:hover { background-color: rgb(222, 243, 255); }
}

/* Override Patternfly's middle alignment. */
.list-view-pf.projects-list .list-group-item.project-info,
.list-view-pf.projects-list .list-view-pf-description { align-items: flex-start; }

.list-view-pf.projects-list .list-view-pf-additional-info { flex: initial; width: 12%; }

/* Action buttons padding */
.list-view-pf.projects-list .list-view-pf-actions span { margin-left: 1em; }
.list-view-pf.projects-list .list-view-pf-actions span a i { font-size: inherit; }

:host /deep/ .project-options {
    display: flex;
    flex-direction: column;
}

.list-view-pf .list-group-item-heading small {
  display: inline;
}


@media (min-width: 650px) {
    .projects-bar {
        flex-direction: row;
        justify-content: space-between;

        .projects-add {
            margin-left: 40px;
            margin-top: 0;
            order: 2;
        }

        .projects-options {
            flex-direction: row;
        }
    }

    :host /deep/ .project-options {
        flex-direction: row;
    }
}

@media (max-width: 649px) {

  .list-view-pf .list-group-item-heading span {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 650px) {
  .list-view-pf .list-group-item-heading small:first-child:after {
    content: ' - ';
  }
}

@media (max-width:767px) {
    :host /deep/ .projects-bar .sort-label {display:none!important}
}

@media (min-width:768px) {
    .project-actions .project-action-item{margin-left:17px}
}
@media (max-width:479px) {
    :host /deep/ .projects-bar .sort-component .dropdown-menu{left:auto;right:0}
}

.action-button {
    color: #9c9c9c;
    cursor: pointer;

    &:hover { color: #000; }
}

.tile-click, a[action] {
    cursor: pointer;
}



.projects-list-page {
    margin-left: auto;
    margin-right: auto;
}


@media (min-width:768px) {
    .projects-list-page{width:760px}
}

@media (min-width:992px) {
    .projects-list-page{width:980px}
}

@media (min-width:1200px) {
    .projects-list-page{width:1180px;}
}

.project-title {
    margin-top: 0;
    margin-bottom: 0;
}

.no-matches {
    padding-top: 17px;
    text-align: center;
    height: 50px;
    font-size: 16px;
}

small {
    color: #9c9c9c;
}

.description {
    overflow-wrap: break-word;
    align-self: center;
}

$disabled-button-color: #C4C5C5;

a[disabled] {
    cursor: not-allowed !important;
    color: $disabled-button-color;

    &:hover {
        color: $disabled-button-color;
    }
}
