/*Bonus step*/
#customer_info_tabs_customer_edit_tab_bonus_content {min-width: 650px;}

.bonus-container{
    padding: 10px 0;
    width:575px;
    height: 120px;
}

.step-container{float: left; margin-right: 3px; position: relative;}
.rounds-container{float: right; position: relative;}
.bonus-step, .bonus-rounds {
    width: 43px;
    height: 42px;
    border: 1px solid #000;
    text-align: center;
    background-color: #FFF;
}

.bonus-step span, .bonus-rounds span{
    font-size: 28px;
    display: block;
    margin-top: 12px;
}

.bonus-step.has-bonus{background: #000;}
.bonus-step.has-bonus span{color: #fff;}
.step-info{position: absolute; white-space: nowrap; text-align: center;}
.step-info.tie { left: -13px; }
.step-info.shirt{ left: -15px;}
.rounds-container .step-info{left: -10px;}
.bonus-container .label{  }
.bonus-container .box-title{padding: 0px;}
.bonus-container .box-title h3{width:auto; float: none;}






/*Bonus step*/
#customer_info_tabs_customer_edit_tab_bonus_content {min-width: 940px;}

.bonus-page {
    padding: 10px;
}

.bonus-container {
    width:575px;
}

.bonus-container.ladder {

    height: 100px;
}

.step-container{float: left; margin-right: 3px; position: relative;}
.rounds-container{float: right; position: relative;}
.bonus-step, .bonus-rounds {
    width: 43px;
    height: 42px;
    border: 1px solid #000;
    text-align: center;
    background-color: #FFF;
}

.bonus-step span, .bonus-rounds span{
    font-size: 28px;
    display: block;
    margin-top: 12px;
}

.bonus-step.has-bonus{background: #000;}
.bonus-step.has-bonus span{color: #fff;}
.step-info{position: absolute; white-space: nowrap; text-align: center;}
.step-info.tie{ left: -13px; }
.step-info.shirt{ left: -15px;}
.rounds-container .step-info{left: -10px;}
.bonus-container .label{  }
.bonus-container .box-title{padding: 0px;}
.bonus-container .box-title h3{width:auto; float: none;}


.bonus-container #bar {
    position: absolute;
    width: 200px;
    height: 120px;
    left: 20px;
    bottom: 0;

    background-color: #FFF;
    border: 1px solid black;
    border-bottom: 0;

    text-align: center;
    font-size: 20px;
}

.top {
    position: relative;
    height: 120px;
    border-bottom: 1px solid black;
}

#bar .label { margin-top: 20px;}
#bar .points {margin-top: 16px; font-size: 30px;}

.summary-box {
    position: absolute;
    left: 300px;
    padding: 20px 30px;
    border: 1px solid black;
    background: white;
    line-height: 22px;
    bottom: 20px;
}

.transactions-section {
    margin-top: 30px;
}

.transactions-section a {white-space: nowrap;}

/* Data Table */
.data-table { width:100%; border-spacing: 0px;border: 1px solid #CAC9C9; box-shadow: 1px 4px 3px #DDD;}
.data-table tr { background:#fff }
.data-table tr.last th,
.data-table tr.last td { border-bottom:0 !important; }
.data-table th { padding:2px 8px; font-size:10px; text-transform:uppercase; white-space:nowrap; color: #646464; border-bottom: 1px solid #DBDBDB;}
.data-table th.wrap { white-space:normal; }
.data-table th a { color:#fff; }
.data-table td { padding:6px 8px; vertical-align: middle;}

.data-table thead,
.data-table thead tr { background:#FFF; }

.data-table tfoot { border-bottom:1px solid #d9dde3; }
.data-table tfoot tr { background-color:#fff !important; }
.data-table tbody th { padding:3px 8px; font-size:11px; font-weight:bold; text-transform:none; white-space:normal; }
.data-table tbody th,
.data-table tbody td { border-bottom:1px solid #d9dde3; max-width: 200px;}
.data-table tfoot strong { font-size:14px; }
/* Bundle products tables */
.data-table tbody.odd tr { background:#fff; }
.data-table tbody.even tr { background:#fcfcfc; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }

.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }


.data-table tbody td p{margin: 0; padding: 0;}
.data-table tbody td p.nobreak {white-space: nowrap;}
.data-table tbody td .product-image{margin: 0; padding: 0;}
.data-table tbody td.attributes{text-transform: capitalize;}
.data-table tbody td.order-col-left{width: 55px;}
.data-table tbody td.price{width: 90px;}
.data-table tbody td.bonus-trigger{width: 50px;}
.data-table tbody tr.notInShop,
.data-table tbody tr.notInShop td{width: 100%!important; max-width: 100%!important;}


tr.bonus-trigger {background: #EBFFE7; color: #1E660C;}
tr.bonus-shirt,
tr.bonus-accessory{background: #DEEDF7; color: #175F8F;}
tr.return-item {background: #FFE7E7;}
.lastInOrder td {border-top: 10px solid #E7E7E7!important;}
tr.disabled {background: #E7E7E7; color: #888888;  font-style: italic;}
tr.coupon {background: #FAFCCD;}


/*price*/
.special-price{color: red;}
.old-price{ text-decoration: line-through; /*margin-right: 5px;*/}


/*color descriptions*/
.color-desc {margin-bottom: 10px; overflow: auto;}
.color-desc > div { float: left; margin-right: 15px;}
.color-desc .regular-item,
.color-desc .bonus-item,
.color-desc .return-item,
.color-desc .bonus-trigger,
.color-desc .coupon { width: 20px; height: 20px; border: 1px solid #7E7979; display: inline-block;}

.color-desc .regular-item {background: #FFFFFF;}
.color-desc .bonus-item {background: #DEEDF7;}
.color-desc .bonus-trigger {background: #EBFFE7;}
.color-desc .return-item {background: #FFE7E7;}
.color-desc .coupon {background: #FAFCCD;}
.color-desc span{display: inline-block; margin-top: -16px; vertical-align: middle;}


#coupons-table { width: auto; white-space: nowrap;}
#coupons-table th,
#coupons-table td {padding-right: 25px;}

#coupon-actions {margin-top: 5px;}


/* TRANSACTION MODIFICATION */
#transaction-add-wrapper {margin-top: 30px;}

#transaction-add {
    border: 1px solid #CAC9C9;
    padding: 10px;
    background: #FFF;
    display: inline-block;
}
#transaction-add .input {display: block; margin-bottom: 6px;}


#transaction-add label {width: 215px; display: inline-block; vertical-align: top;}

#transaction-add input,
#transaction-add textarea,
#transaction-add select {width: 170px;}

#transaction-add-date {
    overflow: auto;
    width: 180px;
    display: inline-block;
    white-space: nowrap;
}
#transaction-add .input .time,
#transaction-add-date span {float: left; margin: 0 1px;}
#transaction-add input.time {width: 20px}
#transaction-add input.year {width: 40px}

#transaction-add-validation-errors,
#transaction-add-parameters {float: left;}

#transaction-add {overflow: auto;}

#transaction-add-validation-errors {
    margin-left: 35px;
    min-width: 250px;
    color: red;
}

#transaction-add-validation-errors li {
    display:list-item;
    list-style-type: disc;
}