/** CSS used on member site and admin **/

/* PAYMENT PROCESSING */

.creditCard {
    width: 180px;
    float: left;
    padding: 10px;
    border: 1px solid #d4dee8;
    border-radius: 4px;
    font-size: 12px;
    margin: 0 20px 10px 0;
    background-color: #fafafa;
}

.creditCard a:hover {

}

.creditCard.active {
    background-color: #e4f2fe;
    border: 1px solid #afcfe8;
}

.creditCardText {
    font-family: "Courier New", Courier, mono;
    font-weight: bold;
}

.account-balance {
    padding: 10px;
    border-radius: 4px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    overflow: hidden;
    margin: 10px 0;
}

.session-user {
    color: #ff6519;
}

.session-user a {
    font-size: 14px;
}

.cir {
    padding: 3px 10px;
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #e6f8e3;
    color: #66a25c;
    border-radius: 6px;
}

.cir h4 {
    margin-top: 0;
}

/* Notes */

.note-wrapper {
    border: none;
}

.admin-tools {
    padding: 10px 0 10px 0;
    margin: 10px 0;
    border: 1px solid #AAA;
    border-radius: 4px;
    background-color: #fafafa
}

.admin-tools-title {
    font-size: 12px;
    padding: 0 15px 4px;
    color: #aaa
}

.admin-tools-highlight {
    background: yellow;
    display: inline-block;
    padding: 0.5em;
}

.notes-list .note-wrapper:hover {
    background-color: #f5f5f5;
}
.notes-list .note-wrapper.note-status-open:hover {
    background-color: #c4e3f3;
}
.note-wrapper.note-status-open .note-head, .note-wrapper.note-status-open .note-body {
    color: #0386a7;
}
.note-wrapper.note-status-open .note-status-closed-marker {
    display: none;
}
.note-wrapper.note-status-closed .note-status-close-button {
    display: none;
}
.note-status-close-button {
    display: inline-block;
}
.note-head {
    padding: 5px 0;
    color: #c0c0c0;
}

.fa-retweet {
    color: #dbc515 !important;
}

.fa-info-circle {
    color: #00a7d0;
}

/* TABLES */
.selected-row {
    background-color: #d2f2ff !important;
}
.cell-currency {
    text-align: right;
}

.note-data {
    padding-top: 4px;
}

.note-time {
    padding-right: 10px;
}

.note-cost {
    padding-right: 10px;
}

.label-light-green, .bg-light-green {
    background-color: #abcd58;
    color: #fff;
}

/* content translation */

.translatable .nav-text {
    display: inline-block;
    padding: 2px 4px 2px 0;
    font-weight: bold;
}

.translatable .nav-tabs {
    border-bottom: none;
}

.translatable .nav-tabs > li > a {
    padding: 2px 6px;
    margin-right: 4px;
}