span.required{color: #ff0000;}
span.select2{display: block;width: 100% !important;}
textarea{resize: none;}
.imgCenter{display: block;margin-left: auto;margin-right: auto;}
.modal-content{width: 800px;}
ul{list-style: none;}
label.text-left{text-align: left !important;}
section.content{min-height: 0;}
.row-margin .row{margin-bottom: 15px;}
.padding15{padding: 15px;}
.spanBalance{font-size: 22px;}
td.actions a{margin-right: 3px;}
.margin-left-10{margin-left: 10px;}
span.normal, label.normal{font-weight: normal;}
.label-horizontal{line-height: 34px;padding-left: 0;font-weight: normal;}
.hmd-alert{/*height: 26px;*/line-height: 26px;padding: 0 10px;}
pre.pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;border: none;background-color: #fff;font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;}
.table-bordered{border-top: 1px solid #dbdbdb;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{border: 1px solid #dbdbdb;}
thead.normal th{font-weight: normal;}
.label-blue{background-color: #3c8dbc;}
.alignMiddle{vertical-align: middle !important;}
/*icheck*/
.icheckbox_square-blue.disabled {background-position: 0 0;}
.icheckbox_square-blue.checked.disabled {background-position: -48px 0;}
.iradio_square-blue.disabled {background-position: -120px 0;}
.iradio_square-blue.checked.disabled {background-position: -168px 0;}

.content-header ul.list-inline{float: right;background: transparent;margin-top: 0;margin-bottom: 0;font-size: 12px;padding: 7px 5px;position: absolute;top: 5px;right: 10px;border-radius: 2px;}
/*Chat*/
span#countChatUnRead{cursor: pointer;}
.direct-chat p#staffPhone, .direct-chat p#staffEmail{margin-bottom: 0;}
#listChat .direct-chat-msg .direct-chat-text a{color: #3c8dbc;}
#listChat .direct-chat-msg.right .direct-chat-text a{color: #fff;}
#listChat .direct-chat-msg.unread .direct-chat-text{background-color: #E98561;border: 1px solid #E98561;color: #fff;}
#listChat .direct-chat-msg.unread .direct-chat-text a{color: #0000ff;}
#listChat .direct-chat-msg.unread .direct-chat-text:after, #listChat .direct-chat-msg.unread .direct-chat-text:before{border-right-color: #E98561;}
#listChat .direct-chat-msg.unread.right>.direct-chat-text:after, #listChat .direct-chat-msg.unread.right>.direct-chat-text:before{border-left-color: #E98561;}
#listChat .direct-chat-text img{max-width: 100%;}
div.box-comments .box-comment{cursor: pointer;}
div.box-comments .box-comment:hover{background-color: #c6c9ce;}
div.box-comments .box-comment.active{background-color: #c6c9ce;}
div.box-comments .box-comment span.text-muted{margin-right: 5px;}
#chat-staff-care-list span.text-muted{color: #fff;margin-top: -35px;margin-right: 25px;}
div.box-comments .box-comment img.img-circle{margin: 5px;}
div.box-comments .box-comment span.username{font-weight: normal;}
div.box-comments .box-comment span.lastMsgChat{white-space: pre-wrap;word-break: break-all;word-wrap: break-word;}
div.box-comments .box-comment.unread span.username, div.box-comments .box-comment.unread span.lastMsgChat{font-weight: bold;}
.chat-box{position: fixed;right: 40px;bottom: 0;z-index:9999;width: 20%;}
.chat-box .maximizechat{cursor: pointer; display:block;}
.chat-box .chat-status-icon{border-radius: 50%;height: 60px;width: 60px;-webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);-moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);background-color: #367fa9;color: #fff;margin-bottom:20px;cursor:pointer;}
.chat-box .chat-status-icon:before{content: "\f086";font-family: "FontAwesome";font-size: 35px;display: inline-block;width: 100%;text-align: center;line-height: 60px;}
.chat-box .direct-chat-contacts{background: #3C8DBC;}
.chat-box .contacts-list-msg{color: #fff;}
.chat-wrapper .direct-chat{width: 300px;display: none;overflow: hidden;}
.contacts-list span.online{background: rgb(66, 183, 42);border-radius: 50%;display: inline-block;height: 10px;width: 10px;float: right;margin-right: 15px;}
.box-comment span.online{background: rgb(66, 183, 42);border-radius: 50%;display: inline-block;height: 10px;width: 10px;float: right;margin-right: 5px;margin-top: 5px;}
.chat-wrapper .direct-chat {overflow: hidden;}
.chat-wrapper .chat-content {background-color: #fff;}
.chat-wrapper .btn-chat-toggle{position: absolute;top: 50%;left: 0;width: 25px;height: 80px;border: 0;border-radius: 5px 0 0 5px;background-color: #3C8DBC;color: #fff;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index: 1;}
.chat-wrapper .direct-chat-contacts {background-color: transparent;}
.chat-wrapper .direct-chat-contacts .contacts-chat-wapper {margin-left: 25px;background-color: #fff;}
.chat-wrapper .direct-chat-contacts .contacts-chat-wapper span{color: #000;font-weight: normal;}
.chat-wrapper .direct-chat .chat-content .direct-chat-contacts {-webkit-transform: translate(92%, 0);-ms-transform: translate(92%, 0);-o-transform: translate(92%, 0);transform: translate(92%, 0);transition: transform 0.4s;-webkit-transition: transform 0.4s;-moz-transition: transform 0.4s;-o-transition: transform 0.4s;}
.chat-wrapper .direct-chat-contacts-open .chat-content .direct-chat-contacts {transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);transition: transform 0.4s;-webkit-transition: transform 0.4s;-moz-transition: transform 0.4s;-o-transition: transform 0.4s;}
.chat-wrapper .direct-chat-contacts {transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-o-transform: translate(0, 0);}

#chatForm .input-group{width: 100%;}
#chatMsg{resize: none;overflow: hidden;display: block;}
#chatForm .lbChatEnter{float: left;height: 33px;line-height: 33px;}
#chatForm .input-group-btn{float: right;margin-right: 72px;}
/*Dashboard*/
.dashboard-page .box-header, .dashboard-page .box-body{text-align: center !important;}
.dashboard-page .box-header{background-color: #d2d6de;}
.dashboard-page .box-primary .box-header{background-color: #3c8dbc;}
.dashboard-page .box-primary .box-header h3{color: #ffffff;text-transform: uppercase;}
.dashboard-page .box-danger .box-header{background-color: #dd4b39;}
.dashboard-page .box-danger .box-header h3{color: #ffffff;}
.dashboard-page span.count{font-size: 50px;font-weight: 700;color: #337ab7;}
.dashboard-page .lowRevenue span.count{font-size: 20px;color: #444;}
.dashboard-page #tbodySaleMilestone td.success{font-weight: bold;}
.dashboard-page td.text-center{color: #337ab7;font-weight: bold;}
/*Phan quyen*/
#tblAction tbody td{line-height: 31px;}
#tblAction tbody td.action-level-2{padding-left: 30px;}
#tblAction tbody td.action-level-3{padding-left: 60px;}
#tbodyCategory tr.trParent_0{border-left: 2px solid #00a65a;}
#tbodyCategory tr.trParent_0 td{font-weight: bold;}
/*Popup thong tin don hang*/
#orderInfo{position: absolute;left: 140px;top: 80px;border: 1px solid #3c8dbc;background: #fff;width: 300px;padding: 0 10px;display: none;}
#orderInfo.active{display: block;}
#orderInfo table{margin-bottom: 0;margin-top: 2px;}
#orderInfo table td{padding: 5px !important;}
#orderInfo #btnCloseOrderInfo{margin-bottom: 10px;}
/*Dat hang*/
.order-page i, .order-page #spanCheckProductUrl{cursor: pointer;}
.order-page .border1{border: 1px solid #F33F00;padding: 15px 10px 0 10px;border-radius: 5px;}
.order-page{position: relative;}
.order-page h1{line-height: 48px;}
.order-page #logo{margin: 30px 15px 0 0;}
.order-page .box-primary{border: 1px solid #3c8dbc;border-top: 3px solid #3c8dbc;}
.order-page td.line30{line-height: 30px;}
.order-page .box-header.with-border .box-title{/*color: #fff;*/text-align: center;text-transform: uppercase;display: block;}
#boxChatCustomer .box-header.with-border{background-color: #fff;}
#boxChatCustomer h3.box-title{text-align: left;color: #333;}
#boxChatCustomer .box-header p{margin-bottom: 0;}
.order-page .box-header.has-tool .box-title{display: inline-block;}
table.no-padding td{padding: 0 !important;}
table.no-padding td.first{line-height: 34px;}
.tdPhone{position: relative;}
.tdPhone i{position: absolute;top: 10px;right: 5px;cursor: pointer;}
.tbodyProduct td, #tbodyProductDelete td, #tbodyChangeShipTQ td{padding: 0 !important;}
.tbodyProduct td input, #tbodyCost td input{padding: 0 0 0 6px;}
.tbodyProduct td i.link_delete{padding: 35px 0 0 5px;color: red;}
.tbodyProduct .tdAttr {position: relative; }
.tbodyProduct .tdAttr i{position: absolute;bottom: 10px;right: 10px;}
.tbodyProduct input.soluong, .tbodyProduct input.soluong1, .tbodyProduct input.gia, .tbodyProduct input.gia1, .tbodyProduct input.thanhtien, .tbodyProduct input.shipTQ, .tbodyProduct input.shipTQ1{text-align: center;}
img.productImage{width:100%;cursor: pointer; display: block;}
ul.has-img-82 img.productImage{max-height: 82px;}
ul.has-img-105 img.productImage{max-height: 105px;}

.tbodyProduct input{height: 82px;line-height: 82px;border: none;}
.tbodyProduct textarea{height: 82px;}
.tbodyProduct td.tdProductName{position: relative;}
.tbodyProduct a.linkproductName{z-index: 20; position: absolute; top: 5px; left: 20px; display: block; margin-left: -15px; white-space: pre-wrap;word-break: break-all;word-wrap: break-word;height: 80%;overflow: hidden;}
.tbodyProduct span.complaint{/*position: absolute;bottom: 0;right:0;*/cursor: pointer;}
.tbodyProduct i.product_action, .tbodyProduct i.product_action_delete, .tbodyProduct i.link_delete_product{display: block;/*text-align: center*/;margin-bottom: 5px;}
.tbodyProduct i.product_action[data-status='1'], .tbodyProduct i.link_delete_product{color: red;}
.tbodyProduct i.product_action[data-status='3']{color: green;}
.tbodyProduct .btn-confirm-product{margin-right: 5px;}
.tbodyProduct .tr_product_status_1, .tbodyProduct .tr_product_status_1:hover, .tbodyProduct .tr_product_status_1 input, .tbodyProduct .tr_product_status_1 textarea{background-color: #efbfbf;}
.tbodyProduct input.shipTQ{background-color: #fff !important;}
.tbodyProduct .tdShipTQ input.shipTQ{height: 105px !important;}
.tbodyProduct .tdShipTQ input.shipTQ.highlight{background-color: red !important;color: #fff;}
.tbodyProduct textarea{border: none;}
.tbodyProduct input[disabled], .tbodyProduct textarea[disabled]{background-color: #fff !important;}
.tbodyProduct .tr_product_sun{text-transform: uppercase;text-align: center;}
.tbodyProduct .tr_product_sun td{height: 40px;line-height: 40px;border: 1px solid #dbdbdb;font-weight: bold;color: #3C8DBC;}
.tbodyProduct .tr_choose{color: #fff;background-color: #337ab7;}
.tbodyProduct .tr_choose input{color: #fff;background-color: #337ab7 !important;}
.tbodyProduct textarea.confirm{margin-top: 5px;}

.trPromotion{display: none;}
#trPromotionInfo{display: none;height: 20px;}
#trPromotionInfo td{line-height: 20px;}
/*Modal Crawl Product*/
#divProductCrawlInfo{margin-top: 10px;}
#divProductCrawlInfo img{width: 100%;}
#divProductCrawlInfo #productCrawlImage{width: 100%;margin-bottom: 5px;}
#divProductCrawlInfo .col-sm-3 ul li{width: 50%;margin-bottom: 5px;}
#divProductCrawlInfo #tbodyProductCrawl img{height: 50px;width: 50px;}
#ulProductImageCrawl li{width: 33%;}
#ulProductImageCrawl img{width: 100%;}
#ulProductImageCrawl img:hover{border: 1px solid red;}

/*Khieu nai*/
.ulProductComplaint{padding: 0;margin-top: 5px;}
.ulProductComplaint li{position: relative;display: inline;}
.ulProductComplaint li i{position: absolute;top:-40px;right: 0;color: red;}
.ulProductComplaint li img{width: 100px;height: 100px;}
#listComplaintMsgs div.form-group{background: #E9EBEE;padding: 5px 5px 1px 5px;}
#listComplaintMsgs .div-left{margin-left: 100px;}
#listComplaintMsgs .div-right{margin-right: 100px;}
div.complaintAgree{display: inline;padding-left: 10px;}
div.complaintAgree label{padding-right: 5px;}
#divComplaintSolutionMoney label{line-height: 34px;padding-left: 0;}

.ul-navbar-nav li.header{padding: 0;}
.ul-navbar-nav li.header a.first{padding: 3px 10px;width: 120px;}
.ul-navbar-nav li.header a.last{padding: 3px 10px;float: right;margin-top: -26px;}
#navbar-customer li.active{background-color: #3c8dbc;}
#navbar-customer li.active a{color: #fff;}
#navbar-customer li a{font-weight: bold;}
#divCustomerNav{border: 3px solid #d2d6de;margin-bottom: 10px;padding: 0;}
#divCustomerNav p{color: #3C8CBC;text-transform: uppercase;font-weight: bold;}
#divCustomerNav .nav-stacked>li:last-of-type{border-bottom: 1px solid #f4f4f4;}
#productSearchForm{float: left;width: 400px;margin-top: 10px;position: relative;}
#productSearchForm select{float: left;width: 100px;}
#productSearchForm .form-control:focus{border: none;}

/*V3*/
.modal-backdrop{position: relative;}
.order-page .modal-content{margin-top: 85px;}
.order-container .timeline:before{left: 3px;}
.order-container .timeline>li{margin-right: 0;}
.order-container .timeline>li>.timeline-item{margin-left: 30px;}
.order-container .timeline>li>.fa-shopping-basket{left: -10px;color: #fff;background-color: #F33F00;}
.order-container .timeline .timeline-header{padding-top: 0 !important;border: none !important;}
.order-container .timeline .timeline-header ul{margin-top: 10px;}
.order-container .timeline .timeline-header ul >li{vertical-align: middle;margin-bottom: 15px;}
.order-container .timeline .timeline-header ul >.liOrderMeta{width: 220px;}
.order-container .timeline .timeline-header ul >.liShopCategory{width: 220px;}
.order-container .timeline .timeline-body{padding: 0 !important;margin-left: -25px;margin-right: -15px;}
.order-container .timeline .timeline-body .divTable{border: 1px solid #3C8DBC;margin-top: 21px;border-radius: 5px;}
/*.order-container .timeline .timeline-body .divTable table thead{background-color: #F33F00;color: #fff;}*/
.order-container .timeline .timeline-body .divTable table th{text-align: center;text-transform: uppercase;border-right: 1px solid #fff;}
.order-container .timeline .timeline-body .divTable table th:last-child{border-right: none;}
.order-container .timeline .timeline-body .divTable .btn-add-product{margin-left: 10px;}
.order-container .timeline .shop-index{position: absolute;left: -12px;top:0;width: 30px;height: 30px;background-color: #f33f00;color:#fff;text-align: center;line-height: 30px;border-radius: 50%;}

.timeline-body table>thead>tr>th, .timeline-body table>tbody>tr>th, .timeline-body table>tfoot>tr>th, .timeline-body table>thead>tr>td, .timeline-body table>tbody>tr>td, .timeline-body table>tfoot>tr>td {border: 1px solid #dbdbdb;}
.order-container-staff .tbodyProduct input{height: 105px;line-height: 105px;}
.order-container-staff .tbodyProduct textarea{height: 54px;}
.order-container-staff .tbodyProduct textarea.productName{height: 105px;}
.order-container-staff .tbodyProduct textarea.cmt{border-top: 1px solid #dbdbdb;}
.order-container-staff .tbodyProduct .tdShipTQ2, .order-container-staff .tbodyProduct .tdShipTQ3{position: relative;}
.order-container-staff .tbodyProduct .tdCost2 input, .order-container-staff .tbodyProduct .tdQuantity2 input{height: 52px;line-height: 52px;}
.order-container-staff .tbodyProduct .tdShipTQ2 i.ship_action, .order-container-staff .tbodyProduct .tdShipTQ3 i.ship_action{position: absolute;top: 3px;}
.order-container-staff .tbodyProduct .tdShipTQ2 i.ship_action[data-status="3"], .order-container-staff .tbodyProduct .tdShipTQ3 i.ship_action[data-status="3"]{left: 3px;color: green;}
.order-container-staff .tbodyProduct .tdShipTQ2 i.ship_action[data-status="4"], .order-container-staff .tbodyProduct .tdShipTQ3 i.ship_action[data-status="4"]{right:3px;}
.order-container-staff .tbodyProduct .tdShipTQ3 span{font-size: 7px;}
.order-container-staff .tbodyProduct input.hasLine{background: url("../img/line.png") no-repeat center center;border-top: 1px solid #dbdbdb;/*border-bottom: 1px solid #dbdbdb;*/}
p.hasLine{background: url("../img/line.png") no-repeat center center;}

.box-order-shop{position: fixed;right: 0;top: 65px;width: 30px;height: 100%;background-color: #3C8DBC;}
.box-order-shop ul li{text-align: center;border-bottom: 1px solid #fff;color:#fff;cursor: pointer;padding: 5px 0;}
.box-order-shop ul li:first-child{ border-top: 1px solid  }
.box-order-shop .next{position: absolute;bottom:0;width: 30px;text-align: center;height: 30px;color:#fff;line-height: 30px;visibility: hidden;}
.box-order-shop .prev{position: absolute;top:0;width: 30px;text-align: center;height: 30px;color:#fff;line-height: 30px;visibility: hidden;}
.box-order-shop li.active{background-color: red;}

#listShopComments{margin-bottom: 15px;background-color: #fff;}
#listShopComments .box-comment{margin-bottom: 5px;padding: 8px 0;}
#listShopComments .box-comment.bg-green{background-color: #c7edfc !important;}
#listShopComments .box-comment:hover {background: none;}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {padding-right: 50px;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {white-space: normal !important;}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {margin: 5px 0 0 45px !important;}

table .lbCheckbox input {display: none;}
table .lbCheckbox span {padding: 2px 0 2px 20px;background-image: url(../img/icon_checkbox.png);background-repeat: no-repeat;background-position: left center;font-size: 14px;}
table .lbCheckbox input:checked + span {background-image: url(../img/icon_checkbox_checked.png);}
@media screen and (max-width: 767px){
    .modal-content{max-width: 100% !important;}
    .dropdown.open ul{background: #3c8dbc !important;}
    .dropdown.open.messages-menu ul{background: #fff !important;}
    .content-wrapper{margin-top: 40px;}
    .chat-box{right: 240px;}
    .order-page #logo img{margin-left: auto;margin-right: auto;}
    .order-page #btnImportOrder{margin-top: 5px;}
    .list-inline li{margin-bottom: 5px;}
    .row-margin .row div{margin-bottom: 5px;}
    .form-horizontal .form-group div{margin-bottom: 5px;}
    #productSearchForm{width: 100%;}
    .dropdown.open.messages-menu .dropdown-menu li a{color: #000}
}