a:hover,
a:active,
a:visited {
    text-decoration: none;
}

.btn:active,
.btn:focus,
a:active,
a:focus {
    outline: 0
}

.no-border-right {
    border-right: 0!important
}

.no-border-left {
    border-left: 0!important
}

.no-padding {
    padding: 0!important
}

.hero-spacer {
    margin-top: 50px
}

.hero-feature {
    margin-bottom: 30px
}

select {
    border: 1px solid #ddd;
    padding: 3px
}

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'), url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'), url('../fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans-webfont.woff') format('woff'), url('../fonts/DroidSans-webfont.ttf') format('truetype'), url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTMAvoBold';
    src: url('../assets/fonts/UTMAvoBold.ttf');
}

@font-face {
    font-family: 'BalooTammudu2-Bold';
    src: url('../assets/fonts/BalooTammudu2-Bold.ttf');
}

@font-face {
    font-family: 'BalooTammudu2-Medium';
    src: url('../assets/fonts/BalooTammudu2-Medium.ttf');
}

@font-face {
    font-family: 'BalooTammudu2-Regular';
    src: url('../assets/fonts/BalooTammudu2-Regular.ttf');
}

.container,
.container-fluid {
    padding: 0px 8px;
}

.container .row,
.container-fluid .row {
    margin: 0px -8px;
}

.container .row>div,
.container-fluid .row>div {
    padding: 0px 8px;
}

.relative {
    position: relative;
}

.icon-select-list span {
    margin-top: 10px;
    font-size: 30px;
    margin-right: 10px;
    cursor: pointer;
}

.icon-select-list span:hover {
    color: #C30111;
}

.icon-select-list span.active {
    color: #C30111!important;
}

.icon-select-list span.icon-cate {
    color: #005AA9;
}

#review_root_icon,
#review_cat_icon {
    height: 32px;
    width: 32px;
    border: 1px solid #ccc;
    padding-left: 5px;
    padding-top: 5px;
    box-shadow: 1px 1px 0px #000;
}

.icon_empty {
    background: url("../images/icon_empty.png") no-repeat scroll -5px -3px / 38px 38px padding-box #005AA9;
    display: inline-block;
    height: 31px;
    left: -5px;
    position: relative;
    top: -5px;
    width: 31px;
}

#review_root_icon span,
#review_cat_icon span {
    color: #C30111;
    font-size: 20px;
}

#ten_danh_muc>p {
    float: right;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 0 !important;
    text-align: left;
    width: 330px;
}

body {
    font-family: 'Roboto', arial, sans-serif !important;
    color: #333;
    width: 100%;
    position: relative;
    padding-bottom: 35px;
}

.main-container {
    margin: 0 auto;
    min-height: 655px;
    background: #158ec3;
}

.btn_w {
    min-width: 105px;
}

.main-retail {
    margin: 0 auto;
    min-height: 600px;
    /* background:#fff; */
    /*color:#898989;*/
    padding: 0px 5px;
}

.administrator {
    /* background: #efefef; */
}

.content-footer {
    margin: 0 auto;
    color: #6B6B6B;
    padding: 5px;
    background: #ccc;
}

.container-100-percent {
    width: 99.6%;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #EFEFEF;
    margin-top: 10px!important;
}

.height-33-percent {
    height: 150px;
    overflow: auto;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.height-block-chief {
    height: 165px;
    overflow: auto;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.height-proccess-chief {
    height: 950px;
    overflow: auto;
    border-left: 5px solid #d7d7d7;
    border-right: 1px solid #aaa;
    border-top: 1px solid #000;
    margin-top: 15px;
    border-bottom: 1px solid #000;
}

.header-button button {
    height: 44px;
}

#bar_template {
    min-height: 600px;
}

#bar_template_status {}

.btn-100 {
    width: 100%;
    padding: auto;
}

#md_bt_input {
    font-size: 18px;
    color: green;
    background: black;
    text-align: center;
    font-weight: bold;
}

.bg-blue {
    background: #3a6ea5;
}

.paging {
    overflow: hidden;
}

.paging ul {
    margin: 0 auto;
}

.paging ul li {
    background: none repeat scroll 0 0 #36a9e1;
    border-radius: 3px;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.padding-10 {
    padding: 10px;
}

.padding-left-10 {
    padding-left: 10px;
}

.tranghientai li {
    background-color: #f4e6ac!important;
    color: #36a9e1!important;
}

.bg-lblue {
    background: #00b0f0;
}

.bg-92blue {
    background: #92dccd;
}

.row-92blue {
    background: #005AA9;
    color: white;
}

.row-FFred {
    background: #F3656C;
    color: white;
}

.bg-white {
    background: white;
}

.bg-ccc {
    background: #ccc!important;
}

.bg-eee {
    background: #EEEEEE!important;
}

.bg-d1d1d1 {
    background: #d1d1d1;
}

.bg-white2 {
    background: white;
    color: black;
}

.bg-92green {
    background: #92d050;
}

.rows-green {
    background: #92d050;
    color: white;
}

.rows-dark-green {
    background: #00b050;
    color: white;
}

.bg-eorgane {
    background: #e36c0a;
}

.bg-dark-green {
    background: #009b42;
}

.bg-gray {
    background: #6C6C6C;
    padding: 4px 0px;
}

.btn-small button {
    padding: 4px 8px;
}

tr.strikeout-text.bg-r-delete td {
    background: #e9e9e9;
    opacity: 0.46;
    text-decoration: line-through;
    color: #333;
}

.bg-lightgray {
    background: #005AA9;
    color: #fff;
    box-shadow: 0px 6px 8px #9c9c9c;
    margin-bottom: 20px;
    position: relative;
}

.bg-lightgray.height-60 {
    height: auto;
    min-height: 60px;
}

.product_index_t1 .table tbody>tr>td {
    vertical-align: middle;
}

.product_index_t1 .table tbody>tr>td .img {
    height: 74px;
    border: 1px solid #ddd;
    width: 62px;
    margin: 4px auto 4px;
    position: relative;
}

.product_index_t1 .table tbody>tr>td .img img,
.img11111 img {
    width: 60px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    max-height: 100%;
    height: auto;
}

.product_index_t1 .table tbody>tr>td p {
    font-weight: 600;
    margin-bottom: 2px;
    line-height: 1.2;
}

.ds-mobile {
    display: none;
}

@media(max-width: 767px) {
    .input-group-all {
        margin-top: 6px;
    }
    .ds-pc {
        display: none;
    }
    .ds-mobile {
        display: inline-block;
        margin-top: 3px;
    }
    .bg-lightgray.height-60 {
        padding-bottom: 10px;
    }
    .bg-lightgray.height-60 .col-lg-9 {
        padding-left: 45px;
        margin-top: -4px;
    }
    .bg-lightgray.height-60 .col-sm-6 {
        padding-left: 45px;
        margin-top: -4px;
    }
    .product_index_t {}
    .text-right {
        text-align: left;
    }
}

.bg-selling {
    background: #efefef;
    color: #fff;
}

.bg-darkgray {
    background: #B0B2B4;
}

.bg-T {
    border: 1px solid #60D08F;
    padding: 2px 5px;
    border-radius: 5px;
}

.bg-C {
    border: 1px solid #FF5F67;
    padding: 2px 5px;
    border-radius: 5px;
}

div.header-main div {
    padding-top: 0px;
    padding-bottom: 0px;
}

div.header-main {
    padding-top: 6px;
    padding-bottom: 0px;
    background: #efefef;
    color: #fff;
}

div.footer-main {
    background: #EFEFEF;
    padding: 10px 0;
}

#btn_add_member.icon-plus,
#btn_add_product.icon-plus {
    width: 40px;
}

.bg-dark-blue {
    background: #064884;
}

.bg-dark-violet {
    background: #aa2aff;
}

.bg-dark-red {
    background: #FF2A2A;
}

.tab-setting {
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    background: #fff;
    padding: 0;
}

.border {
    border: 1px solid #EBEBEB;
    border-radius: 4px;
}

.border-l {
    border-left: 1px solid #EBEBEB;
}

.border-t-bill {
    border-top: 1px dashed #000;
    margin-top: 2px;
}

.border-t {
    border-top: 1px solid #EBEBEB;
}

.border-t-dt {
    border-top: 2px dashed #EBEBEB;
}

.border-tb {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

.border-t-w {
    border-top: 1px solid #EBEBEB;
}

.border-b {
    border-bottom: 1px solid #EBEBEB;
}

.border-r {
    border-right: 1px solid #EBEBEB;
}

.border-r-w {
    border-right: 1px solid #EBEBEB;
}

.border-l-w {
    border-left: 1px solid #EBEBEB;
}

.border-lr-w {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.border-rb,
.border-rb2 {
    border-bottom: 1px solid #000;
}

.border-rbt,
.border-rbt2 {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

.slider {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}

ul.bxslider {
    list-style: none;
}

.bx-wrapper .bx-viewport {
    top: 0;
    left: 0;
}

.bx-wrapper img {
    width: 100%;
}

.bx-viewport {
    max-height: 500px!important;
}

.input-search {
    position: relative;
    z-index: 1;
}

.btn-group-cart,
.btn-group-cart .btn {
    width: 100%;
}

.btn-group-cart .btn {
    text-align: center;
}

.btn-group-cart .dropdown-menu {
    z-index: 1001;
    left: inherit;
    right: 0;
}

.btn-group-cart .icon-cart {
    margin-right: 5px;
}

ul.cart-content {
    min-width: 250px;
}

ul.cart-content b {
    font-weight: normal;
    display: block;
    font-family: 'DroidSansRegular';
    /*font-size: 16px;*/
    color: #005AA9;
}

.link-p {
    display: block;
    min-height: 250px;
    height: auto;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.first-p {
    min-height: 169px;
}

#loading_bar {
    background: none repeat scroll 0 0 padding-box rgba(0, 0, 0, 0.65);
    border-radius: 4px;
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 12px;
    left: 50%;
    margin-left: -100px;
    margin-top: 10%;
    padding: 5px 10px;
    position: fixed;
    text-align: center;
    top: 40px;
    right: 0;
    width: 150px;
    z-index: 9999;
}

.def-img {
    position: inherit!important;
    width: auto!important;
    height: inherit!important;
    max-width: inherit!important;
    max-height: inherit!important;
    left: inherit!important;
    top: inherit!important;
}

.prod-caption {
    background: #fbfbfb;
    border-top: 1px solid #ddd;
}

.prod-caption h4 {
    font-size: 16px;
    height: 40px;
    overflow: hidden;
}

span.title {
    display: block;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-family: 'open_sanscondensed_light';
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
}

span.show-more {
    display: block;
    font-size: 20px;
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-family: 'open_sanscondensed_light';
    font-size: 18px;
    color: #000;
    text-align: center;
}

span.show-more:hover {
    color: #005AA9;
}

footer {
    color: #eee;
    background: #9f224e;
    position: absolute;
    bottom: 0px;
    z-index: 999;
    width: 100%;
}

footer h4 {
    border-bottom: 1px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

footer .column ul {
    font-size: 13px;
    list-style: none;
    padding: 0;
    line-height: 22px;
}

footer .column ul a {
    color: #a09f9f;
}

footer .copyright {
    padding: 10px;
    color: #ccc;
}

.navbar {
    background: #9f224e;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .lb-text-right {
        text-align: left;
    }
    .navbar-nav>li>a {
        padding-top: 17px;
        padding-bottom: 17px;
    }
}

.navbar li a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff!important;
    -ms-transition: all 100ms ease-in-out 0s;
    -moz-transition: all 100ms ease-in-out 0s;
    -webkit-transition: all 100ms ease-in-out 0s;
    -o-transition: all 100ms ease-in-out 0s;
    transition: all 100ms ease-in-out 0s;
}

.transform-uppercase,
.uppercase {
    text-transform: uppercase;
}

.input-group-addon.bootstrap-touchspin-prefix,
.input-group-addon.bootstrap-touchspin-postfix {
    display: none;
}

.navbar li a:hover,
.navbar li a.active {
    background-color: #005AA9!important;
}

.navbar li.nav-dropdown .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

@media (min-width: 768px) {
    .lb-text-right {
        text-align: right;
    }
    .navbar li.nav-dropdown ul li a {
        font-family: Arial;
        font-size: 15px;
        color: #333!important;
        text-transform: inherit;
    }
    .navbar li.nav-dropdown ul li a:hover {
        background-color: #f1f1f1!important;
    }
}

.list-categ a {
    font-family: 'DroidSansRegular';
    background: #fbfbfb;
    -ms-transition: all 100ms ease-in-out 0s;
    -moz-transition: all 100ms ease-in-out 0s;
    -webkit-transition: all 100ms ease-in-out 0s;
    -o-transition: all 100ms ease-in-out 0s;
    transition: all 100ms ease-in-out 0s;
}

.list-categ a:hover {
    background: #9F224E;
    color: #fff;
}

.thumbnail:hover {
    box-shadow: 0 0 10px 1px #f1f1f1;
}

.catalogue-pagination {
    margin: 0;
    margin-bottom: 40px;
    font-family: 'open_sanscondensed_light';
}

.catalogue-pagination li.disabled:hover a {
    cursor: default;
}

.catalogue-pagination li a {
    -ms-transition: all 100ms ease-in-out 0s;
    -moz-transition: all 100ms ease-in-out 0s;
    -webkit-transition: all 100ms ease-in-out 0s;
    -o-transition: all 100ms ease-in-out 0s;
    transition: all 100ms ease-in-out 0s;
    padding: 3px 12px;
}

.back-top {
    background: none repeat scroll 0 0 #aaa;
    bottom: 10px;
    color: #fff;
    display: none;
    font-size: 25px;
    height: 45px;
    opacity: 0.8;
    padding-top: 5px;
    position: fixed;
    right: 2px;
    width: 50px;
    z-index: 9999;
}

.back-top:hover,
.back-top:focus,
.back-top:active {
    color: #fff;
}

.input-number-touch {
    text-align: center;
    font-weight: bold;
}

.back-top:hover {
    -ms-transition: all 100ms ease-in-out 0s;
    -moz-transition: all 100ms ease-in-out 0s;
    -webkit-transition: all 100ms ease-in-out 0s;
    -o-transition: all 100ms ease-in-out 0s;
    transition: all 100ms ease-in-out 0s;
    background: #333;
}

.tbl-cart thead {
    background: #f8f8f8
}

.tbl-cart .td-qty {
    white-space: normal !important;
    width: 130px;
}

.btns-cart .btn {
    margin-right: 3px;
}

.tbl-checkout tbody tr td:nth-child(odd) {
    background: #f8f8f8;
}

.input-qty-detail .bootstrap-touchspin {
    float: left;
    margin-right: 5px;
    width: 130px;
}

.no-border-right {
    border-right: 0 !important;
}

.top0 {
    margin-top: 0px!important;
}

.top3 {
    margin-top: 3px;
}

.top5 {
    margin-top: 5px;
}

.top7 {
    margin-top: 7px;
}

.top15 {
    margin-top: 15px;
}

.top20 {
    margin-top: 20px;
}

.top25 {
    margin-top: 25px;
}

.top30 {
    margin-top: 30px;
}

.top3 {
    margin-top: 3px;
}

.top1 {
    margin-top: 1px;
}

.top2 {
    margin-top: 2px;
}

.bottom30 {
    margin-bottom: 30px;
}

.bottom5 {
    margin-bottom: 5px;
}

.top35 {
    margin-top: 35px;
}

.top40 {
    margin-top: 40px;
}

.top50 {
    margin-top: 50px;
}

.bottom40 {
    margin-bottom: 40px;
}

.bottom50 {
    margin-bottom: 50px;
}

.bottom60 {
    margin-bottom: 60px;
}

.bottom70 {
    margin-bottom: 70px;
}

.top130 {
    margin-top: 130px;
}

.top55 {
    margin-top: 55px;
}

.top-10,
.top10,
.margin-top {
    margin-top: 10px;
}

.top13,
.margin-top-13 {
    margin-top: 13px;
}

.top-5,
.top5,
.margin-top-5 {
    margin-top: 5px;
}

.top-15,
.top15,
.margin-top-15 {
    margin-top: 15px;
}

.top-20 {
    margin-top: 20px;
}

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

.top-40 {
    margin-top: 40px;
}

.top-55 {
    margin-top: 55px;
}

.top-63 {
    margin-top: 63px;
}

.padding2 {
    padding: 0px 2px;
}

.title-main {
    font-size: 30px;
    color: white;
    padding-top: 10px;
}

.title-table-large {
    font-size: 27px;
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
    text-transform: uppercase;
}

#table_tong_tien {
    position: relative;
    top: -5px;
}

#notification_alert {
    position: relative;
    top: 0px;
    margin-right: 20px;
    height: 20px;
    float: right;
    border-radius: 50%!important;
    font-size: 25px;
    color: #fcd20a;
    cursor: pointer;
    width: 50px;
}

#notification_alert:hover {
    color: #FF7F00;
}

.popup-list {
    max-height: 500px;
    min-height: 100px;
    overflow: auto;
}

.popup-list .block-noti {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.popup-list .block-noti:hover {
    background: #FEED8E;
}

#notification_alert:active {
    color: #24365a;
}

.background-black {
    /*background:#000;*/
    height: 60px;
}

.background-thoat {
    background: #ff8000;
    height: 60px;
}

.padding-left-12 {
    padding-left: 12px;
}

.h5_att_sku {
    padding-left: 12px;
    margin-bottom: 3px;
}

.header-sku {
    padding-left: 12px;
    padding-right: 15px;
    margin-bottom: 3px;
}

.header-sku .btn_brand_sm {
    background: none repeat scroll 0 0 #005AA9;
    border: 0 none;
    border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-stretch: condensed;
    padding: 2px 5px;
    margin-top: -15px;
}

.background-green {
    background: green;
}

.background-blue {
    background: #000040;
}

.background-red {
    background: #800000;
}

.background-organe {
    background: #c04000;
}

.background-tang2 {
    background: #808000;
    height: 60px;
}

.background-logoff {
    background: #000040;
    height: 60px;
}

.bg-active {
    background: #6296b8!important;
    color: red!important;
}

.background-huyban {
    background: #800000;
    height: 60px;
}

.background-chuyengop {
    background: #c04000;
    height: 60px;
}

.background-chiaban {
    background: #804000;
    height: 60px;
}

.background-trahang,
.bg-disabled {
    background: #d4d0c8;
    height: 60px;
    color: black;
}

.background-mobanso {
    background: #000;
    height: 60px;
}

.background-moban {
    background: #008000;
    height: 60px;
}

.background-darkblue {
    background: #0a246a;
}

.background-splightblue {
    background: #deeefd;
}

.background-huy {
    background: #c00000;
}

.background-tralai {
    background: #004040;
}

.background-giamo {
    background: #800080;
}

.btn-discount-de {
    height: 45px;
    padding: 15px 0px 0px 0px!important;
}

.btn-discount-in {
    height: 44px;
    padding: 15px 0px 0px 0px !important;
}

.background-tang2-menu {
    background: #8080ff;
    height: 45px;
    padding: 15px 0px 0px 0px!important;
    color: black;
}

.background-logoff-menu {
    background: #ffc080;
    padding: 15px 0px 0px 0px !important;
    color: black;
}

.background-tongcong {
    background: #c00000;
}

.background-header-red {
    background: #e80000;
}

.color-white {
    color: white;
}

a.color-white:hover {
    color: white;
    text-decoration: underline;
}

.color-main,
a.color-main:hover,
a.color-main:focus {
    color: #898989;
}

.color-micon {
    color: #438cc5;
}

.color-i i {
    color: #898989;
}

.color-gray {
    color: gray;
}

.color-black {
    color: black;
}

.color-red {
    color: #ED1D25!important;
}

.color-yellow {
    color: yellow;
}

.color-orange {
    color: orange;
}

.color-green {
    color: green!important;
}

.title-chuyenban {
    background: black;
    text-align: center;
    color: #EAEA75;
    font-weight: bold;
    font-size: 20px;
}

.bg-block-maincat {
    padding-top: 12px;
    padding-bottom: 15px;
    font-weight: bold;
}

.bg-block-area {
    font-weight: bold;
    border: 1px solid #fff;
}

.bg-block-area:hover,
.bg-block-area:focus,
.bg-block-area:active {
    border: 1px solid #fff;
}

.bg-main-category {
    background: #FDE97A!important;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.block-ban {
    width: 96%;
    height: 60px;
    /*background:#56BA47;*/
    cursor: pointer;
    /*box-shadow:1px -1px 1px #ddd;*/
    /*border: 1px solid #ddd;*/
    /*color:black;*/
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
    /*border-radius:5px;*/
    padding-top: 10px;
    margin: 5px;
    overflow: hidden;
}

.selected_table {
    min-height: 420px;
}

.block-ban:hover,
.block-ban:focus {
    box-shadow: 3px -3px 3px #d4d4d4;
    border: 1px solid #449d44;
    font-size: 17px;
}

.block-ban:active {
    box-shadow: 3px -3px 3px #d4d4d4;
    border: 1px solid #449d44;
    font-size: 18px;
}

.block-control {
    width: 100%;
    height: 90px;
    margin: 4px;
    cursor: pointer;
    box-shadow: 1px -1px 1px #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: white;
    font-size: 14px;
    padding-top: 25px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
}

.block-half-control {
    width: 100%;
    height: 45px;
    margin: 0px 4px 0px 4px;
    cursor: pointer;
    box-shadow: 1px -1px 1px #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: white;
    font-size: 14px;
    padding-top: 15px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
}


/*
.block-control:hover,.block-control:focus{
	box-shadow:2px -2px 2px #fff;
	background:#9b3200;
	color:white;
}*/

.block-control:active {
    box-shadow: 2px -2px 2px #000;
    background: #503875;
    color: white;
}

.color-add-menu {
    background: #d9534f;
    padding-top: 10px;
}

.none-padding-tb {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.so_hd {
    font-weight: bold;
    text-align: center;
    color: #008000;
}

.so_nguoi {
    width: 30px;
    font-weight: bold;
    text-align: center;
    color: #008000;
}

.so_ban {
    width: 100px;
    font-weight: bold;
    text-align: center;
    color: #008000;
}

.thu_ngan {
    width: 100px;
    font-weight: bold;
    color: #008000;
}

.khach_hang {
    width: 100px;
    font-weight: bold;
    color: #008000;
}

.height-300 {
    height: 300px;
}

.height-40 {
    height: 40px;
}

.height-45 {
    height: 45px;
}

.height-35 {
    height: 35px;
}

.height-150 {
    height: 150px;
    overflow: auto;
}

.height-200 {
    height: 200px;
    border-bottom: 1px solid #000;
    overflow: auto;
}

.height-20 {
    height: 20px;
}

.height-250 {
    height: 250px;
    border-bottom: 1px solid #000;
    overflow: auto;
}

.height250 {
    height: 250px;
}

.height-290 {
    height: 290px;
    border-bottom: 1px solid #000;
    overflow: auto;
}

.height-315 {
    height: 315px;
    border-bottom: 1px solid #000;
    overflow: auto;
}

.height-300 {
    height: 300px;
    overflow: auto;
}

.height-250px {
    height: 250px;
    overflow: auto;
    border-right: 1px solid #ccc;
}

.height-530 {
    height: 530px;
}

.btn-md-description {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 30px;
    background: #9d2b2a;
    color: white;
    text-align: center;
}

#input_keyboard {
    font-size: 25px;
    background: black;
    color: #22b14c;
    font-weight: bold;
}

#md_ds_bt_content,
#md_ds_bt_keyboard {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
}

#md_ds_bt_refresh,
#md_ds_bt_oke {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    font-size: 30px;
}

.min-height-100 {
    min-height: 100px;
}

.min-height-120 {
    min-height: 120px;
}

.min-height-160 {
    min-height: 160px;
}

.height-160 {
    height: 160px;
}

.height-400 {
    height: 400px;
    border-bottom: 1px solid #000;
    overflow: auto;
}

.height-465 {
    height: 465px;
    border: 1px solid #EBEBEB;
    overflow: auto;
    border-radius: 4px;
}

.category-online {
    height: 524px;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    overflow: auto;
    border-radius: 0px 4px 4px 4px;
}

.hd-map-deli {
    height: 524px;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    overflow: hidden;
    border-radius: 0px 4px 4px 4px;
    padding-bottom: 10px;
}

.manage_report {
    border-bottom: 1px solid #000;
    overflow: auto;
}

.table-modify>tbody>tr:hover {
    background: #ccc!important;
    cursor: pointer;
}

.table-modify>tbody>tr:active {
    background: #000!important;
    color: white;
}

.table-modify>tbody>tr>td {
    padding: 2px 0px;
}

.nopadding {
    padding: 0 !important;
}

.nopadding-l {
    padding-left: 0 !important;
}

.nopadding-r {
    padding-right: 0 !important;
}

.padding_right_no {
    padding: 0px 0px 0px 3px!important;
}

.padding-top-10 {
    padding: 10px 0px 0px 0px!important;
}

.padding-bt-5 {
    padding: 5px 0px 5px 0px!important;
}

.noborder {
    border: 0px solid #ccc!important;
}

.margintop-10 {
    margin-top: -10px;
}

.margintop-3 {
    margin-top: -5px;
}

.table-menu {
    width: 100%;
}

.bg-black-h2 {
    background: #7f7f7f;
    padding: 5px;
    text-align: center;
    color: #f7fc4c;
    padding: 5px;
    width: 98.5%;
    margin-left: 5px;
}

#md_ds_detail_order_name {}

.table_detail_order>tbody>tr:hover {
    background: #ccc!important;
    cursor: pointer;
}

.table_detail_order>tbody>tr:active {
    background: #000!important;
    color: white;
}

.marginbottom-10 {
    margin-bottom: 10px!important;
}

.marginbottom-15 {
    margin-bottom: 15px!important;
}

.margin-10y {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-10x {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-top10 {
    margin-top: 10px!important;
}

.width-5per {
    width: 5%;
}

.widthauto {
    width: auto !important;
}

.header-table1 {
    background: #c00000;
    border-bottom: 1px solid #000;
    box-shadow: 1px 1px 1px #ccc;
    color: white;
}

.sum-bill {
    overflow: hidden;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.color-green {
    color: green;
}

.border-none {
    border: medium none!important;
}

.direction button {
    width: 100%;
    height: 35px;
}

.direction {
    overflow: hidden;
}

.calculator button {
    width: 100%;
    height: 35px;
    background: #005AA9;
    color: white;
    font-weight: bold
}

.block-left1 {
    border-right: 1px solid #000;
    padding-right: 0px!important;
    padding-left: 0px!important;
}

#btn-cal-ce,
#btn-cal-x {
    height: 70px;
}

#btn-cal-ce {
    background: #d9534f;
}

.grid-category {
    overflow: auto;
}

.grid-category button {
    width: 9.75%;
    height: 60px;
    font-weight: bold;
    float: left;
}

.block_cat_menu {
    margin: 1px;
    white-space: normal;
    padding: 0px!important;
}

.main-category button {
    width: 73.5px;
    height: 40px;
    background: #76B941;
    color: white;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
}

.main-category-new button {
    width: 73.5px;
    height: 40px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
}

.main-shop button {
    width: 73.5px;
    height: 40px;
    background: #e4e4e4;
    color: black;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
}

.detail-category {
    margin-top: 5px;
    height: 345px;
    width: 100%;
    background: #D0EEFD;
    overflow: auto;
}

.detail-category button {
    float: left;
    font-weight: bold;
    height: 80px;
    width: 12%;
    margin: 1px 1px 0px 1px;
    padding: 0px!important;
    font-size: 15px;
    white-space: normal !important;
}

.detail-category .block-menu {
    overflow: hidden;
}

.block-button-call {
    overflow: hidden;
    margin-top: 5px;
}

.with-10per {
    width: 10%;
}

.style-button-call {
    width: 100%;
    height: 90px;
    cursor: pointer;
    box-shadow: 1px -1px 1px #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: white;
    font-size: 14px;
    padding-top: 25px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
}

#cal_input,
#md_tt_cal_input {
    background: #31b0d5;
    color: white;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 0px!important;
}

.title-ten-mon {
    padding: 10px;
    box-shadow: 2px 2px 2px #ccc;
    background: #c00000;
    color: white;
    margin-bottom: 5px;
    font-size: 23px;
}

.input-no-tralai {
    background: black;
    color: #00ff00;
    text-align: center;
    font-size: 23px;
}

.button-tralai {
    width: 100%;
    font-size: 23px;
    background: green;
    text-align: center;
    padding: 10px;
    color: white;
}

.margin-b-0 {
    margin-bottom: 0px;
}

.button-phim-so {
    width: 100%;
    font-size: 23px;
    background: black;
    padding: 6px;
    text-align: center;
    color: white;
}

.color-white {
    color: white;
}

.title-over-table {
    width: 100%;
    padding: 5px;
    text-align: center;
    box-shadow: 2px -1px 2px #ccc;
    border: 1px solid #ccc;
}

.title-of-table {
    box-shadow: 2px -1px 2px #ccc;
    color: white;
}

.list-menu-left {
    height: 400px;
    overflow: auto;
    background: #c0ffc0;
    width: 100%;
    color: black;
}

.list-menu-right {
    height: 400px;
    overflow: auto;
    background: #8080ff;
    width: 100%;
    color: black;
}

.button-large button {
    padding: 10px;
    font-size: 23px;
    text-align: center;
    color: white;
    width: 100%;
}

.button-medium button {
    padding: 10px 0px;
    font-size: 18px;
    text-align: center;
    color: white;
    width: 100%;
}

.button-small button {
    margin-top: 5px;
    padding: 5px 0px;
    font-size: 13px;
    text-align: center;
    color: white;
    width: 100%;
}

.btn-bg-bgreen button {
    background: #56BA47;
    color: white;
}

.btn-bg-yorgane button {
    background: #ff8000;
    color: white;
    text-transform: uppercase;
}

.btn-calculator button {
    padding-left: 28px;
    padding-right: 28px;
    font-size: 28px;
    width: 100%;
    height: 100%;
}

.popup-calculator button {
    width: 100%;
    height: 100%;
    font-size: 28px;
}

.with-358px {
    width: 358px !important;
}

.with-333px {
    width: 333px !important;
}

.btn-bg-none {
    background: white;
    color: #ccc;
}

.color-yorgane {
    color: #ff8000;
}

.padding-bottom-10 {
    padding-bottom: 10px!important;
}

.padding-bottom-12 {
    padding-bottom: 12px!important;
}

.color-bgreen {
    color: #004040;
}

.font-size-18 {
    font-size: 18px!important;
}

.font-size-17 {
    font-size: 17px!important;
}

.font-size-16 {
    font-size: 16px!important;
}

.font-size-15 {
    font-size: 15px!important;
}

.font-size-10 {
    font-size: 10px!important;
}

.font-size-12 {
    font-size: 12px!important;
}

.font-size-13 {
    font-size: 13px!important;
}

.font-size-14 {
    font-size: 14px!important;
}

.font-size-20 {
    font-size: 20px!important;
}

.font-size-19 {
    font-size: 19px!important;
}

.font-size-25 {
    font-size: 25px!important;
}

.font-size-28 {
    font-size: 28px!important;
}

.font-size-30 {
    font-size: 30px!important;
}

.font-size-32 {
    font-size: 32px!important;
}

.font-size-40 {
    font-size: 40px!important;
}

.font-size-60 {
    font-size: 60px!important;
}

.font-size-55 {
    font-size: 55px!important;
}

.content-warehistory {
    overflow: hidden;
    background: #fff;
}

.margin-bottom-0 {
    margin-bottom: 0px!important;
}

.bg-f0f0f0>li {
    background: #f0f0f0!important;
}

.bg-f0f0f0>li:hover,
.list-item:hover {
    background: #3a6ea5!important;
    color: white!important;
    cursor: pointer;
}

.list-order:hover {
    background: #EFE4B0!important;
    color: white!important;
    cursor: pointer;
}

.bg-f0f0f0>li:active,
.list-item:active,
.list-order:active {
    background: #000!important;
    color: white!important;
}

.overflow-hidden {
    overflow: hidden;
}

.active {
    /*background:#c04000;*/
}

.bg-green {
    background: green;
}

.bg-greenbtn {
    background: #56BA47;
}

.bg-cred {
    background: #c00000;
}

.bg-hidden {
    background: #D9D2EE!important;
}

.bg-40green {
    background: #004000;
}

.bg-80purple {
    background: #800080;
}

.bg-c0c0ff {
    background: #c0c0ff;
}

.bg-navy {
    background: navy;
}

.bg-black {
    background: black;
}

.bg-teal {
    background: teal;
}

.bg-ff80organe {
    background: #ff8000;
}

.btn-update {
    background: #d9534f!important;
    border-color: #d9534f;
    color: white!important;
}

.bg-olive {
    background: olive;
}

.bg-yellow {
    background: #ff8000;
}

.bg-yl {
    background: yellow;
    color: black;
}

.bg-red {
    background: red;
}

.active-blue {
    background: #00a2e8!important;
    color: #b60e16;
}

.hightlight {
    background: #ffff9f;
}

.active2 {
    background: #da8512!important;
}

.active3 {
    box-shadow: 3px -3px 3px #818181;
    background: #005AA9;
}

.active4 {
    background: #4285f4!important;
    color: white!important;
}

.active5 {
    background: #cce4df!important;
}

.active6 {
    background: #e2f7df!important;
}

.active7 {
    background: #EED5D3!important;
}

#md_cb_can_id,
#md_cb_den_id {
    text-transform: uppercase;
}

#md_tinh_tien_notice {
    height: 270px;
    padding: 10px;
}

.opt_calender {
    border: 1px solid #ddd;
    padding: 5px 0;
    width: 100%;
    height: 32px;
}

.color-navy {
    color: navy;
}

.b-row {
    padding-top: 5px;
    width: 100%;
    height: auto;
}

.btn-100 button {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    min-height: 60px;
}

.btn-40 button {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    min-height: 40px;
}

.btn-80 button,
.btn-80 span {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    height: 105px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    border: 1px solid #ccc;
    padding-right: 0;
    padding-left: 0;
    box-shadow: 2px 3px 10px #b1b1b1;
}

.btn-60 button,
.btn-60 span {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    min-height: 60px;
    text-align: center;
    font-size: 12px;
}

.btn-40 button {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    height: 40px;
    text-align: center;
    font-size: 12px;
}

.btn-45 button {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    height: 45px;
    text-align: center;
    font-size: 12px;
}

.btn_multi_att {
    min-height: 150px;
}

.btn_multi_att button {
    min-height: 34px;
    text-align: center;
    font-size: 12px;
    width: 15.23%;
    margin-top: 5px;
    margin-right: 5px;
}

