.bof {
    padding-top: 70px !important;
}

.wrapper {
    padding-top: 90px;
}

.ico {
    position: relative;
    top: 1px;
    display: inline-block;
    padding-right: 6px;
}

.ico.ico-th,
.ico.ico-en {
    background: url(../images/flag.png) no-repeat 0 0;
    background-size: 61px auto;
    width: 30px;
    height: 20px;
    vertical-align: middle;
    padding: 0;
    margin-right: 10px;
}

.ico.ico-th {
    background-position: -34px 0;
}

.ico.ico-en {
    background-position: 0 0;
}

.label:empty {
    display: inline-block;
}

.label-wait:after {
    content: 'รอการชำระเงิน';
}

.label-waitapprovepayment:after {
    content: 'รอการตรวจสอบ';
}

.label-payment:after {
    content: 'ชำระเงินแล้ว';
}

.label-shipping:after {
    content: 'ส่งสินค้าแล้ว';
}

.label-done:after {
    content: 'ได้รับสินค้าแล้ว';
}

.label-paymentincompleted:after {
    content: '	ชำระเงินไม่สมบูรณ์';
}

.label-orderexpired:after {
    content: 'หมดอายุ';
}

.label-ordercancel:after {
    content: 'ยกเลิก';
}

.label-cod:after {
    content: 'COD';
}

.logo-title img {
    max-width: 80%;
    display: block;
    margin: auto;
}

.fa-file-excel-o {
    color: green;
}

.alert {
    display: table;
    width: 100%;
}

.alert>div {
    display: table-cell;
    vertical-align: middle;
}

.alert>div:first-child {
    text-align: center;
    width: 7%;
}

.alert i {
    border-radius: 100%;
    padding: 5px;
    font-size: 3em;
    margin: auto;
}

.alert p {
    color: #797979;
    margin: 5px 0;
}

.alert-success {
    background: #eaf5e5;
    border: 1px solid #cfe9cc;
    color: #7ebf6d;
}

.alert-success i {
    color: #7ebf6d;
    border: 2px solid #cfe9cc;
}

.alert-danger i {
    border: 2px solid #f05050;
}

.txt-remark {
    font-size: 12px;
    color: #98a6ad;
    font-weight: 400;
}

.btn-group-justified {
    border-radius: 3px;
    overflow: hidden;
}

.group-all .btn,
.group-waiting .btn,
.group-success .btn,
.group-shipping .btn,
.group-complete .btn,
.group-expire .btn,
.group-incomplete .btn,
.group-fail .btn,
.group-muted .btn {
    background: #ffffff;
    border-top: 4px solid #4c5667;
    border-left: 0;
    border-right: 1px solid #ebeff2;
    border-bottom: 0;
    position: relative;
    border-radius: 0;
}

.group-all .btn b,
.group-waiting .btn b,
.group-success .btn b,
.group-shipping .btn b,
.group-complete .btn b,
.group-expire .btn b,
.group-incomplete .btn b,
.group-fail .btn b,
.group-muted .btn b {
    font-size: 1.7em;
}

.group-all .btn .label,
.group-waiting .btn .label,
.group-success .btn .label,
.group-shipping .btn .label,
.group-complete .btn .label,
.group-expire .btn .label,
.group-incomplete .btn .label,
.group-fail .btn .label,
.group-muted .btn .label {
    position: absolute;
    top: 10px;
    right: 10px;
}

.group-all .btn.active,
.group-waiting .btn.active,
.group-success .btn.active,
.group-shipping .btn.active,
.group-complete .btn.active,
.group-expire .btn.active,
.group-incomplete .btn.active,
.group-fail .btn.active,
.group-muted .btn.active {
    background: #f4f8fb;
    box-shadow: none;
}

.group-all a,
.group-waiting a,
.group-success a,
.group-shipping a,
.group-complete a,
.group-expire a,
.group-incomplete a,
.group-fail a,
.group-muted a {
    display: block;
}

.group-all a:hover .btn,
.group-waiting a:hover .btn,
.group-success a:hover .btn,
.group-shipping a:hover .btn,
.group-complete a:hover .btn,
.group-expire a:hover .btn,
.group-incomplete a:hover .btn,
.group-fail a:hover .btn,
.group-muted a:hover .btn {
    background: #f4f8fb;
    box-shadow: none;
}

.group-all .btn {
    border-top: 3px solid #4c5667;
}

.group-all p,
.group-all a {
    color: #4c5667;
}

.group-all p:hover b,
.group-all a:hover b {
    color: #4c5667;
}

.group-waiting .btn {
    border-top: 3px solid #34d3eb;
}

.group-waiting p,
.group-waiting a {
    color: #34d3eb;
}

.group-waiting p:hover b,
.group-waiting a:hover b {
    color: #34d3eb;
}

.group-success .btn {
    border-top: 3px solid #81c868;
}

.group-success p,
.group-success a {
    color: #81c868;
}

.group-success p:hover b,
.group-success a:hover b {
    color: #81c868;
}

.group-shipping .btn {
    border-top: 3px solid #5d9cec;
}

.group-shipping p,
.group-shipping a {
    color: #5d9cec;
}

.group-shipping p:hover b,
.group-shipping a:hover b {
    color: #5d9cec;
}

.group-complete .btn {
    border-top: 3px solid #0066b2;
}

.group-complete p,
.group-complete a {
    color: #0066b2;
}

.group-complete p:hover b,
.group-complete a:hover b {
    color: #0066b2;
}

.group-expire .btn {
    border-top: 3px solid #f05050;
}

.group-expire p,
.group-expire a {
    color: #f05050;
}

.group-expire p:hover b,
.group-expire a:hover b {
    color: #f05050;
}

.group-incomplete .btn {
    border-top: 3px solid #fd761c;
}

.group-incomplete p,
.group-incomplete a {
    color: #fd761c;
}

.group-incomplete p:hover b,
.group-incomplete a:hover b {
    color: #fd761c;
}

.group-fail .btn {
    border-top: 3px solid #ffbd4a;
    border-right: 0;
}

.group-fail p,
.group-fail a {
    color: #ffbd4a;
}

.group-fail p:hover b,
.group-fail a:hover b {
    color: #ffbd4a;
}

.group-muted .btn {
    border-top: 3px solid #98a6ad;
    border-right: 0;
}

.group-muted p,
.group-muted a {
    color: #98a6ad;
}

.group-muted p:hover b,
.group-muted a:hover b {
    color: #98a6ad;
}

.group-all .btn,
.group-wait .btn,
.group-waitapprovepayment .btn,
.group-payment .btn,
.group-shipping .btn,
.group-done .btn,
.group-paymentincompleted .btn,
.group-orderexpired .btn,
.group-ordercancel .btn,
.group-cod .btn {
    background: #ffffff;
    border-top: 4px solid #4c5667;
    border-left: 0;
    border-right: 1px solid #ebeff2;
    border-bottom: 0;
    position: relative;
    border-radius: 0;
}

.group-all .btn b,
.group-wait .btn b,
.group-waitapprovepayment .btn b,
.group-payment .btn b,
.group-shipping .btn b,
.group-done .btn b,
.group-paymentincompleted .btn b,
.group-orderexpired .btn b,
.group-ordercancel .btn b,
.group-cod .btn b {
    font-size: 1.7em;
}

