th.sorting,
th.sorting_asc,
th.sorting_desc {
    vertical-align: top;
}

.flash-message {
    border-radius: 0px 0px 10px 10px;
    color: white;
    padding: 5px 10px;
}

.flash-message-dismiss {
    color: #61d2f7;
    cursor: pointer;
    float: right;
    text-decoration: underline;
}

.pure-g {
    letter-spacing: normal;
    margin-bottom: 5px;
}

.workspace-menu-item {
    padding: 2px 10px;
}

#flash-error-message {
    background-color: #ef3030;
}

#flash-info-message {
    background-color: #0099CC;
}

#flash-success-message {
    background-color: #6BA730;
}

#plans-table_filter {
    margin-bottom: 20px;
}

#selected-plans li:nth-child(even) {
    background: #eee;
}

#plan-history-table {
    table-layout: fixed;
}

#update-plans-status input,
#update-plans-status textarea,
#update-plans-status select,
#update-plans-revision input,
#update-plans-revision textarea,
#update-plans-revision select {
    width: 100%;
}

input::placeholder {
    color: #aaa
}

@media screen and (max-width:63.9em) {
    .pure-u-sm-order-1,
    .pure-u-md-order-1 {
        order: 1;
    }

    .pure-u-sm-order-2,
    .pure-u-md-order-2 {
        order: 2;
    }

    .pure-u-sm-order-3,
    .pure-u-md-order-3 {
        order: 3;
    }
}

@media screen and (min-width:64em) {
    #selected-plans {
        max-height: 80%;
        overflow-y: scroll;
    }

    #selected-plans::-webkit-scrollbar {
        background: transparent;
        width: 0px;
    }

    #workspace-sidebar {
        height: 100%;
        position: fixed;
    }

    #workspace-sidebar::-webkit-scrollbar {
        background: transparent;
        width: 0px;
    }
}