﻿body {
    background-color: #fafafa;
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 11.5px;
}

.form-horizontal .form-group-sm .control-label {
    font-size: 10px;
}

.form-control {
    font-size: 11px;
}

a {
    color: #1500b7;
}

    a:hover {
        color: #02a9ce;
    }


.btn.btn-link {
    color: #1500b7;
}

.command-bar {
    height: 90px;
    background: none;
    border-bottom: none;
}

.bdhtb-navbar .navbar-brand img {
    width: 80px;
}

.navbar-header {
    width: 100%;
    float: unset;
    text-align:center;
}


.bdhtb-navbar {
    border-bottom: none;
    background-color: #fff;
    padding-top: 20px;
    min-height: 25px;
    box-shadow: 0 8px 10px -5px rgba(0,0,0,0.2),0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12);
}

    .bdhtb-navbar .nav.navbar-nav > li > a {
        color: #333;
        padding: 10px 8px;
    }

    .bdhtb-navbar .glyphicon {
        color: black;
    }

    .bdhtb-navbar .nav > li > a:hover .glyphicon {
        color: #02a9ce;
    }

    .bdhtb-navbar .nav > li > a:hover strong {
        color: #000;
    }

    .bdhtb-navbar .nav > li > a:hover,
    .bdhtb-navbar .nav > li > a:focus {
        background-color: #f8f8f8;
    }

    .bdhtb-navbar .tab-notification-groups-partial .nav > li > a:hover, .bdhtb-navbar .tab-notification-groups-partial .nav > li > a:focus {
        background-color: #fff;
        color: #02a9ce;
    }

.panel-primary > .panel-heading {
    background-color: white;
    color: black;
}

.navbar-header p {
    color: #eee;
}

.bdhtb-navbar .navbar-brand {
    padding: 3px 20px;
    background-color: transparent;
    float: unset;
    display: inline-block;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #02a9ce !important;
}

.reg-inbox > a {
    background-color: #02a9ce;
}

.bdhtb-navbar .nav > li.reg-inbox > a:hover,
.bdhtb-navbar .nav > li.reg-inbox > a:focus {
    background-color: white;
}



.site-footer {
    background-color: #414A5C;
    border-bottom: 5px solid #343B4A;
}

    .site-footer .widget h3 {
        background-color: #414A5C;
    }

    .site-footer a {
        color: #eee;
    }

    .site-footer a:hover {
        color: white;
    }


.link-invoiceshopsystemcode {
    color: red;
    text-decoration: underline;
}

.title {
    color: black;
}

.dathangtaobao-table > thead > tr > th {
    color: #333;
    text-transform: uppercase;
}

.reg-invoice-shop.reg-invoice-fast-shipping .dathangtaobao-table thead th {
    background-color: #02a9ce;
    color: white;
    border-color: #02a9ce;
}

.cart-table .rw-shopgroup a strong {
    background-color: #02a9ce;
    color: white;
    display: inline-block;
    position: relative;
    padding: 5px;
    left: -15px;
}

    .cart-table .rw-shopgroup a strong:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 20px;
        border-top: 10px solid #02a9ce;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

.forgot-password {
    color: #02a9ce !important;
}

.btn-signin {
    background-color: #02a9ce !important;
}

.form-signin .form-control:focus {
    border-color: #02a9ce !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #02a9ce !important;
}

.wallet-text {
    color: #dd9922;
}

.panel-primary {
    border: none;
}

    .panel-primary > .panel-heading {
        border-color: #d7d7d7;
    }



/** custom mini */
.navbar-fixed-left {
    width: 140px;
    position: fixed;
    border-radius: 0;
    height: 100%;
    /*-webkit-box-shadow: 11px 0px 41px -17px rgba(0,0,0,0.5);
    -moz-box-shadow: 11px 0px 41px -17px rgba(0,0,0,0.5);
    box-shadow: 11px 0px 41px -17px rgba(0,0,0,0.5);*/
}

    .navbar-fixed-left .navbar-nav > li {
        float: none; /* Cancel default li float: left */
        width: 139px;
    }

    .navbar-fixed-left + .body-content {
        padding-left: 160px;
    }

    .navbar-fixed-left ~ .site-footer {
        padding-left: 160px;
    }

    /* On using dropdown menu (To right shift popuped) */
    .navbar-fixed-left .navbar-nav > li > .dropdown-menu {
        margin-top: -50px;
        margin-left: 140px;
    }


    .navbar-fixed-left .navbar-brand  {
        margin-bottom: 5px;
    }

    .navbar-fixed-left ul.navbar-right {
        margin-left: 140px;
        margin-right: 0 !important;
        right: auto !important;
        left: auto !important;
    }

    .navbar-fixed-left ul.navbar-right .dropdown-menu {
        right: auto !important;
        left: auto !important;
    }

.navbar-fixed-left .nav.navbar-nav > li > a {
    border: none;
    text-align: left;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: bold;
    color: #666;
}

    .navbar-fixed-left .nav > li > a:hover,
    .navbar-fixed-left .nav > li > a:focus {
        border-left: 2px solid #999;
    }

.command-bar {
    position: static;
}

.generic-search-form .input-group {
    background-color: #f1f1f1;
}



.generic-search-form .form-control{
    width: 107px;
    margin: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
}


.generic-search-form .btn {
    background-color: transparent;
    border: none;
}

.invoice-shop-anchor {
    padding-top: 20px;
}

.reg-inbox > a {
    background-color: transparent;
    color: #02a9ce;
}

.nav-invoice-state > li.active > a, 
.nav-invoice-state > li.active > a:hover, 
.nav-invoice-state > li.active > a:focus {
    background-color: #fefefe;
}