.btn_multi_att button.active,
.btn_multi_att button:hover {
    border: 1px solid red;
}

.cursor-pointer {
    cursor: pointer;
}

#md_menu_name {
    font-size: 30px;
    text-align: center;
}

.float-right {
    float: right;
}

.list-item-menu {
    overflow: hidden;
    background: #EFE4B0;
}

.list-item {
    border-bottom: 1px solid #fff;
    overflow: hidden;
    padding: 10px;
}

.list-order-item {
    overflow: hidden;
    background: #fff;
}

.list-order {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 10px;
}


/*INVOICE*/

#vat {
    width: 682px;
    height: 950px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: url("../images/vat1.jpg");
    margin: 0 auto;
}

#invoice {
    width: 320px;
    margin: 0 auto;
    border: 1px solid #ccc;
    height: auto;
    overflow: hidden;
    background: white;
    margin-bottom: 16px;
}

.invoice {
    width: 260px;
    margin: 0 auto;
    border: 1px solid #ccc;
    height: auto;
    overflow: hidden;
    background: white;
}

.invoice_bills {
    margin-left: 5px;
    border: 1px solid #ccc;
    height: auto;
    overflow: hidden;
    background: white;
}

.block_shifts_history {
    width: 19%;
    float: left;
    border: 1px solid #ccc;
    height: 250px;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 10px;
    background: #fff;
}

.table-invoice {
    width: 100%;
}

.border-bottom {
    border-bottom: 2px dashed #000;
}

.display-none {
    display: none!important;
}

.displaynone {
    display: none;
}

.display-block {
    display: block!important;
}

.btn_tinh_tien {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    width: 100%;
}

#md_tt_so_nguoi {
    width: 30px;
}

#md_tt_table_name,
#md_tt_username,
#md_tt_khach_hang,
#md_tt_waiter {
    width: 100px;
}

.btn-type-menu {
    height: 50px;
    font-size: 18px;
}

.note_manage_user {
    height: 34px!important;
}

#list_user {
    height: 195px;
    font-size: 18px;
}

p.total_recent_shift {
    margin-top: -15px;
    text-align: center;
    font-size: 16px;
}

div.pop-thu-ngan {
    font-size: 16px;
}

.font-weight-bold {
    font-weight: bold;
}

.bg-ddd {
    background: #ddd;
}

.height-50 {
    height: 50px;
}

.height-35 {
    height: 35px;
}

.height-60 {
    height: 60px;
}

.height-80 {
    height: 80px;
}

.height-90 {
    height: 90px;
}

.height-520 {
    height: 520px;
}

.margin-right-50 {
    margin-right: 50px;
}

.width-4per {
    width: 4%;
}

.width-10per {
    width: 12%;
}

.height-34 {
    height: 34px;
}

.col-w-12per {
    width: 12%;
}

.vat_hoten {
    margin-top: 138px;
    font-size: 18px;
    font-weight: bold;
    margin-left: 250px;
    text-transform: uppercase;
}

.vat_donvi {
    font-size: 18px;
    font-weight: bold;
    margin-left: 150px;
}

.vat_numbervat {
    margin-top: 2px;
    font-size: 18px;
    font-weight: bold;
}

.font-bold {
    font-weight: bold;
}

.vat_address {
    margin-top: -3px;
    margin-left: 120px;
    font-size: 17px;
}

.vat_hinhthuctt {
    font-size: 17px;
}

.vat_chitiet {
    margin-top: 55px;
    font-size: 17px;
}

.vat_gtgt {
    margin-top: 3px;
    font-size: 15px;
    font-weight: bold;
}

.vat_tienhang {
    margin-top: 200px;
    text-align: right;
    padding-right: 30px;
    font-size: 18px;
    font-weight: bold;
}

.vat_date {
    margin-top: 85px;
}

.vat_date_print {
    margin-top: 85px
}

.vat_tongcong {
    margin-top: 5px;
    text-align: right;
    padding-right: 30px;
    font-size: 18px;
    font-weight: bold;
}

.vat_tongcongchu {
    margin-left: 180px;
    text-align: left;
    font-size: 18px;
    width: 500px;
}

.hold_recipe {
    height: 495px;
    overflow: auto;
    background: #fff;
}

.height-397 {
    height: 397px!important;
}

.height-393 {
    height: 393px!important;
}

.padding-l-30 {
    padding-left: 30px;
}

.width-100 {
    width: 100px!important;
}

.width-100per {
    width: 100%;
}

.width-115 {
    width: 115px!important;
}

.width-400 {
    width: 400px!important;
}

.width-40 {
    width: 40px;
}

.width-60 {
    width: 60px;
}

.padding-l-60 {
    padding-left: 60px;
}

.padding-l-70 {
    padding-left: 70px;
}

.color-blue {
    color: #6AA2DF!important;
}

.normal-checkbox input[type=checkbox] {
    transform: scale(1.2);
}

.hold_detail_table_wh {
    background: #fff;
    overflow: auto;
    height: 268px;
}

.scroll_detail_order {
    overflow: auto;
    height: 245px;
}

.btn-provider {
    float: right;
    width: 94%;
}

.height-65 {
    height: 65px;
}

#list_vat {
    height: 345px;
}

.height-265 {
    height: 265px!important;
}

#uploader_div {
    height: 230px;
    cursor: pointer;
}

#uploader_div img {
    height: 100%;
    width: 99%;
}

#uploader_div_storing {
    padding: 0 15px;
}

#uploader_div_storing img {
    max-width: 176px;
    max-height: 105px;
}

#uploader_divprocess {
    height: 215px;
}

.edit_url_update {
    font-size: 30px;
    color: white;
    float: right;
    margin-top: -40px;
    opacity: 0.6;
}

.edit_url_update:hover {
    opacity: 0.9;
    color: #B90000;
}

.padding-6 {
    padding: 6px;
}

.padding-5 {
    padding: 5px;
}

#list_provider {
    height: 310px;
}

.user_note_padding {
    padding-left: 7px;
    padding-right: 9px;
}

.margin-left-5 {
    margin-left: 5px;
}

.row_test_green {
    color: white;
    background: #56BA47;
}

.row_test_yellow {
    color: white;
    background: #eea236;
}

.row_test_red {
    color: white;
    background: #c9302c;
}

.padding-l-5 {
    padding-left: 10px;
}

.padding-l-10 {
    padding-left: 10px;
}

.padding-l-15 {
    padding-left: 15px;
}

.underline {
    text-decoration: underline;
}

.payment_paypal {
    background-image: url("images/paypal-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    font-size: 30px;
    height: 220px;
    padding-top: 125px;
}

.hidden {
    display: none;
}

.permission input {
    margin-right: 10px;
}

.permission {
    /*color: white;*/
}

.margin-b-40 {
    margin-bottom: 40px;
}

.padding-l-22 {
    padding-left: 22px;
}

.padding-l-23 {
    padding-left: 23px;
}

.padding-l-25 {
    padding-left: 25px;
}

.none-bold {
    font-weight: normal!important;
}

.padding-lr-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.delete-item {
    font-size: 20px;
}

.delete-item:hover {
    color: #E51C27;
    font-size: 20px;
    cursor: pointer;
}

.width-96p {
    width: 96%;
    float: left;
}

.btn-subcat {
    max-height: 135px;
    overflow: auto;
    border-bottom: 1px solid #eee;
    background: #5BB769;
}

.btn-subcat button {
    width: 24.99%;
    float: left;
    border-radius: 0px;
    border-right: 1px solid #fff!important;
    height: 45px;
    white-space: normal;
    background-color: #5BB769;
    color: #fff;
    border: none;
}

#list_mainCat.sub-cat {
    width: 95.9%;
    float: left;
}

.btn-subcat button:hover {
    background: #fff;
    color: #5BB769;
    border: 1px solid #5BB769;
}

.active_subCat {
    background: #fff!important;
    border: 1px solid #5bb769!important;
    color: #5bb769!important;
}

.width-4p {
    width: 4%;
    float: left;
    cursor: pointer;
    border-bottom: 1px solid #EBEBEB;
    padding-top: 5px;
}

.width-4p-arrow {
    width: 4%;
    float: left;
    cursor: pointer;
    padding-top: 5px;
    background-color: #5BB769;
    margin-top: 1px;
}

.width-2p:hover {
    background: #C13A35;
    color: white;
}

.btn-cat {
    padding: 0 !important;
    max-height: 160px;
    overflow: auto;
}

.btn-cat button.root_item,
.btn-subcat button.cat_item {
    font-size: 14px;
    text-transform: capitalize;
    overflow: hidden;
    padding: 2px;
}

.btn-cat button {
    border-radius: 0px;
    border-right: 1px solid #EBEBEB;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 1px solid #EBEBEB;
    height: 47px;
    float: left;
    background-image: url('../images/btn_cat.png');
    background-position: -3px -3px;
    white-space: normal;
}

.opt_right_main {
    height: 47px;
}

.btn-width80 button {
    width: 25%;
}

.btn.btn-width,
.btn.btn_width {
    min-width: 76px;
}

#subCategory.btn-menu.pos {
    max-height: 405px;
}

.btn-menu {
    max-height: 420px;
    overflow: auto;
}

.btn-menu button {
    width: 23.56%;
    margin-left: 5px;
    height: 50px;
    margin-top: 5px;
    background-image: url('../images/btn_cat.png');
    background-position: -3px -3px;
    white-space: normal;
    overflow: hidden;
}

.btn-menu button:hover {
    color: black;
}

.root_active {
    background-image: url('../images/btn_cat.png')!important;
    background-position: -3px -3px!important;
    color: red;
}

.cat_active {
    background-image: url('../images/btn_cat.png')!important;
    background-position: -3px -3px!important;
    color: red;
}

.bg-button {
    background-image: url('../images/btn_cat.png')!important;
    background-position: -3px -2px!important;
    color: #898989;
    font-size: 16px;
}

.bg-button i {
    font-size: 30px;
}

.bg-button:hover {
    color: black;
}

.img-barcode {
    width: 70px;
    height: 33px;
}

.img-navibar {
    height: 40px;
    width: 70px;
}

.btn-itemicon:active,
.btn-itemicon:focus {
    border: 1px solid #005AA9;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #005AA9;
}

.btn-itemicon:hover {
    border: 1px solid #005AA9;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #005AA9;
}

.btn-itemicon {
    color: #438cc5;
    border-color: #ccc;
}

.bg-gray #order_id {
    width: 100px;
}

.triangle-popup i {
    color: #525252;
}

.triangle-popup {
    width: 10px;
    height: 10px;
    color: black;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    display: none;
}

#self-popup-ship.self-popup {
    width: 380px;
}

.self-popup {
    width: 220px;
    min-height: 50px;
    background-color: #525252;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    display: none;
    box-shadow: 1px 2px 1px #888888;
}

#self-popup {
    width: 175px;
}

.popup {
    border-radius: 4px;
    padding: 10px 16px;
    color: white;
}

.popup_close:hover {
    color: white;
}

.popup_close {
    float: right;
    margin-top: -20px;
    margin-right: -15px;
    cursor: pointer;
    color: #efefef;
}

#popup-quantity-holder {
    width: 360px;
    height: auto;
}


/*.quantity_dt:hover{
	background: #ccc;
	color: white;
}
.quantity_dt{
	background: url("../images/btn_cat.png") -10px -10px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px #ccc;
	height: 25px;
	width: 100%;
	color: #898989;
	padding-top: 5px;
	display: inline-block;
	cursor: pointer;
	margin-top: 1px;
}
.price_dt:hover{
	background: #ccc;
	color: white;
}
.price_dt{
	background: url("../images/btn_cat.png") -10px -10px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px #ccc;
	height: 25px;
	width: 100%;
	color: #898989;
	padding-top: 5px;
	display: inline-block;
	cursor: pointer;
	margin-top: 1px;
}*/

span.shop-cart {
    background: url(../images/icon_store.png) -15px -130px / 569px 445px;
    width: 50px;
    height: 42px;
    display: inline-block;
    margin-top: -5px;
}

span.icon-advance {
    background: url(../images/icon_store.png) -457px -215px;
    width: 50px;
    height: 42px;
    display: inline-block;
    background-size: 650px 450px;
    margin-top: -5px;
}

span.icon-void {
    background: url(../images/icon_store.png) -45px -170px;
    width: 50px;
    height: 42px;
    display: inline-block;
    background-size: 550px 350px;
    margin-top: -5px;
}

span.icon-discount {
    background: url(../images/icon_store.png) -351px -195px;
    width: 35px;
    height: 42px;
    display: inline-block;
    background-size: 595px 400px;
    margin-top: -5px;
}

span.icon-barcode {
    background: url(../images/icon_store.png) -79px -33px / 504px 320px;
    width: 70px;
    height: 35px;
    display: inline-block;
}

span.icon-barcode2 {
    background: url(../images/icon_store.png) -101px -33px / 659px 320px;
    width: 90px;
    height: 35px;
    display: inline-block;
}

span.icon-option {
    background: url(../images/icon_store.png) -506px -147px / 600px 329px;
    width: 15px;
    height: 35px;
    display: inline-block;
}

span.icon-arrow {
    background: url(../images/icon_store.png) -242px -100px / 424px 330px;
    width: 20px;
    height: 30px;
    display: inline-block;
}

span.icon-arrow:hover {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    background: url(../images/icon_store.png) -242px -107px / 424px 330px;
}

label.btn-texttop {
    position: relative;
    top: -12px;
}

label.btn-textscale {
    position: relative;
    top: -5px;
}

.detail_order_height {
    height: 341px;
    overflow: auto;
    padding: 0;
    background: #FDFDFD;
}

.detail_order_height_online {
    height: 270px;
    overflow: auto;
    padding: 0;
    background: #FDFDFD;
}

.padding-l-5 {
    padding-left: 5px;
}

div.detail_order_block {
    border-bottom: 1px solid #EFEFEF;
    height: 46px;
    padding: 3px 0px;
}

.pay_cart {
    background-color: #005AA9;
    color: white;
    font-size: 16px;
}

.hover-red:hover {
    color: #E31A2D;
}

.main_screen_height {
    width: 100%;
    overflow: hidden;
    background: white;
}

.main_screen_height_online {
    width: 100%;
    overflow: hidden;
}

.lretrieve_holder {
    overflow: auto;
}

.val-show {
    text-align: right;
    padding-right: 5px!important;
}

.hidden {
    display: none;
}

.label_option span {
    font-size: 15px;
    cursor: pointer;
    margin-left: 10px;
}

.label_option span:hover {
    color: #E31A2D;
}


/*# sourceMappingURL=bootstrap.css.map */

ul.maincate_menu {
    font-size: 14px;
    list-style: outside none none;
    margin: 10px 0;
    padding: 0;
}

ul.maincate_menu a.active {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.maincate_menu a {
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 12px 10px;
}

a {
    outline: 0 none;
    text-decoration: none;
}

ul.maincate_menu li {
    background: -moz-linear-gradient(center bottom, #eee 0px, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(#fff, #eee);
    box-sizing: border-box;
    color: #005AA9;
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 0.7%;
    margin-right: 0.7%;
    text-align: center;
    width: 15.2667%;
}

@media(max-width: 767px) {
    ul.maincate_menu li {
        width: 48.6%;
    }
}

ul.maincate_menu a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

.btn_catactive {
    border: 1px solid #e41e25!important;
    color: #e41e25!important;
}

ul.maincate_menu a {
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 15px 10px;
    border-radius: 4px;
    height: 60px;
}

a {
    outline: 0 none;
    text-decoration: none;
}

ul.maincate_menu li {
    color: #005AA9;
    font-size: 14px;
    text-align: center;
}

ul.maincate_menu {
    font-size: 14px;
    list-style: outside none none;
    overflow: auto;
}

.cate_menu .root_items>p,
.cate_menu .cat_items>p {
    display: inline-block;
    width: 140px;
    overflow: hidden;
    text-align: center;
    margin-left: 5px;
}

.cate_menu .root_items>span,
.cate_menu .cat_items>span {
    position: absolute;
    top: 30%;
}

h4.title {
    clear: both;
    color: #005AA9;
    font-size: 22px;
    font-weight: 300;
    margin: 15px 0 10px;
    padding-left: 7px;
    font-family: Roboto, sans-serif;
}

h4.title_att {
    padding: 5px 0px 0px 15px;
    margin: 0px!important;
}

ul.cate_menu {
    font-size: 14px;
    list-style: outside none none;
    margin: 10px 0;
    overflow: hidden;
    padding: 0;
}

ul.cate_menu li {
    background: -moz-linear-gradient(center bottom, #eee 0px, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(#fff 100%, #eee 0px) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: #005AA9;
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 0.7%;
    margin-right: 0.7%;
    position: relative;
    text-align: center;
    width: 15.2667%;
}

ul.cate_menu a.active {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.cate_menu li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

a {
    outline: 0 none;
    text-decoration: none;
}

ul.cate_menu li {
    color: #005AA9;
    font-size: 14px;
    text-align: center;
}

ul.cate_menu {
    font-size: 14px;
    list-style: outside none none;
}

ul.cate_menu a.btn_delete {
    background: url("../images/icon.png") no-repeat scroll -122px -494px padding-box #ccc;
    border-radius: 3px 0px 0px 0px;
    display: inline-block;
    height: 23px;
    padding: 2px;
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 20px;
}

table.list_table a.btn_edit {
    background: url("../images/icon.png") no-repeat scroll -86px -492px padding-box #005AA9;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin: 3px;
    padding: 5px 7px;
    width: 27px;
}

ul.cate_menu a.btn_edit {
    background: url("../images/icon.png") no-repeat scroll -91px -494px padding-box #ccc;
    border-radius: 0 0px 0 3px;
    display: inline-block;
    height: 23px;
    right: 1px;
    padding: 2px;
    position: absolute;
    top: 1px;
    width: 20px;
}

table.list_table a.btn_edit:hover {
    padding: 5px 7px;
}

table.list_table td {
    font-size: 14px;
}

ul.cate_menu a.btn_edit:hover {
    background: url("../images/icon.png") no-repeat scroll -91px -494px #005AA9;
    border: 1px solid #005AA9;
}

ul.cate_menu li>a {
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 4px;
    text-align: left;
    border-radius: 4px;
    height: 60px;
}

ul.cate_menu a.btn_delete:hover {
    background: url("../images/icon.png") no-repeat scroll -122px -494px #e41e25;
}

ul.cate_menu li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.cate_menu a.btn_brand_sm {
    font-size: 15px;
    padding: 7px 20px !important;
}

input.btn_brand_sm:hover,
button.btn_brand_sm:hover,
a.btn_brand_sm:hover {
    background: none repeat scroll 0 0 #357ebd;
    text-decoration: none !important;
}

ul.cate_menu a.btn_brand_sm:hover {
    border: 1px solid #005AA9;
}

ul.cate_menu li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

span.add {
    background: url("../images/icon.png") no-repeat scroll -236px -436px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 34px;
    margin-right: 3px;
    vertical-align: -12px;
    width: 34px;
}

div.title_tab {
    position: relative;
}

div.title_tab_R {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 10px;
    margin-top: 10px;
}

@media(max-width: 767px) {
    div.title_tab_t>h4 {
        padding: 0px;
    }
    div.title_tab_t>h4 .pull-right {
        float: none !important;
        text-align: left;
    }
    div.title_tab_t>h4>a {
        width: 100%;
        margin: 6px 0px;
        float: none !important;
    }
    div.title_tab_t>h4 .pull-right>a,
    div.title_tab_t>h4 .pull-right .search_cus {
        width: 100%;
        float: none;
        margin: 0px 0px 6px;
    }
    .list_table_t11 .text-center.nopadding .btn-group {
        white-space: nowrap;
        padding: 0px 8px;
    }
    .list_table_t11 .text-center.nopadding .btn-group a {
        float: none;
    }
    .list_table_t11 .force-left {
        white-space: nowrap;
    }
    #list_users .btn-group {
        white-space: nowrap;
        padding: 0px 8px;
    }
    #list_users .btn-group button {
        float: none;
    }
    .dsnd1 .title {
        padding-top: 0px;
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }
    .dnsd2 {
        text-align: left !important;
    }
    .dnsd2>button {
        width: calc(50% - 2px);
    }
    .dnsd2>a {
        width: calc(100% - 0px);
    }
    .dnsd2>a button {
        width: 100%;
    }
    #filter_gid {
        margin: 5px 0px;
    }
    .col-sm-t121 .row>div {
        margin: 4px 0px;
    }
}

input.btn_brand_sm,
button.btn_brand_sm,
a.btn_brand_sm {
    background: none repeat scroll 0 0 #005AA9;
    border: 0 none;
    border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-stretch: condensed;
    padding: 4px 10px;
}

.R {
    float: right;
}

span.ic_search {
    background: url("../images/icon.png") no-repeat scroll -195px -446px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 19px;
    margin-left: 10px;
    margin-right: 3px;
    margin-top: 8px;
    vertical-align: -4px;
    width: 19px;
}

div.search {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e3e4e8;
    border-radius: 3px;
    font-size: 16px;
    height: 33px;
    margin-right: 10px;
}

div.search button {
    background: url("../images/icon.png") no-repeat scroll -379px -439px rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 25px;
    margin-top: 3px;
    width: 26px;
}

table.list_table {
    border: 1px solid #e3e4e8;
    border-collapse: collapse;
    padding: 10px 0;
}

table.list_table {
    border-collapse: collapse;
}

table.list_table th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #eee;
    border-color: #e3e4e8 #e3e4e8 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    font-size: 14px;
    padding: 10px;
}

table.list_table td {
    border: 1px solid #e3e4e8;
    font-size: 14px;
    padding: 10px;
}

.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #555;
    float: left;
    line-height: 20px;
    margin-left: -1px;
    /*padding: 10px 20px;*/
    position: relative;
    text-decoration: none;
}

.pagination {
    border-radius: 3px;
    display: inline-block;
    margin: 10px 0;
    padding-left: 0;
}

div.info_table {
    float: right;
    margin-left: 10px;
    margin-top: 12px;
}

div.search input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    box-sizing: border-box;
    float: left;
    padding: 8px 5px 2px;
    width: 215px;
}

.choose_record {
    padding: 10px;
}

span.ic_active {
    background: url("../images/icon.png") no-repeat scroll -343px -447px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 14px;
    margin-right: 3px;
    vertical-align: 0;
    width: 15px;
}

table.list_table a.btn_edit:hover {
    padding: 5px 7px;
}

table.list_table a.btn_delete {
    background: url("../images/icon.png") no-repeat scroll -117px -491px padding-box #e41e25;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin: 3px;
    padding: 5px 7px;
    width: 27px;
}

table.list_table a.btn_delete:hover {
    background: url("../images/icon.png") no-repeat scroll -117px -491px #b9161c;
    padding: 5px 7px;
}

div.title_tab {
    position: relative;
}

h4.title {
    clear: both;
    color: #005AA9;
    font-size: 18px;
    font-weight: 300;
    padding-left: 7px;
}

div.title_tab_R {
    position: absolute;
    right: 0;
    top: 10px;
}

.in_btn_text {
    position: relative;
    top: -4px;
}

#popup_add_product {
    position: fixed;
    top: -80px;
    left: 197.5px;
    z-index: 9999;
    display: none;
}

div.pop_up input {
    transform: scale(1)!important;
}

div.pop_up {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    display: none;
    margin-top: 100px;
    position: relative;
    width: 870px;
}

div.pop_up_co {
    padding: 10px 10px 10px 15px;
    background: #fff;
    overflow: hidden;
    box-shadow: 2px 1px 3px #000;
}

div.creat_product {
    width: 100%;
}

div.creat_product_L {}

.fr_col {
    margin-left: 0 !important;
}

div.creat_product_L div.img {
    margin: 10px 0;
}

div.creat_product_L div.img img {
    border: 1px solid #e3e4e8;
    max-height: 250px;
    max-width: 302px;
    width: 100%;
}

.fr_end {
    margin-right: 0 !important;
}

div.creat_product_R {}

div.form {
    color: #555;
    font-size: 14px;
    margin: 0 auto;
    overflow: hidden;
}

div.product .field {
    padding: 1px 0;
}

div.form .field {
    clear: both;
    display: block;
    overflow: hidden;
    width: 100%;
}

div.product label.field_L {
    margin-left: 0;
    text-align: left;
    width: 105px;
}

div.form label.field_L {
    color: #555;
    display: block;
    float: left;
    font-size: 14px;
    padding: 8px 0 0;
}

.other_color {
    color: #ef532a;
}

div.product input[type="text"],
div.product input[type="password"] {
    /*width: 447px;*/
}

div.product input[type="text"],
div.product input[type="password"] {
    /*width: 447px;*/
}

div.product label.field_L1 {
    margin-left: 0;
    text-align: right;
    width: 80px;
}

div.form label.field_L1 {
    color: #555;
    display: block;
    float: left;
    font-size: 14px;
    padding: 8px 5px 0px 0;
}

div.form select {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    box-sizing: border-box;
    color: #555;
    height: 36px;
    padding: 10px;
}

div.product label.field_L {
    margin-left: 0;
    text-align: left;
    width: 105px;
}

ul.color_size {
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
}

ul.color_size li {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #e3e4e8;
    border-radius: 2px;
    color: #555;
    float: left;
    margin-left: 5px;
}

span.add_sm {
    background: url("../images/icon.png") no-repeat scroll -244px -494px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 21px;
    margin-right: 3px;
    vertical-align: -4px;
    width: 21px;
}

div.product span.place {
    display: inline-block;
    margin-left: 20px;
    margin-right: 5px;
}

div.product .text_sm1 {
    margin-right: 10px !important;
    text-align: left;
}

div.form select {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    box-sizing: border-box;
    color: #555;
    height: 36px;
    padding: 10px;
}

div.list_img_sm a img {
    border: 1px solid #e3e4e8;
    height: auto;
    width: 80px;
    /*margin-top: 5px;*/
}

div.list_img_sm a {
    float: left;
    /*margin-right: 10px;
    margin-top: 5px;*/
    /*margin-top: 5px!important;*/
    display: inline-flex;
}

.list_img_sm .hold_img {
    width: 80px;
    height: 80px;
    margin-top: 5px;
}

.introduct .hold_img,
div.introduct a img {
    width: 96px!important;
    height: 80px!important;
    margin-top: 5px;
}

div.creat_product_L div.img .large-img {
    width: 99%!important;
}

.form_block_hot_product {
    padding: 50px 50px;
}

.form_block_hot_product.active {
    background: #FBFBFB;
}

.table_hot_product {
    height: 400px;
    overflow: auto;
    border: 1px solid #efefef;
    background: white;
}

div.form_edit {
    clear: both;
    overflow: hidden;
}

ul.edit_menu {
    border-bottom: 1px solid #e3e4e8;
    list-style: outside none none;
    overflow: hidden;
    padding-left: 0;
    margin-bottom: 0px;
}

ul.edit_menu li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e3e4e8 #e3e4e8 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    float: left;
    margin-top: 2px;
}

ul.edit_menu li a.active {
    border-top: 3px solid #005AA9;
    padding: 5px 25px 10px;
}

ul.edit_menu li a {
    display: block;
    font-size: 16px;
    padding: 8px 25px 10px;
}

div.form_edit_co {
    border: 1px solid #e3e4e8;
}

div.product div.field_btn {
    text-align: right;
}

div.product .field_btn {
    padding: 10px 0 10px 25.5%;
}

div.product button {
    margin: 5px;
}

ul.color_size li a {
    display: block;
    padding: 3px 4px;
    text-align: center;
}

input.btn_white,
button.btn_white,
a.btn_white {
    background: -moz-linear-gradient(center bottom, #eee 0px, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    color: #555;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    padding: 8px 25px;
}

a.btn_pop_close {
    background: url(../images/icon.png) no-repeat scroll -149px -494px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 19px;
    width: 16px;
}

a.btn_pop_close_1 {
    background: url(../images/icon.png?v=1.0.01) no-repeat scroll -173px -495px rgba(0, 0, 0, 0);
    height: 14px;
    width: 15px;
    top: 15px;
}

.pupop_xuatkho {
    padding: 14px;
}

.pupop_xuatkho textarea {
    width: 100% !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    min-height: 100px;
    margin: -10px 0px -10px;
    padding: 10px;
}

.pupop_xuatkho p {
    color: #666;
    font-size: 16px;
}

.pupop_xuatkho .btn-success1 {
    padding-right: 14px;
    margin: 30px 0px 10px;
}

.pupop_xuatkho .btn-success1 a {
    background: none !important;
    color: #009e35;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    padding: 0px 5px;
}

ul.edit_menu li a:hover {
    border-top: 3px solid #005AA9;
    padding: 5px 25px 10px;
}

span.add_sm {
    background: url("../images/icon.png") no-repeat scroll -244px -494px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 21px;
    margin-right: 3px;
    vertical-align: -4px;
    width: 21px;
}

input.btn_add,
button.btn_add,
a.btn_add {
    background: none repeat scroll 0 0 #005AA9;
    border: 0 none;
    border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-stretch: condensed;
    margin-left: 10px;
    margin-top: -5px;
    padding: 2px 10px;
}

div.product button {
    margin: 5px;
}

input.btn_brand,
button.btn_brand,
a.btn_brand {
    background: none repeat scroll 0 0 #005AA9;
    border: 0 none;
    border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    padding: 8px 0px;
}

input.btn_brand:hover,
button.btn_brand:hover,
a.btn_brand:hover {
    background: none repeat scroll 0 0 #357ebd;
    text-decoration: none !important;
}

.bottom-5 {
    margin-bottom: 5px;
}

span.fas1 {
    background: url("../images/icon.png") no-repeat scroll -295px -444px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 18px;
    vertical-align: -3px;
    width: 17px;
}

a.btn_home {
    background: url("../images/icon.png") no-repeat scroll -78px -433px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 42px;
    left: 0;
    position: absolute;
    top: 0;
    width: 42px;
}

div.header a.btn_brand_sm {
    position: absolute;
    right: 0;
}

input.btn_brand_sm:hover,
button.btn_brand_sm:hover,
a.btn_brand_sm:hover {
    background: none repeat scroll 0 0 #357ebd;
    text-decoration: none !important;
}


/*End popup add more product*/

img.icon_business,
img.cat_icon_business {
    width: 100%;
    height: 50px;
}

#review_root_icon span,
#review_cat_icon span {
    max-width: 32px;
    max-height: 32px;
    cursor: pointer;
}

.btn_icon {
    width: 20px;
    height: 20px;
}

#pop_btn_add {
    display: inline-block;
    margin-top: 0;
}

#pop_multi {
    margin-right: 5px;
}

#ckb_gia_thoa_thuan {
    margin-right: 5px;
}

#apply_online_store {
    margin-right: 5px;
}

.height-holder-texteditor {
    height: 240px;
    margin-bottom: 36px;
}

#editor_description {
    overflow: scroll;
    max-height: 300px
}

.root_icon_main,
.cat_icon_main {
    width: 13.8%;
    height: 50px;
    white-space: normal;
    margin: 2px 0px;
}

.root_icon_main span {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    width: 100%;
    margin: 0px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-transform: capitalize;
}

#modal_root_icon_sub img,
#modal_cat_icon_sub img {
    width: 50px;
    height: 50px;
}

#back__to_pos {
    position: absolute;
    left: 5px;
    top: 0px;
    font-size: 18px;
}

#products_multi_uncheck {
    display: inline-block;
    padding-top: 3px;
}

#pop_sales {
    /*margin-left: 5px;
 	margin-top: 5px;
*/
}

#label_sales {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

#hold_location_online {
    position: absolute;
    top: 238px;
    right: 4px;
}

ul.multi_product {
    font-size: 14px;
    list-style: outside none none;
    overflow: hidden;
    padding: 0;
}