.group-all .btn .label,
.group-wait .btn .label,
.group-waitapprovepayment .btn .label,
.group-payment .btn .label,
.group-shipping .btn .label,
.group-done .btn .label,
.group-paymentincompleted .btn .label,
.group-orderexpired .btn .label,
.group-ordercancel .btn .label,
.group-cod .btn .label {
    position: absolute;
    top: 10px;
    right: 10px;
}

.group-all .btn.active,
.group-wait .btn.active,
.group-waitapprovepayment .btn.active,
.group-payment .btn.active,
.group-shipping .btn.active,
.group-done .btn.active,
.group-paymentincompleted .btn.active,
.group-orderexpired .btn.active,
.group-ordercancel .btn.active,
.group-cod .btn.active {
    background: #f4f8fb;
    box-shadow: none;
}

.group-all a,
.group-wait a,
.group-waitapprovepayment a,
.group-payment a,
.group-shipping a,
.group-done a,
.group-paymentincompleted a,
.group-orderexpired a,
.group-ordercancel a,
.group-cod a {
    display: block;
}

.group-all a:hover .btn,
.group-wait a:hover .btn,
.group-waitapprovepayment a:hover .btn,
.group-payment a:hover .btn,
.group-shipping a:hover .btn,
.group-done a:hover .btn,
.group-paymentincompleted a:hover .btn,
.group-orderexpired a:hover .btn,
.group-ordercancel a:hover .btn,
.group-cod a:hover .btn {
    background: #f4f8fb;
    box-shadow: none;
}

.group-wait .btn {
    border-top: 3px solid #34d3eb;
}

.group-wait p,
.group-wait a {
    color: #34d3eb;
}

.group-wait p:hover b,
.group-wait a:hover b {
    color: #34d3eb;
}

.group-waitapprovepayment .btn {
    border-top: 3px solid #ffbc59;
}

.group-waitapprovepayment p,
.group-waitapprovepayment a {
    color: #ffbc59;
}

.group-waitapprovepayment p:hover b,
.group-waitapprovepayment a:hover b {
    color: #ffbc59;
}

.group-payment .btn {
    border-top: 3px solid #81c868;
}

.group-payment p,
.group-payment a {
    color: #81c868;
}

.group-payment p:hover b,
.group-payment a:hover b {
    color: #81c868;
}

.group-shipping .btn {
    border-top: 3px solid #5d9cec;
}

.group-shipping p,
.group-shipping a {
    color: #5d9cec;
}

.group-shipping p:hover b,
.group-shipping a:hover b {
    color: #5d9cec;
}

.group-done .btn {
    border-top: 3px solid #0066b2;
}

.group-done p,
.group-done a {
    color: #0066b2;
}

.group-done p:hover b,
.group-done a:hover b {
    color: #0066b2;
}

.group-paymentincompleted .btn {
    border-top: 3px solid #fd761c;
}

.group-paymentincompleted p,
.group-paymentincompleted a {
    color: #fd761c;
}

.group-paymentincompleted p:hover b,
.group-paymentincompleted a:hover b {
    color: #fd761c;
}

.group-orderexpired .btn {
    border-top: 3px solid #f05050;
}

.group-orderexpired p,
.group-orderexpired a {
    color: #f05050;
}

.group-orderexpired p:hover b,
.group-orderexpired a:hover b {
    color: #f05050;
}

.group-ordercancel .btn {
    border-top: 3px solid #98a6ad;
}

.group-ordercancel p,
.group-ordercancel a {
    color: #98a6ad;
}

.group-ordercancel p:hover b,
.group-ordercancel a:hover b {
    color: #98a6ad;
}

.group-cod .btn {
    border-top: 3px solid #fb6d9d;
}

.group-cod p,
.group-cod a {
    color: #fb6d9d;
}

.group-cod p:hover b,
.group-cod a:hover b {
    color: #fb6d9d;
}

.sweet-alert h2 {
    font-size: 1.4em;
}

.search-panel .panel-heading {
    background: #f4f8fb;
}

.search-panel .panel-heading .panel-title {
    font-size: 1.4em;
}

.search-panel .panel-body .search-input-filter {
    border-left: 1px solid #ebeff2;
}

.search-panel .panel-body .stylish-input-group .input-group-addon {
    background: white !important;
    border-color: #ccc;
}

.search-panel .panel-body .stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.search-panel .panel-body .stylish-input-group button {
    border: 0;
    background: transparent;
}

.box-main-content .card-box {
    border: none;
}

.box-main-content .card-box .box-pd-cod {
    border-radius: 3px;
    padding: 10px;
    border: 1px solid #eeeeee;
}

.box-main-content .card-box .box-pd-cod ul {
    padding-left: 0;
    margin: 0;
}

.box-main-content .card-box .box-pd-cod ul li {
    list-style: none;
    display: table;
}

.box-main-content .card-box .box-pd-cod ul li i {
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

.box-main-content .card-box .box-pd-cod ul li i img {
    width: 50px;
    height: auto;
}

.box-main-content .card-box .box-pd-cod ul li span {
    display: table-cell;
    vertical-align: middle;
}

.box-main-content .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto !important;
}

.box-main-content .table {
    margin-top: 15px;
}

.box-main-content .table>tbody>tr>td,
.box-main-content .table>thead>tr>td,
.box-main-content .table>tfoot>tr>td,
.box-main-content .table>tbody>tr th,
.box-main-content .table>thead>tr th,
.box-main-content .table>tfoot>tr th {
    padding: 15px;
}

.box-main-content .table thead .sorting_asc :after {
    content: "";
}

.box-main-content .table thead th {
    background: #ebeff2;
    padding: 0 10px;
    vertical-align: middle;
}

.box-main-content .table thead th.sorting:after,
.box-main-content .table thead th.sorting_asc:after,
.box-main-content .table thead th.sorting_desc:after {
    content: "";
}

.box-main-content .table thead th .tablesaw-sortable-btn {
    padding-left: 15px;
    padding-right: 15px;
}

.box-main-content .table tfoot td {
    color: #0066b2;
    font-weight: 600 !important;
}

.box-main-content .table tfoot span.trablesaw-cell-content {
    font-weight: 600;
}

.box-main-content .table tr td:first-child {
    padding-left: 15px;
    padding-right: 15px;
}

.box-main-content .table tr td .table-action-btn {
    vertical-align: middle;
}

.box-main-content .table.dataTable tbody tr.active:hover td,
.box-main-content .table.dataTable tbody tr.active:hover th {
    /*color: @white;*/
}

.box-main-content .table.dataTable tbody tr.active:hover td {
    background: #cae9f9 !important;
}

.box-main-content .table.dataTable tbody tr.active td,
.box-main-content .table.dataTable tbody tr.active th {
    color: #797979;
}

.box-main-content .table>tbody>tr>td,
.box-main-content .table>thead>tr>td,
.box-main-content .table>tfoot>tr>td,
.box-main-content .table>tbody>tr th,
.box-main-content .table>thead>tr th,
.box-main-content .table>tfoot>tr th {
    padding: 15px;
}

