/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 14, 2016, 3:24:35 PM
    Author     : Manh Ha Hoang
*/

@import "../fonts/awesome/font-awesome.css";
@import "../fonts/font-chiaki.css";

body {
    font-family:  Arial, sans-serif;
    padding-top: 30px;
    background: #eaeaea;
}

.txt-small {
    font-size: 50%;
    line-height: 1em;
    /*white-space: nowrap;*/
    display: block;
}

#header {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.1em;
}

.order-status  {
    padding: 5px 20px;
    color: #fff;
}
.order-success {
    background: #9ad169
}
.order-shipping {
    background: #4bd5fc;
}
.order-checkings {
    background: #ffc643;
}
.order-cancel, .red-bg {
    background: #bb0a0a;
}
.dark-red-bg {
    background: #a10505;
    padding-top: 5px;
    padding-bottom: 5px;
}

.status-order {
    width: 90%;
    margin: 0 auto;
}


/*border-cover*/ 
.border-cover  {
    border-radius: 7px;
    padding-top: 7px;
    text-align: center;
    background: #fff;
    box-shadow: 1px 1px 2px #ccc;
}
.header-name {
    border-top: 1px solid #d9d9d9;
    padding: 5px 10px 5px;
    font-family: Arial, sans-serif;
    border-radius: 0px 0px 7px 7px;
    text-align: left;
    background: #f7f7f7;
    font-size: 13px;
    text-transform: uppercase;
    color: #5b97d5;
    font-weight: bold;
}
.header-name b {
    color: #336600;
    font-weight: 900;
}
.add-note {
    font-size: 13px;
    text-align: left;
    display: block;
}
 aside {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    padding-bottom: 7px;
}
aside div:first-child {
}
aside img {
    max-height: 100%;
    
}
.col-md-9 article  {
    height: 320px;
    overflow: hidden;
}
.col-md-9 article aside {
    height: 280px;
    overflow: hidden;
}
.order-by-city {
    padding: 10px 20px;
}
.tbl-status-order {
    width: 100%;
    border-collapse: collapse;
    margin-top: 7px
}
.tbl-status-order th {
    text-align: center;
    padding: 3px 7px;
    color: #666;
}
.tbl-status-order td {
    text-align: left;
    font-size: 14px;
    padding: 3px 7px;
    line-height: 1.45em;
}
.tbl-status-order td + td {
    text-align: right;
    padding-right: 15px;
}
.tbl-status-order tr:nth-child(2n+1) {
    background: #f1f1f1;
}
.tbl-status-order tr:first-child {
    border-bottom: 1px solid #d9d9d9;
}
.sp-block {
    width: 10px;
    height: 10px;
    margin-right: 9px;
    display: inline-block
}
    
.color1 {
    background: #9fcbe1;
}
.color2 {
    background: #6aafd7;
}
.color3 {
    background: #e7540c;
}
.color4 {
    background: #ccc;
}
.color5 {
    background: #b8501c;
}
.color6 {
    background: #fdae69;
}
.color7 {
    background: #adc560;
}
.color8 {
    background: #6078ae;
}
.color9 {
    background: #7fc04c;
}
/*----------add anhvh search left---*/
.text_align_left .list-group-item {
    text-align: left;border:0px;
}
.text_align_left:first-child {
    border: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
    .text_align_left:last-child {
        border: 1px solid #ddd;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        margin-bottom: 0;
    }
/*----------add anhvh search left end---*/
/*----------add anhvh icon char---*/
.header-name i
{
    padding-right:5px;line-height:21px;
}
.header-name {
    padding: 0 10px;text-transform:unset;font-size:12px;
}
/*----------add anhvh icon char end---*/