ul.multi_product li {
    background: -moz-linear-gradient(center bottom, #eee 0px, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(#fff, #eee);
    box-sizing: border-box;
    color: #005AA9;
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 0.7%;
    margin-right: 0.7%;
    position: relative;
    text-align: center;
    width: 18.5%;
}

ul.multi_product a.active {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.multi_product li>a {
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 14px 10px;
}

ul.multi_product li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.multi_product li>a {
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 14px 10px;
}

a {
    outline: 0 none;
    text-decoration: none;
}

ul.multi_product li {
    color: #005AA9;
    font-size: 14px;
    text-align: center;
}

ul.multi_product {
    font-size: 14px;
    list-style: outside none none;
}

ul.multi_product a.btn_delete {
    background: url("../images/icon.png") no-repeat scroll -122px -494px padding-box #ccc;
    border-radius: 3px 0px 0px 0px;
    display: inline-block;
    height: 23px;
    padding: 2px;
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 18px;
}

ul.multi_product a.btn_edit {
    background: url("../images/icon.png") no-repeat scroll -91px -494px padding-box #ccc;
    border-radius: 0 0px 0 3px;
    display: inline-block;
    height: 23px;
    right: 1px;
    padding: 2px;
    position: absolute;
    top: 1px;
    width: 18px;
}

ul.multi_product li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.multi_product a.btn_edit:hover {
    background: url("../images/icon.png") no-repeat scroll -91px -494px #005AA9;
    border: 1px solid #005AA9;
}

ul.multi_product li>a {
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 14px 10px;
}

ul.multi_product a.btn_delete:hover {
    background: url("../images/icon.png") no-repeat scroll -122px -494px #e41e25;
}

ul.multi_product li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.multi_product a.btn_brand_sm {
    font-size: 15px;
    padding: 7px 20px !important;
}

ul.multi_product a.btn_brand_sm:hover {
    border: 1px solid #005AA9;
}

ul.multi_product li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.multi_product_val {
    font-size: 14px;
    list-style: outside none none;
    overflow: hidden;
    padding: 0;
}

ul.multi_product_val li {
    background: -moz-linear-gradient(center bottom, #eee 0px, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(#fff, #eee);
    box-sizing: border-box;
    color: #005AA9;
    float: left;
    font-size: 14px;
    margin-bottom: 6px;
    margin-left: 0.7%;
    margin-right: 0.7%;
    position: relative;
    text-align: center;
    width: 23%;
    ;
}

ul.multi_product_val a.active {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.multi_product_val li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.multi_product_val {
    font-size: 14px;
    list-style: outside none none;
}

ul.multi_product_val a.btn_delete {
    background: url("../images/icon.png") no-repeat scroll -122px -494px padding-box #ccc;
    border-radius: 3px 0px 0px 0px;
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1px;
    bottom: 1px;
}

ul.multi_product_val a.btn_edit {
    background: url("../images/icon.png") no-repeat scroll -91px -494px padding-box #ccc;
    border-radius: 0 0px 0 3px;
    display: inline-block;
    right: 1px;
    padding: 2px;
    position: absolute;
    top: 1px;
}

ul.multi_product_val li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.multi_product_val a.btn_edit:hover {
    background: url("../images/icon.png") no-repeat scroll -91px -494px #005AA9;
    border: 1px solid #005AA9;
}

ul.multi_product_val li>a {
    border: 1px solid #ccc;
    color: #555;
    display: block;
    padding: 9px 10px !important;
}

ul.multi_product_val a.btn_delete:hover {
    background: url("../images/icon.png") no-repeat scroll -122px -494px #e41e25;
}

ul.multi_product_val li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul.multi_product_val a.btn_brand_sm {
    font-size: 15px;
    padding: 9px 10px !important
}

ul.multi_product_val a.btn_brand_sm:hover {
    border: 1px solid #005AA9;
}

ul.multi_product_val li>a:hover {
    border: 1px solid #e41e25;
    color: #e41e25;
}

ul .add_more_icon {
    width: 60px!important;
}

div.sku_modify {
    height: 320px;
    overflow: auto;
    padding-bottom: 200px;
}

#modal_multi_attribute {
    margin-left: -10px;
}

.tree_listing {
    cursor: pointer;
}

tr.bg_lightgray {
    background-color: #f8f8f8;
}

.pointer {
    cursor: pointer;
}

.color-success {
    color: #53AC53;
}

.color-primary {
    color: #3B81BD;
}

.btn_option {
    height: 23px;
    margin-top: -23px;
    padding: 2px;
    width: 26px;
    margin-left: 5px;
}

.btn_add_category span.add {
    margin-top: -3px;
}

.btn_add_category {
    margin-top: -5px;
}

.font-size-i-icon {
    font-size: 18px;
}


/**
Font chi thanh
**/

@font-face {
    font-family: "icon_form";
    src: url("../fonts/icon_form.eot");
    src: url("../fonts/icon_form.eot?#iefix") format("embedded-opentype"), url("../fonts/icon_form.woff") format("woff"), url("../fonts/icon_form.ttf") format("truetype"), url("../fonts/icon_form.svg#icon_form") format("svg");
    font-weight: normal;
    font-style: normal;
}

.icon_form {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'icon_form';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-edit:before {
    content: "b";
}

.icon-search:before {
    content: "a";
}

.icon-close:before {
    content: "c";
}

.icon-list:before {
    content: "d";
}

.icon-arrow-up:before {
    content: "e";
}

.icon-print:before {
    content: "f";
}

.icon-return:before {
    content: "g";
}

.icon-note:before {
    content: "h";
}

.icon-close1:before {
    content: "i";
}

.icon-table:before {
    content: "j";
}

.icon-check:before {
    content: "k";
}

.icon-food-other:before {
    content: "l";
}

.icon-food:before {
    content: "m";
}

.icon-home:before {
    content: "n";
}

.icon-cart:before {
    content: "o";
}

.icon-drink-1:before {
    content: "p";
}

.icon-print1:before {
    content: "q";
}

.icon-percent:before {
    content: "r";
}

.icon-shutdown:before {
    content: "s";
}

.icon-close2:before {
    content: "t";
}

.icon-edit2:before {
    content: "u";
}

.icon-add:before {
    content: "v";
}

.icon-cart-shop {
    background-image: url('images/navibar.png');
    background-repeat: no-repeat;
    background-size: 75px 40px;
    height: 45px;
}

.icon-cart-shop i {
    font-size: 32px;
    color: #6AA2DF;
    margin-left: 8px;
    margin-top: 3px;
}


/**
Font chi thanh ©
**/

.color_blue {
    color: blue;
}

.color_blue:hover {
    color: blue;
    text-decoration: underline;
}

#popup_quantity:focus,
#popup_price_percent:focus,
#popup_price_unit:focus,
#order_discount_val:focus {
    box-shadow: none;
    outline: 0 none;
    border-color: #ccc!important;
}

tr.headertable th {
    padding: 10px 5px!important;
    background: #005AA9!important;
    color: #fff;
    border-color: #3b76a9;
}

.text-center td,
.text-center th {
    text-align: center;
}

td.text-left,
th.text-left {
    text-align: left;
}

.width_modal {
    width: 872px;
}

.hover-i i {
    cursor: pointer;
}

#pop_tab_discount>a,
#pop_tab_price>a {
    font-size: 16px;
    padding: 7px 0px;
}

.padding-top-12p {
    padding-top: 12px;
}

.title_order_online {
    margin-left: 20px;
}

.table_order_online>tr:hover {
    background: #DFF0D8!important;
    cursor: pointer;
}

.table_order_online .active td {
    background: #DFF0D8!important;
}

.table_order_online .selected {
    background: #DFF0D8;
}

.holder-online-order {
    height: 525px;
    /*border: 1px solid #EBEBEB;*/
    border-radius: 4px;
}

.holder-list-onl-order {
    height: 480px;
    border: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 4px 4px;
}

.holder-category-pos {
    /*height: 440px;
	border: 0;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	/*border-radius: 0px 0px 4px 4px;*/
}

.no-margin {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
}

div.paging-onl-order {
    margin-top: 5px;
    padding-left: 0px;
}

.paging-onl-order>ul {
    margin: 0px;
    margin-top: 5px;
}

.left_func.hover-red.main_row_check_box {
    margin-right: 3px;
}

.left_func {
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    opacity: 0.8;
    text-shadow: 0 1px 0 #fff;
}

.hight_light {
    background-color: #fff7d6;
}

.note_return {
    width: 100%;
    height: 20px;
    font-size: 12px;
    position: relative;
    top: -5px;
}

.header-collection {
    padding-top: 5px;
    padding-bottom: 3px;
}

.modal-collection {
    width: 40%;
}

.from_label {
    width: 65px;
}

.to_label {
    width: 30px;
}

.from_txt,
.to_txt {
    width: 80px;
}

.select_filter {
    width: 150px;
}

.padding-6 {
    padding: 6px;
}

#totals_pay1 {
    padding-right: 8px;
}

.item_att_sku {
    height: 43px;
}

#multi_attribute_val li {
    width: 158px;
}

.btn_edit_icon {
    background: url("../images/icon.png") no-repeat scroll -91px -494px padding-box #ccc;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 18px;
}

.btn_delete_icon {
    background: url("../images/icon.png") no-repeat scroll -122px -494px padding-box #ccc;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 18px;
}

.img_func.btn_edit_icon {
    margin-left: -18px;
    margin-top: 5px;
    position: absolute;
}

.img_func.btn_delete_icon {
    margin-left: -18px;
    margin-top: 24px;
    position: absolute;
}

.list_img_sm .hold_img .img_func.btn_delete_icon {
    margin-left: 0px;
    margin-top: 20px;
    position: absolute;
}

.list_img_sm .hold_img .img_func.btn_edit_icon {
    margin-left: 0;
    margin-top: 0;
    position: absolute;
}

.list_img_sm .hold_web>.img_func.btn_delete_icon {
    margin-left: -18px;
    margin-top: 25px;
    position: absolute;
}

.list_img_sm .hold_web>.img_func.btn_edit_icon {
    margin-left: -18px;
    margin-top: 5px;
    position: absolute;
}

.custome-order-info {
    background-color: #005AA9;
    color: white;
    border: 1px solid #357ebd;
    border-radius: 4px 4px 0px 0px;
    font-size: 13px;
    padding: 0;
}

.news_list_table {
    height: 368px;
    overflow: auto;
    border: 1px solid #ccc;
}

.news_list_table .btn {
    font-size: 12px;
    height: 25px;
    padding: 4px;
    width: 30px;
}

.progress {
    width: 100%;
    height: 100%;
}

.tab-content {
    z-index: -34;
}

.custome-tab-content {
    border-left: 1px solid #ddd!important;
    border-right: 1px solid #ddd!important;
    border-bottom: 1px solid #ddd!important;
    overflow: hidden;
    padding-bottom: 10px!important;
    margin-top: -1px!important;
    background: #fff;
    border-radius: 0px 0px 4px 4px;
    border-top: none;
}

.img.holder {
    height: 300px;
}

.img.holder_product {
    height: 300px;
}

#load_sku_1>img,
#load_sku_2>img {
    width: 50px
}

#load_logo>img {
    width: 200px;
    height: 100px;
}

.brumbar_menu {
    height: 30px;
    background: #ccc;
    padding-top: 5px;
}

.block-noti a {
    color: black !important;
}

.cursor-pointer {
    cursor: pointer;
}

img.img_in_list_pro {
    min-width: 20px;
    max-width: 50px;
    max-height: 50px;
}

.bootstrap-dialog-body .bootstrap-dialog-message .col-lg-12.col-md-12.col-xs-12>a {
    color: black;
}

div.top_header {
    background: none repeat scroll 0 0 #6d6c6c;
    color: #fff;
    overflow: hidden;
    height: 30px;
    padding-top: 3px;
}

.container-fluid-header {
    margin-left: auto;
    margin-right: auto;
}

div.top_header ul.top_menu_header {
    list-style: outside none none;
    margin-top: -5px;
}

div.top_header ul.top_menu_header li:first-child {
    border: 0 none;
}

div.top_header ul.top_menu_header li {
    border-right: 1px solid #fff;
    float: right;
    line-height: 15px;
    padding: 0 10px;
}

@media(max-width: 767px) {
    div.top_header ul.top_menu_header li {
        padding: 0px 5px;
    }
}

div.top_header ul.top_menu_header li a {
    color: #fff;
}

.bg-lightgray span.font-size-20 {
    font-size: 22px!important;
}

a.btn_list {
    background: none repeat scroll 0 0 #1c517e;
    border-radius: 50%;
    font-size: 20px;
    left: 10px;
    padding: 10px 12px;
    position: absolute;
    z-index: 1;
    top: -4px;
}

a.menu-home {
    background: none repeat scroll 0 0 #005AA9;
    border-radius: 50%;
    padding: 4px 6px;
    font-size: 24px;
}

a.btn_list_back {
    background: none;
    font-size: 16px;
    position: relative;
    z-index: 99;
}

a.btn_list_back span.icon-cate.icon-other-back {
    padding-top: 3px;
}

.badge_storing {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    color: #333;
    margin-top: -5px;
}


/*font  ace */

input[type=checkbox].ace,
input[type=radio].ace {
    opacity: 0;
    position: absolute;
    z-index: 1;
    /*width: 18px;*/
    /*height: 18px;*/
    cursor: pointer;
}

label input[type=checkbox].ace,
label input[type=radio].ace {
    z-index: -100 !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}

input[type=checkbox].ace:checked,
input[type=radio].ace:checked,
input[type=checkbox].ace:focus,
input[type=radio].ace:focus {
    outline: none !important;
}

input[type=checkbox].ace+.lbl {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
    cursor: pointer;
}

input[type=checkbox].ace+.lbl::before {
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: normal;
    content: "\a0";
    background-color: #54ba47;
    background: url(../images/no-check.png);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    border: none;
    background-size: cover !important;
}

input[type=checkbox].ace:checked+.lbl::before {
    background: url(../images/check.png);
}

input[type=checkbox].ace:hover+.lbl::before,
input[type=radio].ace:hover+.lbl::before,
input[type=checkbox].ace+.lbl:hover::before,
input[type=radio].ace+.lbl:hover::before {
    border-color: #ff893c;
}

input[type=checkbox].ace:active+.lbl::before,
input[type=radio].ace:active+.lbl::before,
input[type=checkbox].ace:checked:active+.lbl::before,
input[type=radio].ace:checked:active+.lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=checkbox].ace.ace-checkbox-2+.lbl::before,
input[type=radio].ace.ace-checkbox-2+.lbl::before {
    box-shadow: none;
}

input[type=checkbox].ace.ace-checkbox-2:checked+.lbl::before,
input[type=radio].ace.ace-checkbox-2:checked+.lbl::before {
    background-color: #f9a021;
    border-color: #f9a021;
    color: #FFF;
}

input[type=checkbox].ace.checkbox-3+.lbl::before,
input[type=radio].ace.checkbox-3+.lbl::before {
    box-shadow: none;
}

input[type=checkbox].ace.checkbox-3:checked+.lbl::before,
input[type=radio].ace.checkbox-3:checked+.lbl::before {
    background-color: #fff;
    border-color: #c8c8c8;
    color: #5db75d;
}

input[type=checkbox].ace:disabled+.lbl::before,
input[type=radio].ace:disabled+.lbl::before,
input[type=checkbox].ace[disabled]+.lbl::before,
input[type=radio].ace[disabled]+.lbl::before,
input[type=checkbox].ace.disabled+.lbl::before,
input[type=radio].ace.disabled+.lbl::before {
    background-color: #DDD !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #BBB;
}

.checkbox label input[type=checkbox].ace+.lbl,
.radio label input[type=radio].ace+.lbl {
    margin-left: -10px;
}

input.ace+.lbl.padding-16::before {
    margin-right: 16px;
}

input.ace+.lbl.padding-14::before {
    margin-right: 14px;
}

input.ace+.lbl.padding-12::before {
    margin-right: 12px;
}

input.ace+.lbl.padding-10::before {
    margin-right: 10px;
}

input.ace+.lbl.padding-8::before {
    margin-right: 8px;
}

input.ace+.lbl.padding-6::before {
    margin-right: 6px;
}

input.ace+.lbl.padding-4::before {
    margin-right: 4px;
}

input.ace+.lbl.padding-2::before {
    margin-right: 2px;
}

input.ace+.lbl.padding-0::before {
    margin-right: 0px;
}


/**
input[type=radio].ace @{lbl}::before {
	border-radius:100%;
	font-size: 34px;
	font-family: Helvetica, Arial, "Sans-Serif";//looks better but incosistent
	line-height: 13px;
}
*/

input[type=radio].ace+.lbl::before {
    border-radius: 100%;
    font-size: 10px;
    font-family: FontAwesome;
    text-shadow: 0 0 1px #32a3ce;
    line-height: 15px;
    height: 17px;
    min-width: 17px;
}

input[type=radio].ace:checked+.lbl::before {
    content: "\f111";
}


/* CSS3 on/off switches */

input[type=checkbox].ace.ace-switch {
    width: 55px;
    height: 25px;
}

input[type=checkbox].ace.ace-switch+.lbl {
    margin: 0 4px;
    min-height: 24px;
}

input[type=checkbox].ace.ace-switch+.lbl::before {
    font-family: 'Open Sans';
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    color: #999;
    text-shadow: 0 0 0 #999;
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #F5F5F5;
    -moz-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 52px;
    text-indent: -21px;
    margin-right: 0;
    -webkit-transition: all text-indent .3s ease ease-out;
    -moz-transition: all text-indent .3s ease ease-out;
    -o-transition: all text-indent .3s ease ease-out;
    transition: all text-indent .3s ease ease-out;
    -webkit-transition: text-indent .3s ease;
    -o-transition: text-indent .3s ease;
    transition: text-indent .3s ease;
    top: auto;
    background: none;
}

input[type=checkbox].ace.ace-switch+.lbl::after {
    font-family: 'Open Sans';
    content: 'III';
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    color: #AAA;
    text-shadow: none;
    background-color: #FFF;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: -2px;
    left: -3px;
    -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .3);
    -webkit-transition: all left .3s ease ease-out;
    -moz-transition: all left .3s ease ease-out;
    -o-transition: all left .3s ease ease-out;
    transition: all left .3s ease ease-out;
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease;
}

input[type=checkbox].ace.ace-switch:checked+.lbl::before {
    text-indent: 8px;
    color: #FFF;
    text-shadow: 0 0 0 #FFF;
    background-color: #8ab2c9;
    border-color: #6a8ca8;
}

input[type=checkbox].ace.ace-switch:checked+.lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #98A0A5;
}

input[type=checkbox].ace.ace-switch.ace-switch-2+.lbl::before {
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
}

input[type=checkbox].ace.ace-switch.ace-switch-3+.lbl::after {
    font-family: FontAwesome;
    font-size: 13px;
    line-height: 22px;
    content: "\f00d";
    top: -1px;
    text-shadow: none;
    padding: 0;
    text-align: center;
    color: #BBB;
    letter-spacing: 0;
}

input[type=checkbox].ace.ace-switch.ace-switch-3:checked+.lbl::after {
    content: "\f00c";
    color: #8AB2C9;
    text-shadow: none;
}

input[type=checkbox].ace.ace-switch.ace-switch-4,
input[type=checkbox].ace.ace-switch.ace-switch-5 {
    width: 60px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    font-size: 12px;
    line-height: 23px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #8b9aa3;
    border: 1px solid #8b9aa3;
    color: #FFF;
    width: 56px;
    text-indent: -25px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all all .3s ease ease-out;
    -moz-transition: all all .3s ease ease-out;
    -o-transition: all all .3s ease ease-out;
    transition: all all .3s ease ease-out;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::after,
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::after {
    content: 'III';
    font-size: 11px;
    position: absolute;
    top: 2px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all all .3s ease ease-out;
    -moz-transition: all all .3s ease ease-out;
    -o-transition: all all .3s ease ease-out;
    transition: all all .3s ease ease-out;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
    text-indent: 9px;
    background-color: #468fcc;
    border-color: #468FCC;
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::after,
input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #848484;
}

input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
}

input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
    text-indent: 8px;
}

input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl {
    position: relative;
}

input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl::before {
    font-family: FontAwesome;
    content: "\f00d";
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: none;
    border-width: 0;
    font-weight: lighter;
    font-size: 16px;
    border-radius: 12px;
    display: inline-block;
    background-color: #888;
    color: #F2F2F2;
    width: 52px;
    height: 22px;
    line-height: 21px;
    text-indent: 32px;
    -webkit-transition: all background 0.1s ease ease-out;
    -moz-transition: all background 0.1s ease ease-out;
    -o-transition: all background 0.1s ease ease-out;
    transition: all background 0.1s ease ease-out;
    -webkit-transition: background 0.1s ease;
    -o-transition: background 0.1s ease;
    transition: background 0.1s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl::after {
    content: '';
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 2px;
    left: 3px;
    border-radius: 12px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #F2F2F2;
    border: 4px solid #F2F2F2;
    -webkit-transition: all left 0.2s ease ease-out;
    -moz-transition: all left 0.2s ease ease-out;
    -o-transition: all left 0.2s ease ease-out;
    transition: all left 0.2s ease ease-out;
    -webkit-transition: left 0.2s ease;
    -o-transition: left 0.2s ease;
    transition: left 0.2s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked+.lbl::before {
    content: "\f00c";
    text-indent: 6px;
    color: #FFF;
    border-color: #b7d3e5;
    background-color: #ff893c;
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked+.lbl::after {
    left: 32px;
    background-color: #FFF;
    border: 4px solid #FFF;
    text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}

input[type=checkbox].ace.ace-switch.ace-switch-7 {
    width: 75px;
}

input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl {
    position: relative;
}

input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl::before {
    content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
    font-weight: bolder;
    font-size: 13px;
    line-height: 20px;
    background-color: #FFF;
    border: 2px solid #AAA;
    border-radius: 0;
    box-shadow: none;
    color: #AAA;
    width: 74px;
    height: 26px;
    line-height: 22px;
    overflow: hidden;
    text-indent: 5px;
    display: inline-block;
    position: relative;
    -webkit-transition: all all 0.2s ease ease-out;
    -moz-transition: all all 0.2s ease ease-out;
    -o-transition: all all 0.2s ease ease-out;
    transition: all all 0.2s ease ease-out;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl::after {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 3px;
    left: 39px;
    width: 32px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    padding: 0;
    text-indent: 0;
    background-color: #AAA;
    color: #FFF;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: all all 0.2s ease-in-out ease-out;
    -moz-transition: all all 0.2s ease-in-out ease-out;
    -o-transition: all all 0.2s ease-in-out ease-out;
    transition: all all 0.2s ease-in-out ease-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input[type=checkbox].ace.ace-switch.ace-switch-7:checked+.lbl::before {
    color: #468fcc;
    background-color: #FFF;
    text-indent: -28px;
    border-color: #6fb3e0;
}

input[type=checkbox].ace.ace-switch.ace-switch-7:checked+.lbl::after {
    left: 3px;
    content: '\f00c';
    background-color: #468fcc;
    color: #FFF;
}

input[type=checkbox].ace.ace-switch+.lbl[data-lbl]::before {
    content: attr(data-lbl);
}

input[type=checkbox].ace.ace-switch.btn-empty+.lbl::after {
    content: "";
}

input[type=checkbox].ace.ace-switch.btn-rotate+.lbl::after {
    content: "\2261";
    line-height: 20px;
    font-size: 17px;
}

input[type=checkbox].ace.ace-switch-4.btn-rotate+.lbl::after,
input[type=checkbox].ace.ace-switch-5.btn-rotate+.lbl::after {
    line-height: 17px;
}

input[type=checkbox].ace.ace-switch.btn-flat+.lbl::before,
input[type=checkbox].ace.ace-switch.btn-flat+.lbl::after {
    border-radius: 0 !important;
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
    text-indent: -24px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
    text-indent: 7px;
}

.ace-file-input {
    display: block;
    font-size: inherit;
    position: relative;
    height: 30px;
}

.ace-file-input input[type=file] {
    position: fixed;
    z-index: -2;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
    filter: alpha(opacity=0);
}

.ace-file-input input[type=file]:focus {
    outline: none;
}

.ace-file-input .ace-file-container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all all 0.15s ease-out;
    -moz-transition: all all 0.15s ease-out;
    -o-transition: all all 0.15s ease-out;
    transition: all all 0.15s ease-out;
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
}

.ace-file-input .ace-file-container:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #f59942;
}

.ace-file-input .ace-file-container:before {
    display: inline-block;
    content: attr(data-title);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 24px;
    text-align: center;
    padding: 0 8px;
    background-color: #6fb3e0;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    border: 2px solid #FFF;
    border-left-width: 4px;
    -webkit-transition: all all 0.3s ease-out;
    -moz-transition: all all 0.3s ease-out;
    -o-transition: all all 0.3s ease-out;
    transition: all all 0.3s ease-out;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ace-file-input .ace-file-container .ace-file-name {
    display: inline-block;
    height: 28px;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    line-height: 28px;
    color: #888888;
    font-size: 13px;
    vertical-align: top;
    position: static;
    padding-left: 30px;
}

.ace-file-input .ace-file-container .ace-file-name:after {
    display: inline-block;
    content: attr(data-title);
}

.ace-file-input .ace-file-container.selected {
    right: 16px;
}

.ace-file-input .ace-file-container.selected .ace-file-name {
    color: #666666;
}

.ace-file-input .ace-file-container .ace-icon {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    line-height: 24px;
    width: 26px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 13px;
    border: 2px solid #FFF;
    color: #FFF;
    -webkit-transition: all all 0.1s ease-out;
    -moz-transition: all all 0.1s ease-out;
    -o-transition: all all 0.1s ease-out;
    transition: all all 0.1s ease-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    background-color: #d1d1d1;
}

.ace-file-input .ace-file-container.selected .ace-file-name .ace-icon {
    background-color: #efad62;
}

.ace-file-input .ace-file-container.selected .ace-file-name .file-image {
    background-color: #bd7a9d;
}

.ace-file-input .ace-file-container.selected .ace-file-name .file-video {
    background-color: #87b87f;
}

.ace-file-input .ace-file-container.selected .ace-file-name .file-audio {
    background-color: #8b7ac9;
}

.ace-file-input .ace-file-container.selected .ace-file-name .file-archive {
    background-color: #efad62;
}

.ace-file-input .ace-file-container.hide-placeholder:before {
    display: none;
}

.ace-file-input a:hover {
    text-decoration: none;
}

.ace-file-input .remove {
    position: absolute;
    right: -8px;
    top: 6px;
    display: none;
    width: 17px;
    text-align: center;
    height: 17px;
    line-height: 15px;
    font-size: 11px;
    font-weight: normal;
    background-color: #fb7142;
    -webkit-border-top-right-radius: 100%;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 100%;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 100%;
    color: #FFF;
    text-decoration: none;
}

.ace-file-input .ace-file-container.selected+.remove {
    display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .ace-file-input input[type=file] {
        position: absolute;
        width: 0;
        height: 0;
    }
}

.ace-file-input input[type=file].disabled+.ace-file-container,
.ace-file-input input[type=file][disabled]+.ace-file-container,
.ace-file-input input[type=file][readonly]+.ace-file-container {
    cursor: not-allowed;
    background-color: #EEE;
}

.ace-file-input input[type=file].disabled+.ace-file-container:hover,
.ace-file-input input[type=file][disabled]+.ace-file-container:hover,
.ace-file-input input[type=file][readonly]+.ace-file-container:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #E3E3E3;
}

.ace-file-input input[type=file].disabled+.ace-file-container:before,
.ace-file-input input[type=file][disabled]+.ace-file-container:before,
.ace-file-input input[type=file][readonly]+.ace-file-container:before {
    border-color: #EEE;
    background-color: #A1AAAF;
}

.ace-file-input input[type=file][readonly]+.ace-file-container {
    cursor: default;
}

.ace-file-input .ace-file-overlay {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -10px;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
}

.ace-file-input .ace-file-overlay>.overlay-content {
    display: inline-block;
    position: relative;
    top: 10%;
    left: 0;
    right: 0;
    text-align: center;
}

.ace-file-multiple {
    height: auto;
}

.ace-file-multiple .ace-file-container {
    position: relative;
    height: auto;
    border: 1px dashed #aaaaaa;
    border-radius: 4px;
    text-align: center;
}

.ace-file-multiple .ace-file-container:before {
    display: inline-block;
    content: attr(data-title);
    position: relative;
    right: 0;
    left: 0;
    margin: 12px;
    line-height: 22px;
    background-color: #FFF;
    color: #CCC;
    font-size: 18px;
    font-weight: bold;
    border-width: 0;
}

.ace-file-multiple .ace-file-container.selected .ace-file-name .ace-icon {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    line-height: 24px;
    width: 26px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 13px;
    border: 2px solid #FFF;
    color: #FFF;
    -webkit-transition: all all 0.1s ease-out;
    -moz-transition: all all 0.1s ease-out;
    -o-transition: all all 0.1s ease-out;
    transition: all all 0.1s ease-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.ace-file-multiple .ace-file-container .ace-file-name {
    position: relative;
    display: block;
    padding: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    margin: 0 4px;
    border-bottom: 1px solid #DDD;
    text-align: left;
}

.ace-file-multiple .ace-file-container .ace-file-name:first-child {
    margin-top: 1px;
}

.ace-file-multiple .ace-file-container .ace-file-name:last-child {
    border-bottom-width: 0;
    margin-bottom: 1px;
}

.ace-file-multiple .ace-file-container .ace-file-name img {
    padding: 2px;
    border: 1px solid #D7D7D7;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    margin: 4px 8px 4px 1px;
}

.ace-file-multiple .ace-file-container .ace-file-name:after {
    display: none;
}

.ace-file-multiple .ace-file-container.selected .ace-file-name:after {
    display: inline-block;
    white-space: pre;
}

.ace-file-multiple .ace-file-container .ace-file-name img+.ace-icon,
.ace-file-multiple .ace-file-container.selected .ace-file-name img+.ace-icon {
    display: none;
}

.ace-file-multiple .remove {
    right: -11px;
    top: -11px;
    border: 3px solid #BBB;
    border-radius: 32px;
    background-color: #FFF;
    color: red;
    width: 23px;
    height: 23px;
    line-height: 15px;
}

.ace-file-multiple .ace-file-container.selected+.remove:hover {
    border-color: #f4c0b1;
}

.ace-file-multiple .ace-file-overlay {
    position: absolute;
    top: -12px;
    bottom: -6px;
    left: -12px;
    right: -12px;
}

.ace-file-multiple .ace-file-overlay>.overlay-content {
    top: 20%;
}

.ace-file-multiple .ace-file-container .ace-file-name .ace-icon {
    position: relative;
    display: block;
    text-align: center;
    height: auto;
    line-height: 64px;
    width: auto;
    font-size: 64px;
    color: #D5D5D5;
    margin: 4px 0;
    background-color: transparent;
}

.ace-file-multiple .ace-file-container.selected:after {
    display: none;
}

.ace-file-multiple .ace-file-container.selected .ace-file-name .ace-icon {
    position: relative;
    margin-right: 4px;
    margin-left: 2px;
    line-height: 24px;
}

.ace-file-multiple .ace-file-container .ace-file-name.large {
    text-align: center;
    border-bottom: 1px solid #222;
    margin: 0 1px 3px;
}

.ace-file-multiple .ace-file-container .ace-file-name.large:last-child {
    margin: 0 1px;
}

.ace-file-multiple .ace-file-container .ace-file-name.large:after {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 4px;
    background-color: #555;
    color: #FFF;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.ace-file-multiple .ace-file-container .ace-file-name.large img {
    border-width: 0;
    margin: 0 !important;
    padding: 0;
}

.ace-file-multiple input[type=file].disabled+.ace-file-container:hover,
.ace-file-multiple input[type=file][disabled]+.ace-file-container:hover,
.ace-file-multiple input[type=file][readonly]+.ace-file-container:hover {
    border-color: #AAA;
}

.ace-file-multiple input[type=file].disabled+.ace-file-container:before,
.ace-file-multiple input[type=file][disabled]+.ace-file-container:before,
.ace-file-multiple input[type=file][readonly]+.ace-file-container:before {
    background-color: transparent;
}

.ace-file-multiple input[type=file].disabled+.ace-file-container .ace-icon,
.ace-file-multiple input[type=file][disabled]+.ace-file-container .ace-icon,
.ace-file-multiple input[type=file][readonly]+.ace-file-container .ace-icon {
    border-color: #EEE;
}


/*font  ace */

.bg_header_order {
    background: #478AC7;
    color: #fff;
}

.opt_permission label.none-bold .lbl {
    padding-left: 5px;
}

.opt_permission label.none-bold {
    padding-top: 5px;
    padding-bottom: 5px;
}

span.circle_price {
    background: none repeat scroll 0 0 #458cc7;
    border-radius: 50%;
    color: #fff;
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: 300;
    margin-left: 5px;
    margin-right: 5px;
    padding: 4px 11px;
}

ul.cate_menu a.btn_bottom {
    background: none repeat scroll 0 0 #cccccc;
    border-radius: 4px;
    clear: both;
    bottom: 3px;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 26px;
    padding: 3px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: auto;
    vertical-align: middle;
    cursor: pointer;
}

h4.title_item_B {
    border-bottom: 1px solid #e3e4e8;
    color: #458cc7;
    font-size: 23px;
    font-weight: 300;
    padding: 10px 5px;
    position: relative;
    text-align: left;
}

ul.cate_menu a.btn_top,
.wrap-info-in span.btn_top,
.wrap-info-in span.btn_bottom {
    background: none repeat scroll 0 0 #cccccc;
    border-radius: 4px;
    clear: both;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 25px;
    padding: 3px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    vertical-align: middle;
    height: auto;
    cursor: pointer;
}

.hold-gid-add {
    padding: 5px;
    position: absolute;
    right: 5px;
    background: #fff;
    overflow: hidden;
    z-index: 200;
    top: 1px;
}

.tab-gid,
.tab-list {
    margin-right: 5px;
    margin-top: 10px;
    border-bottom: 2px solid #E3E3E3;
    cursor: pointer;
}

.tab-list-gid {
    border-bottom: none;
}

.wrap-info-in span.btn_top {
    top: 0px;
    background: none;
    color: #ccc;
    font-size: 13px;
}

.wrap-tab-content-price .tab-pane-percent input {
    height: auto!important;
    padding: 10px 12px;
}

.wrap-info-in span.btn_bottom {
    top: 20px;
    background: none;
    color: #ccc;
    font-size: 13px;
}

.wrap-info-in span.btn_bottom:hover,
.wrap-info-in span.btn_top:hover {
    border: 1px solid;
    color: #b92c28;
}

ul.cate_menu {
    font-size: 14px;
    list-style: outside none none;
    margin: 10px 0;
    padding: 0;
}

h4.title_item_B div.btn_title .img-circle {
    background: none repeat scroll 0 0 #fff;
    color: #1c517e;
    font-size: 18px;
    font-weight: bolder;
    margin-right: 5px;
    padding: 2px 3px;
    vertical-align: -3px;
}

h4.title_item_B div.btn_title {
    margin-right: 35px;
}

h4.title_item_B div.btn_title.pull-r {
    margin-right: 28px;
}

.btn_title {
    float: right;
}

ul.cate_menu li {
    background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(#ffffff, #eeeeee);
    box-sizing: border-box;
    color: #458cc7;
    float: left;
    font-size: 15px;
    margin-bottom: 10px;
    margin-left: 0.7%;
    margin-right: 0.7%;
    position: relative;
    text-align: center;
    width: 15.2667%;
}

@media(max-width: 767px) {
    ul.cate_menu li {
        width: 48.6%;
    }
}

ul.cate_menu a.item {
    border: 1px solid #cccccc;
    color: #414141;
    display: block;
    text-align: center;
    height: 60px;
    padding: 10px 20px 10px 5px;
    vertical-align: middle;
}

ul.cate_menu a.btn_top:hover,
ul.cate_menu a.btn_bottom:hover {
    background: none repeat scroll 0 0 #e41e25;
    color: #fff;
}


/*earse system*/

div.delete_page p {
    line-height: 25px;
    text-align: center;
}

div.delete_page p.note_icon .icon-cate {
    color: #e41e25;
    font-size: 130px;
}

div.delete_page p.note_big {
    font-size: 14px;
}

div.delete_page p {
    line-height: 25px;
    text-align: center;
}

div.delete_page p.note_title {
    font-weight: bolder;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: left;
}

div.delete_page p {
    line-height: 25px;
    text-align: center;
}

div.delete_page p.note_title {
    font-weight: bolder;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: left;
}

div.delete_page p {
    line-height: 25px;
    text-align: center;
}

.list-group {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

ul.list_delete li {
    cursor: pointer;
    position: relative;
}

.list-group-item {
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}

div.delete_page p.note_bold {
    font-weight: bolder;
    padding-left: 10px;
    text-align: left;
}

ul.list_delete span.icon-other-check1 {
    background: none repeat scroll 0 0 #e41e25;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    padding: 1px;
    position: absolute;
    right: 10px;
    top: 12px;
}

ul.list_delete label {
    position: absolute;
    right: 10px;
}

ul.list_delete a.check .icon-other-check1 {
    display: block;
}

div.delete_page p.note_big span {
    font-size: 20px;
    font-weight: bolder;
}


/*earse system*/

tr.root_row {
    background: none repeat scroll 0 0 #a2def6;
    border-top: 2px solid #163c94;
    font-weight: bold;
    text-align: center;
}

table.table tr.sum_row {
    background: none repeat scroll 0 0 #fcdbe0;
    border-top: 2px solid #e41e25;
    color: #e41e25;
}

table.table tr.sum_row {
    background: none repeat scroll 0 0 #fcdbe0;
    border-top: 2px solid #e41e25;
    color: #e41e25;
}

span.input-group-addon span {
    color: #458cc7;
    font-size: 20px;
}

.opacity-2 {
    opacity: 0.2;
}

.field #pop_name {}

.field #code {}

div.inp_product_name input,
div.inp_product_code input {
    width: 100%!important;
    background-color: rgba(0, 0, 0, 0);
    background-position: center bottom, center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s;
    color: #565656;
    height: auto;
    background-image: linear-gradient(#707cd2, #707cd2), linear-gradient(rgba(120, 130, 140, .3), rgba(120, 130, 140, .3));
    border: none;
    font-weight: 300;
    box-shadow: none !important;
    border-radius: 0px;
    margin-top: 3px;
    padding-bottom: 3px;
}

div.inp_product_name input:focus,
div.inp_product_code input:focus {
    background-size: 100% 2px, 100% 1px;
    outline: 0;
    transition-duration: .3s;
}

div.lb_product_name {
    font-weight: 300;
    color: #777;
    font-size: 15px;
}

div.inp_product_name {}

div.inp_product_code {}


/*for training mode*/

div.training_line {
    height: 18px;
    background: -webkit-linear-gradient(#E10000, #870000);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E10000, #870000);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E10000, #870000);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E10000, #870000);
    /* Standard syntax */
    text-align: center;
    color: white;
    position: fixed;
    top: 0;
    z-index: 100;
    bottom: 20px;
}

p#training_bottom {
    margin-bottom: 18px;
}

div.loading_page {
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #ccc;
    opacity: 0.4;
    position: fixed;
    top: 0;
}

div.message {
    width: 40%;
    height: auto;
    top: 30%;
    left: 30%;
    color: #0D0D0D;
    position: fixed;
    z-index: 11;
    font-size: 18px;
    text-align: center;
}

p.menu_name {
    color: #414141;
    text-align: center;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

a.training:hover {
    opacity: 1;
}

a.training {
    font-size: 14px;
    color: white!important;
    float: right;
    opacity: 0.8;
}

.laser-rightTop {
    border-right: 5px solid red;
    border-top: 5px solid red;
    right: 0;
    top: 0;
}

.laser-rightBottom {
    border-bottom: 5px solid red;
    border-right: 5px solid red;
    bottom: 0;
    right: 0;
}

.scanner-laser {
    height: 30px;
    margin: 40px;
    position: absolute;
    width: 30px;
}

.laser-leftBottom {
    border-bottom: 5px solid red;
    border-left: 5px solid red;
    bottom: 0;
    left: 0;
}

.laser-leftTop {
    border-left: 5px solid red;
    border-top: 5px solid red;
    left: 0;
    top: 0;
}

.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 50px 120px 50px 120px;
}

.search_items {
    /*width: 268px;*/
    position: absolute;
    top: 0;
    right: 0;
}

#reading_code.input-code {
    height: 34px;
    z-index: 1;
}

.modal .modal-header a.close {
    font-size: 26px;
    color: #fff;
    top: 10px;
    right: 10px;
    opacity: 1;
}


/*for clone category*/

.modal-full {
    width: 98%;
}

#modal_clone_category.modal {
    z-index: 501;
}

div.panel-body.clone-cat {
    padding: 0;
    height: 400px;
}

div.header-menu {
    padding: 3px;
}

div.hold_items_clone {
    overflow: auto;
    height: 306px;
}

div.modal-footer.clone {
    padding: 8px 8px 0px 0;
}

span.edit_func.icon-cate.active:hover {
    background: none repeat scroll 0 0 #e41e25;
    color: #fff;
}

span.edit_func.icon-cate.active {
    background: none repeat scroll 0 0 #56BA47;
    color: #fff;
}

span.edit_func.icon-cate {
    background: none repeat scroll 0 0 #cccccc;
    border-radius: 4px;
    clear: both;
    color: #fff;
    display: block;
    font-size: 21px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    height: 28px;
    width: 28px;
    z-index: 20;
    cursor: pointer;
}

.category_holder {
    padding: 0px 15px;
}

@media(max-width: 767px) {
    .category_holder {
        padding: 0px 10px;
    }
}

table.members input[type="checkbox"] {
    transform: scale(1);
}

a.sortBy {
    color: gray;
    cursor: pointer;
    font-size: 13px;
    margin-left: 2px;
}

a.sortBy.active {
    color: #005AA9;
}

a.sp_sortBy {
    color: gray;
    cursor: pointer;
}

a.sp_sortBy.active {
    color: #005AA9;
}

div.loyalty_holder {
    padding: 8px;
    background: #EEEEEE;
    margin-bottom: 10px;
}

#btn-loyalty.f-right {
    float: right;
}

.member-trans {
    background: white none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: 252px;
    overflow: auto;
}

.nt-list-members {
    overflow: auto;
    padding: 0;
    height: 500px;
    border: 1px solid #ccc;
}

div.main_menu {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 10px 0px;
    border-radius: 6px;
}

div.main_menu a {
    display: block;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

div.main_menu a span.glyphicon,
div.main_menu a span.icon-cate {
    color: #005AA9;
    font-size: 52px;
}

div.main_menu a p.menu_name {
    text-align: center;
    color: #414141;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 14px;
}

#list_tpl_value .list_value {
    margin-top: 10px;
}

.icon-circle {
    background: #3F7EB7;
    padding: 5px;
    color: #fff;
    margin-right: 5px;
    vertical-align: -3px;
    font-weight: bolder;
    border-radius: 50%;
}

.btn-sq {
    padding: 7px 7px;
    margin: 3px 2px;
}

h4.title {
    padding: 10px;
    text-align: center;
    color: #000;
    font-weight: normal;
}

@media(max-width: 767px) {
    h4.title {
        text-align: left;
    }
    h4.title a.btn_brand_sm {
        float: none;
        margin-left: 6px;
    }
}

div.voucher_table_list {
    padding: 0;
    margin-top: 10px;
    height: 500px;
    border: 1px solid #ccc;
}

i.icon-size,
span.icon-size {
    font-size: 40px;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.admin_middle {
    padding: 10px 0 0!important;
}

ul.store_menu span.icon-other-check1.disabled {
    background: #ccc!important;
}

.introduct .hold_img,
div.introduct a img {
    height: 80px !important;
    margin-top: 5px;
    width: 96px !important;
}

.list_img_sm .hold_img {
    height: 80px;
    margin-top: 5px;
    width: 80px;
}

.introduct .hold_img,
div.introduct a img {
    height: 80px !important;
    margin-top: 5px;
    width: 96px !important;
}

div.list_img_sm a {
    display: inline-flex;
    float: left;
}

div.creat_coupon_L div.img img {
    border: 1px solid #e3e4e8;
    height: auto;
    width: 100%;
    margin: 10px 0;
    max-height: 285px;
}

.modal-header.noborder>h4 {
    padding-left: 12px;
    padding-top: 12px;
    font-size: 19px;
    padding-bottom: 12px;
    margin: 0px 0px 10px;
}

span.img_func.icon-cate {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 4px;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 21px;
    height: 28px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    z-index: 20;
}

.check-all-shop-applied {
    position: absolute;
    bottom: 66px;
    left: 20px;
}

.height250 {
    height: 250px;
}

ul.store_menu {
    font-size: 14px;
    list-style: outside none none;
    margin: 10px 0;
    padding: 0;
    position: relative;
}

ul.store_menu li {
    width: 31.8%;
    margin-left: 0.7%;
    margin-right: 0.7%;
    float: left;
    font-size: 15px;
    text-align: center;
    color: #458cc7;
    box-sizing: border-box;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
    background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #eeeeee);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    margin-bottom: 10px;
    position: relative;
}

ul.store_menu a.item {
    border: 1px solid #cccccc;
    color: #414141;
    display: block;
    height: 60px;
    padding: 15px 20px 10px;
    vertical-align: middle;
}

ul.store_menu a.check span.icon-other-check1 {
    display: block;
}

ul.store_menu span.icon-cate {
    font-size: 25px;
    margin-right: 5px;
    vertical-align: -5px;
}

ul.store_menu span.icon-other-check1 {
    background: green none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 5px;
    color: #fff;
    display: none;
    font-size: 25px;
    height: 30px;
    padding: 3px;
    position: absolute;
    right: 0;
    top: auto;
    width: 30px;
}

ul.store_menu span.icon-other-check1.disabled {
    background: #ccc none repeat scroll 0 0 !important;
}

.nt-list-members {
    overflow: auto;
    padding: 0;
    height: 500px;
    border: 1px solid #ccc;
}

.nt-content {
    padding: 0;
}

.nt-blage {
    font-size: 14px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

div.creat_coupon_L .img.holder_product {
    height: 300px;
}

ul.edit_menu {
    border-bottom: 1px solid #e3e4e8;
    list-style: outside none none;
    margin-bottom: 0;
    overflow: hidden;
    padding-left: 0;
}

#modal_add_coupon #percent {
    color: red;
}

#btn-loyalty.f-right {
    float: right;
}

div.modal-add-coupon {
    padding: 0px 0px 10px 0px;
}

.btn.btn-primary.edit {
    padding: 6px;
}

.btn,
.btn label.btn-texttop {
    cursor: pointer;
}

.modal-xsmall {
    width: 40%;
}

.price-bill div {
    padding: 0px;
}

div.badge-note {
    height: 42px;
    padding-left: 5px;
    overflow: auto;
}

div.badge-price-list {
    border-bottom: 1px solid #dedede;
    padding: 0;
    text-align: center;
}

div.hd-invoice-info {
    height: auto;
    width: auto;
    padding-left: 3px;
}

div.button-bill button.btn i {
    font-size: 18px;
}

div.button-bill button.btn {
    font-size: 14px;
    padding-bottom: 8px;
}

div.button-bill {
    width: 55%;
    float: left;
}

div.price-bill #topay {
    color: #EC0825;
}

div.price-bill {
    width: 45%;
    float: left;
    border-left: 1px solid #dedede;
    font-size: 14px;
    line-height: 25px;
}

#subCategory button {
    font-size: 12px;
    overflow: hidden;
    padding: 2px;
    text-shadow: 0 0 0 #000!important;
}

#modal_pay .modal-body {
    background: #F3F2E1;
}

.close_icon_delete_item {
    color: #E6E6E6;
    top: 10px;
    font-size: 19px;
    right: 2px;
}

#icon-txt-search i.i-status {
    font-size: 11px;
}