.box-main-content table#datatable.dataTable thead .sorting_asc :after {
    content: "";
}

.box-main-content table#datatable.dataTable thead th {
    background: #ebeff2;
}

.box-main-content table#datatable.dataTable thead th.sorting:after,
.box-main-content table#datatable.dataTable thead th.sorting_asc:after,
.box-main-content table#datatable.dataTable thead th.sorting_desc:after {
    content: "";
}

.box-main-content table#datatable.dataTable.tbcheck th:first-child {
    width: 10%;
}

.box-main-content table#datatable.member-table {
    margin-top: 15px;
}

.box-main-content table#datatable.member-table thead .sorting_asc :after {
    content: "";
}

.box-main-content table#datatable.member-table thead th {
    background: #ebeff2;
    padding: 0 10px;
    vertical-align: middle;
}

.box-main-content table#datatable.member-table thead th.sorting:after,
.box-main-content table#datatable.member-table thead th.sorting_asc:after,
.box-main-content table#datatable.member-table thead th.sorting_desc:after {
    content: "";
}

.box-main-content table#datatable.member-table thead th .tablesaw-sortable-btn {
    padding-left: 0;
    padding-right: 0;
}

.box-main-content table#datatable.member-table tr td:first-child {
    padding-left: 15px;
    padding-right: 15px;
}

.box-main-content table#datatable.member-table tr td .table-action-btn {
    vertical-align: middle;
}

.box-main-content #datatable_wrapper div.row:last-child {
    margin-top: 20px;
}

.box-main-content .portlet-heading {
    color: #797979;
}

.box-main-content .summary-box {
    border-top: 1px solid #eeeeee;
    padding: 20px 20px 40px 20px;
}

.box-main-content .summary-box .summary-box-detail {
    margin: 0 auto 20px auto;
    float: none;
    display: block;
    overflow: hidden;
}

.box-main-content .summary-box .summary-box-detail>div {
    padding: 5px;
}

.box-main-content .summary-box .summary-box-detail>div:last-child {
    font-size: 1.2em;
    color: #0066b2;
}

.box-status .status-bar {
    padding: 10px;
    display: block;
    color: #ffffff;
    font-size: 1.15em;
    background: #ebeff2;
}

.box-status .status-bar .status-delivered {
    background: #5d9cec;
}

.box-status .status-bar.status-success {
    background: #81c868;
}

.box-status .status-bar.status-complete {
    background: #0066b2;
}

.box-status .status-bar.status-incomplete {
    background: #fd761c;
}

.box-status .status-bar.status-shipping {
    background: #5d9cec;
}

.box-status .status-bar.status-paymentfail {
    background: #ffbd4a;
}

.box-status .status-bar.status-payment {
    background: #81c868;
}

.box-status .status-bar.status-expire {
    background: #f05050;
}

.box-status .status-bar.status-done {
    background: #0066b2;
}

.box-status .status-bar.status-orderexpired {
    background: #f05050;
}

.box-status .status-bar.status-ordercancel {
    background: #98a6ad;
}

.box-status .status-bar.status-wait {
    background: #34d3eb;
}

.box-status .status-bar.status-waitapprovepayment {
    background: #ffbc59;
}

.box-status .status-bar.status-paymentincompleted {
    background: #fd761c;
}

.box-status .status-bar.status-wait {
    background: #34d3eb;
}

.box-status .status-bar.status-wait:after {
    content: 'สถานะ : รอการชำระเงิน';
}

.box-status .status-bar.status-waitapprovepayment {
    background: #ffbc59;
}

.box-status .status-bar.status-waitapprovepayment:after {
    content: 'สถานะ : รอการตรวจสอบ';
}

.box-status .status-bar.status-payment {
    background: #81c868;
}

.box-status .status-bar.status-payment:after {
    content: 'สถานะ : ชำระเงินแล้ว';
}

.box-status .status-bar.status-shipping {
    background: #5d9cec;
}

.box-status .status-bar.status-shipping:after {
    content: 'สถานะ : ส่งสินค้าแล้ว';
}

.box-status .status-bar.status-done {
    background: #0066b2;
}

.box-status .status-bar.status-done:after {
    content: 'สถานะ : ได้รับสินค้าแล้ว';
}

.box-status .status-bar.status-paymentincompleted {
    background: #fd761c;
}

.box-status .status-bar.status-paymentincompleted:after {
    content: 'สถานะ : ชำระเงินไม่สมบูรณ์';
}

.box-status .status-bar.status-orderexpired {
    background: #f05050;
}

.box-status .status-bar.status-orderexpired:after {
    content: 'สถานะ : หมดอายุ';
}

.box-status .status-bar.status-ordercancel {
    background: #98a6ad;
}

.box-status .status-bar.status-ordercancel:after {
    content: 'สถานะ : ยกเลิก';
}

.box-status .status-bar.status-cod {
    background: #fb6d9d;
}

.box-status .status-bar.status-cod:after {
    content: 'COD';
}

.box-status .custom-modal-text {
    padding: 20px 40px;
}

.box-status .custom-modal-text .form-group {
    margin-bottom: 10px;
}

.box-status .custom-modal-text .form-group>div {
    text-align: left;
}

.box-status .custom-modal-text .control-label {
    text-align: right;
    color: #36404a;
    font-weight: 600;
    padding-top: 0;
}

.box-status .custom-modal-text .row {
    padding: 5px 0;
}


/*.custombox-modal-container { width: 500px !important;}*/

.notifyjs-corner {
    z-index: 10003 !important;
}

.widget-pageview .widget-panel.threeline i {
    padding: 45px 40px;
}

.widget-pageview .widget-panel .btn a {
    color: #ffffff;
}

.widget-pageview .list-summary .list-group-item {
    border: none;
    border-bottom: 2px solid #ebeff2;
}

.widget-pageview .list-summary .list-group-item:last-child {
    border-bottom: none;
}

.statdetail {
    border-top: 1px solid #ebeff2;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}

.statdetail dl dt {
    text-align: left;
    line-height: 1.8;
}

.stat-total .widget-bg-color-icon .bg-icon {
    height: 110px;
    width: 110px;
    margin: auto;
}

.stat-total .widget-bg-color-icon .bg-icon i {
    line-height: 110px;
    font-size: 50px;
}

.stat-total .widget-bg-color-icon .bg-icon-success,
.stat-total .widget-bg-color-icon .bg-icon-danger {
    background: transparent;
}

.pageview-chart {
    height: 300px;
    margin-bottom: 50px;
}

.select-cate {
    overflow: hidden;
}

.select-cate .form-horizontal .form-group {
    margin-bottom: 0;
}

.select-cate .form-horizontal .text-left .control-label {
    text-align: left;
}

.pageview-shop .bar-widget .table-detail {
    width: 70%;
}

.pageview-shop .bar-widget .table-detail:first-child {
    width: 10%;
}

.pageview-shop .bar-widget .table-detail .iconbox strong {
    font-size: 32px;
    line-height: 50px;
}

.pageview-tbproduct table td i {
    width: 70px;
    display: table-cell;
}

.pageview-tbproduct table td i img {
    max-width: 50px;
}

.pageview-tbproduct table td span {
    display: table-cell;
    vertical-align: middle;
}

.chat-wrap {
    padding-bottom: 0;
}

.chat-wrap .widget-inline {
    padding: 0 !important;
}

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

.chat-page .group-fail .btn {
    border-top: 3px solid #ffbd4a;
    border-right: 1px solid #ebeff2;
}

.chat-page .left.side-menu {
    /*position: absolute;*/
}

.chat-page .left #sidebar-menu {
    position: relative;
}