.reg-invoice-shop {
    border: 1px solid #f3f3f3;
}

.itemdetail-link {
    font-size: 1.05em;
    line-break: anywhere;
    word-break: break-all;
}

.shopgroup-msg-content {
    width: 76%;
}

.rw-shopgroup span.bdhtb-badge-tmall {
    visibility: hidden;
}
    .rw-shopgroup span.bdhtb-badge-tmall::before {
        background: url('https://order.ali88vn.com/content/weblogo-tmall-sm.png') no-repeat;
        display: inline-block;
        visibility: visible;
        content: '';
        height: 30px;
        width: 30px;
    }
.rw-shopgroup span.bdhtb-badge-1688 {
    visibility: hidden;
}

.rw-shopgroup span.bdhtb-badge-1688:before {
    background: url('https://order.ali88vn.com/content/weblogo-1688-sm.png') no-repeat;
    display: inline-block;
    visibility: visible;
    content: '';
    height: 30px;
    width: 30px;
}
.rw-shopgroup span.bdhtb-badge-taobao {
    visibility: hidden;
}

.rw-shopgroup span.bdhtb-badge-taobao:before {
    background: url('https://order.ali88vn.com/content/weblogo-taobao-sm.png') no-repeat;
    display: inline-block;
    visibility: visible;
    content: '';
    height: 30px;
    width: 30px;
}

.reg-invoice-shop.reg-invoice-slow-shipping {
    border: 1px solid #efefef;
}

    .reg-invoice-shop.reg-invoice-slow-shipping .dathangtaobao-table thead th {
        background-color: #ffdddd;
    }

.region-order-shipping-type {
    display: inline-block;
    padding-left: 0 10px;
    border: 1px solid pink;
}
.button-open-changeshippingtype {
    background-color: #ff6666;
    margin: 1px 5px;
    color: white;
    border: 1px solid transparent;
}
.button-open-changeshippingtype:hover {
    color: red;
    border: 1px solid red;
}

@-moz-keyframes annoucement-flashing {
    0% {
        background-color: #333;
    }

    50% {
        background-color: #333;
    }

    100% {
        background-color: #333;
    }
}

@-webkit-keyframes annoucement-flashing {
    0% {
        background-color: #666;
    }

    50% {
        background-color: #666;
    }

    100% {
        background-color: #666;
    }
}

@keyframes annoucement-flashing {
    0% {
        background-color: #666;
    }

    50% {
        background-color: #666;
    }

    100% {
        background-color: #666;
    }
}


.glow {
    color: #eee;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

.glow p{
    color: #eee;
}

    .glow a {
        color: #ff0 !important;
    }

.lbl-shop-remaining {
    font-size: 1.3em;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 1px #fff, 0 0 6px #e60073, 0 0 7px #e60073;
    }

    to {
        text-shadow: 0 0 2px #fff, 0 0 7px #ff4da6, 0 0 8px #ff4da6;
    }
}

.ali88-order-table {
    
}

    .ali88-order-table > thead > tr > th {
        text-align: center;
    }

.reg-invoice-shop .dathangtaobao-table td {
    border: none;
    border-bottom: 1px solid #eee;
}

.ali88-order-table .rw-shopgroup > td {
    background-color: #e1e1e1;
}

.ali88-order-table  .rw-shopgroup > td {
    border: none !important;
}

.ali88-order-table .number-spinner .btn,
.ali88-order-table .add-number-spinner .btn {
    height: 18px;
    padding: 0;
    width: 18px;
    font-size: 9px;
    border-radius: 0;
}

.ali88-order-table .text-item-price {
    height: 38px;
}

.ali88-order-table .number-spinner > input,
.ali88-order-table .add-number-spinner > input {
    width: 60px;
    border-radius: 0;
    height: 38px;
}

.ali88-order-table .number-spinner-buttons {
    display: inline-block;
    margin-left: 1px;
    width: 15px;
}

.form-control, .form-group-sm .form-control {
    border-color: #DEDEDE;
}

.ali88-order-table .align-top-block {
    vertical-align: top;
    display: inline-block;
}

.ali88-order-table .align-top-block strong{
   line-height: 36px;
}

.ali88-order-table .item-total.form-control-static {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.ali88-order-table .result-list .dot {
    width: 5px;
    height: 5px;
    margin-top: 6px;
    border-radius: 50%;
    background: #888;
    box-shadow: 0 0 0 2px rgba(136,136,136,.3);
    position: relative;
    left: -11px;
}

.ali88-order-table .result-list .last .dot {
    width: 9px;
    height: 9px;
    margin-left: -4px;
    -webkit-transform: translate(2px);
    transform: translate(2px);
    background: #ff7f02;
    box-shadow: 0 0 0 2px rgba(255,127,2,.2);
}

    .ali88-order-table .result-list .finish .dot {
        width: 9px;
        height: 9px;
        margin-left: -4px;
        -webkit-transform: translate(2px);
        transform: translate(2px);
        background: #317ee7;
        box-shadow: 0 0 0 2px rgba(49,126,231,.2)
    }
.reg-invoice-shop .dathangtaobao-table.ali88-order-table .result-list td.border-left {
    border-left: 1px solid #eee;
}

.itemdetail-image{
    width: 70px;
}

.reg-invoice-shop .ali88-order-table .itemdetail .form-control,
.reg-invoice-shop .ali88-order-table .itemdetail .form-control-static {
    font-size: 13.5px;
    font-weight: bold;
}

.reg-invoice-shop .ali88-order-table .itemdetail .text-order-note {
    color: #dd6600;
}