i.i-status.active {
    background: -webkit-linear-gradient(bottom right, #84E127, #56931A);
    background: -moz-linear-gradient(bottom right, #84E127, #56931A);
    background: linear-gradient(bottom right, #84E127, #56931A);
}

i.i-status {
    border-radius: 50%;
    -webkit-padding: 0.2px 4.8px;
    -moz-padding: 0.2px 6px;
    padding: 0.2px 4.8px;
    opacity: 0.90;
    position: relative;
    bottom: 0;
    right: 0;
    background: -moz-linear-gradient(bottom right, #FF0000, #AB0301);
    background: -webkit-linear-gradient(bottom right, #FF0000, #AB0301);
    background: linear-gradient(to bottom right, #FF0000, #AB0301);
    top: -6.9px;
}

input#cus_search_text {
    padding-right: 35px;
    border-left: 0;
    border-right: 0;
}

input#recent_code {
    border-left: 0;
    border-right: 0;
    background: #fff;
}

input#reading_code {
    border-left: 0;
    border-right: 0;
    background: #fff;
}

input#reading_code {
    border-left: 0;
    border-right: 0;
}

span.quantity_dt,
span.price_dt {
    background: #efefef none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    padding: 5px 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-top: 4px;
    color: #000;
}

#cus_search_text[disabled] {
    background: #fff;
}

#detail_order .detail_order_block:nth-child(2n+1),
#tpl_detail_cart .detail_order_block:nth-child(2n+1) {
    background-color: #f9f9f9;
}

#detail_order .detail_order_block:nth-child(2n),
#tpl_detail_cart .detail_order_block:nth-child(2n) {
    background-color: #fff;
}

.badge-sum-items {
    text-align: right;
    padding-top: 10px;
    padding-right: 28px;
    font-weight: bold;
}

.main-retail-right {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    height: 510px;
    overflow: auto;
}

#subCategory h4.text-center {
    font-size: 14px;
}

.btn-group button.root_item {
    overflow: hidden;
}

span.input-group-addon.bg-white {
    cursor: pointer;
}

.icon-add-voucher {
    position: relative;
    right: 2px;
    float: right;
    font-size: 28px;
    color: white;
    border: 1px solid #fff;
    cursor: pointer;
    padding-top: 2px;
    padding-right: 1px;
    padding-left: 1px;
}

.icon-add-voucher:hover {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
}

div.search {
    background: #fff;
    border-radius: 6px;
    position: relative;
    border: 1px solid #ccc;
    font-size: 14px;
}

.search_cus a.square_x {
    font-size: 12px;
    position: absolute;
    right: 6px;
    top: 4px;
}

div.search span.icon-cate {
    color: #a6a6a6;
    font-size: 20px;
    left: 6px;
    position: absolute;
    top: 6px;
}

div.search input.search_text,
div.search input.reading_code {
    border: 0 none;
    box-sizing: border-box;
    color: #414141;
    width: 99.2%;
    padding: 2px 26px 2px 30px;
    height: 93%;
    margin-top: 1px;
    margin-left: 1px;
}

div.search input#search_order_code {
    padding: 2px 36px 2px 10px;
}

a.icon-other-x {
    background: #cccccc;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
    text-align: center;
    padding-left: 5px;
    padding-right: 6px;
    padding-top: 6px;
}

.search.search_cus #icon-search-recent-order {
    left: 88%;
    cursor: pointer;
}

.search.search_cus #icon-search-recent-order:hover {
    color: #005AA9;
}

td.normal-checkbox .btn.square_x {
    padding: 3px;
    padding-left: 4px;
}

.square_x {
    background: none repeat scroll 0 0 #cccccc;
    border-radius: 15px;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    padding: 7px 5px 4px 5px;
    text-align: center;
    width: 22px;
    height: 22px;
    border: none;
}

.square_x:hover {
    background: none repeat scroll 0 0 #d9534f;
    color: #fff;
    text-decoration: none;
}

.badge-sum-items .square_x {
    margin-top: 6px;
    position: absolute;
    right: 2px;
    right: 2px;
}

#recent_code[readonly] {
    background: #E3E3E3;
}

.header-online-retail {
    background: #EFEFEF;
    color: #fff;
    padding: 6px 0 4px 0;
}

input#reading_code_online {
    font-size: 12px;
}

div#main_screen_pos {
    margin-bottom: 20px;
}

td.force-left {
    text-align: left;
}

.hd-lable-status,
.hd-status,
.hd-lable-visibled,
.hd-visibled,
.hd-lable-return,
.hd-return {
    min-width: 1px;
    padding: 0;
    float: left;
}

.hd-lable-status {
    width: 18.3%;
}

.hd-status>select#pop_status {
    padding-left: 0;
    padding-right: 0;
}

.hd-status {
    width: 18%;
}

.hd-lable-visibled {
    width: 11%;
    text-align: right;
}

.hd-lable-return {
    width: 14%;
    text-align: right;
}

.hd-visibled {
    width: 18%;
}

.hd-return>select#pop_return {
    padding: 0px;
}

.hd-return {
    width: 18.4%;
    text-align: right;
}

.hd-lb-price,
.hd-price,
.group-sales,
.group-allow-deal {
    float: left;
    width: 18.3%;
}

.group-sales input#pop_sales,
.hd-price input#pop_price {
    width: 100%;
}

.group-sales,
.hd-price {
    width: 23%;
    padding-right: 5px;
}

.group-allow-deal {
    width: 32%;
    padding-top: 5px;
}

.hd-apply-online-store {
    width: 42%;
    float: left;
    min-height: 1px;
}

.hd-online-name {
    width: 58%;
    float: left;
    min-height: 1px;
    padding-right: 5px;
}

.btn-shop-height button {
    height: 80px;
    width: 100%;
    border: 1px solid #ccc;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
}

.btn-list-shop-close {
    width: 100%;
    height: 40px;
    border-radius: 0px;
    color: #000!important;
}

.btn-group button.btn {
    border: none;
}

button.root_item {
    border-right: 1px solid #ccc!important;
}

.btn-report-close {
    border-radius: 0px;
}

span.decrement-item {
    color: red;
    float: right;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 1px;
}

.scan_qrcode_holder {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.scan_qrcode_holder img {
    width: 100%;
    max-width: 300px;
    max-height: 300px;
}

#detail_order .detail_order_block.active {
    background: #FEF6D4!important;
}

#btn_add_product {
    padding-left: 0px;
    padding-right: 0px;
}

.header-collection.bg-header-pay {
    background: #6B6B6B;
    height: 40px;
}

.header-collection.bg-header-pay h4 {
    font-size: 16px;
    text-transform: capitalize;
}

div.search.search_cus.online {
    margin-right: 0px!important;
    margin-left: 14px;
}

div.hd-func-onl>.price-bill-onl {
    padding-top: 16px!important;
    border-left: 1px solid #EBEBEB;
}

div.hd-func-onl>.col-sm-6 {
    padding: 0px;
}

div.hd-func-onl {
    padding: 0;
    border-top: 1px solid #EBEBEB;
}

div.hd-func-onl>div.hd-btn-onl>div.col-sm-12 {
    padding: 0px;
}

div.hd-func-onl>div.hd-btn-onl>div.col-sm-12>div.col-sm-6 {
    padding-left: 2px;
    padding-right: 2px;
}

div.hd-note-onl {
    height: 38px;
    border-top: 1px solid #EBEBEB;
    overflow: auto;
}

div.footer-main .col-btn-func {
    float: left;
    width: 19.99%;
    padding-left: 3px;
    padding-right: 3px;
}

div.footer-main .col-btn-func.first {
    padding-left: 0px;
}

.item_sku_edit span.btn_edit_icon {
    top: 0;
    right: 16px;
}

.item_sku_edit span.btn_delete_icon {
    top: 3px;
    right: 16px;
}

div#shifts_holder {
    min-height: 420px;
}

div.expire_date {
    height: 105px;
    border: 3px solid #005AA9;
}

div.expire_date p.date {
    margin: 0;
    font-size: 16px;
    text-align: center;
}

div.expire_date p.day_left {
    font-size: 14px;
    text-align: center;
}

div.expire_date p.title {
    font-size: 18px;
    text-align: center;
    color: #005AA9;
}

fieldset.option-print {
    margin-top: 10px;
    padding-left: 26px;
}

fieldset.option-print legend {
    padding: 5px;
}

div.left-printing {
    background: #fff;
    padding: 0;
    padding-bottom: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

div.hd-list-printing {
    background: #fff;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px 5px 0 0;
    height: 536px;
    overflow: auto;
}

div.hd-print {
    background: #E3E7EA;
}

h4.title-left-print {
    margin-top: 0;
    background: #4285F4!important;
    padding: 5px 6px;
    color: #fff;
    font-size: 19px;
    border-radius: 3px 3px 0 0;
}

.L {
    float: left;
}

.R {
    float: right;
}

.hd-search-bl {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    z-index: 1300;
}

#chung_tu_holder {
    text-align: center;
}

#chung_tu_holder img {
    border: 1px solid #efefef;
    margin-left: 10px;
    margin-top: 5px;
    max-height: 220px;
    max-width: 200px;
}

#modal_liabilities .hd-sum span.pay {
    font-weight: bold;
    color: #E70944;
    font-size: 18px;
}

#modal_liabilities .hd-sum span.total {
    font-weight: bold;
    font-size: 18px;
}

#modal_liabilities .hd-table {
    height: 360px;
    overflow: auto;
}

#modal_liabilities {
    text-align: center;
}

.pay-modal {
    width: 600px;
}

div.bl-btn-cash button {
    width: 100%;
}

div.liabilities-history {
    height: 220px;
    overflow: auto;
    padding: 0px;
    margin-top: 5px;
    border: 1px solid #dedede;
}

.liablities-list {
    background: white none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: 292px;
    overflow: auto;
}

tr.disabled.liabilities {
    color: #e9e9e9;
}

tr.active.liabilities td {
    background: #44A6FD!important;
    color: white;
}

#chung_tu_holder span.img_func.icon-cate {
    width: 28px;
    top: 0;
    right: 0;
    position: absolute;
}

#chung_tu_holder span.img_func.icon-cate.icon-other-x {
    top: 30px;
}

ul.history {
    list-style: outside none none;
    margin: 10px;
}

.border-gray {
    border: 1px solid gray;
}

ul.history>li {
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    float: left;
    margin-bottom: 15px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    width: 19%;
}

ul.history a {
    color: #414141;
    display: block;
    position: relative;
    text-decoration: none;
}

ul.history a.check span.icon-other-check1 {
    background: #e41e25 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 25px;
    height: 30px;
    padding: 3px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 30px;
}

ul.history>li div.history_T {
    background: #f4f2f2 none repeat scroll 0 0 padding-box;
    border-radius: 6px 6px 0 0;
    padding: 5px 10px;
}

.border-gray div.history_T,
.border-gray div.history_B {
    background: gray none repeat scroll 0 0 !important;
    color: white !important;
}

ul.history a {
    color: #414141;
}

.border-gray div.history_T,
.border-gray div.history_B {
    background: gray none repeat scroll 0 0 !important;
    color: white !important;
}

ul.history>li div.history_B {
    background: #f4f2f2 none repeat scroll 0 0;
    padding: 0 10px;
}

ul.history>li div.line {
    border-bottom: 1px solid #e3e4e8;
    overflow: hidden;
}

ul.history>li div.line div.line_L ul {
    list-style: outside none square;
    margin-left: -26px;
}

.border-yellow {
    border: 1px solid #d4d443;
}

ul.history .history_co {
    background: #fff none repeat scroll 0 0;
    line-height: 2;
}

ul.history>li div.line div.line_L {
    border-right: 1px solid #e3e4e8;
}

ul.history>li div.line p {
    margin-bottom: 0;
}

p.total_recent_shift>b.green {
    color: #50aa50;
}

p.total_recent_shift>b.blue {
    color: #3172aa;
}

div.modal-header .bootstrap-dialog-title {
    padding: 3px 12px;
}

.lb-liabilities {
    color: #2E6DA3;
    margin-top: 5px;
    text-align: center;
    font-weight: bold;
}

.lb-left {
    color: red;
    margin-top: 5px;
    font-weight: bold;
    text-align: center;
}

.header-table-inventory {
    font-size: 11px;
}

h4#title_menu {
    padding: 6px;
    margin: 0px 10px;
    color: white;
}

div.lb-create-invoid {
    font-size: 16px;
    text-align: center;
    padding: 0;
}

.mp-head {
    width: auto;
    float: right;
    padding: 0px 8px;
    border-left: 1px solid;
    margin: 1px 0px;
}

.mp-head.Foo {
    border-left: none!important;
}

.hd-info-head {
    padding: 0;
    line-height: 1.2;
    font-size: 14px;
}

.hd-info-head span#holder_noti {
    margin-top: 0px!important;
    display: inline-table;
}

.hd-l-icon-lb {
    margin-top: 5px;
    text-align: center;
}

.hd-l-icon-lb button {
    height: 32px;
    width: 34px;
    margin-top: -4px;
}

#max_debts {
    font-weight: normal;
}

tbody#list_liabilities .active td {
    background: #DBC668;
    color: #fff;
}

.lb-liabilities #max_debts {
    padding-left: 3px;
    padding-right: 3px;
}

div.l-hd-lia {
    padding: 0;
}

div.l-hd-lia div {
    float: left;
}

div.l-hd-lia .hd-update-lia {
    width: 20%;
    min-height: 1px;
}

div.l-hd-lia .hd-lable-lia {
    width: 22%;
    min-height: 1px;
    text-align: right;
    margin-top: 5px;
    padding-right: 3px;
}

div.hd-bt-detail-lia-list {
    width: 40%;
    float: left;
    min-height: 1px;
    padding-left: 50px;
}

div.l-hd-lia .hd-date-lia {
    width: 11.3%;
    min-height: 1px;
}

tr.sub-liabilities-sp {
    height: 40px;
}

tr.sub-liabilities-sp td {
    background: #F4F4F4;
}

td.sub-hd-liabilities {
    padding-left: 26px !important;
    text-align: left;
}

tr.crt-lia-sp td:first-child {
    text-align: left;
}

tr.crt-lia-sp {}

tr.lia-spl td:nth-child(2),
tr.lia-spl td:nth-child(3) {
    padding-top: 12px;
}

tr.lia-spl td:first-child {
    font-weight: bold;
    padding-top: 12px;
}

tr.lia-spl td {
    background: #f3f3f3;
}

span#sum-suggest {
    font-weight: bold;
    color: red;
}

.lia-spl input {
    text-align: center;
}

div.modal-suggest-liabilities {
    min-height: 420px;
}

.glyphicon.glyphicon-remove-circle.x-icon {
    font-size: 18px;
    color: #ddd;
    cursor: pointer;
}

.glyphicon.glyphicon-remove-circle.x-icon:hover {
    color: #e40000;
    opacity: 0.88;
}

tr.view_suggested td:active {
    background: #fef9de;
}

textarea.txt-email-teamplate {
    height: 166px
}

h4.title.suggested {
    font-size: 23px;
    background: #ccc;
}

span.top-5 {
    display: inline-block;
}

div.head-table-val-inven {
    font-weight: bold;
}

div.hd-sxk-qt {
    text-align: left;
    padding-left: 30px;
}

input#quick_change_quantity.warning {
    color: red;
    font-weight: bold;
}

input#quick_change_quantity {
    text-align: center;
    font-size: 14px;
}

div.quick-change-quantity .modal-dialog.modal-small {
    max-width: 300px;
}

div.multi-left {
    float: left;
    min-height: 1px;
    width: 16%;
}

div.multi-middle {
    float: left;
    min-height: 1px;
    width: 64%;
}

div.multi-right {
    float: left;
    min-height: 1px;
    width: 20%;
    padding-top: 9px;
}

div#popup-discount-holder .tab-pane.fade.in.active {
    display: block;
}

.tab-pane.active {
    display: contents;
}

.tab-pane {
    display: none;
}

div#popup-discount-holder .tab-pane.fade,
div#self-popup-discount {
    min-height: 148px;
}

div.nav.nav-pills.nav-justified li:active {
    height: 100%;
}

div.nav.nav-pills.nav-justified li {
    height: 99%;
}

div.btn-lia-pay {}

div.inventory-input label {
    margin: 0 20px;
}

div.inventory-input {
    text-align: center;
    font-size: 16px;
}

li.hd-coffers {
    border-bottom: 1px solid #fff;
    padding: 5px 3px 6px 6px;
    background: #fff;
    color: #e41e25;
    text-align: center;
}

li.hd-coffers button {
    margin-top: -3px;
    padding: 3px;
}

.hd-coffers>span {
    display: inline-block;
    margin-right: 10px;
    width: 83px;
}

ul.cate_menu a.item.shop {
    padding-right: 25px;
}

.btn-shop-height button {
    white-space: normal;
}

.holder-member-history {
    min-height: 360px;
}

ul.cate_menu.blk-warehouse a.item {
    height: 79px;
    padding-left: 0px;
    padding-right: 24px;
    padding-top: 12px;
}

div.info-receive-onl {
    padding: 0;
    margin-top: 5px;
    border-top: 1px solid #ddd;
    margin-bottom: 5px;
}

.shipping-info {
    height: 26px;
}

.font-size-15 {
    font-size: 15px;
}

#inp_cart_note {
    width: 100%;
}

.inp-info {
    height: 18px;
}

.lb-rec-name,
.lb-rec-mobile,
.lb-rec-address,
.lb-cart-note,
.inp-rec-name,
.inp-rec-mobile,
.inp-rec-address,
.inp-cart-note {
    float: left;
    display: inline-block;
    min-height: 1px;
}

.inp-rec-name input,
.inp-rec-mobile input,
.inp-rec-address input {
    color: black
}

.lb-rec-name {
    width: 65px;
}

.inp-rec-name {
    width: 200px;
}

.lb-rec-mobile {
    width: 53px;
    text-align: right;
    padding-right: 2px;
}

.inp-rec-mobile {
    width: 98px;
}

.inp-rec-mobile #inp_receive_mobile,
.inp-rec-address input {
    width: 100%;
}

.lb-rec-address {
    width: 65px;
}

.inp-rec-address {
    width: 350px;
}

.lb-cart-note {
    width: 66px;
}

.inp-cart-note {
    width: 336px;
}

.inp-cart-note textarea {
    width: 100%;
    height: 36px;
    border: none;
    border-left: 1px solid #ccc;
}

li.tab-panel span {
    color: red;
}

li.tab-panel a {
    padding: 10px 12px;
}

.lb-client-name,
.lb-client-mobile,
.lb-client-address,
.lb-client-date,
.lb-client-email,
.inp-client-name,
.inp-client-mobile,
.inp-client-address,
.inp-client-date,
.inp-client-email {
    float: left;
    display: inline-block;
    min-height: 1px;
}

.inp-client-name input,
.inp-client-mobile input,
.inp-client-address input,
.inp-client-date input,
.inp-client-email input {
    width: 100%;
    color: black;
}

.lb-client-name {
    width: 62px;
}

.inp-client-name {
    width: 198px;
}

.lb-client-date {
    width: 82px;
    text-align: right;
    padding-right: 2px;
}

.inp-client-date {
    width: 72px;
}

.lb-client-email {
    width: 62px;
}

.inp-client-email {
    width: 200px;
}

.lb-client-mobile {
    width: 56px;
    text-align: right;
    padding-right: 2px;
}

.inp-client-mobile {
    width: 96px;
}

.lb-client-address {
    width: 63px;
}

.inp-client-address {
    width: 353px;
}

.onl-update-by {
    height: 26px;
    font-size: 13px;
    padding-right: 0;
}

.inp-info-client {
    height: 18px;
}

input#inp_receive_name {
    width: 169px;
}

input.inp-info-client:disabled {
    background: #ddd;
}

input.inp-info-client,
input.inp-info {
    padding: 0px 2px;
}


/*For delivery*/

div#map {
    width: 100%;
    height: 91%;
}

select.delivery-select {
    height: 30px;
    padding: 2px 3px;
}

span#ddcl-sl_map_shipper span.ui-dropdownchecklist-text {
    font-weight: normal!important;
    color: black!important;
    font-size: 15px;
    padding-top: 2px;
}

div#ddcl-sl_map_shipper-ddw {
    height: 100%!important;
    width: 390px!important;
    z-index: 10000!important;
}

div#ddcl-sl_map_shipper-ddw .ui-dropdownchecklist-dropcontainer.ui-widget-content {
    height: 100%;
}

div#ddcl-sl_map_shipper-ddw .ui-dropdownchecklist-dropcontainer.ui-widget-content label {
    font-weight: normal!important;
    color: black!important;
    font-size: 12px;
}

div#ddcl-sl_map_shipper-ddw .ui-dropdownchecklist-dropcontainer.ui-widget-content input {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    margin-left: 5px;
    margin-right: 5px;
}

span.hd-icon-job {
    display: inline-block;
    padding: 5px 6px 3px 6px;
    border: 1px solid #ccc;
    border-radius: 15px;
    font-size: 12px;
}

span.hd-icon-job i.glyphicon-ok {
    color: green;
}

span.hd-icon-job.canceled {
    background: black;
    color: white;
    opacity: 0.66
}

span.hd-icon-job.done {
    background: green;
    color: white;
}

span.hd-icon-job.done i.glyphicon-ok {
    color: white;
}

span.hd-icon-job i.pending {
    color: #ccc;
    padding: 0 1px;
    line-height: 1.1;
}

.R {
    float: right;
}

.L {
    float: left;
}

.menu-shipping-list {
    margin-top: 36px;
}

.col-centered {
    float: none;
    text-align: left;
    margin: 0px auto!important;
}

div.lb-hd-dt {
    width: 21%;
    text-align: right;
    padding-right: 3px;
    margin-top: 5px;
}

div.inp-hd-dt,
div.lb-hd-dt {
    display: block;
    float: left;
}

div.inp-hd-dt {
    width: 79%;
}

b#txt_deli_id {
    color: #1a7dbc;
}

b#txt_deli_id {
    color: #1a7dbc;
}

input.info-deli:disabled,
textarea.info-deli:disabled {
    color: black;
}

.sp-job-type-1,
.sp-job-type-2,
.sp-job-type--1 {
    display: inline-block;
    padding: 2px 5px;
    min-width: 80px;
    border-radius: 3px;
    font-size: 12px;
}

.sp-job-type-1 {
    background: #4589ca;
    color: white;
}

.sp-job-type-2 {
    background: green;
    color: white;
}

.sp-job-type--1 {
    background: black;
    color: white;
}

.min-height {
    min-height: 520px;
}

#pop_sales {
    padding: 3px;
}

.font13 {
    font-size: 13px;
}

.push-left {
    float: right;
    margin-right: 30px;
}

div.btn-group.push-left {
    margin-right: 25px;
}

@media(max-width: 767px) {
    div.btn-group.push-left {
        margin-right: 0px;
        margin-top: 10px;
    }
    div.btn-group.push-left button {
        width: 50%;
        border-radius: 0px !important;
        margin: 0px !important;
    }
}

.bootstrap-dialog-button-icon.glyphicon-trash {
    margin-right: 5px;
}

.color-36h {
    color: #f7bf48;
}

table.text-center>tr>td {
    text-align: center;
}

div.header_Ce div.bootstrap-select button.btn.dropdown-toggle.btn-default {
    padding-left: 10px;
    padding-right: 10px;
}

div.modal-dialog.modal-treasurer {
    width: 68%;
}

div.treasurer-shop-sl {
    margin-top: -10px;
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

tr.strikeout td:after {
    content: "\00B7";
    font-size: 1px;
}

tr.strikeout td {
    position: relative;
    background: #fff;
    color: black;
}

#list_transactions button.square_x {
    font-size: 9px;
}

label#hd_internal {
    margin-left: 10px;
}

button.btn-popup-ok {
    width: 34px;
    padding: 5px;
    position: absolute;
    right: 18px;
    top: 10px;
}

.border-separate {
    border-top: 1px solid #fff;
    box-shadow: 0 -1px 0 #dedede;
}

.bg-hold-main-content {
    background: #fff;
    border-radius: 5px;
    padding: 8px 0;
}


/* ##### CSS ##### */

ul.cate_menu a.btn_top {
    font-size: 15px;
    padding: 0px;
    width: 26px;
    height: 26px;
    line-height: 25px;
}

ul.cate_menu a.btn_bottom {
    font-size: 13px;
    padding: 0px;
    width: 26px;
    height: 26px;
    line-height: 25px;
}