.chat-page .left #sidebar-menu .open-left {
    position: absolute;
    right: 10px;
    top: 20px;
    background: transparent;
    border: none;
}

.chat-page .chat-area-container {
    padding-top: 0 !important;
    display: table;
    width: 100%;
    background: #ffffff;
}

.chat-page .chat-area-container.enlarged .side-menu {
    width: 6.5%;
}

.chat-page .chat-area-container.enlarged .inbox-item a {
    display: block;
    overflow: hidden;
}

.chat-page .chat-area-container.enlarged .inbox-item .label {
    top: 3px;
}

.chat-page .chat-area-container.enlarged .inbox-item .inbox-item-author,
.chat-page .chat-area-container.enlarged .inbox-item .inbox-item-text,
.chat-page .chat-area-container.enlarged .inbox-item .inbox-item-date {
    display: none;
}

.chat-page .chat-area-container.enlarged .list-member-chat .header-box-chat h4 {
    font-size: 0;
    margin-top: 0;
}

.chat-page .chat-area-container.enlarged .list-member-chat .header-box-chat h4 i {
    font-size: 30px;
}

.chat-page .chat-area-container.enlarged .search-input .col-lg-7 {
    display: none;
}

.chat-page .chat-area-container.enlarged .search-input .status-select {
    width: 100%;
}

.chat-page .chat-area-container.enlarged .search-input .status-select .filter-option {
    font-size: 0;
    text-align: center;
}

.chat-page .chat-area-container.enlarged .search-input .status-select .filter-option i {
    font-size: 14px;
}

.chat-page .chat-area-container.enlarged .chat-block>.col-lg-4,
.chat-page .chat-area-container.enlarged .cart-block>.col-lg-4 {
    width: 46.44%;
}

.chat-page .chat-area-container.enlarged .chat-block #cart-info,
.chat-page .chat-area-container.enlarged .cart-block #cart-info {
    width: 45.78%;
}

.chat-page .widget-inline-box {
    background-color: #ebeff2;
}

.chat-page .widget-inline-box h4 {
    font-size: 14px;
    font-weight: bold;
}

.chat-page .widget-inline-box h4 i {
    vertical-align: middle;
    font-size: 18px;
    margin-right: 10px;
}

.chat-page .widget-inline-box .pagename {
    display: inline-block;
    width: 65%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.chat-page .widget-inline-box.cart-block {
    border-right: none;
}

.chat-page .widget-inline-box.cart-block .header-box-chat {
    min-height: 20px;
}

.chat-page #cart-info {
    display: none;
    width: 32.66%;
    /*margin-left: 1px;*/
}

.chat-wrap #list-product {
    width: 1000px !important;
}

.chat-wrap #list-product .custombox-modal-container {
    /*width: 1000px !important;*/
}

.chat-wrap #list-product .table tr td {
    text-align: left;
    padding: 5px 10px;
}

.chat-wrap #list-product .table tr td i {
    display: inline-block;
    width: 60px;
    vertical-align: middle;
}

.chat-wrap #list-product .table tr td img {
    max-width: 50px;
    width: auto;
    height: auto;
    max-height: 100%;
    display: inline-block;
}

.chat-wrap #list-product .stylish-input-group .input-group-addon {
    background: white !important;
    border-color: #ccc;
}

.chat-wrap #list-product .stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.chat-wrap #list-product .stylish-input-group button {
    border: 0;
    background: transparent;
}

.chat-wrap #list-product .form-inline {
    margin-bottom: 20px;
}

.chat-order-popup .panel-heading {
    text-align: left;
}

.chat-order-popup img {
    width: 260px;
}

.inbox-widget .inbox-item .inbox-item-img {
    position: relative;
}

.inbox-widget .inbox-item .inbox-item-img .status {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    right: -5px;
    top: 50%;
    margin-top: -5px;
    background: #ffffff;
}

.inbox-widget .inbox-item .inbox-item-img .status.status-success {
    background: #81c868;
}

.inbox-widget .inbox-item .inbox-item-img .status.status-waiting {
    background: #34d3eb;
}

.inbox-widget .inbox-item .inbox-item-img .status.status-incomplete {
    background: #fd761c;
}

.inbox-widget .inbox-item .inbox-item-img .status.status-complete {
    background: #0066b2;
}

.inbox-widget .inbox-item .inbox-item-img .status.status-fail {
    background: #ffbd4a;
}

.inbox-widget .inbox-item .inbox-item-img .status.status-expire {
    background: #f05050;
}

.inbox-widget .inbox-item .inbox-item-img .status.status-shipping {
    background: #5d9cec;
}

.inbox-widget .inbox-item .inbox-item-img .status.status-done {
    background: #0066b2;
}

.inbox-widget .inbox-item .inbox-item-img .status.status-orderexpired {
    background: #f05050;
}

.inbox-widget .inbox-item .inbox-item-img .status.status-ordercancel {
    background: #98a6ad;
}

.header-box-chat .status-select .filter-option i,
.header-box-chat .status-select a i,
.header-box-chat .status-select .filter-option span.glyphicon,
.header-box-chat .status-select a span.glyphicon {
    font-size: 10px;
    vertical-align: middle;
}

.header-box-chat .search-input-filter {
    border-left: 1px solid #ebeff2;
}

.header-box-chat .stylish-input-group .input-group-addon {
    background: white !important;
    border-color: #ccc;
}

.header-box-chat .stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.header-box-chat .stylish-input-group button {
    border: 0;
    background: transparent;
}

.header-box-cart {
    padding: 10px;
    background-color: #ebeff2;
}

.header-box-cart p {
    margin-bottom: 0;
}

.header-box-cart .order-title .order-number {
    font-weight: bold;
}

.header-box-cart .add-product {
    position: relative;
}

.header-box-cart .add-product button a {
    color: #ffffff;
}

.list-member-chat,
.chat-block,
.cart-block {
    margin-left: -10px;
    margin-right: -10px;
}

.list-member-chat.widget-inline-box,
.chat-block.widget-inline-box,
.cart-block.widget-inline-box {
    padding: 0;
}

.list-member-chat.widget-inline-box i,
.chat-block.widget-inline-box i,
.cart-block.widget-inline-box i {
    font-size: 12px;
    vertical-align: middle;
}

.list-member-chat .mx-box,
.chat-block .mx-box,
.cart-block .mx-box {
    max-height: 580px;
    min-height: 580px;
    background: #ffffff;
}