.cate_menu .root_items>p,
.cate_menu .cat_items>p,
.maincate_menu .shop_items>p,
.cate_menu .item.shop>p {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 20%;
    width: calc(100% - 32px);
    margin: 0px 0px 0px 5px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-transform: capitalize;
}

.cate_menu .root_items>p,
.cate_menu .cat_items>p,
.maincate_menu .shop_items>p,
.cate_menu .item.shop>i {
    font-size: 9px;
}

.in_btn_text {
    position: relative;
    top: 0px;
    display: inline-block;
    font-weight: 300;
    margin: 4px 0px 4px 4px;
}

a.btn_brand_sm i {
    position: relative;
    top: 3px;
}

h4.title {
    padding: 20px 10px;
}

.modal-lg {
    width: 70%;
    margin: 0px auto;
}

#modal_add_storing .modal-lg {
    width: 90%;
}

@media(max-width: 767px) {
    .modal-lg {
        width: calc(100% - 20px) !important;
    }
    .primary-order1 .row.text-center .text-center {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .modal-sm {
        width: 480px;
    }
}

#modal_add_product .modal-body,
#modal_no_category .modal-body {
    padding: 0px 15px;
}

.table-product {
    box-shadow: 0px 0px 2px #999;
    padding: 12px 12px 17px 12px;
    margin: 3px 0px;
    background: #fff;
}

.table-product h2.title {
    font-size: 20px;
    font-weight: 300;
    color: #555;
    margin: 14px 0px 0px 5px;
    padding-bottom: 9px;
    cursor: pointer;
}

.table-product h2.title a {
    color: #555;
    display: block;
}

div.pop_up_T,
.bootstrap-dialog-header {
    background: none repeat scroll 0 0 padding-box #005AA9;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-weight: 300;
    padding: 14px 0px 14px 14px;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
}

.modal-header .bootstrap-dialog-header .close {
    top: 15px;
    right: 10px;
}

.pop_up_T_1 {
    color: #005AA9;
    font-weight: 400;
    padding: 14px 0px 14px 18px;
    text-align: left;
    font-size: 20px;
}

.label_name {
    font-weight: 300;
    color: #222;
    font-size: 15px;
    /* display: block; */
    margin-top: 18px;
    margin-bottom: 6px;
}

.input_name {
    position: relative;
}

.input_name input {
    width: 100%!important;
    background-color: rgba(0, 0, 0, 0);
    background-position: center bottom, center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s;
    color: #777;
    height: auto;
    background-image: linear-gradient(#005AA9, #005AA9), linear-gradient(rgba(120, 130, 140, .3), rgba(120, 130, 140, .3));
    border: none;
    font-weight: 300;
    box-shadow: none !important;
    border-radius: 0px;
    margin-top: -4px;
    padding-bottom: 4px;
}

.wrap_name {
    padding: 0px 4px;
}

.input_name input:focus {
    background-size: 100% 2px, 100% 1px;
    outline: 0;
    transition-duration: .3s;
}

.choose_cate {
    width: 100%!important;
    background-color: rgba(0, 0, 0, 0);
    background-position: center bottom, center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s;
    color: #565656;
    background-image: linear-gradient(#005AA9, #005AA9), linear-gradient(rgba(120, 130, 140, .3), rgba(120, 130, 140, .3));
    border: none;
    font-weight: 300;
    box-shadow: none !important;
    margin-top: -3px;
    padding: 0px;
    margin-left: 0px;
    border-radius: 0px;
    height: 23px;
}

.input-check {
    color: #888;
    margin-top: -2px;
}

.avatar_thumbs {
    margin: 15px 0px 0px;
}

.avatar_thumbs>a {
    display: block;
    height: 137px;
    position: relative;
    border: 1px solid #e8e8e8;
    margin: 0px 0.4%;
    width: 15.8%;
    box-shadow: 0px 0px 5px #c7c7c7;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.avatar_thumbs>a span {
    color: #54ba47;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    display: none;
}

.avatar_thumbs>a:hover {
    background: #ddd;
}

.avatar_thumbs>a:hover span {
    display: block;
}

.avatar_thumbs>a img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.avatar_thumbs>a:hover img {
    transform: scale(0.9);
}

.table-product .panel-default {
    border: none;
    box-shadow: none;
    margin: 0px;
}

.table-product .panel-body {
    padding: 0px;
    margin-top: 12px;
}

.table-product .panel-heading {
    padding: 0px;
    background: none;
    border: none;
}

.table-product .panel-body ul {
    padding: 0px;
}

.table-product .panel-body ul li:first-child {
    border-top: 1px solid #ddd;
}

.table-product .panel-body ul li {
    list-style-type: none;
    border-bottom: 1px solid #ddd;
    padding: 18px 10px;
}

.table-product .panel-body ul li .name {
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    padding: 11px 0px 10px;
    color: #666;
    font-weight: 300;
    font-size: 15px;
    height: 44px;
    border-radius: 2px;
    outline: none;
    width: 100%;
}

.table-product .panel-body ul li .info,
.tags.info {
    border: 1px solid #ddd;
    display: block;
    text-align: left;
    color: #666;
    font-weight: 300;
    font-size: 15px;
    height: 44px;
    border-radius: 2px;
    padding: 0px 3px;
}

.table-product .panel-body ul li .info span,
.tags.info span {
    background: #55ba47;
    color: #fff;
    margin-right: 4px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0px 20px;
    font-style: italic;
    position: relative;
    border-radius: 2px;
}

.table-product .panel-body ul li .info span i,
.tags.info span i {
    position: absolute;
    top: 3px;
    right: 4px;
    font-style: initial;
    font-weight: 300;
    line-height: normal;
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

.table-product .panel-body ul li .info input,
.tags.info input {
    height: 42px;
    padding-left: 5px;
    border: none;
    padding: 0px 5px;
}

.table-product .panel-body ul li .info input:focus,
.tags.info input:focus {
    border: none;
    outline: none;
}

.tags .ui-helper-hidden-accessible {
    display: none!important;
}

.table-product .panel-body .view_more {
    background-image: -webkit-linear-gradient(top, #56BA47 0%, #419641 100%);
    background-image: -o-linear-gradient(top, #56BA47 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56BA47), to(#419641));
    background-image: linear-gradient(to bottom, #56BA47 0%, #419641 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff56BA47', endColorstr='#ff419641', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    display: inline-block;
    text-align: center;
    padding: 10px 30px;
    border-radius: 8px;
    color: #fff;
    font-style: italic;
    font-size: 16px;
    margin-top: 8px;
    cursor: pointer;
}

.table_version thead tr th {
    font-weight: bold;
    color: #555;
    border-bottom: none;
    font-size: 16px;
}

.table_version tbody {}

.table_version tbody tr td {
    vertical-align: middle;
    padding: 16px 8px;
    border-bottom: 1px solid #ddd;
}

.table_version tbody tr td input {
    border: 1px solid #e8e8e8;
    height: 44px;
    width: 100%;
    padding: 8px;
}

.table_version tbody tr td input:focus {
    outline: none;
}

.table_version tbody tr td .avatar {
    display: block;
    border: 1px solid #e8e8e8;
    text-align: center;
    position: relative;
    height: 46px;
    overflow: hidden;
}

.table_version tbody tr td .avatar img {
    height: 44px;
    display: inline-block;
}

.table_version tbody tr td .avatar span {
    display: none;
    position: absolute;
    top: 0px;
    right: 5px;
    color: #54ba47;
}

.table_version tbody tr:hover td .avatar span {
    display: block;
}

.btn-success {
    box-shadow: none;
}

.btn-success1 {
    margin: 30px 0px;
    cursor: pointer;
}

.btn-success1 a {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #f00000 0%, #D64852 100%);
    background-image: -o-linear-gradient(top, #f00000 0%, #D64852 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f00000), to(#D64852));
    background-image: linear-gradient(to bottom, #f00000 0%, #D64852 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff56BA47', endColorstr='#ff419641', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #f00000;
    border-radius: 5px;
    display: inline-block;
    padding: 9px 30px 10px;
    font-size: 16px;
    position: relative;
    line-height: normal;
    opacity: 1;
    right: 0px;
    text-shadow: none;
    top: 0px;
}

.btn-success1 a:last-child {
    background-image: -webkit-linear-gradient(top, #56BA47 0%, #419641 100%);
    background-image: -o-linear-gradient(top, #56BA47 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56BA47), to(#419641));
    background-image: linear-gradient(to bottom, #56BA47 0%, #419641 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff56BA47', endColorstr='#ff419641', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    margin-left: 8px;
    display: inline-block !important;
}

.btn-success1 a.btn-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%)!important;
    background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%)!important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a))!important;
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0)!important;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)!important;
    background-repeat: repeat-x!important;
    border-color: #b92c28!important;
}

#btn_add_order {
    background-image: -webkit-linear-gradient(top, #56BA47 0%, #419641 100%);
    background-image: -o-linear-gradient(top, #56BA47 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56BA47), to(#419641));
    background-image: linear-gradient(to bottom, #56BA47 0%, #419641 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff56BA47', endColorstr='#ff419641', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    padding: 5px 20px;
    display: inline-block !important;
    color: #fff;
    border-radius: 8px;
    margin-top: 3px;
    cursor: pointer;
}


/**/

.table_no_category tbody tr td .avatar {
    display: block;
    border: 1px solid #e8e8e8;
    background: #fff;
    text-align: center;
    position: relative;
    width: 140px;
    height: 154px;
}

.table_no_category tbody tr td .avatar img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

.table_no_category thead tr th {
    font-weight: bold;
    color: #555;
    border-bottom: none;
    font-size: 16px;
}

.table_no_category tbody tr:hover {
    background: #f1f1f1;
}

.table_no_category tbody tr td {
    vertical-align: top;
    padding: 16px 8px;
    border-bottom: 1px solid #ddd;
}

.table_no_category .label_name {
    margin-top: 0px;
}

.table_no_category .input_name {
    margin-bottom: 25px;
}

.modal .table_no_category .btn {
    margin-top: 0px;
    margin-bottom: 10px;
}

.modal .table_no_category .btn-success a {
    font-weight: 300;
    font-size: 15px;
    padding: 9px 25px 8px;
    border-radius: 5px;
}

#invoice.history .hd-print-barcode,
#invoice.history .holder-barcode td {
    text-align: center;
}

div#invoice.history .body-bill {
    height: 300px;
    overflow-y: auto;
}

div#invoice.history {
    width: 100%;
    min-height: 920px;
    padding: 5px;
}

#hd_table_import_excel_menu {
    overflow: auto;
    height: 420px;
    border: 1px solid #ccc;
    padding: 3px;
    background: #f1f1f1;
}

#table_import_excel_menu {
    width: 1600px;
}


/* ###### CSS 12/9/2018 Mr Tan ###### */

.form-search {
    position: relative;
    margin: 20px 0px 10px 0px;
}

.form-search input {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 12px;
    height: 34px;
}

.form-search input:focus {
    outline: none;
}

.form-search button {
    position: absolute;
    right: 0px;
    top: 0px;
    background: none;
    border: none;
    font-size: 20px;
    color: #555;
    height: 42px;
    width: 50px;
}

.add_product {
    cursor: pointer;
    display: block;
    margin: 27px 0px 0px 0px;
    text-align: center;
}

.primary-provider,
.primary-order {
    padding: 0px 15px;
    background: #fff;
}

.nav-check {
    padding: 6px 0px;
    border: none;
    margin: 0px;
}

.nav-check li {
    width: 33.33333%;
    list-style-type: none;
    position: relative;
}

.nav-check li a {
    background: none !important;
    border: none !important;
    color: #888;
    font-weight: 300;
    font-size: 16px;
    padding: 10px 0px 8px 30px;
    display: block;
    cursor: pointer;
}

.nav-check li a:before {
    content: '';
    height: 22px;
    width: 22px;
    border: 1px solid #54ba47;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.nav-check li a:after {
    content: '';
    height: 12px;
    width: 12px;
    background: #54ba47;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: none;
}

.nav-check li.active a:before {
    border-color: #54ba47;
}

.nav-check li.active a:after {
    display: block;
}

.nav-check li.active a {}

.content-provider .item .infomation {
    display: none;
    background: #FBFBFB;
    padding: 10px 0px;
}

.content-provider .item h4 {
    text-align: left;
    padding: 0px;
    margin: 10px 0px 5px;
    font-size: 16px;
    color: #555;
    font-weight: 300;
    cursor: pointer;
}

.content-provider .item h4 img {
    position: absolute;
    right: 12px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.content-provider .item h4 span {
    display: inline-block;
    margin: 0px 10px;
    font-weight: 400;
}

.content-provider .item .table-product {
    margin-bottom: 0px;
    position: relative;
}

.content-provider .item ul {
    margin-bottom: 0px;
    padding: 0px 10px 0px 40px;
}

.content-provider .item ul li {
    list-style-type: none;
    font-weight: 300;
    font-size: 15px;
}

.content-provider .item ul li .name {
    color: #999;
    padding: 20px 0px 5px;
}

.content-provider .item ul li .info {
    border-bottom: 1px solid #ddd;
    padding: 20px 0px 5px
}

input[type="text"]:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}

.content-provider .item ul li .info input:disabled {
    opacity: 0.8;
    cursor: not-allowed;
    color: gray;
}

.content-provider .item ul li .info input {
    border: none;
    outline: none;
    width: 100%;
    padding: 0px;
    background: none;
}

.ncc_radio label,
label.ace {
    color: #888;
    font-weight: 300;
    font-size: 16px;
    padding: 6px 0px;
    cursor: pointer;
}

.ncc_radio label input[type=radio].ace+.lbl,
label.ace input[type=radio].ace+.lbl {
    position: relative;
    margin-right: 5px;
    top: 6px;
}

.ncc_radio label input[type=radio].ace+.lbl::before,
label.ace input[type=radio].ace+.lbl::before {
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    color: #32a3ce;
    content: "\a0";
    background-color: #54ba47;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    margin-right: 1px;
    position: relative;
    top: -1px;
    border-radius: 20px;
    border: none;
    height: 22px;
    width: 22px;
    background: url(../images/no_choosen.png) no-repeat;
    background-size: 100%;
    content: '';
}

.ncc_radio label input[type=radio].ace:checked+.lbl::before,
label.ace input[type=radio].ace:checked+.lbl::before {
    background-image: url(../images/choosen.png);
    background-size: 100% !important;
}

.search-order {
    margin: 20px 0px;
}

.search-order label.name {
    color: #666;
    display: block;
    margin: 12px 0px 0px 0px;
    text-align: right;
    padding-right: 15px;
    white-space: nowrap;
}

.search-order select {
    color: #666;
    height: 34px;
    border: 1px solid #ddd;
    margin: 4px 0px;
    border-radius: 4px;
}

.search-order input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 6px 12px;
    width: 100%;
    color: #888;
    outline: none !important;
    margin: 4px 0px;
}

.search-order img.icon-date {
    position: absolute;
    top: 11px;
    right: 15px;
    width: 19px;
}

.icon1 {
    display: inline-block;
    margin: 10px 5px 0px;
    cursor: pointer;
}

.icon2 {
    display: inline-block;
    margin: 0px 1px;
    cursor: pointer;
}

.primary-order {}

table.table-bg {}

table.table-bg tr {
    text-align: center;
}

table.table-bg tr th,
table.table-bg-s tr th {
    background: #005AA9;
    color: #fff;
    text-align: center;
    padding: 16px 8px;
    font-size: 15px;
    border-bottom: none;
    white-space: nowrap;
}

table.table-bg-s tr th {
    padding: 8px 4px;
}

table.table-bg tr td {
    padding: 10px 8px;
    vertical-align: middle;
}

table.table-bg tr td select {
    color: #666;
    height: 38px;
    border: 1px solid #ddd;
}

table.table-bg tr td input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 12px;
    width: 100%;
    color: #888;
    outline: none !important;
}

.row {
    margin-left: -5px;
    margin-right: -5px;
}

.wrap-name {
    width: 125px;
}

.wrap-info {
    width: calc(100% - 130px);
}


/* ###### CSS 19/9/2018 Mr Tan ###### */

.nav-storing {
    margin-bottom: 20px;
}

.nav-storing li {}

.nav-storing li a {
    background: none !important;
    font-size: 15px;
    margin: 0px 0px -1px;
    border-radius: 0px;
    padding: 10px 25px;
    border: none !important;
    border-bottom: 3px solid rgba(255, 255, 255, 0) !important;
}

.nav-storing.nav-tabs>li.active>a,
.nav-storing.nav-tabs>li.active>a:hover,
.nav-storing.nav-tabs>li.active>a:focus {
    background: none;
    color: #005AA9;
    border-bottom: 3px solid #005AA9 !important;
    overflow: hidden;
}

table.table-bg {}

table.table-bg tr {
    text-align: center;
}

table.table-bg-no {
    text-align: center;
    margin-bottom: 15px;
}

table.table-bg-no tr th {
    color: #005AA9;
    padding: 16px 8px;
    font-size: 15px;
    border-bottom: none;
    white-space: nowrap;
}

table.table-bg-no tr td {
    border-top: 1px solid #ddd;
    padding: 10px 8px;
    background: none;
    font-size: 14px;
    vertical-align: middle;
}

table.table-bg-no tr td select {
    color: #666;
    height: 38px;
    border: 1px solid #ddd;
}

table.table-bg-no tr td select:focus {
    outline: none;
}

table.table-bg-no tr td input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 12px;
    width: 100%;
    color: #888;
    outline: none !important;
}

table.table-bg-no thead tr {
    border-bottom: 1px solid #ddd;
}

table.table-bg-no tbody tr {
    /*box-shadow: 0px 0px 2px #999;*/
    cursor: pointer;
}

table.table-bg-no tbody tr.tr-sub {
    box-shadow: none;
    background: #f5f5f5;
    display: none;
}

table.table-bg-no tbody tr.tr-sub td {
    padding: 0px;
}

table.table-bg-no-sub {
    background: none !important;
    margin-bottom: 0px;
}

table.table-bg-no-sub thead tr {
    box-shadow: none;
    background: #eaeaea;
}

table.table-bg-no-sub tbody tr {
    box-shadow: none;
}

table.table-bg-no-sub thead tr th {
    color: #555;
}

table.table-bg-no-sub tbody tr td {
    padding: 18px 8px !important;
    border: 1px solid #ddd;
}

th {
    text-align: center;
}

table.table-bg-no-sub tbody tr td .search-order {
    margin: 0px;
}

table.table-bg-no-sub tbody tr td .search-order input {
    background: none;
    border-radius: 10px;
    padding: 14px 12px;
}

table.table-bg-no-sub tbody tr td .search-order label.name {
    margin: 14px 0px 0px 0px;
}

.wrap-info-in input {
    width: 100%;
    padding: 0px 10px;
    background: none;
    border: 1px solid #ddd;
    height: 34px;
    border-radius: 4px;
}

.wrap-info-in input[type=checkbox].ace+.lbl {
    margin-top: 13px;
}

span.ring_alert {
    color: #fff;
    background: #e41e25;
    position: relative;
    right: 3px;
    border-radius: 50%;
    top: -15px;
    display: inline-block;
    padding: 4px 8px;
    z-index: 10;
    font-size: 10px;
    box-shadow: 1px 2px 1px #dedede;
}

img.icon-date {
    cursor: pointer;
}

input[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

span#lable_shop,
span#lable_warehouse,
span#label_from_name {
    color: #666;
    padding: 15px 0px 2px 0;
    border-bottom: 1px solid #666;
    display: block;
    opacity: 0.8;
}

.head-search-main {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
}

.head-search-main .form-search {
    margin: 0px;
}

.head-search-main .form-search button {
    right: auto;
    left: 2px;
    top: 5px;
    height: 36px;
    width: 40px;
}

.head-search-main .form-search input {}

.search_code {
    position: absolute;
    top: 7px;
    right: 10px;
    width: 20px;
    cursor: pointer;
}

.input_name .search_code {
    width: 22px;
    top: -2px;
    right: 2px;
}

.head-search-main a.menu-home {
    font-size: 20px;
    padding: 6px 7px;
}

.head-search-main .icon-home1 {
    text-align: center;
    display: block;
    padding-top: 5px;
    position: relative;
    cursor: pointer;
}

.main-home {
    height: calc(100% - 84px);
    position: absolute;
    top: 84px;
    width: 100%;
}

.main-home>.row {
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
}

@media(max-width: 767px) {
    .main-home {
        position: relative;
        top: 0px;
    }
    .main-home>.row {
        position: relative;
        width: 100%;
        padding-top: 0px;
    }
}

.main-home .input_quantity,
.main-home .input_quantity_sale {
    position: relative;
}

.main-home .input_quantity .span_quantity,
.main-home .input_quantity_sale .span_quantity {
    display: inline-block;
    min-width: 30px;
}

.main-home .input_quantity .bar-code {
    display: inline-block;
    font-size: 18px;
    position: absolute;
    top: 5px;
    cursor: pointer;
    right: 0px;
}

.main-home .input_quantity .quantity-hold {
    min-width: 70px;
    display: block;
    padding-right: 10px;
    position: relative;
    top: 3px;
    cursor: pointer;
    margin-left: 4px;
}

.main-home .input_quantity .input-group input,
.main-home .input_quantity_sale .input-group input {
    color: #555;
    font-weight: 400;
}

.wrap-input-group {
    position: absolute;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 10px #999;
    width: 200px;
    top: 100%;
    right: 13px;
    margin-top: 3px;
    z-index: 2;
    margin-right: 25px;
    display: none;
}

.main-home .table-bg-no tbody tr:last-child .wrap-input-group {}

.wrap-input-group>i {
    position: absolute;
    top: -1px;
    right: 1px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-style: normal;
    text-align: center;
    cursor: pointer;
}

.wrap-input-group p {
    text-align: left;
    margin: 0px 0px 5px 3px;
    color: #476c86;
}

.wrap-input-group .input-group-btn>.btn {
    background: #EAF7FD;
    color: #69b9de;
}

.wrap-input-group .input-group-btn:first-child>.btn,
.wrap-input-group .input-group-btn:first-child>.btn-group {
    margin-right: -2px;
}

.wrap-input-group .nav {
    float: right;
    width: 90px;
    text-align: center;
    border: none;
}

.wrap-input-group .nav li {
    border: none;
    margin: 0px;
    width: 50%;
    float: left;
}

.wrap-input-group .nav a {
    border-radius: 0px;
    border: 1px solid #ddd;
    margin: 0px -1px;
    background: #fff;
    display: block !important;
    line-height: 21px;
}

.wrap-input-group .nav>li.active>a,
.wrap-input-group .nav>li.active>a:hover,
.wrap-input-group .nav>li.active>a:focus {
    background: #dee;
}

.wrap-input-group .tab-content-price {
    float: left;
    width: calc(100% - 90px);
}

.wrap-input-group .tab-content-price input {
    border-radius: 0px;
    height: 35px;
    border-right: none;
}

.wrap-input-group .tab-content-price>div {
    display: none;
}

.wrap-input-group .tab-content-price>div.active {
    display: block;
}


/**/

.main-home-left {
    border-right: 1px solid #ddd;
    padding: 1px 10px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
}

.main-home-right {
    padding: 1px 10px 0px;
    position: relative;
    overflow: hidden;
    background: #F3F3F3;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
}

@media(max-width: 991px) {
    .main-home-right {
        padding: 4px 4px 0px;
    }
}

@media(max-width: 767px) {
    .main-home-left {
        position: relative;
    }
    .main-home-right {
        min-height: initial !important;
        position: relative;
    }
}

.main-home .search-order {
    margin: 0px;
    padding: 6px;
}

.main-home .form-search {
    margin: 0px;
}

.main-home .form-search button {
    right: 0px;
    left: auto;
    top: 6px;
    height: 36px;
    width: 40px;
    font-size: 16px;
}

.main-home .form-search input {
    padding-left: 12px;
    height: 36px;
}

.main-home .search_code {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 22px;
    background: #fff;
    padding-left: 5px;
}

.main-home .btn-success1 {
    margin: 4px 0px;
}

#btn_print.btn-success1,
#btn_sale.btn-success1 {
    display: inline-block;
}

.main-home .btn-success1 .th {
    background: #E8384D;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    padding: 9px 0px 9px;
    text-align: center;
    width: 100%;
    margin-left: 0px;
}

.wrap_order_return {
    display: none;
    margin-left: 10px;
}

.main-home table.table-bg-no tr td {
    padding: 2px 8px 10px 8px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    position: relative;
}

.main-home table.table-bg-no tr.item-order-detail:last-child td {
    border-bottom: none;
}

.main-home table.table-bg-no tr.no td {
    border: none;
    padding: 4px 8px;
}

.main-home .table-bg-no tbody tr {
    box-shadow: none;
}

.main-home table.table-bg-no tr.last td {
    padding: 0px;
}

.main-home table.table-bg-no tr.last .total_bill {
    background: #56BA47;
    padding: 10px 0px 8px;
    color: #fff;
    font-size: 26px;
    position: relative;
}

.main-home table.table-bg-no tr.last .total_bill .menu-side-left {
    width: 24px;
    position: absolute;
    left: 15px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.main-home table.table-bg-no tr.last .total_bill .menu-check-ok {
    width: 24px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    position: absolute;
    right: 15px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.menu-right {
    background: #EAF7FD;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 25px 0px 10px;
    margin: 0px;
    width: 210px;
    min-height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hide_menuRight {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 142px;
    z-index: 9;
    background: #e7f7fe;
    font-size: 12px;
}

.show_menuRight {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 3px;
    z-index: 999;
    font-size: 33px;
    margin: auto;
    height: 38px;
    line-height: 38px;
    width: 40px;
    text-align: center;
    color: #6d98ab;
    cursor: pointer;
}

.hideMenuRight .menu-right {
    right: -165px;
}

.hideMenuRight .menu-right>li {
    display: none;
}

.hideMenuRight .TAN_product_main {
    width: calc(100% - 40px);
}

.hideMenuRight .TAN_product_main .item {
    width: 25%;
}

@media(max-width:991px) {
    .hide_menuRight {
        right: 85px;
    }
    .hideMenuRight .menu-right {
        right: -105px;
    }
    .hideMenuRight .TAN_product_main .item {
        width: 50%;
    }
    .hideMenuRight .TAN_product_main {
        width: calc(100% - 50px) !important;
    }
}

.menu-right>li {
    list-style-type: none;
}

.menu-right>li>a {
    cursor: pointer;
    color: #555;
    text-transform: uppercase;
    font-size: 15px;
    padding: 11px 24px 9px 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

@media(max-width: 991px) {
    .menu-right {
        width: 150px;
    }
    .menu-right>li>a {
        font-size: 14px;
        padding: 8px 11px 5px 11px;
    }
    .TAN_product_main {
        width: calc(100% - 150px) !important;
    }
}

@media(max-width: 767px) {
    .menu-right {
        position: relative;
        width: 100%;
        padding-top: 0px;
    }
    .hide_menuRight {
        display: none;
    }
    .menu-right>li {
        float: left;
        width: 50%;
    }
    .TAN_product_main {
        width: 100% !important;
        position: relative !important;
    }
}

.menu-right>li>a>i {
    margin-left: 5px;
    font-size: 22px;
    float: right;
    margin-top: -2px;
    display: none;
    position: absolute;
    top: 0px;
    right: 3px;
    height: 22px;
    bottom: 0px;
    margin: auto;
}

.menu-right>li>a>i.fa-angle-down {
    display: block;
}

.menu-right>li.active>a>i.fa-angle-down {
    display: none;
}

.menu-right>li.active>a>i.fa-angle-up {
    display: block;
}

.menu-right>li:hover>a {
    background: #fff;
}

.menu-right>li>.sub {
    padding: 0px;
    display: none;
}

.menu-right>li>.sub>li {
    list-style-type: none;
}

.menu-right>li>.sub>li>a {
    color: #555;
    font-size: 15px;
    display: block;
    padding: 7px 20px 5px 44px;
}

.TAN_product_main {
    width: calc(100% - 210px);
    position: absolute;
    left: 0px;
    height: 100%;
}

.TAN_product_main .item {
    float: left;
    width: 33.3333333%;
    position: relative;
    padding: 3px;
}

.btn-group,
.btn-group-vertical {
    z-index: 9
}

@media(max-width: 1200px) {
    .TAN_product_main .item {
        width: 50%;
    }
}

@media(max-width: 991px) {
    .TAN_product_main .item {
        width: 50%;
    }
}

.TAN_product_main .item .iframe {
    border: 1px solid #ddd;
    position: relative;
    background: #fff;
}

.TAN_product_main .item .img {
    height: 185px;
    position: relative;
}

.TAN_product_main .item .img img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.TAN_product_main .item h3 {
    background: #eaf7fd;
    position: relative;
    bottom: 0px;
    margin: 0px;
    padding: 5px;
    font-size: 13px;
}

.TAN_product_main .item h3 a {
    color: #000;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.TAN_product_main .item .price {
    text-align: right;
    margin: 1px 0px 0px 0px;
    font-size: 13px;
    position: relative;
    padding: 3px 4px;
    font-weight: 600;
    border-top: 1px solid #e2e2e2;
}

.TAN_product_main .item .quantity {
    position: absolute;
    left: 8px;
    top: 5px;
    margin: 0px;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
}

.scroll-item {
    max-height: 100%;
    overflow-y: auto;
}

.scroll-item-table {
    position: relative;
    background: #f9fdfe;
    /*
    height: 367px;
    height: calc(100% - 328px);*/
}

.scroll-item-table>.table {
    overflow: auto;
    outline: none;
    height: 272px;
    display: block;
    position: static;
    margin-bottom: 0px;
}

@media(max-width: 767px) {
    .scroll-item-table>.table,
    .scroll-item-table {
        height: auto;
    }
    .form-search1111 {
        margin-left: 10px !important;
    }
}

.scroll-item-table>.table thead {
    display: inline-table;
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 2;
    left: 0px;
    top: 0px;
}

.scroll-item-table>.table tbody {
    display: inline-table;
    width: 100%;
}


/**/

.TAN_add_customer {
    position: absolute;
    top: 100%;
    z-index: 2;
    background: #EAF7FD;
    box-shadow: 0px 0px 10px #999;
    padding: 10px;
    width: 350px;
    right: 0px;
    margin-top: 10px;
    display: none;
}

.TAN_add_customer .img {
    float: left;
    width: 50px;
    margin-right: 10px;
}

.TAN_add_customer .name {
    padding-top: 6px;
    color: #555;
    font-size: 13px;
}

.TAN_add_customer .name>span {
    display: block;
}

.TAN_add_customer .name p {
    margin: 4px 0px 0px 0px;
}

.TAN_add_customer .name p span {
    display: inline-block;
    margin: 0px 5px;
    cursor: pointer;
}

.ncc_radio_add_customer {
    margin-top: 10px;
}

.ncc_radio_add_customer p {
    margin: 0px 0px 0px 0px;
}

.ncc_radio_add_customer.ncc_radio label {
    padding: 3px 0px;
}

.ncc_radio_add_customer.ncc_radio textarea {
    width: 100% !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    min-height: 100px;
    margin-top: 10px;
}

.clear {
    clear: both;
}

#modal_add_customer .modal-body>div {
    padding-right: 15px;
}


/* #modal_add_customer .modal-body > div:nth-child(2n){
	padding-left: 15px;
    padding-right: 4px;
} */

.discount-name {
    color: #f00;
    font-size: 11px;
    float: right;
    padding-top: 5px;
}

.discount-name.cart {
    float: none;
}

.discount-name img {
    width: 7px;
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.menu-left {
    background: #EAF7FD;
    position: fixed;
    top: 0px;
    left: -200px;
    height: 100%;
    width: 200px;
    z-index: 99;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.overlay-menu-left {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 98;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    display: none;
}

.menu-left ul {
    padding: 0px;
    position: absolute;
    margin: 0px;
    bottom: 0px;
    width: 100%;
    text-align: left;
}

.menu-left ul li {
    position: relative;
}

.menu-left ul li.tax .wrap-input-group {
    right: auto;
    left: 100%;
    top: 0px;
    margin-top: 0px;
}

.menu-left ul li a {
    display: block;
    padding: 10px 20px;
    color: #555;
    font-size: 15px;
    cursor: pointer;
}

.menu-left ul li a:hover {
    background-color: #fff;
}

.menu-left ul li a.back {
    border-top: 1px solid #ddd;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}

.menu-left ul li a.back i {
    margin-left: 5px;
    font-size: 20px;
    float: right;
    margin-top: 2px;
}


/**/

.T-shipping {
    position: absolute;
    top: 0px;
    left: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 10px #fff;
    border-radius: 5px;
    width: 450px;
    text-align: left;
    top: -120px;
    display: none;
}

.T-shipping h4 {
    color: #005AA9;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 2px;
}

.T-shipping a.btn_pop_close_1 {
    padding: 0px;
    top: 12px;
    right: 12px;
}

.T-shipping .wrap-name {
    padding-top: 20px;
}

.T-shipping .wrap-info-in input {
    height: 30px;
    margin-top: 10px;
}

.T-shipping .wrap-info textarea {
    width: 100% !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    min-height: 60px;
    margin: 14px 0px 0px;
    padding: 8px;
}

.T-shipping .btn-success1 {
    margin: 10px 0px 0px;
}

.T-shipping .btn-success1 a {
    display: inline-block;
    background: none;
    text-transform: uppercase;
    color: #05be2f;
    padding: 10px;
    margin: 0px;
    font-weight: 600;
}


/**/

.payment_name {}

.payment_name label {
    display: block;
    color: #999;
    font-size: 15px;
}

.payment_name span {
    font-size: 15px;
    display: block;
    margin-top: 8px;
    color: #555;
    font-weight: 600;
}

.payment_order {}

.payment_order .item {}

.payment_order .item .iframe {
    box-shadow: 0px 1px 10px #555;
    border-radius: 10px;
    padding: 12px 20px;
    margin: 10px 2px;
    float: left;
    width: calc(100% - 6px);
    cursor: pointer;
}

@media(max-width: 767px) {
    .payment_order .item .iframe {
        box-shadow: 0px 0px 5px #ccc;
        padding: 5px 10px;
        margin: 4px 0px;
        width: calc(100% - 0px);
    }
}

.payment_order .item .iframe.active {
    background: #D0E8C6;
}

.payment_order .item .iframe img {
    height: 42px;
    margin-right: 15px;
    float: left;
}

.payment_order .item .iframe span {
    display: block;
    width: calc(100% - 80px);
    text-align: center;
    float: left;
    color: #555;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 0px;
}

@media(max-width: 767px) {
    .payment_order .item .iframe img {
        height: 32px;
        margin-top: 6px;
        margin-left: 2px;
    }
    .payment_order .item .iframe span {
        width: calc(100% - 60px);
        font-size: 14px;
    }
}


/**/

.chosse_price {}

.chosse_price .item {}

.chosse_price .item .iframe {
    box-shadow: 0px 1px 10px #555;
    border-radius: 12px;
    padding: 12px 20px;
    margin: 10px 2px;
    width: 100%;
    cursor: pointer;
}

@media(max-width: 767px) {
    .chosse_price .item .iframe {
        box-shadow: 0px 0px 3px #c1c1c1;
        margin: 4px 0px;
        padding: 5px 10px;
    }
}

.chosse_price .item:nth-child(1) .iframe,
.chosse_price .item:nth-child(2) .iframe,
.chosse_price .item:nth-child(3) .iframe,
.chosse_price .item:nth-child(4) .iframe {
    background: #F6E0D2;
}

.chosse_price .item:nth-child(5) .iframe,
.chosse_price .item:nth-child(6) .iframe,
.chosse_price .item:nth-child(7) .iframe,
.chosse_price .item:nth-child(8) .iframe {
    background: #E6E5F3;
}

.chosse_price .item:nth-child(9) .iframe,
.chosse_price .item:nth-child(10) .iframe,
.chosse_price .item:nth-child(11) .iframe,
.chosse_price .item:nth-child(12) .iframe {
    background: #E7E8EA;
}

.chosse_price .item .iframe.active {
    background: #D0E8C6;
}

.chosse_price .item .iframe span {
    color: #555;
    font-weight: 600;
    font-size: 15px;
    padding: 6px 0px 4px;
    display: block;
    text-align: center;
}

#click_save_order .search-order input {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
    margin-top: 10px;
    height: 30px;
    padding: 0px;
}

#click_save_order .btn-success1 {
    margin: 10px 0px 0px;
}

#click_save_order .btn-success1 a {
    display: inline-block;
    background: none;
    text-transform: uppercase;
    color: #05be2f;
    padding: 10px;
    margin: 0px;
    font-weight: 600;
}

#click_save_order .btn-success1 a.close {
    color: #555;
}

.search-order.hold_date {
    height: 46px;
}

a#add_upload_attachment img {
    height: 30px;
    position: absolute;
    top: 2px;
}

li.item-searching .name {
    width: 82%;
    padding: 2px;
    float: left;
}

li.item-searching .img {
    width: 18%;
    padding: 2px;
    float: left;
}

li.item-searching .name p {
    margin: 0 0 5px;
    font-size: 12px;
}

li.item-searching a:hover,
li.item-searching a.ui-state-focus {
    background: #fff;
    color: #000;
}

i.glyphicon.glyphicon-tags {
    float: right;
    opacity: 0.5;
    right: 20px;
    top: 10px;
}

i.glyphicon.glyphicon-tags.SP {
    z-index: 1000;
    top: -5px;
    right: 5px;
}

.ui-menu .item-searching.ui-menu-item a {
    padding: 0;
}

li.item-searching,
div.item-sku-select {
    width: 100%;
    background: #eaf7fd;
    overflow: hidden;
    margin-bottom: 5px;
    box-shadow: 1px 1px 1px #000;
    cursor: pointer;
}

span#lb_sum_order {
    display: inherit;
    margin: 0 20%;
}

span.lb_sum_order {
    background: url(../images/payment_card.png) no-repeat;
    background-size: 30px;
    background-position: 0px 1px;
    padding: 0px 0px 0px 40px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
}

.main-home table.table-bg-no.order-footer tr.last td {
    padding: 0;
}

.main-home table.table-bg-no.order-footer tr td {
    padding: 5px 8px;
    font-size: 13px;
    color: #333;
}

.main-home table.table-bg-no.order-footer tr td {
    width: 33.3333%;
}

.main-home table.table-bg-no.order-footer tr td .order_news {
    font-size: 14px;
    text-align: left;
    color: #555;
    margin: 3px 0px;
    float: left;
    width: 100%;
}

@media(max-width: 767px) {
    .main-home table.table-bg-no.order-footer tr td {
        width: 100%;
        display: block;
        float: left;
    }
    .main-home table.table-bg-no.order-footer tr td .order_news_1 {
        margin-top: 0px !important;
    }
}

.main-home table.table-bg-no.order-footer tr td .order_news_1 {
    margin-top: 52px;
}

.main-home table.table-bg-no.order-footer tr td .order_news input {
    height: auto;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    padding: 1px 0px;
    width: 110px;
    position: relative;
    top: 0px;
    font-size: 14px;
    font-weight: bold;
    color: #555;
}


/* .main-home .nav-tabs{
    border: none;
    border-top: 1px solid #ddd;
    margin-bottom: 0px;
}
.main-home .nav-tabs li{

} */

.TAN_tab_news {
    margin-bottom: 10px;
}

.TAN_tab_news .btn-success1 a {
    margin-left: 5px;
    margin-right: 0px;
    padding: 6px 20px;
}

.TAN_tab_news .ncc_radio label,
.TAN_tab_news label.ace {
    padding: 3px 0px;
}

.TAN_icon_news {
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: left;
}

.TAN_icon_news li {
    display: inline-block;
    list-style-type: none;
}

.TAN_icon_news li a {
    background-image: -webkit-linear-gradient(top, #56BA47 0%, #419641 100%);
    background-image: -o-linear-gradient(top, #56BA47 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56BA47), to(#419641));
    background-image: linear-gradient(to bottom, #56BA47 0%, #419641 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff56BA47', endColorstr='#419641', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    color: #fff;
    padding: 6px 18px;
    border-radius: 6px;
    font-weight: normal;
    font-size: 15px;
    display: inline-block;
}

.TAN_icon_news li.L_propcess a {
    background-image: -webkit-linear-gradient(top, #3b8dd6 0%, #2d72af 100%);
    background-image: -o-linear-gradient(top, #3b8dd6 0%, #2d72af 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3b8dd6), to(#2d72af));
    background-image: linear-gradient(to bottom, #3b8dd6 0%, #2d72af 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3b8dd6', endColorstr='#2d72af', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

.TAN_icon_news li.L_delete a {
    background-image: -webkit-linear-gradient(top, #f3b1b2 0%, #d09495 100%);
    background-image: -o-linear-gradient(top, #f3b1b2 0%, #d09495 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3b1b2), to(#d09495));
    background-image: linear-gradient(to bottom, #f3b1b2 0%, #d09495 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f3b1b2', endColorstr='#d09495', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
}

.TAN_icon_news li a img {
    position: relative;
    top: -2px;
    margin-right: 3px;
}

#mode_cancel_order a {
    background: none;
    color: #56BA47;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0px 10px;
    margin-top: 10px;
}

#mode_cancel_order a.close {
    color: #555;
}


/* .main-home .nav-tabs li.active a{
    border: 1px solid #ddd;
    margin-bottom: 0px;
    margin-top: -1px;
    border-radius: 0px;
    border-top: 1px solid #fff;
    color: #005AA9;
    font-weight: bold;
}
.main-home .nav-tabs li:first-child.active a{
    border-left: none;
}
.main-home .nav-tabs li a{
    background: none;
    border: 1px solid #fff;
    border-radius: 0px;
} */

@media(max-width:767px) {
    /* .main-home .nav-tabs li{
        margin-bottom: -1px;
    }
    .main-home .nav-tabs li:first-child.active a{
        border-left: 1px solid #ddd;
    }
    .main-home .nav-tabs li a{
        border-top: 1px solid #ddd !important;
        margin-right: -1px;
        margin-top: -1px;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .main-home .nav-tabs li.active a{
        border-bottom: 1px solid #fff !important;
    } */
}

div.item-sku-select:hover {
    background: #fff;
    color: #000;
}

div.item-sku-select {
    margin-bottom: 1px;
    box-shadow: 1px 1px 1px #666;
}

.item-sku-select .sku-row-img {
    width: 10%;
    padding: 6px 0;
    float: left;
}

.item-sku-select .sku-row-name {
    width: 90%;
    padding: 12px 6px;
    float: left;
}

.item-sku-select .sku-row-name strong {
    margin-bottom: 10px;
    display: inline-block;
}

div#ui-datepicker-div {
    z-index: 10000!important;
}

#tpl_order_history tr,
#tpl_order_saved tr,
#tpl_return tr,
#tpl_cofbo tr {
    box-shadow: 0px 1px 1px #999;
}

.blocked {
    display: block!important;
}

span.span_quantity.holder-quantity,
span.span_quantity.holder-quantity-bar {
    border: 1px solid #eee;
    border-radius: 6%;
    padding: 3px;
}

span.span_quantity.holder-price {
    border: 1px solid #eee;
    padding: 3px 5px;
    border-radius: 3px;
}

i.item-note.green {
    color: #59b84d
}

i.item-note {
    display: inherit;
    width: 100%;
    color: red;
}

.nav-tabs>li>a {
    color: #757575;
}

.nav-tabs>li.active>a {
    color: #005AA9!important;
    font-weight: bold;
}

.iframe.payment-cash-received i {
    display: block;
    position: absolute;
    right: 26px;
    bottom: 10px;
    color: #005AA9;
    font-size: 16px;
}

ul.tab-order-type a[data-toggle=disabled] {
    opacity: 0.33;
    background: rgb(236, 235, 235);
    border: 1px solid rgb(236, 235, 235);
    cursor: not-allowed;
}

span.max-allowed-order {
    font-size: 12px;
    color: red;
}

.main-home .search_code.delete {
    right: 34px;
    opacity: 0.88;
}

#list_members tr.rows-info td {
    padding: 10px 5px;
    cursor: pointer;
}

#list_members tr.rows-detail td {
    display: none;
}


/* ########## 47Kaido Nguyen Update Css 18/4/2019 ########## */

.select_store {
    right: 10px;
    top: 15px;
    background: none;
    height: 30px;
    min-width: 120px;
}

.primary-report .nav-storing li {
    width: 20%;
    text-align: center;
}

@media(max-width:991px) {
    .primary-report .nav-storing li {}
}

@media(max-width:767px) {
    .primary-report .nav-storing li {
        width: 50%;
        text-align: left;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        padding: 0px 8px;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        margin-right: -1px;
    }
    .primary-report .nav-storing li select {
        width: 100%;
    }
    .primary-report {
        margin-top: 42px;
    }
    .select_store {
        position: relative;
        top: 0px;
        right: 0px;
        width: calc(100% - 10px);
        margin-top: 20px;
        background: #005AA9;
        margin-left: 5px;
    }
    .title_report_1 .title1 {
        text-align: left;
    }
    .form_now {
        margin-bottom: 10px;
    }
    .table_baocao .table-responsive {
        border: none;
    }
    .top-555 {
        margin-top: -5px;
    }
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

#list_department_sub.table-responsive>.table>thead>tr>th,
#list_department_sub.table-responsive>.table>tbody>tr>th,
#list_department_sub.table-responsive>.table>tfoot>tr>th,
#list_department_sub.table-responsive>.table>thead>tr>td,
#list_department_sub.table-responsive>.table>tbody>tr>td,
#list_department_sub.table-responsive>.table>tfoot>tr>td {
    white-space: nowrap;
}

#list_department_sub.table-responsive>.table>thead>tr>th {
    min-width: 350px;
}

#list_department_sub.table-responsive>.table,
#list_department_sub.table-responsive>.table .table {
    margin-bottom: 0px;
}

#list_department_sub.table-responsive>.table span.group_func.icon-cate {
    display: block;
    height: 20px;
    width: 20px;
    font-size: 12px;
    padding: 5px 0px;
    margin: 2px 0px;
    float: right;
}

#list_department_sub.table-responsive>.table span.group_func.icon-cate.icon-other-x {
    background: #ce0606;
}

#list_department_sub.table-responsive>.table .department-show-child {
    vertical-align: middle;
}

#list_department_sub.table-responsive>.table .department-show-child12,
.table .show-middle {
    vertical-align: middle;
    padding: 0px 5px 1px;
}

.table .show-middle span.group_func.icon-cate {
    padding: 3px 0px 0px 0px;
}

#list_department_sub.table-responsive>.table .department-show-child11 {
    vertical-align: middle;
}

.primary-report .nav-storing li a {
    padding: 10px 0px;
    display: inline-block;
}

.primary-report .nav-storing li select {
    border: none;
    background: none;
}

.primary-report .nav-storing li select:focus {
    outline: none;
}

.primary-report .nav-storing.nav-tabs>li.active>a,
.primary-report .nav-storing.nav-tabs>li.active>a:hover,
.primary-report .nav-storing.nav-tabs>li.active>a:focus {
    background: none;
    color: #555;
    border-bottom: none !important;
}

.primary-report .nav-storing.nav-tabs>li.active,
.primary-report .nav-storing.nav-tabs>li.active:hover,
.primary-report .nav-storing.nav-tabs>li.active:focus {
    background: none;
    color: #005AA9;
    border-bottom: 3px solid #005AA9 !important;
}

.title_report_1 {}

.title_report_1 .title {
    color: #005AA9;
    display: block;
    text-align: center;
    font-size: 22px;
    margin: 10px 0px 0px 0px;
}

.title_report_1 .title_order {
    color: #55B948;
    display: block;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
}

.title_report_1 .title1 {}

.form_now {
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 32px;
    padding: 1px 0px;
    text-align: left;
    cursor: pointer;
    position: relative;
}

.form_now .tab_form_now {
    display: none;
}

.form_now .tab_form_now.active {
    display: block;
}

.form_now p {
    margin: 0px;
    line-height: 29px;
    padding-right: 10px;
    color: #585858;
    padding-left: 10px;
}

.form_now p span {
    font-size: 18px;
    margin-top: 5px;
    margin-right: -1px;
}

.form_now .fa-angle-up {
    display: none;
}

.form_now.active p .fa-angle-down {
    display: none;
}

.form_now.active p .fa-angle-up {
    display: block;
    color: #005AA9;
}

.form_now.active {
    border-color: #005AA9;
}

.form_now.active p {
    color: #005AA9;
}

.form_now_date {
    width: 636px;
    position: absolute;
    right: 0px;
    top: 100%;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px #c1c1c1;
    padding: 20px;
    margin-top: 2px;
    z-index: 99;
    display: none;
}

.overlay_form_now_date {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 98;
    cursor: pointer;
    display: none;
    background: rgba(0, 0, 0, 0.75);
}

.form_now_date .nav {
    margin: -20px -20px 20px -20px;
    border: none;
}

.form_now_date .nav li {
    width: 16.666666666%;
}

@media(max-width:767px) {
    .form_now {
        margin-top: 15px;
    }
    .form_now_date {
        width: calc(100% - 10px);
        position: fixed;
        top: 5px;
        left: 5px;
        margin-top: 0px;
    }
    .form_now_date .nav li {
        width: 50%;
        border-bottom: 1px solid #ffffff;
        margin: 0px;
    }
}

.form_now_date .nav li a {
    margin: 0px;
    border: 0px;
    border-radius: 0px;
    background: #e8e8e8;
    color: #555;
    border-right: 2px solid #fff;
    text-align: center;
}

.form_now_date .nav li:last-child a {
    border-right: none !important;
}

.form_now_date .nav-tabs>li.active>a,
.form_now_date .nav-tabs>li.active>a:hover,
.form_now_date .nav-tabs>li.active>a:focus {
    background: #eaf8fb;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 2px solid #fff;
}

.form_now_date .input select,
.input-date-ex-rp select {
    background: none;
    height: 40px;
    width: 100%;
    color: #555;
    margin-bottom: 10px;
}

.form_now_date .input input,
.input-date-ex-rp input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 12px;
    width: 100%;
    color: #888;
    outline: none !important;
    margin: 4px 0px;
    height: 40px;
}

.form_now_date .input img.icon-date,
.input-date-ex-rp img.icon-date {
    position: absolute;
    top: 11px;
    right: 14px;
    width: 26px;
}

.form_now_date .btn-success1 {
    margin: 20px 0px 0px;
}

.form_now_date .btn-success1 a {
    padding: 8px 30px 8px;
}

.primary-report table.table-bg-no tbody tr {
    box-shadow: none;
}

.primary-report table.table-bg-no tr td {
    border: 1px solid #e8e8e8;
    padding: 14px 8px;
}

.primary-report #tab_report_dhkd table.table-bg-no tr td {
    padding: 11px 10px;
    font-size: 14px;
}

.primary-report table.table-bg-no tr th {
    border: none;
    line-height: 18px;
}

.primary-report table.table-bg-no {
    border: none;
}

.primary-report .pagination>li>a,
.primary-report .pagination>li>span {
    border: none;
    padding: 0px 6px;
    border-right: 1px solid #ddd;
    border-radius: 0px !important;
    color: #555;
    margin-left: 0px;
}

.primary-report .pagination>.active>a,
.primary-report .pagination>.active>span,
.primary-report .pagination>.active>a:hover,
.pagination>.active>span:hover,
.primary-report .pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: #005AA9;
    background: none;
    border-color: #ddd;
}

.primary-report .pagination>li:last-child>a,
.primary-report .pagination>li:last-child>span,
.primary-report .pagination>li:first-child>a,
.primary-report .pagination>li:first-child>span,
.primary-report .pagination>li:nth-last-child(2)>a,
.primary-report .pagination>li:nth-last-child(2)>span {
    /* border-right: none !important; */
}

.primary-report .pagination>li>a:hover,
.primary-report .pagination>li>span:hover,
.primary-report .pagination>li>a:focus,
.pagination>li>span:focus {
    background: none;
    color: #005AA9;
}

.table_baocao {
    display: none;
}

.title_report_1 .form-search button {
    right: auto;
    left: 2px;
    top: 5px;
    height: 36px;
    width: 40px;
}

.title_report_1 .form-search input {
    padding-left: 42px;
}

.primary-report table.table-bg-no tr.total_report_1 td {
    border: none;
    font-size: 16px;
}

.table_baocao.report_baocao_banhang_tonghop table.table-bg-no tbody tr {
    box-shadow: 0px 0px 15px #999;
    color: #55B948;
}

.table_baocao.report_baocao_banhang_tonghop table.table-bg-no tbody tr td {
    border: none;
    padding: 20px 8px 18px;
}

.table_baocao table.table-bg-no tbody tr td .fa {
    margin-left: 10px;
    margin-right: 2px;
}

.table_baocao .item-rows table.table-bg-no tbody tr.tr-sub {
    box-shadow: none;
    background: #e8e8e8;
    display: none;
    box-shadow: none;
}

.table_baocao .item-rows.active tr.tr-sub {
    display: table-row;
}

.table_baocao .item-rows .fa-angle-up {
    display: none;
}

.table_baocao .item-rows.active .fa-angle-down {
    display: none;
}

.table_baocao .item-rows.active .fa-angle-up {
    display: inline-block;
}

.table_baocao .item-rows table.table-bg-no tbody tr.tr-sub td {
    padding: 0px;
}

.table_baocao .item-rows table.table-bg-no tbody tr.tr-sub tr {
    box-shadow: none;
}

.table_baocao.report_baocao_banhang_tonghop .item-rows tr.tr-line {
    box-shadow: none;
}

.table_baocao.report_baocao_banhang_tonghop .item-rows tr.tr-line td {
    padding: 0px;
}