.list-member-chat .mx-box .txt-intro,
.chat-block .mx-box .txt-intro,
.cart-block .mx-box .txt-intro {
    width: 75%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-member-chat .header-box-chat,
.chat-block .header-box-chat,
.cart-block .header-box-chat {
    padding: 15px 20px;
    position: relative;
    background: #ebeff2;
}

.list-member-chat .header-box-chat .search-input,
.chat-block .header-box-chat .search-input,
.cart-block .header-box-chat .search-input {
    margin-bottom: 0;
}

.list-member-chat .header-box-chat .header-title,
.chat-block .header-box-chat .header-title,
.cart-block .header-box-chat .header-title {
    margin-bottom: 0;
}

.list-member-chat .header-box-chat .btn-ico,
.chat-block .header-box-chat .btn-ico,
.cart-block .header-box-chat .btn-ico {
    height: 17px;
}

.list-member-chat .header-box-chat .btn-ico span,
.chat-block .header-box-chat .btn-ico span,
.cart-block .header-box-chat .btn-ico span {
    font-size: 20px;
    color: #98a6ad;
    cursor: pointer;
    height: 20px;
}

.list-member-chat .header-box-chat .btn-ico span.active,
.chat-block .header-box-chat .btn-ico span.active,
.cart-block .header-box-chat .btn-ico span.active,
.list-member-chat .header-box-chat .btn-ico span:hover,
.chat-block .header-box-chat .btn-ico span:hover,
.cart-block .header-box-chat .btn-ico span:hover {
    color: #0066b2;
}

.list-member-chat .header-box-chat .btn-ico span.active a,
.chat-block .header-box-chat .btn-ico span.active a,
.cart-block .header-box-chat .btn-ico span.active a,
.list-member-chat .header-box-chat .btn-ico span:hover a,
.chat-block .header-box-chat .btn-ico span:hover a,
.cart-block .header-box-chat .btn-ico span:hover a {
    color: #0066b2;
}

.list-member-chat .header-box-chat .btn-ico a,
.chat-block .header-box-chat .btn-ico a,
.cart-block .header-box-chat .btn-ico a {
    color: #98a6ad;
}

.list-member-chat .header-box-chat .btn-ico a:hover,
.chat-block .header-box-chat .btn-ico a:hover,
.cart-block .header-box-chat .btn-ico a:hover {
    color: #0066b2;
}

.list-member-chat .header-box-chat b,
.chat-block .header-box-chat b,
.cart-block .header-box-chat b {
    vertical-align: middle;
    display: inline-block;
}

.list-member-chat .header-box-chat .status,
.chat-block .header-box-chat .status,
.cart-block .header-box-chat .status {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ffffff;
    margin-left: 15px;
}

.list-member-chat .header-box-chat .status.status-success,
.chat-block .header-box-chat .status.status-success,
.cart-block .header-box-chat .status.status-success {
    background: #81c868;
}

.list-member-chat .header-box-chat .status.status-waiting,
.chat-block .header-box-chat .status.status-waiting,
.cart-block .header-box-chat .status.status-waiting {
    background: #34d3eb;
}

.list-member-chat .header-box-chat .status.status-incomplete,
.chat-block .header-box-chat .status.status-incomplete,
.cart-block .header-box-chat .status.status-incomplete {
    background: #fd761c;
}

.list-member-chat .header-box-chat .status.status-complete,
.chat-block .header-box-chat .status.status-complete,
.cart-block .header-box-chat .status.status-complete {
    background: #0066b2;
}

.list-member-chat .header-box-chat .status.status-fail,
.chat-block .header-box-chat .status.status-fail,
.cart-block .header-box-chat .status.status-fail {
    background: #ffbd4a;
}

.list-member-chat .header-box-chat .status.status-expire,
.chat-block .header-box-chat .status.status-expire,
.cart-block .header-box-chat .status.status-expire {
    background: #f05050;
}

.list-member-chat .header-box-chat .status.status-shipping,
.chat-block .header-box-chat .status.status-shipping,
.cart-block .header-box-chat .status.status-shipping {
    background: #5d9cec;
}

.list-member-chat .header-box-chat .status.status-done,
.chat-block .header-box-chat .status.status-done,
.cart-block .header-box-chat .status.status-done {
    background: #0066b2;
}

.list-member-chat .header-box-chat .status.status-orderexpired,
.chat-block .header-box-chat .status.status-orderexpired,
.cart-block .header-box-chat .status.status-orderexpired {
    background: #f05050;
}

.list-member-chat .header-box-chat .status.status-ordercancel,
.chat-block .header-box-chat .status.status-ordercancel,
.cart-block .header-box-chat .status.status-ordercancel {
    background: #98a6ad;
}

.list-member-chat .header-box-chat .status.status-wait,
.chat-block .header-box-chat .status.status-wait,
.cart-block .header-box-chat .status.status-wait {
    background: #34d3eb;
}

.list-member-chat .header-box-chat .status.status-wait:after,
.chat-block .header-box-chat .status.status-wait:after,
.cart-block .header-box-chat .status.status-wait:after {
    content: 'สถานะ : รอการชำระเงิน';
}

.list-member-chat .header-box-chat .status.status-waitapprovepayment,
.chat-block .header-box-chat .status.status-waitapprovepayment,
.cart-block .header-box-chat .status.status-waitapprovepayment {
    background: #ffbc59;
}

.list-member-chat .header-box-chat .status.status-waitapprovepayment:after,
.chat-block .header-box-chat .status.status-waitapprovepayment:after,
.cart-block .header-box-chat .status.status-waitapprovepayment:after {
    content: 'สถานะ : รอการตรวจสอบ';
}

.list-member-chat .header-box-chat .status.status-payment,
.chat-block .header-box-chat .status.status-payment,
.cart-block .header-box-chat .status.status-payment {
    background: #81c868;
}

.list-member-chat .header-box-chat .status.status-payment:after,
.chat-block .header-box-chat .status.status-payment:after,
.cart-block .header-box-chat .status.status-payment:after {
    content: 'สถานะ : ชำระเงินแล้ว';
}

.list-member-chat .header-box-chat .status.status-shipping,
.chat-block .header-box-chat .status.status-shipping,
.cart-block .header-box-chat .status.status-shipping {
    background: #5d9cec;
}

.list-member-chat .header-box-chat .status.status-shipping:after,
.chat-block .header-box-chat .status.status-shipping:after,
.cart-block .header-box-chat .status.status-shipping:after {
    content: 'สถานะ : ส่งสินค้าแล้ว';
}

.list-member-chat .header-box-chat .status.status-done,
.chat-block .header-box-chat .status.status-done,
.cart-block .header-box-chat .status.status-done {
    background: #0066b2;
}

.list-member-chat .header-box-chat .status.status-done:after,
.chat-block .header-box-chat .status.status-done:after,
.cart-block .header-box-chat .status.status-done:after {
    content: 'สถานะ : ได้รับสินค้าแล้ว';
}

.list-member-chat .header-box-chat .status.status-paymentincompleted,
.chat-block .header-box-chat .status.status-paymentincompleted,
.cart-block .header-box-chat .status.status-paymentincompleted {
    background: #fd761c;
}

.list-member-chat .header-box-chat .status.status-paymentincompleted:after,
.chat-block .header-box-chat .status.status-paymentincompleted:after,
.cart-block .header-box-chat .status.status-paymentincompleted:after {
    content: 'สถานะ : ชำระเงินไม่สมบูรณ์';
}

.list-member-chat .header-box-chat .status.status-orderexpired,
.chat-block .header-box-chat .status.status-orderexpired,
.cart-block .header-box-chat .status.status-orderexpired {
    background: #f05050;
}

.list-member-chat .header-box-chat .status.status-orderexpired:after,
.chat-block .header-box-chat .status.status-orderexpired:after,
.cart-block .header-box-chat .status.status-orderexpired:after {
    content: 'สถานะ : หมดอายุ';
}

.list-member-chat .header-box-chat .status.status-ordercancel,
.chat-block .header-box-chat .status.status-ordercancel,
.cart-block .header-box-chat .status.status-ordercancel {
    background: #98a6ad;
}

.list-member-chat .header-box-chat .status.status-ordercancel:after,
.chat-block .header-box-chat .status.status-ordercancel:after,
.cart-block .header-box-chat .status.status-ordercancel:after {
    content: 'สถานะ : ยกเลิก';
}

.list-member-chat .header-box-chat .status.status-cod,
.chat-block .header-box-chat .status.status-cod,
.cart-block .header-box-chat .status.status-cod {
    background: #fb6d9d;
}

.list-member-chat .header-box-chat .status.status-cod:after,
.chat-block .header-box-chat .status.status-cod:after,
.cart-block .header-box-chat .status.status-cod:after {
    content: 'COD';
}

.inbox-widget .inbox-item {
    padding: 10px 20px;
    overflow: initial;
}

.inbox-widget .inbox-item:hover .delete-msg {
    display: block;
}

.inbox-widget .inbox-item.active {
    background: #d8eff7;
}

.inbox-widget .inbox-item.unread {
    background: #f4f8fb;
}

.inbox-widget .inbox-item .label,
.inbox-widget .inbox-item .delete-msg {
    position: absolute;
}

.inbox-widget .inbox-item .label {
    top: 23px;
    right: 17px;
}

.inbox-widget .inbox-item .delete-msg {
    position: absolute;
    right: 10px;
    bottom: 5px;
    cursor: pointer;
    display: none;
}

.inbox-widget .inbox-item .delete-msg:hover {
    color: #0066b2;
}

.inbox-widget .inbox-item .inbox-item-date {
    top: 5px;
}

.empty-chat .chat-conversation {
    max-height: 643px;
    min-height: 643px;
    position: relative;
}

.empty-chat .chat-conversation p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -90px;
    margin-top: -80px;
}