.table_baocao .item-rows tr.tr-sub>td {
    padding-left: 15px !important;
    background: #fff;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}

.table_baocao .item-rows tr.tr-sub>td table tr {
    box-shadow: none;
    background: #efefef;
}

.table_baocao .item-rows tr.tr-sub>td table tr th {
    background: #d6edf5;
    padding: 12px 8px;
    font-weight: 600;
    font-size: 14px;
}

.table_baocao .item-rows tr.tr-sub>td table tr td {
    padding: 12px 8px !important;
    font-weight: normal;
    font-size: 14px;
    border-top: 1px solid #ddd;
    color: #555;
}

.table>tbody+tbody {
    border-top: none;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order {
    background: #f7f7f7;
    display: none;
}

.table_baocao .item-rows tr.tr-sub tbody.active tr.tr-detail-order {
    display: table-row;
}

.table_baocao .item-rows tr.tr-sub tbody.active {
    border: 1px solid #55B948;
}

.table_baocao .item-rows tr.tr-sub tbody.active .tr-detail-order-click td {
    border-top: 1px solid #55B948;
}

.table_baocao .item-rows tr.tr-sub tbody.active tr.tr-detail-order>td {
    border-bottom: 1px solid #55B948;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td {
    padding: 0px !important;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td>.row {
    margin: 0px;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td>.row>div,
table.table-booking-sub .item-rows tr.tr-sub tr.tr-detail-order td>.row>div {
    border-right: 1px solid #ddd;
    padding: 15px;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td .row>div p,
div.detail_order_booking>div p {
    margin-bottom: 2px;
    color: #999;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td .row>div select,
div.detail_order_booking div select {
    padding: 0px 10px;
    min-width: 130px;
    margin-left: 5px;
    height: 32px;
}


/**/

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table,
div.detail_order_booking table {
    margin-top: 15px;
    border-top: none;
    border-left: none;
    border-right: none;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table tr,
div.detail_order_booking table tr {
    background: none;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table tr th,
div.detail_order_booking table tr th {
    background: none;
    border: none;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table tr td,
div.detail_order_booking table tr td {
    padding: 12px 8px !important;
    border: 1px solid #ddd;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .note_order_sub,
div.detail_order_booking table .note_order_sub {
    text-align: left;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .note_order_sub p,
div.detail_order_booking table .note_order_sub p {
    margin: 20px 0px 0px 4px;
    color: #000;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .note_order_sub textarea,
div.detail_order_booking table .note_order_sub textarea {
    background: #fff;
    width: 100% !important;
    border: 1px solid #ddd;
    min-height: 110px;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .note_order_sub textarea:focus {
    outline: none;
    border: 1px solid #3e8f3e;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .note_order_sub .btn-success1 {
    margin: 10px 0px 0px;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .note_order_sub .btn-success1 a,
div.detail_order_booking table .note_order_sub .btn-success1 a {
    padding: 6px 25px;
    background-image: -webkit-linear-gradient(top, #56BA47 0%, #419641 100%);
    background-image: -o-linear-gradient(top, #56BA47 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56BA47), to(#419641));
    background-image: linear-gradient(to bottom, #56BA47 0%, #419641 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff56BA47', endColorstr='#ff419641', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    font-size: 14px;
    height: 31px;
    border-radius: 5px;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .note_order_sub .btn-success1 a:last-child,
,
div.detail_order_booking table .note_order_sub .btn-success1 a:last-child {
    background-image: -webkit-linear-gradient(top, #f00000 0%, #D64852 100%);
    background-image: -o-linear-gradient(top, #f00000 0%, #D64852 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f00000), to(#D64852));
    background-image: linear-gradient(to bottom, #f00000 0%, #D64852 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff56BA47', endColorstr='#ff419641', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #f00000;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .note_order_sub .btn-success1 a img,
div.detail_order_booking table .note_order_sub .btn-success1 a img {
    margin-right: 6px;
    position: relative;
    top: -1px;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .total_order_sub,
div.detail_order_booking .total_order_sub {
    text-align: left;
    padding: 0px 10px;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .total_order_sub p,
div.detail_order_booking .total_order_sub p {
    margin-top: 10px;
    color: #555;
}

.table_baocao .item-rows tr.tr-sub tr.tr-detail-order td table .total_order_sub p span,
div.detail_order_booking .total_order_sub p span {
    display: inline-block;
    min-width: 110px;
}


/**/

.primary-report #tab_report_kho table.table-bg-no tr:first-child td {
    background: #d6edf5;
    border: none;
}

.kho_baocao_giatri_tonkho table thead tr {
    background: #f1f1f1;
}

.kho_baocao_giatri_tonkho table thead tr th {
    vertical-align: middle;
    border: 1px solid #ddd !important;
    padding: 10px 8px;
}

.title_report_1 .ncc_radio label input[type=radio].ace+.lbl,
.title_report_1 label.ace input[type=radio].ace+.lbl {
    margin-right: 0px;
}

.title_report_1 .ncc_radio_add_customer.ncc_radio label {
    margin-left: 15px;
    color: #555;
    font-size: 15px;
}

.tr-sub1 .text-left {
    padding-left: 30px !important;
}

.info_detail>div {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.info_detail>div>div span {
    display: inline-block;
    padding-top: 8px;
    margin-left: 0px;
}

.info_detail>div>div input:disabled {
    border: none;
    background: none;
    font-weight: bold;
    color: #000;
}

.info_detail>div>div select:disabled {
    background: none;
}

table.table-bg-no.members tbody tr {
    box-shadow: none;
    background: none;
}

table.table-bg-no.members tbody:nth-child(2n) {
    background: #f9f9f9;
}

table.table-bg-no.members thead tr th {
    border: none;
}

table.table-bg-no.members thead tr th a {
    font-size: 12px;
}

table.table-bg-no.members tbody tr td {
    border-top: 1px solid #ddd;
    padding: 10px 8px;
    background: none;
    font-size: 14px;
}

.info_detail>div>div .ncc_radio_add_customer {
    margin-top: 0px;
}

.info_detail>div>div .ncc_radio_add_customer span {
    padding-top: 0px;
    margin-top: -10px;
}

.member-trans table.table-bg-no {
    border-top: none;
}

.member-trans table.table-bg-no tbody tr {
    box-shadow: none;
}

.member-trans table.table-bg-no thead tr th {
    padding: 10px 8px;
}

.member-trans table.table-bg-no tbody tr td {
    border: 1px solid #ddd;
    padding: 8px 8px;
}

table.table-bg-no.sales tbody tr {
    box-shadow: none;
    background: none;
}

table.table-bg-no.sales tbody:nth-child(2n) {
    background: #f9f9f9;
}

table.table-bg-no.sales thead tr th {
    border: none;
}

table.table-bg-no.sales thead tr th a {
    font-size: 12px;
}

table.table-bg-no.sales tbody tr td {
    border-top: 1px solid #ddd;
    padding: 10px 8px;
    background: none;
    font-size: 14px;
}

.sales-trans table.table-bg-no {
    border-top: none;
}

.sales-trans table.table-bg-no tbody tr {
    box-shadow: none;
}

.sales-trans table.table-bg-no thead tr th {
    padding: 10px 8px;
}

.sales-trans table.table-bg-no tbody tr td {
    border: 1px solid #ddd;
    padding: 8px 8px;
}

table.table-bg-no.history tbody tr {
    box-shadow: none;
    background: none;
}

table.table-bg-no.history tbody:nth-child(2n) {
    background: #f9f9f9;
}

table.table-bg-no.history thead tr th {
    border: none;
}

table.table-bg-no.history thead tr th a {
    font-size: 12px;
}

table.table-bg-no.history tbody tr td {
    border-top: 1px solid #55B948;
    padding: 10px 8px;
    background: none;
    font-size: 14px;
}

.history-trans table.table-bg-no {
    border-top: none;
}

.history-trans table.table-bg-no tbody tr {
    box-shadow: none;
}

.history-trans table.table-bg-no thead tr th {
    padding: 10px 8px;
}

.history-trans table.table-bg-no tbody tr td {
    border: 1px solid #55B948;
    padding: 8px 8px;
}


/**/

.member_list {}

.img_avatar_profile {
    width: 96px;
    height: 72px;
    border-radius: 3px;
    position: relative;
    border: 1px dashed #959595;
    display: block;
    margin: 10px auto;
}

.img_avatar_profile i {
    color: #777;
    font-size: 22px;
    height: 22px;
    width: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: auto;
    bottom: 0px;
    right: 0px;
}

.profile_info {
    display: none;
}

table.table-bg-no.members tbody.active .profile_info {
    display: table-row;
}

.profile_info td {
    /* padding: 25px 30px 30px !important; */
    background: #fff !important;
}

.member_list1 .profile_info td {
    padding: 10px 8px !important;
}

table.table-bg-no.member_list1 tbody.active .profile_info td,
table.table-bg-no.member_list1 tbody.active .sales_info td {
    border-bottom: 1px solid #f1f1f1 !important;
}

table.table-bg-no.member_list1 tbody.active .profile_info:last-child td,
table.table-bg-no.member_list1 tbody.active .sales_info:last-child td {
    border-bottom: 1px solid #55B948 !important;
}

.profile_info .form-group {
    text-align: left;
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 11px;
    margin-bottom: 11px;
    font-size: 14px;
    color: #111;
}

.profile_info .form-label {
    float: left;
    width: 150px;
}

.profile_info .form-wrap {
    float: left;
    width: calc(100% - 150px);
}

.profile_info .nav {
    margin: -26px -30px 20px -30px;
    background: #ebebeb;
    position: relative;
    padding: 5px 20px 0px;
}

.profile_info .nav-storing li a {
    border-radius: 5px 5px 0px 0px;
    padding: 6px 25px;
    font-size: 14px;
}

.profile_info .nav-storing.nav-tabs>li.active>a,
.profile_info .nav-storing.nav-tabs>li.active>a:hover,
.profile_info .nav-storing.nav-tabs>li.active>a:focus {
    color: #000;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #fff !important;
}

.profile_info .tab_pro {
    display: none;
}

.profile_info .tab_pro.active {
    display: block;
}

table.table-bg-no.members tbody.active {
    border: 1px solid #55B948;
}

table.table-bg-no.members tbody.active tr.profile_click {
    background: #ebebeb;
}

table.table-bg-no.members tbody.active tr.profile_click td {
    border-bottom: none;
    border-top: 1px solid #55B948;
}

table.table-bg-no.members tbody.active tr.profile_click td>lastChild {
    border-right: 1px solid #55B948;
}

table.table-bg-no.members tbody.active .profile_info td {
    border-bottom: 1px solid #55B948;
    border-top: none;
}

table.table-bg-no.members tbody.active .profile_info td table tr td {
    border-bottom: 1px solid #ddd;
}

table.table-bg-no.sales tbody.active .sales_info td {
    border-bottom: 1px solid #55B948;
    border-top: none;
}

table.table-bg-no.history tbody .order_info td {
    border-bottom: 1px solid #55B948;
    border-top: none;
}

.profile_info .btn-success1 {
    margin: 20px 0px 0px;
}

.profile_info .btn-success1 a {
    border-radius: 5px;
    padding: 10px 24px 9px;
    margin-left: 0px;
}

.profile_info .btn-success1 a img {
    margin-right: 6px;
    position: relative;
    top: -2px;
}

.icon-add-member-group {
    margin: auto;
    font-size: 36px;
    color: #ccc;
    opacity: 0.55;
    cursor: pointer;
}

.icon-add-member-group:hover {
    color: #00a2e8;
    opacity: 0.88;
}

span.group_func.icon-cate.active,
span.group_func.glyphicon.active {
    background: none repeat scroll 0 0 #5CB85C;
    color: #fff;
}

span.group_func.icon-cate {
    background: none repeat scroll 0 0 #cccccc;
    border-radius: 4px;
    clear: both;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 7px 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.tab_infomation_history.active td,
.tab_infomation_order_booking.active td {
    border-bottom: 1px solid #ccc!important;
    border-top: none;
    padding: 12px!important;
}

div.detail_order_booking {
    padding: 5px 20px;
}

div#popup-liabilities {
    top: 57px;
    left: 11px;
    width: 96%;
}

div#popup-liabilities i {
    float: right;
    cursor: pointer;
}

div#popup-liabilities .btn-success1 {
    margin: 10px 0px;
    float: right;
}

div#popup-liabilities .btn-success1 a {
    cursor: pointer;
}

.wrap-info-in input.gid-edit {
    height: 30px;
    color: #333;
}

.modal-modify-user .label-name {
    text-align: right;
    padding-top: 5px;
    color: #555;
}

.alert_auto_remove {
    z-index: 10000;
    width: 50%;
    position: fixed;
    margin: 0 auto;
    margin-left: 25%;
    margin-top: 5px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.btn-success1 a {
    margin-right: 12px;
}

.btn-success1 a:hover {
    text-decoration: underline;
}

div.tab_liabilities tbody td {
    border-bottom: 1px solid #ccc!important;
    padding: 10px 8px!important;
}

input#liabilities_total_paid {
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
    color: green;
}

tbody.row-suppliers.active td.border-r {
    border-right: 1px solid #55B948!important;
}

.tab_infomation_profile div.input_name input {
    border: none;
    padding: 12px 0px;
}

strong.label-show {
    color: #888888;
}

.inp-show input {
    padding: 2px 0px!important;
}

input.autosear+i.remove-item {
    display: none;
}

input.autosear:disabled+i.remove-item:hover {
    box-shadow: 3px 2px 2px #ccc;
}

input.autosear:disabled+i.remove-item {
    display: block;
    position: absolute;
    right: 8px;
    top: 23%;
    background: #ec6c6f;
}

p.lia-total-paid {
    color: red;
    border-bottom: 1px solid #FF2A2A;
    margin-bottom: 2px;
}

p.lia-total-paid+p {
    margin-bottom: 2px;
}

.printing i.glyphicon.glyphicon-print {
    color: cornflowerblue;
    font-size: 22px;
    top: 6px;
    display: inline-block;
    position: relative;
}

input#txt_searching.product {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 11px;
    height: 34px;
}

p.product-code {
    margin: 0;
    padding-top: 3px;
}

.modal-xuat-bao-cao {
    width: 96%;
    min-height: 600px;
}

div.content-ex-bao-cao {
    min-height: 520px;
}

.r-thu-ngan div {
    padding-top: 5px;
}

img.confirm-import {
    cursor: pointer;
}

select#rncc_providers_id {
    height: 41px;
}

.tab-pane-price.active input {
    height: 43px;
}

a>span.font-size-20.color-red+p,
#tpl_shop a.shop_items p {
    font-size: 16px;
    margin-top: 10px;
}

.btn-img {
    margin: 5px 15px;
    display: inline-block;
    margin-top: 24px;
}

@media(max-width: 991px) {
    .text-right-treasurer {
        text-align: left;
        margin-top: 10px;
    }
}

@media(max-width: 767px) {
    .btn-img {
        margin-top: 0px;
    }
}

#btn_sale div#popup-sale {
    top: 16px;
    right: -62px;
    position: absolute;
}

#btn_sale #txt_sale_percent,
#btn_sale #txt_sale_price,
#btn_sale ul li a {
    height: 42px!important;
}

#btn_sale #popup-sale {
    font-size: 15px;
    width: 250px;
    padding: 10px;
}

ul.store_menu li.disabled {
    background: #ccc!important;
}

ul.store_menu li {
    width: 31.8%;
    margin-left: 0.7%;
    margin-right: 0.7%;
    float: left;
    font-size: 15px;
    text-align: center;
    color: #458cc7;
    box-sizing: border-box;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
    background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
    background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
    background: -o-linear-gradient(#ffffff, #eeeeee);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    margin-bottom: 10px;
    position: relative;
}

ul.store_menu {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
    font-size: 14px;
    position: relative;
}

ul.store_menu a.check span.icon-other-check1 {
    display: block;
}

ul.store_menu span.icon-cate {
    margin-right: 5px;
    font-size: 25px;
    vertical-align: -5px;
}

ul.store_menu a.item {
    display: block;
    border: 1px solid #cccccc;
    color: #414141;
    padding: 15px 20px 10px;
    height: 60px;
    vertical-align: middle;
}

ul.store_menu span.icon-other-check1.disabled {
    background: #ccc!important;
}

ul.store_menu span.icon-cate {
    margin-right: 5px;
    font-size: 25px;
    vertical-align: -5px;
}

ul.store_menu span.icon-other-check1 {
    color: #fff;
    background: green;
    font-size: 16px;
    padding: 8px;
    border-radius: 50%;
    position: absolute;
    right: 8px;
    bottom: 0px;
    display: none;
    height: 30px;
    width: 30px;
    top: 0px;
    margin: auto;
}

.img11111 {
    height: 74px;
    border: 1px solid #ddd;
    width: 62px;
    margin: 4px auto 4px;
    position: relative;
    overflow: hidden;
}

#tpl_shop a.shop_items p,
.cate_menu .root_items p,
.cate_menu .cat_items p {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    display: block;
    margin-top: 0px !important;
    line-height: 1.2;
}

#tpl_shop a.shop_items p {
    width: 100%;
    margin: 0px;
}

b.float-right.SP {
    z-index: 30;
    font-weight: 400;
    position: absolute;
    bottom: 50px;
    background: #fff;
    width: 100%;
    text-align: left;
    color: #222;
    padding: 0px 10px;
}

#tpl_lshop_holder li a p {
    width: 100%;
    margin: 12px 0px -16px;
    position: static;
    max-height: none;
}

.hide_mobile_11 {
    display: none;
}

@media(max-width: 767px) {
    #tpl_lshop_holder {
        width: 100%;
    }
    #tpl_lshop_holder li {}
    .height-6011 {
        margin-bottom: 50px;
    }
    .height-6011 .btn-group11 {
        position: absolute;
        top: 24px;
        left: 6px;
        width: calc(100% - 10px);
        background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
        background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
        background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
        filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        border-color: #dbdbdb;
        border-color: #ccc;
        padding: 0px;
    }
    .padding-l-70111 {
        padding-left: 7px;
        padding-top: 4px;
    }
    .mobile_top5div .row>div {
        margin: 3px 0px;
    }
    .title_item_B_111 {
        margin-top: -20px;
    }
    .title_item_B_111>div {
        float: none;
        margin: 8px 0px 0px !important;
    }
}

div.hd_select_store_delete select {
    height: 40px;
    width: 100%;
}

div.hd_select_store_delete strong {
    margin-top: 8px;
    display: block;
}

div.hd_select_store_delete {
    height: 43px;
    text-align: right;
    margin-bottom: 20px;
}

select.payment_type_liabilities {
    height: 43px;
    width: 100%;
}

img.delete_liabilities_history {
    height: 30px;
    cursor: pointer;
}

.table-head thead td {
    background: #f1f1f1;
    font-weight: bold;
}

div#popup-general input {
    padding: 10px;
    margin-top: 6px;
}

div#popup-general {
    position: static;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
}

div#popup-general i {
    margin: 0px;
    font-style: normal;
    font-size: 19px;
    position: absolute;
    right: 0px;
    top: -4px;
    border: 1px solid #f00;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 25px;
    border-radius: 40px;
    color: #f00;
}

div#btn_submit_general {
    float: right;
    margin-bottom: 0px;
    margin-top: 20px;
}

#popup-general.wrap-input-group p {
    text-align: left;
    margin: 0px 0px -10px 0px;
    color: #037dd1;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

.calendar111 .hide_mobile {
    display: none;
}

.calendar111 .col-w-12per {
    width: 100%;
}

.calendar111 h4 {
    margin-top: 20px;
    margin-bottom: -10px;
}

.top20111 {
    margin-top: 0px;
    margin-bottom: 15px;
}

.calendar111 .hide_mobile_11 {
    display: block;
    float: left;
    width: 80px;
    text-align: left;
}

.calendar111 .hide_mobile_11 .top-63 {
    margin-top: 52px;
}

.calendar111 .hide_mobile_11 .top-20 {
    margin-top: 12px;
}

.calendar111 .col-w-12per {
    display: block;
    float: left;
    width: calc(100% - 80px);
}

.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin: 0;
    transition: background-color .4s ease;
    cursor: pointer;
}

.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #f4f4fb;
    font-weight: bold;
}

.dropdown-menu.checkbox-menu {
    background-color: #f1f1f1;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}

div span.badge {
    background-color: #CE0;
}

.search-order input+i {
    top: 16px;
    position: absolute;
    right: 22px;
    opacity: 0.6;
}

.search-order {
    padding: 5px;
    background: #fff;
    margin-bottom: 16px;
}

.bg-white {
    background: #fff;
}

.bank-holder .input_name input:focus {
    border-bottom: 2px solid #66afe9;
    transition-duration: .3s;
    background-size: 100% 2px, 100% 1px;
    outline: 0;
    color: #6b6b6b;
}

.bank-holder .input_name input {
    background: #fff;
    padding: 5px 3px;
    border-bottom: 2px solid #e7e7e7;
}

.bank-holder button.btn {
    margin-top: 10px;
}

.bank-holder {
    margin-top: 20px;
    background: #ececec;
    border-radius: 8px;
    padding: 20px;
    opacity: 0.9;
}

.close:hover {
    color: #000;
}

.modal-content.modal-sm {
    margin: 0 auto;
}

.ng-scope.ng-active {
    color: red;
}

.input-group.bootstrap-touchspin span.input-group-btn {
    background: #EAF7FD;
    color: #69b9de;
}

input.cart-quantity {
    font-weight: bold;
}

label.lb-bank {
    font-weight: bold;
    margin-top: 10px;
}


/*
- BEGIN NEW menu
*/

.head-new {
    padding: 5px 0px;
    position: relative;
}

.logo-news {
    float: left;
    padding: 10px 0px;
}

@media(max-width: 767px) {
    .logo-news {
        padding: 5px 0px;
        float: none;
    }
    .head-new {
        border-bottom: 1px solid #ddd;
    }
}

.logo-news img {
    max-height: 36px;
}

.toolbar-new {
    float: right;
}

.toolbar-new ul {
    margin: 0px;
    padding: 0px;
}

.toolbar-new ul li {
    display: inline-block;
    margin: 18px 15px;
}

.toolbar-new ul li a {
    color: #333;
}

.toolbar-new ul li i {
    margin-right: 8px;
}

@media(max-width: 767px) {
    .toolbar-new {
        float: none;
        white-space: nowrap;
        overflow-x: auto;
        position: absolute;
        top: 10px;
        right: 60px;
    }
    .toolbar-new ul li {
        margin: 6px 7px 4px;
        font-size: 18px;
    }
    .toolbar-new ul li span {
        display: none;
    }
    .toolbar-new ul li i {
        margin-right: 0px;
    }
}


/**/

.menu-new {
    background: #005AA9;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

@media(max-width: 767px) {
    .menu-new {
        position: fixed;
        left: -400px;
        width: 250px;
        top: 0px;
        z-index: 5;
        height: 100%;
        background: #fff;
    }
    body .menu-new .container {
        padding: 0px !important;
    }
}

.menu-new.active {
    left: 0px;
}

.menu-new ul.menu1 {
    margin: 0px;
    padding: 0px;
}

.menu-new ul.menu1>li {
    display: inline-block;
    position: relative;
    list-style-type: none;
    margin: 0px 1px;
}

@media(max-width: 767px) {
    .menu-new ul.menu1>li {
        display: block;
    }
}

.menu-new ul.menu1>li>a {
    color: #fff;
    display: block;
    padding: 12px 25px;
}

@media(max-width: 767px) {
    .menu-new ul.menu1>li>a {
        padding: 12px 20px;
        color: #222;
        font-weight: 600;
    }
}

.menu-new ul.menu1>li.active>a,
.menu-new ul.menu1>li:hover>a {
    background: #015196;
    text-decoration: none;
    color: #fff;
}

.menu-new ul.menu1>li>a i {
    margin-right: 5px;
    font-size: 15px;
}

.menu-new ul.menu1>li>.sub {
    display: none;
    background: #015196;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 310px;
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, .25);
    box-shadow: 0 5px 25px rgba(0, 0, 0, .25);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px 0px 5px 5px;
    padding: 10px 0px;
    margin: 0px;
}

@media(max-width:767px) {
    .menu-new ul.menu1>li>.sub {
        display: block;
        width: auto;
        box-shadow: none;
        position: relative;
        min-width: auto;
        border-radius: 0px;
        background: none;
        padding: 0px;
        padding-left: 28px;
    }
}

.menu-new ul.menu1>li:last-child>.sub {
    left: auto;
    right: 0px;
}

.menu-new ul.menu1>li:hover>.sub {
    display: block;
}

.menu-new ul.menu1>li>.sub>li {
    list-style-type: none;
}

.menu-new ul.menu1>li>.sub>li>a {
    color: #fff;
    display: block;
    padding: 11px 20px;
}

@media(max-width: 767px) {
    .menu-new ul.menu1>li>.sub>li>a {
        color: #444;
        padding: 8px 20px;
    }
}

.menu-new ul.menu1>li>.sub>li:hover>a {
    background: #034782;
    text-decoration: none;
}

.menu-new ul.menu1>li>.sub>li>a i {
    margin-right: 10px;
    font-size: 16px;
}

.icon-menu-pc {
    display: none;
    float: left;
    background: #fff;
    padding: 9px 12px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    border-radius: 4px;
    margin: -3px 6px 0px -8px;
}

@media(max-width: 767px) {
    .icon-menu-pc {
        display: block;
    }
}

.icon-menu-pc .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #468bc9;
    margin: 4px 0px;
}

.overlay-menu-new {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 4;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

.overlay-menu-new.active {
    display: block;
}

.logo-mobile {
    display: none;
    text-align: center;
    padding: 15px 0px;
    border-bottom: 1px solid #ddd;
}

.logo-mobile img {
    display: inline-block;
    max-height: 30px;
}

@media(max-width: 767px) {
    .logo-mobile {
        display: block;
    }
}

.menu-minus {
    position: absolute;
    right: 0px;
    font-size: 30px;
    top: 0px;
    height: 42px;
    bottom: 0px;
    width: 32px;
    text-align: center;
    cursor: pointer;
    display: none;
}

.menu-plus {
    position: absolute;
    right: 0px;
    font-size: 27px;
    top: 0px;
    height: 44px;
    line-height: 44px;
    width: 32px;
    text-align: center;
    cursor: pointer;
    display: none;
    z-index: 1;
}

.menu-plus.active {
    display: block;
}

.menu-new ul.menu1>li.active .menu-plus,
.menu-minus.active {
    color: #fff;
}

.back-menu {
    position: absolute;
    top: 0px;
    right: -46px;
    background: #fff;
    padding: 16px;
    font-size: 16px;
    box-shadow: 3px 3px 4px #999;
}

@media(min-width: 768px) {
    .menu-new ul.menu1 {
        height: auto !important;
    }
    .overlay-menu-new {
        display: none !important;
    }
}

@media(max-width: 767px) {
    .menu-minus {
        display: block;
    }
    .menu-new ul.menu1 {
        overflow-y: auto;
    }
}

.nav-admin {
    float: right;
    line-height: 54px;
    padding: 0px 20px;
    color: #fff;
    font-size: 14px;
    margin: 0px;
    position: relative;
}

.nav-admin li {
    position: static;
}

.nav-admin a {
    color: #888;
}

.nav-admin a img {
    float: left;
    margin: 10px 4px 10px 0px;
}

@media(max-width: 991px) {
    .nav-admin {
        padding: 0px 10px;
        line-height: 54px;
    }
    .nav-admin a img {
        margin: 9px 0px;
    }
}

.nav-admin a span {
    display: inline-block;
    margin: 0px 10px 0px 5px;
}

@media(max-width: 767px) {
    .nav-admin {
        line-height: 38px;
        max-width: 200px;
        position: absolute;
        padding: 8px 8px;
        top: 0px;
        right: 0px;
        text-align: center;
    }
    .nav-admin a {
        font-size: 13px;
        display: block;
    }
    .nav-admin a span {
        white-space: nowrap;
        float: left;
        max-width: 155px;
        padding: 0px 6px 0px 6px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        display: none;
    }
    .nav-admin a img {
        margin: 0px;
    }
    .nav-admin>li>a>i {
        position: absolute;
        right: 7px;
        top: 0px;
        height: 13px;
        bottom: 0px;
        margin: auto;
        display: none;
    }
}


/**/

.nav-admin>li .sub-menu {
    background: #015196;
    left: auto;
    right: 0px;
    padding: 2px 0px 0px;
    top: 100%;
    margin-top: 5px;
    min-width: 200px;
    box-shadow: 0px 1px 15px #005AA9;
    border: 1px solid #005AA9;
}

.nav-admin>li .sub-menu:after {
    bottom: 100%;
    right: 8px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #005AA9;
    border-width: 16px;
    margin-left: -16px;
    z-index: 1;
}

.nav-admin>li .sub-menu:before {
    bottom: 100%;
    right: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #015196;
    border-width: 14px;
    margin-left: -14px;
    z-index: 2;
}

@media(max-width: 767px) {
    .nav-admin>li .sub-menu {
        margin-right: 3px;
    }
}

.nav-admin>li .sub-menu li {
    display: block;
    padding: 0px 12px 12px;
}

.nav-admin>li .sub-menu li hr {
    margin: 0px auto;
    border-color: #232b3e;
    width: calc(100% + 24px);
    margin-left: -12px;
    box-shadow: 0px 0px 1px #fff;
}

.nav-admin>li .sub-menu li a {
    padding: 12px 0px 0px 0px;
    border-top: 1px solid #005AA9;
    background: none;
    color: #fff;
    cursor: pointer;
}

.nav-admin>li .sub-menu li.border-none a {
    border: none;
    margin-top: -10px;
}

.nav-admin>li .sub-menu li:first-child a {
    border: none;
}

.nav-admin>li .sub-menu li a span {
    color: #3375d0;
    display: block;
    padding-left: 17px;
}

@media(max-width: 767px) {
    .nav-admin>li .sub-menu li a {
        padding: 12px 0px 0px 0px !important;
    }
}

.nav-admin>li .sub-menu li a>img {
    width: 20px;
    float: none;
    margin: -2px 6px 0px;
}

.nav-admin>li .sub-menu li:hover {
    background: #036da5;
}

div.toolbar-new a:hover {
    cursor: pointer;
    color: #1792d8;
}


/*
- END NEW menu
*/

h2.title-page {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #005aa9;
}

.icon-cate.icon-other-date {
    cursor: pointer;
}

@media(max-width: 767px) {
    h2.title-page {
        margin-top: 20px;
        margin-bottom: 12px;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        color: #005aa9;
    }
    .row.search-order.search-order1 {
        padding: 0px;
    }
}


/*
-BEGIN child in child member group
*/

ul.child-group,
.child-group>ul {
    list-style-type: none;
    padding: 0;
}

.child-group li {
    list-style-type: none;
}

ul.child-group li::before {
    content: "\25B6";
    color: green;
    display: block;
    margin-right: 0px;
    position: relative;
    top: 27px;
    margin-top: -12px;
    width: 20px;
}

#list_member_groups span.group_func.icon-cate.active,
#list_member_groups span.group_func.glyphicon.active {
    margin-bottom: -7px;
    display: inline-block;
}

#list_member_groups>li .table {
    margin-bottom: 0px;
}

#list_member_groups>li .table>tbody>tr>td:last-child {
    text-align: right;
}

#list_member_groups span.group_func.icon-cate {
    font-size: 16px;
    line-height: 24px;
}

#list_member_groups .group_func.icon-cate.icon-other-x,
#list_department .group_func.icon-cate.icon-other-x {
    background: #da231c;
}

.table>tbody.table_order_online>tr>td {
    vertical-align: middle;
}

.table>tbody.table_order_online>tr>td.treasurer_get_detail.bg-C {
    white-space: nowrap;
}


/*
-END child in child member group
*/

#by_user_cs+div.chosen-container.chosen-container-single,
#member_department_id+div.chosen-container.chosen-container-single {
    width: 100%!important;
}

.department-show-child {
    cursor: e-resize;
}

tr.highlight {
    background: #1792d8;
    color: white;
}

tr.highlight .department_child_inp {
    color: #000;
    border-bottom: 1px solid #f1f1f1;
}

input.department-add {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 120px;
}

select.department-add {
    min-width: 90px;
}

tr.highlight {
    background-image: url(../css/images/arrowright.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 40px 60px;
    background-position-x: right;
    background-position-y: 0;
}

.user-register {
    padding: 25px 25px 10px;
    background: #fff;
    margin: 0px 0px 0px 0px;
}

.user-register input {
    border: none;
    border-bottom: 1px solid #ebebeb;
    border-radius: 1px;
    height: 34px;
    font-size: 14px;
    background: none;
    box-shadow: none;
    padding: 0px;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.user-register label {
    color: #444;
    display: none;
}

.user-register .form-group {
    margin: 15px 0px;
    position: relative;
}

.user-register .btn {
    background: #005AA9;
    color: #fff;
    border: none !important;
    height: 40px;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 32px;
    padding: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 2px;
}

.user-register h2 {
    font-size: 28px;
    min-height: 48px;
    line-height: 1.2;
    color: #005AA9;
    margin-bottom: 25px;
    padding: 0px 0px 15px 0px;
    font-family: 'myriadbold';
    text-align: center;
    text-transform: uppercase;
    background: url(../images/line-title.png) no-repeat center bottom;
}

.user-register .form-group.active:before {
    width: 100%;
}

.user-register .form-group:before {
    content: '';
    height: 2px;
    width: 0%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #005AA9;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s
}

.user-register input:focus {
    box-shadow: none;
    border-color: #005AA9;
    outline: none;
}

.user-register input.exportInput:focus~label {
    display: block;
}

p.referral-link {
    background: #fff;
    border-radius: 8px;
    color: #3b83bf;
    font-weight: 600;
}

div.ui-dropdownchecklist-item.ui-state-default {
    padding: 5px 12px 1px;
}

div.ui-dropdownchecklist-item.ui-state-default label {
    font-size: 14px;
    padding-left: 10px;
    color: #333;
    font-weight: normal;
}

tr.pro-com-invisible,
tr.highlight-hidden {
    background: #ccc;
}

#modal_add_storing .search-order {
    padding: 0;
    margin-bottom: 0px;
}

select.department_child_inp:focus,
input.department_child_inp:focus,
span.department_child_inp input:focus,
.department-add-new:focus {
    outline: none;
    border-bottom: 1px solid #1792d8;
}

select.department_child_inp,
input.department_child_inp,
span.department_child_inp input,
.department-add-new {
    padding: 3px;
    padding-top: 8px;
    border: none;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.department_child_show {
    white-space: normal;
}

.department_child_show.sub-rows {
    padding-top: 8px;
    font-size: 12px;
    font-style: italic;
}

.department.square_x {
    right: 23px;
    padding: 4px 0px 0px 0px;
    cursor: pointer;
}

span.group_func.icon-cate.active.icon-other-x {
    background: #da231c;
}

div.hd-list-group {
    min-height: 80px;
}

div.DCG-hide input,
div.DCG-hide select {
    color: black;
    width: 100%;
}

div.DCG-hide {
    min-width: 250px;
    max-width: 350px;
}

div.DCG-hide label {
    color: #ccc;
    width: 100%;
    font-size: 12px;
}

span.group_inp label,
.member-g-label {
    width: 100%;
    text-align: left;
    color: #ccc;
}

#list_member_groups table.table tr {
    height: 42px;
}

.cycle-close:hover {
    font-weight: bold;
}

.cycle-close {
    cursor: pointer;
}


/* tungcode 0307 */

#notification_alert {
    position: relative;
    top: 0px;
}

#notification_alert:hover {
    color: #FF7F00;
}

.notification {
    color: #fff;
}

.notification .row {
    border-top: 1px solid #ececec;
    margin: 30px -20px 0px;
}

.notification .notification-left {
    padding: 0px 0px 0px 0px;
    border-right: 1px solid #ececec;
}

.notification .notification-right {
    padding: 0px 10px 0px 0px;
}

.notification ul.item {
    padding: 0px;
}

.notification ul.item li {
    padding: 0px 0px 0px 0px;
    position: relative;
    cursor: pointer;
    list-style-type: none;
}

.notification ul.item li:hover {
    background: #f3f3f3;
}

.notification ul.item li .iframe {
    padding: 30px 0px 12px;
    border-bottom: 1px solid #ececec;
}

.notification ul.item li .iframe>h2 {
    margin: 20px 0px 10px;
    font-size: 18px;
}

.notification ul.item li .iframe>h3 {
    margin: 0px 0px 0px;
    font-size: 15px;
    line-height: 1.6;
    padding: 0px 40px 0px 0px;
}

.notification ul.item li .iframe>.date {
    position: absolute;
    top: 6px;
    font-size: 12px;
    font-style: italic;
    right: 50px;
}

.notification ul.item li .iframe .img_delete_noti {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    right: 10px;
}

.wrap-editor {
    margin-top: 20px;
}

.wrap-editor .input_name {
    margin: 15px 0px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 6px;
}

.wrap-editor .input_name .label_name {
    display: inline-block;
    margin: 0px 5px 0px 0px;
}

.wrap-editor .input_name>input {
    width: calc(100% - 80px) !important;
    display: inline-block;
    border: none;
    box-shadow: none !important;
    background: none;
    color: #777;
    font-size: 13px;
}

.wrap-editor .input_name_b>input {
    font-weight: 600;
    font-size: 15px;
    color: #666;
}

.wrap-editor .input_name>span {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    color: #888;
    font-weight: 600;
    font-size: 16px;
}

.wrap-editor .input_name .sub {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 780px;
    height: 500px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ececec;
    z-index: 1003;
    overflow-x: auto;
    box-shadow: 0px 0px 3px #ddd;
    display: none;
}

.overlay_newnoti {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1002;
    display: none;
}

@media(max-width: 767px) {
    .wrap-editor .input_name .sub {
        width: 100%;
    }
    .search-order111 {
        padding: 0px;
    }
}

.wrap-editor .input_name .sub .search-order {
    margin: 0px;
    position: relative;
    border-bottom: 1px solid #ececec;
    padding: 12px 15px 8px;
    margin-right: 66px;
}

.wrap-editor .input_name .sub .search-order .btn {
    top: 11px;
    right: 16px;
}

.wrap-editor .input_name .sub .search-order input {
    background: #f1f1f1;
    border-radius: 6px;
    padding: 10px;
}

.wrap-editor .input_name .sub .sub-left {
    float: left;
    width: 40%;
    height: calc(100% - 65px);
    border-right: 1px solid #f1f1f1;
}

.wrap-editor .input_name .sub .sub-left ul {
    border: none;
}

.wrap-editor .input_name .sub .sub-left ul li {
    float: none;
    margin: 0px 0px 1px;
}

.wrap-editor .input_name .sub .sub-left ul li a {
    border-radius: 0px;
    padding: 18px 15px;
    margin: 0px;
    border: none;
    color: #777;
}

.wrap-editor .input_name .sub .sub-left .nav-tabs>li.active>a,
.wrap-editor .input_name .sub .sub-left .nav-tabs>li.active>a:focus,
.wrap-editor .input_name .sub .sub-left .nav-tabs>li.active>a:hover {
    background: #f1f1f1;
    border: none;
}

.wrap-editor .input_name .sub .sub-right {
    float: left;
    width: 60%;
}

.wrap-editor .input_name .sub .sub-right .wrap_sub_all {
    padding-top: 15px;
    list-style-type: none;
    padding: 0px;
}

.wrap-editor .input_name .sub .sub-right .wrap_sub_all li {
    padding: 5px 15px 5px 25px;
    position: relative;
}

.wrap-editor .input_name .sub .sub-right .wrap_sub_all li>span {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 24px;
    color: #888;
    height: 30px;
    cursor: pointer;
    width: 32px;
    line-height: 30px;
    text-align: center;
    z-index: 9;
}

.wrap-editor .input_name .sub .sub-right .wrap_sub_all li>span.up {
    display: none;
}

.wrap-editor .input_name .sub .sub-right .wrap_sub_all li.active>span.up {
    display: block;
}

.wrap-editor .input_name .sub .sub-right .wrap_sub_all li.active>span.down {
    display: none;
}

.wrap-editor .input_name .sub .sub-right .wrap_sub_all li label {
    font-weight: 400;
    color: #666;
    display: block;
    cursor: pointer;
}

.wrap-editor .input_name .sub .sub-right .wrap_sub_all>li>ul.sub_all {
    padding-top: 6px;
    display: none;
    padding: 0;
    list-style-type: none;
}

.close_sub_addContact {
    font-size: 15px;
    position: absolute;
    top: 12px;
    right: 5px;
    color: #fff;
    opacity: 1;
    width: 70px;
    height: 38px;
    text-align: center;
    line-height: 37px;
    cursor: pointer;
    z-index: 9;
    background: #f00;
    font-weight: 400;
    border-radius: 5px;
}

.addNotification {
    position: relative;
    display: none;
}

.close_noti {
    font-weight: 300;
    font-size: 26px;
    position: absolute;
    top: 4px;
    right: 4px;
    color: #888;
    opacity: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.icon_noti {
    color: #888;
    font-size: 16px;
    text-align: right;
    margin-top: 14px;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    padding-left: 15px;
}

.icon_noti img {
    margin-left: 6px;
    position: relative;
    top: -2px;
}

.icon_notis {
    color: #888;
    font-size: 16px;
    text-align: right;
    margin-top: 14px;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    padding-left: 15px;
    float: right;
}

.icon_notis img {
    margin-left: 6px;
    position: relative;
    top: -2px;
}

select#investor_group_id+button {
    background: #fff;
    color: #888;
    font-size: 14px;
    padding: 0px 12px 0px 0px;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-top: 3px;
    margin-left: 0px;
    text-transform: inherit;
    font-weight: 300;
    position: relative;
}

div.investor_group_id div.mdb-select {
    width: 100%!important;
}

span.to-item {
    padding: 3px 8px 4px;
    display: inline-block;
    background: #7ec872;
    border-radius: 4px;
    color: #fff;
    margin-right: 5px;
    margin-top: 3px;
    min-width: 120px;
    position: relative;
    padding-right: 25px;
}

span.to-item b:hover {
    color: red;
    font-weight: bolder;
}

span.to-item b {
    display: inline-block;
    color: #888;
    font-size: 18px;
    margin-left: 10px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 8px;
}

li.investor_group_id:hover,
li.investor_group_id.active {
    background: #3375d0;
    color: #fff;
}

li.investor_group_id {
    float: none;
    margin: 0px 0px 4px;
    padding: 5px;
    background: #eee;
    cursor: pointer;
}


/* end tungcode 0307 */

button.btn_hide_price {
    color: orange!important;
}

.input-number-touch-quantity {
    text-align: center;
}

div.barcode-list {
    border: 1px solid #d1d1d1;
    padding: 9px;
    background: #f0f0f0;
    min-height: 300px;
    max-height: 500px;
    overflow-y: scroll;
    border-radius: 3px;
}

.barcode-list span {
    padding: 6px 5px;
    background: #3283ba;
    border-radius: 3px;
    color: white;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

.barcode-list span b {
    color: gray;
    margin-left: 5px;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.6;
    color: #d1d1d1;
}

.barcode-list span b:hover {
    opacity: 1;
}

div.info-bar-head .btn-save,
div.info-bar-head .barcode-no-bar {
    margin-top: 26px;
}

input.cart-quantity {
    padding-left: 3px;
    padding-right: 3px;
}

span.cart-note {
    text-align: left;
    margin-top: 16px;
    display: inline-block;
    width: 100%;
}

span.order-note {
    text-align: left;
    margin: 0;
    padding-left: 16px;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 2px;
}

span.order-note .wrap_name {
    padding: 0px !important;
}

span.order-note .wrap_name input {
    margin-top: -10px;
    margin-left: 16px;
    font-size: 12px;
    border-radius: 0px;
}

span.cart-note span,
span.order-note span {
    color: #037dd1;
    font-weight: 300;
    font-size: 12px;
}

span.cart-note i.btn-edit-item-cart,
span.order-note i.btn-edit-item-order {
    cursor: pointer;
}

input.edit-note-order {
    border: none!important;
    padding: 8px 12px 0px 3px!important;
    margin-left: 26px;
    margin-right: 16px;
}

i.edit-note-order {
    display: inline-block;
    position: absolute;
    top: 10px;
    cursor: pointer;
    color: #5ab94e;
}

label.address-book-icon {
    cursor: pointer;
}

label.address-book-icon i {
    color: #005AA9;
}

.modal-addbook {
    width: 94%;
}

tbody#addbook_list tr td {
    line-height: 3.55;
    vertical-align: middle;
}

.borderless tr,
.borderless td,
.borderless th {
    border: none !important;
}

.cart-note {
    cursor: pointer;
}

.location-allowed,
.l-allowed {
    padding: 3px 5px;
    margin-bottom: 3px;
    background: #1578fb;
    border-radius: 5px;
    width: fit-content;
    color: #fff;
    float: left;
    margin-right: 5px;
}

.location-allowed.show i,
.l-allowed.show i {
    display: none;
}

.location-allowed i,
.l-allowed i {
    margin-left: 3px;
    color: #d1d1d1;
    font-weight: 600;
    opacity: 0.6;
    font-style: normal;
}

.location-allowed i:hover,
.l-allowed i:hover {
    opacity: 1;
    cursor: pointer;
}

span.error {
    color: red;
}

.vertical-middle td {
    vertical-align: middle;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 1px;
}


/**/

.list-shop {
    padding: 0px;
}

.list-shop li {
    padding: 10px 20px 10px 10px;
    position: relative;
    /* border-bottom: 1px solid #e8e8e8; */
    list-style-type: none;
}

.list-shop li:nth-child(4n+1) {
    clear: both;
}

.list-shop li .item {
    position: relative;
    padding: 0px 0px 0px 0px;
}

.list-shop li:after,
.list-shop li .item:after {
    content: '';
    display: block;
    clear: both;
}

.list-shop li .img {
    background-size: cover;
    background-position: center center;
    height: 175px;
}

.list-shop li .img img {
    height: 100%;
    width: 100%;
    opacity: 0;
}

.list-shop li .wrap-info {
    width: 100%;
}

.list-shop li .title {
    font-size: 14px;
    line-height: 1.3;
    color: #222;
    font-weight: 600;
    margin: 12px 0px 8px;
    text-transform: uppercase;
    position: relative;
    padding-left: 28px;
    padding-top: 3px;
}

.list-shop li .info {
    font-size: 13px;
    color: #333;
    font-weight: 300;
    margin-bottom: 3px;
    position: relative;
    padding: 2px 0px 3px 28px;
}

.list-shop li .phone {
    font-size: 13px;
    color: #333;
    position: relative;
    margin-bottom: 5px;
    padding: 2px 0px 3px 28px;
}

.list-shop li .payment {}

.list-shop li .payment .pull-left {
    margin-right: 6px;
    padding-top: 0px;
    font-weight: 600;
    font-size: 14px;
    float: left;
}

.list-shop li .payment .l-allowed {
    font-size: 12px;
    padding: 3px 7px 2px;
    border-radius: 3px;
}

.list-shop li .wrap-info>div>i {
    font-size: 20px;
    color: #bc9136;
    margin-right: 8px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.ui-icon.ui-icon-triangle-1-e,
.ui-icon.ui-icon-triangle-1-s {
    position: relative;
    top: 8px;
    left: 5px;
}

.ui-dropdownchecklist-text {
    font-weight: 400;
    color: #444;
    position: relative;
    top: 3px;
    left: 8px;
    font-size: 14px;
    padding: 3px 0px;
}

.ui-dropdownchecklist-item .ui-dropdownchecklist-text {
    top: 0px;
    padding: 6px 0px;
}

.ui-widget input {}

.ui-widget input[checked=checked] {}

.input_quantity_sale1>div {
    display: inline-block;
}

.shop-bg-img {
    background-image: url(../assets/images/dlclogo.png);
    background-size: 100%!important;
    background-repeat: no-repeat;
}

.blog-huongdan {
    padding-right: 15px;
    padding-top: 15px;
    padding-left: 0px;
    padding-bottom: 0px;
    -webkit-box-shadow: -50px 0 50px 0 #fafafa inset;
    -moz-box-shadow: -50px 0 50px 0 #fafafa inset;
    box-shadow: -50px 0 50px 0 #fafafa inset;
    z-index: 1;
    background: #fff;
}

@media(min-width: 768px) {
    .blog-huongdan-1 {
        width: 231px;
    }
}

@media(min-width: 992px) {
    .blog-huongdan-1 {
        width: 244px;
    }
    .sidebar-right {
        padding-right: 0px;
    }
}

@media(min-width: 1200px) {
    .blog-huongdan-1 {
        width: 278px;
    }
    .sidebar-right {
        padding-right: 20px;
    }
}

@media(max-width: 767px) {
    .blog-huongdan {
        position: relative !important;
    }
}

.blog-huongdan h2.block-title {
    position: relative;
    background: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin: 0px 0 0px;
    font-size: 20px;
    text-transform: uppercase;
}

@media(max-width: 991px) {
    .blog-huongdan h2.block-title {
        font-size: 18px;
        font-weight: normal;
        text-transform: none;
    }
}

.blog-huongdan h2.block-title:after,
.blog-huongdan h2.block-title:before {
    top: 100%;
    left: 50px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.blog-huongdan h2.block-title:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-top-width: 1px;
    border-width: 5px;
    margin-left: -5px;
}

.blog-huongdan h2.block-title:before {
    border-color: rgba(221, 221, 221, 0);
    border-top-color: #ddd;
    border-top-width: 1px;
    border-width: 6px;
    margin-left: -6px;
}

.blog-huongdan .content ul {
    padding: 0px;
}

.blog-huongdan .content ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.blog-huongdan .content ul li:last-child a {
    border-bottom: none;
}

.blog-huongdan .content ul li a {
    color: #222;
    text-transform: none;
    display: block;
    padding: 10px 0;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px dashed #ccc;
}

.blog-huongdan .content ul li a p {
    top: 0px !important;
    position: static !important;
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
    font-size: 15px !important;
}

@media(max-width: 991px) {
    .blog-huongdan .content ul li a {
        font-size: 14px;
    }
}

.blog-huongdan .content ul>li>a i {
    float: left;
    margin-top: 4px;
    margin-right: 12px;
}

.blog-huongdan .content ul>li>a i.fa-angle-right,
.blog-huongdan .content ul>li>a i.fa-angle-down {
    float: right;
    margin-top: 2px;
}

.blog-huongdan .content ul>li.down>a i.fa-angle-down {
    display: none;
}

.blog-huongdan .content ul>li.up>a i.fa-angle-right {
    display: none;
}

.blog-huongdan .content ul>li.up i.fa-angle-down {
    display: block;
}

.blog-huongdan .content ul>li.down i.fa-angle-right {
    display: block;
}

.blog-huongdan .content ul li>ul.sub-menu {
    display: none;
}

.blog-huongdan .content ul li>ul.sub-menu li {}

.blog-huongdan .content ul li>ul.sub-menu li:hover a {
    color: #2276d2;
}

.blog-huongdan .content ul li>ul.sub-menu li.active a {
    color: #2276d2;
    font-weight: bold;
}

.blog-huongdan .content ul>li.up>a,
.blog-huongdan .content ul>li:hover>a {
    color: #2276d2;
}

.blog-huongdan .content ul li>ul.sub-menu li a {
    color: #000;
    padding: 9px 0;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
}

.blog-huongdan .content ul li>ul.sub-menu li a span {
    background: #f00000;
    color: #fff;
    padding: 0px 6px 1px;
    border-radius: 3px;
    text-align: center;
    margin-left: 8px;
    position: relative;
    font-size: 10px;
}

.blog-huongdan .content ul li>ul.sub-menu li a i {
    float: left;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 2px;
    font-size: 16px;
}

.sidebar-right {
    margin-top: 20px;
}

span.suggest-parent {
    position: absolute;
}

select.group_inp_is_for {
    padding: 0px;
}

div.btn-group.treasurer {
    z-index: 0;
}

.input_quantity_sale1>div {
    display: inline-block;
    position: relative;
}

#btn_sale div#popup-sale {
    top: 36px;
    left: 0px;
    position: absolute;
}

.wrap-input-group .nav a {
    border-radius: 0px;
    border: 1px solid #ddd;
    margin: 0px -1px !important;
    background: #fff;
    display: block !important;
    line-height: 40px;
    padding: 0px !important;
}

i.glyphicon.is_official_member {
    color: green;
    opacity: 0.6;
    float: right;
    position: inherit;
}

i.glyphicon.is_official_member:hover {
    opacity: 0.66;
}

a.collected-all {
    position: absolute;
    right: 0;
    cursor: pointer;
}

div.treasurer i.confirmed-done {
    opacity: 0.66;
}

div.treasurer i.confirmed-done:hover {
    opacity: 0.99;
}

div.treasurer i.confirmed-done+span {
    display: none;
    position: absolute;
    right: 32px;
    top: -10px;
    width: 250px;
    background: #f1f1f1;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: left;
}

div.treasurer i.confirmed-done:hover+span {
    display: block;
}

div.dr {
    margin-top: 5px;
}

div.dr div.ui-dropdownchecklist.ui-dropdownchecklist-dropcontainer-wrapper.ui-widget {
    height: auto!important;
    width: 200px!important;
}

div.dr div.ui-dropdownchecklist.ui-dropdownchecklist-dropcontainer-wrapper.ui-widget div.ui-dropdownchecklist-dropcontainer.ui-widget-content {
    height: auto!important;
}

div.dr div.ui-dropdownchecklist.ui-dropdownchecklist-dropcontainer-wrapper.ui-widget div.ui-dropdownchecklist-item.ui-state-default input {
    width: auto!important;
    height: auto!important;
}

div.chosen-container.chosen-container-single {
    height: 36px;
}

select#member_group_id+div {
    width: 250px!important;
}

.hd-file i.delete {
    position: absolute;
    top: -6px;
    right: 5px;
    cursor: pointer;
    color: gray;
}

.hd-file i.delete:hover {
    color: red;
    font-weight: bold;
}

.hd-file img {
    cursor: context-menu;
}

.hd-file {
    width: 50px;
    max-height: 100px;
    display: inline-block;
    height: 50px;
    overflow: hidden;
}

.processing_uploaded {
    max-height: 10px;
}

.avatar_thumbs_lq>a {
    width: 150px;
    display: inline-block;
    margin: 4px;
}

.avatar_thumbs>a {
    display: block;
    height: 100px;
    position: relative;
    border: 1px solid #e8e8e8;
    margin: 0px 0.4%;
    box-shadow: 0px 0px 5px #c7c7c7;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.avatar_thumbs.avatar_thumbs_lq.url_chung_tu {
    margin: 3px;
    float: left;
}

a.img.hd-file.url_chung_tu {
    padding: 0px;
    height: 22px;
    width: 29px;
}

span.sum_stock.pos-item {
    position: absolute;
    top: 0px;
    font-size: 10px;
    right: 4px;
    color: gray;
    width: 79px;
    text-align: left;
    font-style: italic;
}

i.icon-up {
    color: #28a4c9;
    font-size: 31px;
    padding-left: 30px;
    cursor: pointer;
}

i.delete.icon {
    position: absolute;
    right: 10px;
    top: 20px;
    color: darkgray;
    cursor: pointer;
    opacity: 0.8;
}

i.delete.icon:hover {
    color: red;
}

input.link-cat {
    z-index: 1000;
    position: absolute;
    bottom: 0;
    height: 26px;
}

.fee_order {
    z-index: 1;
    border: 1px solid #eee;
    border-right: 0px;
    height: 40px;
    position: relative;
    top: 3px;
    margin-bottom: 20px;
}

.fee_order span {
    position: absolute;
    z-index: 2;
    top: -10px;
    left: 10px;
    background-color: #fff;
    font-size: medium;
    font-weight: 600;
}

.fee_order p {
    top: 10px;
    left: 50px;
    position: absolute;
    font-size: 18px;
    color: #009e35;
    font-weight: 600;
}


/* .fee_order_border p {
    top: 10px;
    left: 30px;
    position: absolute;
    font-size: 18px;
    color: #009e35;
    font-weight: 600;
} */

.fee_order_border {
    z-index: 1;
    border: 1px solid #eee;
    border-left: 0px;
    height: 40px;
    position: relative;
    top: 3px;
    margin-bottom: 20px;
}


/**/

.traning-lever {}

.traning-lever ul {
    padding: 0px;
    margin: 0px;
}

.traning-lever ul li {
    list-style-type: none;
    margin: 2px auto;
    color: #fff;
    text-align: center;
}

.traning-lever ul li .img {
    display: inline-block;
    position: relative;
}

.traning-lever ul li img {
    max-height: 86px;
    display: inline-block;
}

.traning-lever ul li:first-child img {
    max-height: 136px;
    border-radius: 0px;
    box-shadow: none;
}

.traning-lever ul li p {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    display: block;
    color: #fff;
    margin: 0px;
    z-index: 1;
    width: 100%;
    font-family: 'UTMAvoBold';
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 20px;
}

.traning-lever ul li p span {
    display: block;
    font-size: 12px;
}

.traning-lever ul li p span:first-child {
    margin-top: 1px;
}

.traning-lever ul li.lever7 p {
    font-size: 30px;
    top: auto;
    bottom: -6px;
    padding-left: 0px;
}

.traning-lever ul li.lever6 p span {
    font-size: 10px;
}

.traning-lever ul li.lever5 p span {
    font-size: 9px;
}


/**/

.traning-lever1 {
    margin-top: 40px;
}

.traning-lever1 .item {}

.traning-lever1 .item .title {
    text-align: center;
    position: relative;
    margin: 30px 0px 0px;
}

.traning-lever1 .item .title>p {
    font-size: 20px;
    text-align: center;
    position: relative;
    color: #aa6e51;
    font-weight: 600;
    margin-top: 10px;
    margin: 10px auto 0px;
    max-width: 600px;
    line-height: 1.3;
    text-transform: uppercase;
}

.traning-lever1 .item.item2 .title>p {
    color: #aa6e51;
}

.traning-lever1 .item.item3 .title>p {
    color: #8fa3b5;
}

.traning-lever1 .item.item4 .title>p {
    color: #8fa3b5;
}

.traning-lever1 .item.item5 .title>p {
    color: #c29644;
}

.traning-lever1 .item.item6 .title>p {
    color: #beaf91;
}

.traning-lever1 .item.item7 .title>p {
    color: #8685b6;
}

.traning-lever1 .item .title img {
    width: 50px;
    display: inline-block;
    background: #fff;
    margin: auto;
}

.traning-lever1 .item .title span {
    position: absolute;
    top: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    text-align: center;
    left: -3px;
    z-index: 1;
}

.traning-lever1 .item ul {
    padding: 0px;
    margin: 0px 0px 20px;
    text-align: center;
}

.traning-lever1 .item ul::after {
    content: '';
    display: block;
    clear: both;
}

.traning-lever1 .item ul li {
    list-style-type: none;
    display: inline-block;
    width: 24%;
    margin: 14px 0px;
    padding: 0px 12px;
}

.traning-lever1 .item.item2 ul li {
    /*float: left;
    width: 25%;*/
}

@media(max-width: 767px) {
    .traning-lever1 .item ul li {
        width: 49%;
    }
    .traning-lever1 .item ul li:nth-child(2n+1) {
        clear: both;
    }
    .traning-lever1 .item .iframe .title1 {
        overflow: hidden;
    }
}

.traning-lever1 .item.item2 ul li:nth-child(4n+1) {
    clear: both;
}

.traning-lever1 .item.item2 .iframe:nth-child(2) ul li {}

.traning-lever1 .item ul li .img {
    background-image: linear-gradient(135deg, #7100b3, #57048c 26%, #6400a5 0, #6a00ac 39%, #7b1eb5 0, #6700a8 52%, #6e00b0 0, #4d0179 57%, #6a00aa 0, #4f0e77 78%, #6300a4 0, #440c67 90%, #5a019c 0, #7000b2);
    background-image: linear-gradient(135deg, #ffd900, #ffd900 26%, #ffc800 0, #ffc800 39%, #ffd900 0, #ffd900 52%, #ffc800 0, #ffc800 57%, #ffd900 0, #ffd900 78%, #ffc800 0, #ffc800 90%, #ffd900 0, #ffd900);
    background-image: linear-gradient(135deg, #0a8409, #099408 26%, #16a915 0, #1db318 39%, #0da70d 0, #0f970c 52%, #2da92b 0, #0c9e0c 57%, #0da50c 0, #0da70d 78%, #12920e 0, #0da00d 90%, #0da70d 0, #0da70d);
    background-image: linear-gradient(135deg, #af6e55, #b37554 26%, #a6684f 0, #b47556 39%, #b27156 0, #b27156 52%, #b06f54 0, #bf7b5b 57%, #ae6e53 0, #b27554 78%, #bb7b54 0, #b67857 90%, #b06f54 0, #b47357);
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: relative;
    border: 6px solid #fff;
    margin: 0px auto;
}

.traning-lever1 .item ul li .img:before {
    content: '';
    position: absolute;
    width: 102px;
    height: 102px;
    left: -12px;
    top: -12px;
    border: 6px solid #e5e5e5;
    border-radius: 50%;
}

.traning-lever1 .item ul li.active .img:before {
    border: 6px solid #7212af;
    border: 6px solid #ffc800;
    border: 6px solid #018304;
    border: 6px solid #b37057;
}

.traning-lever1 .item.item3 ul li .img,
.traning-lever1 .item.item4 ul li .img {
    background-image: linear-gradient(135deg, #768991, #8aa0ae 26%, #6f838d 0, #84979f 39%, #788d98 0, #7d939c 52%, #4d6d78 0, #7b909a 57%, #7d909e 0, #687983 78%, #688a9e 0, #545e61 90%, #8ca1af 0, #8ba1af);
}

.traning-lever1 .item.item3 ul li.active .img:before,
.traning-lever1 .item.item4 ul li.active .img:before {
    border: 6px solid #8fa3b5;
}


/*
.traning-lever1 .item.item4 ul li .img{
    background-image: linear-gradient(135deg,#0a8409,#099408 26%,#16a915 0,#1db318 39%,#0da70d 0,#0f970c 52%,#2da92b 0,#0c9e0c 57%,#0da50c 0,#0da70d 78%,#12920e 0,#0da00d 90%,#0da70d 0,#0da70d);
}
.traning-lever1 .item.item4 ul li.active .img:before{
    border: 6px solid #018304;
}*/

.traning-lever1 .item.item5 ul li .img {
    background-image: linear-gradient(135deg, #ffd695, #eca409 26%, #f9af10 0, #ffae01 39%, #ffb30e 0, #d29b24 52%, #feae07 0, #e4a110 57%, #eca406 0, #faaf0c 78%, #fdb009 0, #b97e02 90%, #feae07 0, #ffb016);
    background-image: linear-gradient(135deg, #d1b257, #b88c3f 26%, #c89f52 0, #c79a43 39%, #ae8240 0, #caa044 52%, #c9a047 0, #ac7e3f 57%, #c39946 0, #c39846 78%, #b08342 0, #c79c4a 90%, #eac87f 0, #c09547);
}

.traning-lever1 .item.item5 ul li.active .img:before {
    border: 6px solid #ffae01;
    border: 6px solid #c29644;
}

.traning-lever1 .item.item6 ul li .img {
    background-image: linear-gradient(135deg, #ded9b2, #ccc0a5 26%, #dfe0c2 0, #cdc590 39%, #d6d391 0, #e4dec3 52%, #dcca7e 0, #e1dcbb 57%, #f6f3e1 0, #bcae8c 78%, #d3c9ac 0, #b9a789 90%, #b9aa8a 0, #d9d4b2);
}

.traning-lever1 .item.item6 ul li.active .img:before {
    border: 6px solid #beaf91;
}

.traning-lever1 .item.item7 ul li .img {
    background-image: linear-gradient(135deg, #8585b5, #8788b8 26%, #9fa1cc 0, #9595c3 39%, #948abb 0, #9090be 52%, #8782b3 0, #8683b1 57%, #a399cd 0, #8a87b4 78%, #9898c6 0, #827eae 90%, #7872a5 0, #9a9ac7);
}

.traning-lever1 .item.item7 ul li.active .img:before {
    border: 6px solid #8685b6;
}

.traning-lever1 .item ul li .img:after {
    content: '';
    background-image: url(../assets/img/traning/stick.svg);
    position: absolute;
    bottom: 0px;
    right: -16px;
    width: 30px;
    display: block;
    height: 24px;
    background-size: cover;
}

.traning-lever1 .item ul li.active .img:after {
    background-image: url(../assets/img/traning/stick-acti.png);
}

.traning-lever1 .item ul li .img img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
    width: 46px;
}

.traning-lever1 .item ul li h3 {
    font-family: 'BalooTammudu2-Medium';
    margin: 20px 0px 0px;
    font-size: 17px;
    line-height: 1.25;
}

.traning-lever1 .item ul li h3 p {
    margin: 0px;
}

.traning-lever1 .item ul li h3 span {
    display: block;
    font-family: 'BalooTammudu2-Bold';
}

.traning-lever1 .item .iframe {
    max-width: 960px;
    margin: 0px auto;
}

.traning-lever1 .item .iframe .title1 {
    color: #7300b3;
    color: #b37057;
    text-align: center;
    font-family: 'BalooTammudu2-Bold';
    letter-spacing: 1px;
    margin: 0px 0px 16px;
    padding: 10px 0px 0px;
    line-height: 1.2;
    position: relative;
    font-size: 18px;
}

.traning-lever1 .item .iframe .title1 span {
    position: relative;
    background: #fff;
    padding: 0px 15px;
}

.traning-lever1 .item .iframe .title1 span:before {
    content: '';
    width: 80px;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: auto;
    height: 1px;
    background: #ddd;
    background: #aa6e51;
    margin-top: -6px;
}

.traning-lever1 .item .iframe .title1 span::after {
    content: '';
    width: 80px;
    position: absolute;
    top: 50%;
    right: 100%;
    margin: auto;
    height: 1px;
    background: #ddd;
    background: #aa6e51;
    margin-top: -6px;
}

.traning-lever1 .item.item2 .iframe .title1 {
    color: #210057;
    color: #aa6e51;
}

.traning-lever1 .item.item3 .iframe .title1 {
    color: #0052d9;
    color: #8fa3b5;
}

.traning-lever1 .item.item4 .iframe .title1 {
    color: #018304;
    color: #8fa3b5;
}

.traning-lever1 .item.item5 .iframe .title1 {
    color: #ffae01;
    color: #c29644;
}

.traning-lever1 .item.item6 .iframe .title1 {
    color: #ff6c01;
    color: #beaf91;
}

.traning-lever1 .item.item7 .iframe .title1 {
    color: #d91e1f;
    color: #8685b6;
}

.traning-lever1 .item.item2 .title:before {
    border-top: 2px solid #210057;
}

.traning-lever1 .item.item3 .title:before {
    border-top: 2px solid #0052d9;
}

.traning-lever1 .item.item4 .title:before {
    border-top: 2px solid #018304;
}

.traning-lever1 .item.item5 .title:before {
    border-top: 2px solid #ffae01;
}

.traning-lever1 .item.item6 .title:before {
    border-top: 2px solid #ff6c01;
}

.traning-lever1 .item.item7 .title:before {
    border-top: 2px solid #d91e1f;
}

.traning-lever1 .item.item2 .iframe .title1 span:before {
    background: #210057;
    background: #aa6e51;
}

.traning-lever1 .item.item2 .iframe .title1 span::after {
    background: #210057;
    background: #aa6e51;
}

.traning-lever1 .item.item3 .iframe .title1 span:before {
    background: #0052d9;
    background: #8fa3b5;
}

.traning-lever1 .item.item3 .iframe .title1 span::after {
    background: #0052d9;
    background: #8fa3b5;
}

.traning-lever1 .item.item4 .iframe .title1 span:before {
    background: #018304;
    background: #8fa3b5;
}

.traning-lever1 .item.item4 .iframe .title1 span::after {
    background: #018304;
    background: #8fa3b5;
}

.traning-lever1 .item.item5 .iframe .title1 span:before {
    background: #ffae01;
    background: #c29644;
}

.traning-lever1 .item.item5 .iframe .title1 span::after {
    background: #ffae01;
    background: #c29644;
}

.traning-lever1 .item.item6 .iframe .title1 span:before {
    background: #ff6c01;
    background: #beaf91;
}

.traning-lever1 .item.item6 .iframe .title1 span::after {
    background: #ff6c01;
    background: #beaf91;
}

.traning-lever1 .item.item7 .iframe .title1 span:before {
    background: #d91e1f;
    background: #8685b6;
}

.traning-lever1 .item.item7 .iframe .title1 span::after {
    background: #d91e1f;
    background: #8685b6;
}


/**/


/**/

.traning-lever0 {
    margin-top: 20px;
    display: none;
}

.traning-lever0 .item {}

.traning-lever ul li.active .traning-lever0 {
    display: block;
}

.traning-lever0 .item .title {
    text-align: center;
    position: relative;
    margin: 30px 0px 0px;
}

.traning-lever0 .item .title>p {
    font-size: 20px;
    text-align: center;
    position: relative;
    color: #8f42a3;
    font-weight: 600;
    margin-top: 10px;
    margin: 10px auto 0px;
    max-width: 600px;
    line-height: 1.3;
    text-transform: uppercase;
    top: 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.traning-lever0 .item.item2 .title>p {
    color: #454098;
}

.traning-lever0 .item.item3 .title>p {
    color: #006caa;
}

.traning-lever0 .item.item4 .title>p {
    color: #148d46;
}

.traning-lever0 .item.item5 .title>p {
    color: #ffae01;
}

.traning-lever0 .item.item6 .title>p {
    color: #ff6c01;
}

.traning-lever0 .item.item7 .title>p {
    color: #b82827;
}

.traning-lever0 .item .title img {
    width: 50px;
    display: inline-block;
    background: #fff;
    margin: auto;
}

.traning-lever0 .item .title span {
    position: absolute;
    top: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    text-align: center;
    left: -3px;
    z-index: 1;
}

.traning-lever0 .item ul {
    padding: 0px;
    margin: 0px 0px 20px;
    text-align: center;
}

.traning-lever0 .item ul::after {
    content: '';
    display: block;
    clear: both;
}

.traning-lever0 .item ul li {
    list-style-type: none;
    display: inline-table;
    width: 24%;
    margin: 14px 0px;
    padding: 0px 12px;
}

.traning-lever0 .item.item2 ul li {
    /*float: left;
    width: 25%;*/
}

@media(max-width: 767px) {
    .traning-lever0 .item ul li {
        width: 50%;
        float: left;
    }
    .traning-lever0 .item ul li:nth-child(2n+1) {
        clear: both;
    }
    .traning-lever0 .item .iframe .title1 {
        overflow: hidden;
    }
}

.traning-lever0 .item.item2 ul li:nth-child(4n+1) {
    clear: both;
}

.traning-lever0 .item.item2 .iframe:nth-child(2) ul li {}

.traning-lever0 .item ul li .img {
    background-image: linear-gradient(135deg, #7100b3, #57048c 26%, #6400a5 0, #6a00ac 39%, #7b1eb5 0, #6700a8 52%, #6e00b0 0, #4d0179 57%, #6a00aa 0, #4f0e77 78%, #6300a4 0, #440c67 90%, #5a019c 0, #7000b2);
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: relative;
    border: 6px solid #fff;
    margin: 0px auto;
    background: none !important;
}

.traning-lever0 .item ul li .img:before {
    content: '';
    position: absolute;
    width: 102px;
    height: 102px;
    left: -12px;
    top: -12px;
    border: 6px solid #e5e5e5;
    border-radius: 50%;
}

.traning-lever0 .item ul li.active .img:before {
    border: 6px solid #8f42a3;
}

.traning-lever0 .item.item2 ul li.active .img:before {
    border: 6px solid #454098;
}

.traning-lever0 .item.item3 ul li.active .img:before {
    border: 6px solid #006caa;
}

.traning-lever0 .item.item4 ul li.active .img:before {
    border: 6px solid #148d46;
}

.traning-lever0 .item.item5 ul li.active .img:before {
    border: 6px solid #f4a51e;
}

.traning-lever0 .item.item6 ul li.active .img:before {
    border: 6px solid #ea6923;
}

.traning-lever0 .item.item7 ul li.active .img:before {
    border: 6px solid #b82827;
}

.traning-lever0 .item ul li .img:after {
    content: '';
    background-image: url(../assets/img/traning/stick.svg);
    position: absolute;
    bottom: 0px;
    right: -12px;
    width: 26px;
    display: block;
    height: 20px;
    background-size: cover;
}

.traning-lever0 .item ul li.active .img:after {
    background-image: url(../assets/img/traning/stick-acti.png);
}

.traning-lever0 .item.item1 ul li.active .img:after {
    background-image: url(../assets/img/traning/stick-acti1.png);
}

.traning-lever0 .item.item2 ul li.active .img:after {
    background-image: url(../assets/img/traning/stick-acti2.png);
}

.traning-lever0 .item.item3 ul li.active .img:after {
    background-image: url(../assets/img/traning/stick-acti3.png);
}

.traning-lever0 .item.item4 ul li.active .img:after {
    background-image: url(../assets/img/traning/stick-acti4.png);
}

.traning-lever0 .item.item5 ul li.active .img:after {
    background-image: url(../assets/img/traning/stick-acti5.png);
}

.traning-lever0 .item.item6 ul li.active .img:after {
    background-image: url(../assets/img/traning/stick-acti6.png);
}

.traning-lever0 .item.item7 ul li.active .img:after {
    background-image: url(../assets/img/traning/stick-acti7.png);
}

.traning-lever0 .item ul li .img img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
    width: 78px;
    filter: grayscale(100%);
}

.traning-lever0 .item ul li.active .img img {
    filter: grayscale(0%);
}

.traning-lever0 .item ul li h3 {
    font-family: 'BalooTammudu2-Medium';
    margin: 20px 0px 0px;
    font-size: 16px;
    line-height: 1.25;
    color: #333;
}

.traning-lever0 .item ul li h3 p {
    margin: 0px;
    position: static;
}

@media(max-width: 767px) {
    .traning-lever0 .item ul li h3 {
        margin: 15px 0px 0px;
    }
    .traning-lever0 .item ul li h3 p {
        display: none;
    }
}

.traning-lever0 .item ul li h3 span {
    display: block;
    font-family: 'BalooTammudu2-Bold';
}

.traning-lever0 .item .iframe {
    max-width: 960px;
    margin: 0px auto;
}

.traning-lever0 .item .iframe .title1 {
    color: #8f42a3;
    text-align: center;
    font-family: 'BalooTammudu2-Bold';
    letter-spacing: 1px;
    margin: 0px 0px 16px;
    padding: 10px 0px 0px;
    line-height: 1.2;
    position: relative;
    font-size: 18px;
}

.traning-lever0 .item .iframe .title1 span {
    position: relative;
    background: #fff;
    padding: 0px 15px;
}

.traning-lever0 .item .iframe .title1 span:before {
    content: '';
    width: 80px;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: auto;
    height: 1px;
    background: #8f42a3;
    margin-top: -6px;
}

.traning-lever0 .item .iframe .title1 span::after {
    content: '';
    width: 80px;
    position: absolute;
    top: 50%;
    right: 100%;
    margin: auto;
    height: 1px;
    background: #8f42a3;
    margin-top: -6px;
}

.traning-lever0 .item.item2 .iframe .title1 {
    color: #454098;
}

.traning-lever0 .item.item3 .iframe .title1 {
    color: #006caa;
}

.traning-lever0 .item.item4 .iframe .title1 {
    color: #148d46;
}

.traning-lever0 .item.item5 .iframe .title1 {
    color: #ffae01;
}

.traning-lever0 .item.item6 .iframe .title1 {
    color: #ff6c01;
}

.traning-lever0 .item.item7 .iframe .title1 {
    color: #b82827;
}

.traning-lever0 .item.item2 .title:before {
    border-top: 2px solid #210057;
}

.traning-lever0 .item.item3 .title:before {
    border-top: 2px solid #0052d9;
}

.traning-lever0 .item.item4 .title:before {
    border-top: 2px solid #018304;
}

.traning-lever0 .item.item5 .title:before {
    border-top: 2px solid #ffae01;
}

.traning-lever0 .item.item6 .title:before {
    border-top: 2px solid #ff6c01;
}

.traning-lever0 .item.item7 .title:before {
    border-top: 2px solid #d91e1f;
}

.traning-lever0 .item.item2 .iframe .title1 span:before {
    background: #454098;
}

.traning-lever0 .item.item2 .iframe .title1 span::after {
    background: #454098;
}

.traning-lever0 .item.item3 .iframe .title1 span:before {
    background: #006caa;
}

.traning-lever0 .item.item3 .iframe .title1 span::after {
    background: #006caa;
}

.traning-lever0 .item.item4 .iframe .title1 span:before {
    background: #148d46;
}

.traning-lever0 .item.item4 .iframe .title1 span::after {
    background: #148d46;
}

.traning-lever0 .item.item5 .iframe .title1 span:before {
    background: #ffae01;
}

.traning-lever0 .item.item5 .iframe .title1 span::after {
    background: #ffae01;
}

.traning-lever0 .item.item6 .iframe .title1 span:before {
    background: #ff6c01;
}

.traning-lever0 .item.item6 .iframe .title1 span::after {
    background: #ff6c01;
}

.traning-lever0 .item.item7 .iframe .title1 span:before {
    background: #b82827;
}

.traning-lever0 .item.item7 .iframe .title1 span::after {
    background: #b82827;
}


/**/

span.icon-wallet-paid {
    position: absolute;
    margin-left: 2px;
}

.departMRe_inp {
    position: relative;
}

.departMRe_inp a.department.square_x {
    position: absolute;
    top: -3px;
    right: 4px;
    font-size: 10px;
    padding-top: 7px;
    padding-left: 1px;
}


/**/

.infomation-detail-1>div {
    margin: 8px 0px;
}

@media(max-width: 767px) {
    .infomation-detail-1>div {
        margin: 4px 0px;
    }
}

.infomation-detail-1 label {
    font-weight: 600;
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
    color: #006caa;
}

.infomation-detail-1 strong,
.infomation-detail-1 input,
.infomation-detail-1 select {
    display: block;
    border: 1px solid #ddd;
    padding: 6px 15px;
    border-radius: 50px;
    font-weight: 400;
    width: 100%;
    outline: none !important;
}

div.choose div {
    width: 337px;
}


/**/

#tplInfo {
    margin: 0px -4px;
}

.box-wallet {
    /* background: #eee; */
    padding: 0px !important;
}

.box-wallet::after {
    content: '';
    display: block;
    clear: both;
}

.box-wallet .box {
    padding: 0px 4px;
}

.box-wallet .box .inner {
    background-color: #fff;
    margin: 5px 1px;
    background-image: url(../images/wallet.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 50px;
}

@media(max-width : 1150px) {
    .box-wallet .box .inner {
        background-position: center 16px !important;
    }
}

@media(max-width : 767px) {
    .box-wallet .box .inner {
        background-position: center 10px !important;
    }
}

.box-wallet-detail.box-wallet .box:nth-child(1) .inner {
    background-image: url(../images/wallet2.png?v=1.0.01);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 42px;
}

.box-wallet-detail.box-wallet .box:nth-child(1) .inner>h2,
.box-wallet-detail.box-wallet .box:nth-child(1) .inner b {
    color: #008ed0 !important;
}

.box-wallet-detail.box-wallet .box:nth-child(2) .inner {
    background-image: url(../images/wallet3.png?v=1.0.01);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 42px;
}

.box-wallet-detail.box-wallet .box:nth-child(2) .inner>h2,
.box-wallet-detail.box-wallet .box:nth-child(2) .inner b {
    color: #f38802 !important;
}

.box-wallet-detail.box-wallet .box:nth-child(3) .inner {
    background-image: url(../images/wallet4.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 42px;
}

.box-wallet-detail.box-wallet .box:nth-child(3) .inner>h2,
.box-wallet-detail.box-wallet .box:nth-child(3) .inner b {
    color: #ff5f5f !important;
}

.box-wallet-detail.box-wallet .box:nth-child(4) .inner {
    background-image: url(../images/wallet5.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 42px;
}

.box-wallet-detail.box-wallet .box:nth-child(4) .inner>h2,
.box-wallet-detail.box-wallet .box:nth-child(4) .inner b {
    color: #ff5023 !important;
}

.box-wallet-detail.box-wallet .box:nth-child(5) .inner {
    background-image: url(../images/wallet6.png?v=1.0.01);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 42px;
}

.box-wallet-detail.box-wallet .box:nth-child(5) .inner>h2,
.box-wallet-detail.box-wallet .box:nth-child(5) .inner b {
    color: #53AC53 !important;
}

.box-wallet-detail.box-wallet .box:nth-child(6) .inner {
    background-image: url(../images/wallet7.png?v=1.0.01);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 42px;
}

.box-wallet-detail.box-wallet .box:nth-child(6) .inner>h2,
.box-wallet-detail.box-wallet .box:nth-child(6) .inner b {
    color: #367bfa !important;
}

.box-wallet-detail.box-wallet .box:nth-child(7) .inner {
    background-image: url(../images/wallet10.png?v=1.0.01);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 42px;
}

.box-wallet-detail.box-wallet .box:nth-child(7) .inner>h2,
.box-wallet-detail.box-wallet .box:nth-child(7) .inner b {
    color: #F1C40F !important;
}

.box-wallet-detail.box-wallet .box:nth-child(8) .inner {
    background-image: url(../images/wallet11.png?v=1.0.01);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 42px;
}

.box-wallet-detail.box-wallet .box:nth-child(8) .inner>h2,
.box-wallet-detail.box-wallet .box:nth-child(8) .inner b {
    color: #9B59B6 !important;
}

.box-wallet-detail.box-wallet .box:nth-child(9) .inner {
    background-image: url(../images/wallet8.png?v=1.0.01);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 42px;
}

.box-wallet-detail.box-wallet .box:nth-child(9) .inner>h2,
.box-wallet-detail.box-wallet .box:nth-child(9) .inner b {
    color: #53AC53 !important;
}

.box-wallet-detail.box-wallet .box:nth-child(10) .inner {
    background-image: url(../images/wallet9.png?v=1.0.01);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 42px;
}

.box-wallet-detail.box-wallet .box:nth-child(10) .inner>h2,
.box-wallet-detail.box-wallet .box:nth-child(10) .inner b {
    color: #21c4ec !important;
}

.box-wallet .box .inner>h2 {
    /*border-bottom: 1px solid #eee; */
    padding: 24px 15px 1px 78px;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: 700;
    white-space: nowrap;
}

.box-wallet .box .inner .body {
    padding: 8px 15px 15px 78px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

.box-wallet .box .inner .body b {
    min-height: 20px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #005AA9 !important;
}

@media(max-width : 1200px) {
    .box-wallet .box .inner>h2 {
        height: 56px;
    }
}

@media(max-width : 1150px) {
    .box-wallet .box .inner>h2 {
        padding: 72px 8px 6px 8px;
        text-align: center;
        line-height: 1.2;
        height: 94px;
    }
    .box-wallet .box .inner .body {
        padding: 0px 8px 15px 8px;
        text-align: center;
    }
    .box-wallet .box .inner .body b {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.2;
    }
}

@media(max-width : 767px) {
    .box-wallet .box .inner>h2 {
        height: 112px;
    }
}


/**/

.btn-main {
    background: #005AA9;
    color: #fff !important;
    border: 1px solid #005AA9;
}

.form-login-v1 {
    background-image: url(../images/bg-login.png);
    background-color: #f0f8ff;
    background-repeat: no-repeat;
    background-position: center 110px;
    background-size: 100%;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.form-login-v {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    color: #000000de;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #fff;
    max-width: 500px;
    padding: 32px;
    margin: 30px auto;
    border-radius: 3px;
    position: relative;
    z-index: 2;
}

@media(max-width: 767px) {
    .form-login-v {
        width: calc(100% - 20px);
        margin: 10px;
        max-width: inherit;
        padding: 22px;
    }
}

.form-login-v .logo-login {
    text-align: center;
    margin-bottom: 14px;
}

.form-login-v .logo-login img {
    max-height: 60px;
    margin: 10px 0px;
}

.form-login-v .title-l {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.334;
    letter-spacing: 1px;
    color: #0c0c0cd9;
    margin: 0px 0px 10px;
    text-transform: uppercase;
}

.form-login-v .user-register {
    padding: 15px 10px 10px;
}

@media(max-width: 767px) {
    .form-login-v .user-register {
        padding: 0px;
    }
}

.btn-search-eye {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px 3px 3px 0px;
}

.title111 {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #005AA9;
}