.chat-block .empty-chat .chat-conversation i {
    font-size: 7em;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.chat-block .chat-inputbar {
    position: relative;
}

.chat-block .chat-inputbar .input-group-btn {
    position: absolute;
    top: 0;
    right: 10px;
    width: 50px;
}

.chat-block .chat-inputbar .input-group-btn .btn {
    padding: 6px 15px;
}

.chat-block .chat-inputbar .input-group-btn .btn .icon-span-filestyle {
    font-size: 20px;
    padding-top: 2px;
    padding-right: 0;
}

.chat-block .full-page {
    width: 66%;
}

.chat-block .tab-pane {
    /*margin-left: -10px; margin-right: -10px;*/
}

.chat-block .tab-content {
    border-right: 1px solid #ebeff2;
}

.order-area {
    background: #ffffff;
    padding: 0;
    min-height: 549px;
    max-height: 549px;
    position: relative;
}

.order-area .empty-cart {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -15px;
    text-align: center;
}

.order-area .empty-cart .btn a {
    color: #ffffff;
}

.order-area .title-status {
    padding: 10px 15px;
    text-align: center;
    color: #ffffff;
}

.order-area .title-status.create-order,
.order-area .title-status.cancel {
    background: #98a6ad;
}

.order-area .title-status.waiting {
    background: #34d3eb;
}

.order-area .title-status.success {
    background: #81c868;
}

.order-area .title-status.shipping {
    background: #5d9cec;
}

.order-area .title-status.complete {
    background: #0066b2;
}

.order-area .title-status.fail {
    background: #ffbd4a;
}

.order-area .title-status.expire {
    background: #f05050;
}

.order-area .title-status.done {
    background: #0066b2;
}

.order-area .title-status.orderexpired {
    background: #f05050;
}

.order-area .title-status.ordercancel {
    background: #98a6ad;
}

.order-area .title-status:empty {
    display: block;
    width: 100%;
}

.order-area .title-status.wait {
    background: #34d3eb;
}

.order-area .title-status.wait:after {
    content: 'สถานะ : รอการชำระเงิน';
}

.order-area .title-status.waitapprovepayment {
    background: #ffbc59;
}

.order-area .title-status.waitapprovepayment:after {
    content: 'สถานะ : รอการตรวจสอบ';
}

.order-area .title-status.payment {
    background: #81c868;
}

.order-area .title-status.payment:after {
    content: 'สถานะ : ชำระเงินแล้ว';
}

.order-area .title-status.shipping {
    background: #5d9cec;
}

.order-area .title-status.shipping:after {
    content: 'สถานะ : ส่งสินค้าแล้ว';
}

.order-area .title-status.done {
    background: #0066b2;
}

.order-area .title-status.done:after {
    content: 'สถานะ : ได้รับสินค้าแล้ว';
}

.order-area .title-status.paymentincompleted {
    background: #fd761c;
}

.order-area .title-status.paymentincompleted:after {
    content: 'สถานะ : ชำระเงินไม่สมบูรณ์';
}

.order-area .title-status.orderexpired {
    background: #f05050;
}

.order-area .title-status.orderexpired:after {
    content: 'สถานะ : หมดอายุ';
}

.order-area .title-status.ordercancel {
    background: #98a6ad;
}

.order-area .title-status.ordercancel:after {
    content: 'สถานะ : ยกเลิก';
}

.order-area .title-status.cod {
    background: #fb6d9d;
}

.order-area .title-status.cod:after {
    content: 'COD';
}

.order-area #listorder .empty-order {
    padding: 100px 0px;
    text-align: center;
}

.order-area .nav.nav-tabs+.tab-content {
    margin-bottom: 0;
    padding: 0;
    min-height: 465px;
    box-shadow: none;
    max-height: 465px;
}

.order-area .nav.nav-tabs>li>a,
.order-area .nav.tabs-vertical>li>a {
    letter-spacing: 0;
}

.order-area .tab-content #listorder .nicescroll {
    overflow: hidden;
    height: 357px;
}

.order-area .tab-content #payment .nicescroll {
    overflow: hidden;
    height: 467px;
    padding: 15px;
}

.order-area .tab-content #payment .form-horizontal {
    padding: 20px 40px 40px 40px;
}

.order-area .tab-content #payment .form-horizontal .control-label {
    padding: 0;
    text-align: left;
}

.order-area .tab-content #payment .form-group {
    margin-bottom: 10px;
}

.order-area .tab-content #payment .modal-footer {
    text-align: left;
}

.order-area .tab-content #payment .divider {
    height: 1px;
    background: #ebeff2;
    margin: 20px 0;
    display: block;
}

.order-area .tab-content #payment .txt-titpay {
    color: #cccccc;
}

.order-area .tab-content #payment .bank-list {
    margin: -15px;
}

.order-area .tab-content #payment .bank-list .media {
    padding: 25px 10px 0 10px;
    margin: 0;
    border-bottom: 1px solid #ebeff2;
}

.order-area .tab-content #payment .bank-list .media p {
    font-size: 13px;
}

.order-area .tab-content #payment .bank-list .media .media-left {
    vertical-align: middle;
}

.order-area .tab-content #payment .bank-list:last-child .media {
    border-bottom: none;
}

.order-area .tab-content #payment .add-bank-chat .pull-left {
    padding-top: 10px;
}

.order-area .tab-content #payment .add-bank-chat button a {
    color: #797979;
}

.order-area .tab-content #shipping .nicescroll {
    overflow: hidden;
    height: 467px;
    padding: 15px;
}

.order-area .tab-content #shipping .editable-input {
    margin-left: 15px;
}

.order-area .tab-content #shipping .form-group {
    margin-bottom: 10px;
}

.order-area .tab-content #shipping .modal-footer {
    text-align: left;
}

.order-area .tab-content #shipping .form-horizontal .control-label {
    padding: 0;
}

.order-area .empty-order {
    padding: 100px 0px;
    text-align: center;
}

.order-area .summary-box {
    background: #f4f8fb;
    padding: 10px 0 5px 0;
    border-top: 1px solid #ebeff2;
    border-bottom: 1px solid #ebeff2;
}

.order-area .summary-box .form-group {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
    font-size: 12px;
}

.order-area .summary-box .total {
    color: #0066b2;
    font-size: 17px;
}

.order-area .control-box {
    padding: 10px 15px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 52px;
    border-top: 1px solid #ebeff2;
}

.order-area .control-box button {
    padding: 5px 16px;
}

.order-area .control-box button a {
    color: #ffffff;
}

.order-area .control-box a {
    color: #797979;
}

.order-area .control-box>div>div>a {
    display: inline-block;
    margin-top: 4px;
}

.order-area .control-box i {
    font-size: 22px;
}

.order-area .control-box .dropdown-menu li i {
    font-size: 14px;
    margin-top: 0;
}

.order-area .control-box .dropdown-menu li a {
    margin-top: 0;
    display: block;
}

.order-area .control-box .dropup.open>a>i {
    color: #0066b2;
}

.order-area .product-list {
    margin-bottom: 0;
}

.order-area .product-list .list-group-item {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ebeff2;
    position: relative;
}

.order-area .product-list .list-group-item .ico-del {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #797979;
    cursor: pointer;
    display: block;
    content: "";
}

.order-area .product-list .product-name,
.order-area .product-list .product-id,
.order-area .product-list .product-price,
.order-area .product-list .product-color,
.order-area .product-list .product-quantity {
    font-size: 12px;
}

.order-area .product-list .product-color,
.order-area .product-list .product-quantity {
    margin-bottom: 5px;
}

.order-area .product-list .product-color .form-group,
.order-area .product-list .product-quantity .form-group {
    margin: 0;
    padding: 0;
}

.order-area .product-list .product-color {
    float: left;
}

.order-area .product-list .product-quantity {
    float: right;
}

.order-area .product-list .product-quantity .productqn {
    min-width: 50px;
    text-align: center;
}

.order-area .product-list .product-quantity .input-group-btn .btn-default {
    background-color: #ffffff !important;
    border: 1px solid #E3E3E3 !important;
    color: #36404a !important;
}

.order-area .product-list:last-child .list-group-item {
    border-bottom: none;
}

.order-area .img-att {
    width: auto;
    max-width: 60%;
    margin-top: 20px;
    display: block;
}

.order-area .create-cart {
    position: relative;
    height: 616px;
}

.order-area .create-cart .order-box-wrap {
    width: 99.5%;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-block .chat-conversation {
    background: #ffffff;
    padding: 20px 0;
}

.chat-block .chat-conversation .conversation-list {
    padding: 0px 20px;
    height: 557px;
}

.chat-block .chat-conversation .conversation-list .ctext-wrap img {
    max-width: 100%;
    display: block;
}

.chat-block .chat-conversation .conversation-list .sender .chat-avatar {
    float: right !important;
}

.chat-block .chat-conversation .conversation-list .sender .conversation-text {
    float: right !important;
    margin-right: 12px;
    text-align: right;
    width: 70% !important;
}

.chat-block .chat-conversation .conversation-list .sender .ctext-wrap {
    background: #d8eff7;
}

.chat-block .chat-conversation .conversation-list .sender .ctext-wrap:after {
    border-color: rgba(216, 239, 247, 0) !important;
    border-left-color: #d8eff7 !important;
    border-top-color: #d8eff7 !important;
    left: 100% !important;
    margin-right: -1px;
}

.list-setting {
    display: none;
    position: absolute;
    right: -50px;
    z-index: 999;
    margin: 0;
    padding: 0;
}

.list-setting li {
    list-style: none;
}

.reportorder-table .footable-row-detail {
    background: #fbfdfc;
}

.reportorder-table .footable-row-detail-inner {
    width: 100%;
}

.reportorder-table .footable-row-detail-inner .form-horizontal .form-group {
    margin-bottom: 5px;
}

.reportorder-table .footable-row-detail-inner .form-horizontal .control-label {
    padding-top: 0;
    text-align: left;
}

.reportorder-table .footable-detail-show {
    background: #d8eff7;
}

.widget-reportorder .widget-inline-box {
    padding-top: 0;
    padding-bottom: 0;
}

.pageview-table a {
    color: #0066b2;
}

.coupondetail .card-box {
    border: 1px solid #eeeeee;
}

#list-product {
    width: 1000px !important;
}

#list-product table.list-campaignproduct td {
    text-align: left;
}

#list-product table.list-campaignproduct td img {
    width: 40px;
    height: auto;
}

#list-product .stylish-input-group .form-control {
    border-right: 0;
    border-color: #cccccc;
}

#list-product .stylish-input-group button {
    border: 0;
    background: transparent;
}

#list-product .stylish-input-group .input-group-addon {
    background: white !important;
    border-color: #cccccc;
}

#list-product .stylish-input-group .input-group-addon:last-child {
    border-left: 0;
}

.list-product-select table.list-campaignproduct td {
    text-align: left;
}

.list-product-select table.list-campaignproduct td img {
    width: 40px;
    height: auto;
}

.list-product-select .stylish-input-group .form-control {
    border-right: 0;
    border-color: #cccccc;
}

.list-product-select .stylish-input-group button {
    border: 0;
    background: transparent;
}

.list-product-select .stylish-input-group .input-group-addon {
    background: #ffffff !important;
    border-color: #cccccc;
}

.list-product-select .stylish-input-group .input-group-addon:last-child {
    border-left: 0;
}

.shopdetail #shoplogo,
.shopcontact #shoplogo,
.shopdbd #shoplogo,
.shopdetail #shopmap,
.shopcontact #shopmap,
.shopdbd #shopmap,
.shopdetail #shopdbd,
.shopcontact #shopdbd,
.shopdbd #shopdbd {
    max-width: 200px;
    height: auto;
}

.bankdetail button a {
    color: #ffffff;
}

.bankdetail .card-box {
    overflow: hidden;
}

.bankdetail .list-bank ol>li {
    border-bottom: 1px solid #dfdfdf;
    font-weight: normal;
}

.bankdetail .list-bank ol>li ul {
    padding-left: 0;
}

.bankdetail .list-bank ol>li ul li {
    padding-top: 6px;
}

.bankdetail .list-bank ol>li ul li.bank-name {
    padding-top: 0;
}

.bankdetail .list-bank>ul {
    background: #ebeff2;
    display: block;
    overflow: hidden;
    padding: 10px 0;
}

.bankdetail .list-bank>ul li {
    font-weight: bold;
}

.bankdetail .list-bank li {
    list-style: none;
    font-weight: normal;
    color: #797979;
    font-size: 14px;
}

.bankdetail .list-bank .dd {
    max-width: 100%;
}

.bankdetail .list-bank .dd3-content {
    margin: 0;
    background: none;
}

.bankdetail .list-bank .dd3-handle {
    background: none;
    top: 7px;
}

.bankdetail .bank-console .table-action-btn {
    color: #98a6ad;
    display: inline-block;
    width: 28px;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
}

.channeldetail button a {
    color: #ffffff;
}

.channeldetail .card-box {
    overflow: hidden;
}

.channeldetail .list-bank ol>li {
    border-bottom: 1px solid #dfdfdf;
    font-weight: normal;
}

.channeldetail .list-bank ol>li ul {
    padding-left: 0;
}

.channeldetail .list-bank ol>li ul li {
    padding-top: 6px;
}

.channeldetail .list-bank ol>li ul li.bank-name {
    padding-top: 0;
}

.channeldetail .list-bank>ul {
    background: #ebeff2;
    display: block;
    overflow: hidden;
    padding: 10px 0;
}

.channeldetail .list-bank>ul li {
    font-weight: bold;
}

.channeldetail .list-bank li {
    list-style: none;
    font-weight: normal;
    color: #797979;
    font-size: 14px;
}

.channeldetail .list-bank .dd {
    max-width: 100%;
}

.channeldetail .list-bank .dd3-content {
    margin: 0;
    background: none;
}

.channeldetail .list-bank .dd3-handle {
    background: none;
    top: 7px;
}

.channeldetail .bank-console .table-action-btn {
    color: #98a6ad;
    display: inline-block;
    width: 28px;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
}

.overflow-scroll {
    overflow: scroll;
}

.footer-login ul.list-inline a {
    color: #0066b2;
}

@media (width:1024px) {
    

    .wrapper {
        padding-top: 20px;
    }

    .bof {
        padding-top: 140px !important;
    }
    iframe img { max-width: 100%; height: auto;}
}

@media (max-width: 768px) {
    .bof {
        padding-top: 0px !important;
    }
    .chat-page #cart-info {
        width: 100%;
    }
    #sidebar-menu .button-menu-mobile {
        display: none;
    }
    .chat-area-container {
        margin-top: 10px;
    }
    .widget-inline .widget-inline-box {
        border-right: none;
    }
    .widget-inline .widget-inline-box.list-member-chat .mx-box {
        min-height: 0;
        max-height: none;
    }
    .widget-inline .widget-inline-box.chat-block,
    .widget-inline .widget-inline-box.cart-block {
        display: none;
    }
    .widget-inline .widget-inline-box.chat-block.active,
    .widget-inline .widget-inline-box.cart-block.active {
        display: block;
    }
    .widget-inline .widget-inline-box.chat-block.active .mx-box,
    .widget-inline .widget-inline-box.cart-block.active .mx-box {
        min-height: 0;
        max-height: none;
    }
    .widget-inline .widget-inline-box.chat-block.active .empty-chat .chat-conversation,
    .widget-inline .widget-inline-box.cart-block.active .empty-chat .chat-conversation {
        min-height: 0;
        max-height: none;
    }
    .widget-inline .widget-inline-box.chat-block.active .chat-conversation,
    .widget-inline .widget-inline-box.cart-block.active .chat-conversation {
        padding: 20px 0 100px 0;
    }
    .widget-inline .widget-inline-box.chat-block.active .chat-conversation>.row,
    .widget-inline .widget-inline-box.cart-block.active .chat-conversation>.row {
        position: fixed;
        bottom: 0;
        background: #ffffff;
        width: 100%;
        left: 0;
        margin: auto;
        padding: 15px 0;
    }
    .widget-inline .widget-inline-box.chat-block.active .chat-conversation .conversation-list,
    .widget-inline .widget-inline-box.cart-block.active .chat-conversation .conversation-list {
        height: auto;
    }
    .widget-inline .chat-block .md-keyboard-arrow-left:hover {
        cursor: pointer;
    }
    .widget-inline .cart-block {
        margin: 0;
    }
    .widget-inline .cart-block .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 90% !important;
    }
    .widget-inline .cart-block .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        font-size: 12px;
    }
    .widget-inline .cart-block .order-number i {
        margin-left: -5px;
        margin-right: 5px;
    }
    .widget-inline .cart-block .order-number i:before {
        font-size: 20px;
    }
    .widget-inline .cart-block .order-title {
        padding-bottom: 10px;
    }
    .widget-inline .cart-block .order-title .order-date {
        font-size: 12px;
    }
    .widget-inline .cart-block .add-product {
        font-size: 12px;
    }
    .widget-inline .cart-block .nav-tabs.nav-justified>li {
        float: left;
        width: 33.33%;
    }
    .widget-inline .cart-block .nav-tabs.nav-justified>li a {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .widget-inline .cart-block .order-area {
        min-height: 0;
        max-height: none;
    }
    .widget-inline .cart-block .order-area .create-cart {
        height: auto;
    }
    .widget-inline .cart-block .order-area .nav.nav-tabs+.tab-content {
        min-height: 0;
        max-height: none;
    }
    .widget-inline .cart-block .order-area .tab-content #shipping .form-group {
        margin: 0;
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .nicescroll {
        height: auto;
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .product {
        /*&-id { width: 50%;}
							&-color { width: 41.66666667%;}*/
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .product-price,
    .widget-inline .cart-block .order-area .tab-content #listorder .product-quantity {
        text-align: left;
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .product-desc {
        width: 83.33333333%;
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .product-name,
    .widget-inline .cart-block .order-area .tab-content #listorder .product-id,
    .widget-inline .cart-block .order-area .tab-content #listorder .product-color,
    .widget-inline .cart-block .order-area .tab-content #listorder .product-price,
    .widget-inline .cart-block .order-area .tab-content #listorder .product-quantity {
        margin-bottom: 0;
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .product-quantity span {
        padding-left: 0;
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .img-product {
        width: 16.66666667%;
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .summary-box {
        padding-bottom: 60px;
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .summary-box .summary-box-detail .col-xs-12.col-sm-8.col-lg-8 {
        width: 66.66666667%;
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .summary-box .summary-box-detail .col-xs-12.col-sm-4.col-lg-4 {
        width: 33.33333333%;
    }
    .widget-inline .cart-block .order-area .tab-content #listorder .summary-box .summary-box-detail .col-xs-12.col-sm-4.col-lg-4 span {
        padding-left: 0;
    }
    .side-menu {
        width: 100%;
    }
}