body{    font-size: 14px;}a:focus{outline: none; text-decoration: none}.red, .color-red {color: red;}.color-blue {color: #23527c;}.color-green {color: green; }/**/.wrap_body {    background:#fff;    /* overflow-x: hidden; */}.btn-primary {    background-color: #009266 ;    border-color: #009266 ;}.wrap_body a {color: #222 ;}.upload {    text-align: center;    margin: 15px 0px;    display: none;}.affix {    top: 20px;}.clearfix {clear: both !important;}.wrapper {    background: #fff;}.txtUpper {    text-transform: uppercase;}@font-face {    font-family: 'UTMBebas';    src: url('../fonts/UTMBebas.eot?#iefix') format('embedded-opentype'),    url('../fonts/UTMBebas.woff') format('woff'),    url('../fonts/UTMBebas.ttf') format('truetype'),    url('../fonts/UTMBebas.svg#UTMBebas') format('svg');    font-weight: normal;    font-style: normal;}img{margin: auto;}ul{    margin: 0px;    padding: 0px;    list-style: none;}.adv-right .img_icon {    width: 16px;    height: 16px;}#support {position: fixed;    z-index: 9990;    right: 0px;    bottom: 0px;    width: 100%;    text-align: center;}#support #sms {    margin: 0px 1px;    height: 40px;    display: inline-block;    max-width: 175px;    width: 45%;    border-radius: 6px 6px 0px 0px;    text-align: center;    font-size: 12px;    text-decoration: none;    text-transform: uppercase;    color: #fff;    border: none;    background:#27A3ED url("https://ordertaobao.net/images/icon/sms.png") no-repeat ;    background-size: 47px auto;    background-position: 10px;}#support #call {    margin: 0px 1px;    height: 40px;    display: inline-block;    max-width: 175px;    width: 45%;    border-radius: 6px 6px 0px 0px;    text-align: center;    font-size: 12px;    background: #27A3ED;    text-decoration: none;    text-transform: uppercase;    color: #fff;    background:#27A3ED url("https://ordertaobao.net/images/icon/call.png") no-repeat ;    background-size: 36px auto;    background-position: 10px;}#support span {line-height:40px;display:inline-block;  white-space: nowrap;}#support img{    /*vertical-align: middle;height: 33px;*/}/*end hien thi dt*/.remove_padd {padding-right: 0px;padding-left: 0px;}.remove_mar {margin-left: 0px;margin-right: 0px;}.remove_marleft {    margin-left: 0px;}.remove_marright {    margin-right: 0px;}.remove_bot {    margin-bottom: 0px;}.add_martop {margin-top: 15px;}.txtbold {    font-weight: bold !important;}.mgr8{margin-right: 8px;}.mgl8{margin-right: 8px;}.text-bule{    color:#0493dd !important;}.breadcrumb{    text-align: left;    background: transparent;    padding: 12px 0px;    margin-bottom: 0px;    color: #fff;}.breadcrumb li:last-child a{    color:#558dca;}.paging{    text-align: center !important;}/*-----------------Search-----------------*/#dropdown-menu li>span{    cursor: pointer;    display: block;    padding: 6px 15px;}#dropdown-menu li>span:hover,#dropdown-menu li>span.active{    background: #ddd;}#btn_search,#cart_number,#register_email,.add_to_cart,#select_age_gender{    cursor: pointer;}.box-search{    border: 1px solid #ccc;    border-radius: 5px;}#btn_search{    border: 0px;    border-radius: 0px;    color: #fff;    height: 25px;    font-size: 15px;}#input_search{    height: 25px;    border: 0px;}#cart_number{    position: absolute;    height: 50px;    width: 50px;    left: 10px;    color: #fff;    padding-left: 18px;}.icon_cart{background: url("../images/icon-cart.png") no-repeat;}#home-main-menu{    margin: 0px 0px 5px 0px;    padding: 0;    text-align: left;    border-top: 1px solid #3A5B9B;    border-radius:0;    font-weight:bold;}#site-header .navbar {    margin-bottom: 5px;    border: none;    border-radius: 0;}#bs-main-nav{    padding-left: 0px;    float: left;}#site-header .banner .img_banner {width: 100%;}.home_box_left 
	.frm_login_home {padding: 0px 10px;}.navbar-toggle{    padding: 6px;    border: none;}.navbar-toggle .icon-bar{    background: #FFF;}/*------ Body ------*/.home-page #site-body{    background: #F1F1F1;}.topSite {    background: #d4d4d4;    padding: 0px 0px 0px 0px;}.topAction>li {    /* float: left; */    display: inline-block;    position: relative;    /* height: 25px; */    padding-left: 14px;    padding-right: 14px;}.topAction li ul.user_info {    position: absolute;    top: 100%;    right: 0px;    width: 200px;    z-index: 9999 !important;    overflow: hidden;    background: #909090;    display: none;}.topAction li ul.notify {    position: absolute;    top: 100%;    width: 300px;    left: -88px;    z-index: 999999 !important;    overflow: hidden;    background: #fff;    display: none;    border: 1px solid #b1a6a6;}.topAction li ul.notify a {color: #222 !important;}.topAction li ul.shopcart {    position: absolute;    top: 100%;    width: 300px;    left: -88px;    z-index: 999 !important;    overflow: hidden;    background: #fff;    display: none;    border: 1px solid #b1a6a6;}.topAction li ul.shopcart li a {    color: #222;    font-size: 12px;}.topAction li ul.shopcart .fa_user {    margin-right: 10px;}.topAction li ul.notify li:first-child {    text-transform: uppercase;    font-weight: bold;}.topAction li ul.notify li:last-child a {    color: #008ACB;}.topAction li ul.notify li a {    color: #222;font-size: 12px;}.topAction .thumb {    width: 30px;    height: 30px;    padding-bottom: 4px;    margin-right: 5px;}.topAction li:hover ul {    /*display: block;*/}/*.topAction li:hover ul li {    display: block;    margin: 5px 0px;    float: none;    padding: 5px 10px;    border-bottom: 1px dashed #ccc;}*/.topAction li ul li {    margin: 5px 0px;    float: none;    padding: 5px 10px;    border-bottom: 1px dashed #ccc;}.topAction .fa_user {    margin-right: 10px;}.topAction li a,.marquee {color: #fff;position: relative;}.exchangePrice {    color: #bf392d;    margin-bottom: 0px;    padding-left: 10px;}.exchangePrice .txtEx {    font-weight: bold;font-size: 14px;}.marquee .txtbold {font-weight: bold;}.header-top {    overflow: hidden;    margin: 0px;    text-transform: uppercase;    background: #fff;    padding: 10px 0px;}.header-top .slogan {    font-size: 22px;    color:#3F3F3F;    font-weight:bold;    text-transform: none;    margin-bottom: 0px;    font-style: italic;}.header-top .namewebsite {    font-weight: bold;    font-size: 28px;    color: #FF6600;    margin-bottom: 0px;}.header-top .hotline {    color: #3A5B9B;    margin: 5px 0px 0px 0px;    padding: 0px;    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    font-size: 16px;    font-weight: bold;}.header-top .numberHotline {    font-size: 16px;    color: #333;    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    margin-right: 15px;    font-weight: bold;}.header-top .logo {    float: left;}.header-top .logo .img_logo{    width: 115px;    height: 115px;    margin-right: 35px;    margin-left: 25px;}.header-top .vietnam .txtTuvan{    font-size: 30px;    font-weight: bold;    color: #009266;    padding: 0px;    margin: 5px 0px 0px 0px;    font-family: Arial;}.header-top .vietnam {    /*padding-top: 10px;*/}.header-top .vietnam .fa_phone {    color: #009266;    border: none;    font-size: 29px;    margin-right: 5px;}.header-top .iconTuvan{    float: left;    margin-top: 5px;    margin-right: 6px;}.slider .slider-left .item-blue,.slider .slider-left .item-red{    margin: 10px 0px;    overflow: hidden;}.slider .slider-left .item-blue .block {    background: url("../../../images/icon/icon-blue.png") no-repeat;    float: left;    width: 196px;    height: 75px;    background-size: 100% 100%;    margin-right: 10px;}.slider .slider-left .item-red .block {    background: url("../../../images/icon/icon-red.png") no-repeat;    float: left;    width: 196px;    height: 75px;    background-size: 100% 100%;    margin-right: 10px;}.slider .slider-left .block h3{    line-height: 35px;    font-size: 20px;    text-align: left;    padding-left: 10px;}.slider .active .img_user {    width: 100%;    min-height: 400px;    max-height: 400px;}.slider .slider-left .block .text {    color: #fff;    font-family: UTMBebas;}.slider .slider-left .block-right {    float: left;}.slider .slider-left .block-right img {    width: 85px;    height: 75px;}.slider .slider-right {    padding: 10px 0px 0px 0px;background: #fff;}.download .item {  margin: 25px 0px 0px 0px;}.download .item a.icon {    /*overflow: hidden;*/    display: block;    border: 2px solid #C1002D;    border-radius: 50%;    width: 163px;    height: 164px;    border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    margin: 0 auto;}.download .item .thumb {    width: 160px;    height: 160px;    /* margin: 0px auto; */    background: #C1002D;    border-radius: 50%;    padding: 5px 0px 0px 30px;    border: 3px solid #fff;    border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;}.download .item .thumb .img_thumb{    width: 90px;    margin: 20px 0px 0px 0px;}.download .item .text {    margin: 25px 0px 0px 15px;    /* background: red; */    border-radius: 4px;    padding: 3px;    /* color: #fff; */    border: 1px solid #C1002D;}.download .item .text span {    display: block;    background: #C1002D;    border-radius: 4px;    color: #fff;    padding: 7px 10px;    text-transform: uppercase;    font-size: 12px;}/*search*/.search {    margin: 5px 0px 0px;    overflow: hidden;    /* background: #fff; */    padding: 45px 10px 30px 10px;}.title-main {    z-index: 1;    padding: 0px 5px;    font-family: RobotoCondensed;    color: #000;    position: relative;    margin-top: 0px;    text-align: center;    font-weight: 500;    text-transform: uppercase;}.search .title .text:before {    content: "";    height: 20px;    position: absolute;    right: 60%;    width: 450px;}.search .title .text:after {    content: "";    height: 20px;    position: absolute;    left: 57%;    width: 450px;}.search #frm_search {   height: 48px;    padding: 3px 0px 0px 22px;    overflow: hidden;    background-color: #00715a;}.search #frm_search .sl_web {    margin-right: 10px;    margin-left: 5px;    padding: 6px 10px;    border: none;}.search #frm_search .text{    width: 80%;    position: relative;    z-index: 1;    height: 42px;    padding: 15px;    margin-right: 5px;    background-position: 0 -360px;    background-color: #fff;    background-repeat: repeat-x;    line-height: 20px;    /*color: #999;*/    font-family: arial,"\5b8b\4f53";    font-size: 14px;    border: none;}.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background-color: #efefef; border: 1px solid #c3c2c2; border-bottom: 1px solid #eee;}.nav-tabs{border-bottom: 1px solid #c3c2c2;}.search #frm_search .button {    position: relative;    z-index: 1;    width: 78px;    background-position: 0 -395px;    background-color: #00715a;    font-size: 14px;    outline: none;    font-weight: bold;    cursor: pointer;    text-transform: uppercase;    color: #fff;    width: 15%;}.search .selectWeb {    text-align: center;    margin-bottom: 35px;    width: 565px;    margin: 0px auto 35px;}.search .nav-tabs>li.active>a {       color: #dd2f25 !important;}.search .nav-tabs>li a {    color: #00715a;    font-size: 18px;    /* background: #efefef; */    text-transform: uppercase;}.search .nav-tabs>li {    float: none;}.search .selectWeb li {    display: inline-block;}.search .selectWeb li .text {    color: #143980;    text-transform: uppercase;    font-size: 18px;    cursor: pointer;}.search .download_document {    margin-top: 25px;}.search .download_document .btn_user {    min-width: 285px;    padding: 12px 5px;    text-align: center;    text-transform: uppercase;    color: #fff;    margin-bottom: 15px;    font-size: 15px;    border-radius: 30px;}.search .download_document .down1 {    background: #e77e25;    border-color: #e77e25;}.search .download_document .down2 {    background: #766879;    border-color: #766879;}.search .download_document .down3 {    background: #e84d3d;    border-color: #e84d3d;}#hotwords {    height: 18px;    color: #999;    overflow: hidden;    margin: 5px 0px 0px 0px;    text-align: center;}#hotwords span, #hotwords strong {    /*float: left;*/    margin-left: 15px;    font-weight: normal;}#hotwords a:link, #hotwords a:visited {    /*float: left;*/    margin-right: 10px;    color: #999;}.hotproduct .readmoreHotPro {    color: #FA5600;    font-weight: bold;    text-decoration: underline;    font-size: 18px;    text-transform: uppercase;    position: static;}.hotproduct .img_pro {    height: 150px;    max-height: 150px;    min-height: 150px;    width: 100%;    border: 1px solid #eee;}.hotproduct .item .name_pro {    margin: 5px 0px;    max-height: 20px;    overflow: hidden;}.hotproduct .item .txtdetail {    color: #FA5600;    /*text-decoration: underline;*/    font-size: 16px;}/*search page*//*search*/.searchpage {    padding: 15px 0px;overflow: hidden;background: #FFF;}.searchpage .row{ margin: 0; }.searchpage #frm_searchpage {    height: 36px;    padding: 3px 0px 0px 0px;    overflow: hidden;    background-color: #C1002D;}.searchpage #frm_searchpage .sl_web {    margin-right: 10px;    margin-left: 5px;    padding: 6px 10px;    border: none;}.searchpage #frm_searchpage .text{    width: 70%;    position: relative;    z-index: 1;    height: 30px;    padding: 5px;    margin-right: 5px;    background-position: 0 -360px;    background-color: #fff;    background-repeat: repeat-x;    line-height: 20px;    font-family: arial,"\5b8b\4f53";    font-size: 14px;    border: none;}.searchpage #frm_searchpage .button {    position: relative;    z-index: 1;    width: 78px;    background-position: 0 -395px;    background-color: #C1002D;    font-size: 14px;    outline: none;    font-weight: bold;    cursor: pointer;    text-transform: uppercase;    color: #fff;    width: 120px;    border: none;}.searchpage .selectWeb {    margin: 0 auto;    text-align: center;    display: block;    /*margin-bottom: 15px;*/}.searchpage .selectWeb .active {    font-weight: bold;}.searchpage .selectWeb li {    display: inline-block;    padding: 15px 5px;}.searchpage .selectWeb li .text {    color: #143980;    text-transform: uppercase;    font-size: 18px;    cursor: pointer;}.searchpage #hotwordspage {    height: 18px;    color: #999;    overflow: hidden;    margin: 5px 0px 0px 0px;    /*text-align: center;*/}#hotwordspage span, #hotwordspage strong {    /*float: left;*/    margin-left: 15px;    font-weight: normal;}#hotwordspage a:link, #hotwordspage a:visited {    /*float: left;*/    margin-right: 10px;    color: #999;}.hotproduct .readmoreHotPro {    color: #FA5600;    font-weight: bold;    text-decoration: underline;    font-size: 18px;    text-transform: uppercase;    position: static;}/*search all*/.searchAll {    margin: 0px auto;    overflow: hidden;    padding-top: 0px;}.searchAll .title {    z-index: 1;    line-height: 20px;    padding: 0px 5px;    font-family: UTMBebas;    font-size: 25px;    color: #4d4d4d;    position: relative;    /*margin-bottom: 25px;*/    text-align: center;    font-weight: 500;}.searchAll .frm_search {    height: 36px;    padding: 3px 0px 0px 22px;    overflow: hidden;    background-color: #C1002D;}.searchAll .frm_search .sl_web {    margin-right: 10px;    margin-left: 5px;    padding: 6px 10px;    border: none;}.searchAll .frm_search .text{    width: 78%;    position: relative;    z-index: 1;    height: 30px;    padding: 5px;    margin-right: 5px;    background-position: 0 -360px;    background-color: #fff;    background-repeat: repeat-x;    line-height: 20px;    /*color: #999;*/    font-family: arial,"\5b8b\4f53";    font-size: 14px;    border: none;}.searchAll .title:after{    content: "";    border: 1px solid #eee;    width: 190px;    display: block;    z-index: 2;    margin: 15px auto 0px;}.searchAll .frm_search .button {    position: relative;    z-index: 1;    width: 78px;    background-position: 0 -395px;    background-color: #C1002D;    font-size: 14px;    outline: none;    font-weight: bold;    cursor: pointer;    text-transform: uppercase;    color: #fff;    width: 18%;}.searchAll .selectWeb {    margin: 0 auto;    text-align: center;    display: block;    margin-bottom: 15px;}.searchAll .selectWeb .active {    font-weight: bold;}.searchAll .selectWeb {width: 100% !important;}.searchAll .selectWeb li {    display: inline-block;    padding: 15px 5px 0px;}.searchAll .selectWeb li .text {    color: #143980;    text-transform: uppercase;    font-size: 14px;}.left_content img {    width: 100%;    max-width: 680px;    display: block;    margin: 0 auto;}/* custom inclusion of right, left and below tabs */.tabs-below > .nav-tabs,.tabs-right > .nav-tabs,.tabs-left > .nav-tabs {    border-bottom: 0;}.tab-content > .tab-pane,.pill-content > .pill-pane {    display: none;}.tab-content > .active,.pill-content > .active {    display: block;}.tabs-below > .nav-tabs {    border-top: 1px solid #ddd;}.tabs-below > .nav-tabs > li {    margin-top: -1px;    margin-bottom: 0;}.tabs-below > .nav-tabs > li > a {    -webkit-border-radius: 0 0 4px 4px;    -moz-border-radius: 0 0 4px 4px;    border-radius: 0 0 4px 4px;}.tabs-below > .nav-tabs > li > a:hover,.tabs-below > .nav-tabs > li > a:focus {    border-top-color: #ddd;    border-bottom-color: transparent;}.tabs-below > .nav-tabs > .active > a,.tabs-below > .nav-tabs > .active > a:hover,.tabs-below > .nav-tabs > .active > a:focus {    border-color: transparent #ddd #ddd #ddd;}.tabs-left > .nav-tabs > li,.tabs-right > .nav-tabs > li {    float: none;}.tabs-left > .nav-tabs > li > a,.tabs-right > .nav-tabs > li > a {    min-width: 74px;    margin-right: 0;    margin-bottom: 3px;    text-transform: uppercase;}.tabs-left > .nav-tabs {    float: left;    margin-right: 19px;    border-right: 1px solid #ddd;}.tabs-left > .nav-tabs > li > a {    margin-right: -1px;    -webkit-border-radius: 4px 0 0 4px;    -moz-border-radius: 4px 0 0 4px;    border-radius: 4px 0 0 4px;}.tabs-left > .nav-tabs > li > a:hover,.tabs-left > .nav-tabs > li > a:focus {    border-color: #eeeeee #dddddd #eeeeee #eeeeee;}.tabs-left > .nav-tabs .active > a,.tabs-left > .nav-tabs .active > a:hover,.tabs-left > .nav-tabs .active > a:focus {    border-color: #ddd transparent #ddd #ddd;    *border-right-color: #ffffff;    text-transform: uppercase;    color: #c1002d;    background: #eee;}.tabs-right > .nav-tabs {    float: right;    margin-left: 19px;    border-left: 1px solid #ddd;}.tabs-right > .nav-tabs > li > a {    margin-left: -1px;    -webkit-border-radius: 0 4px 4px 0;    -moz-border-radius: 0 4px 4px 0;    border-radius: 0 4px 4px 0;}.tabs-right > .nav-tabs > li > a:hover,.tabs-right > .nav-tabs > li > a:focus {    border-color: #eeeeee #eeeeee #eeeeee #dddddd;}.tabs-right > .nav-tabs .active > a,.tabs-right > .nav-tabs .active > a:hover,.tabs-right > .nav-tabs .active > a:focus {    border-color: #ddd #ddd #ddd transparent;    *border-left-color: #ffffff;}.searchAll .listkey .list ul li {    display: inline-block;    min-width: 165px;    padding: 5px;    border: 1px solid #eee;    margin-bottom: 5px;}/*cong cu dat hang*/.chrome {    background: #e84d3d;    padding: 10px 10px;    border-radius: 30px;    color: #fff;    font-weight: bold;    font-size: 14px;    overflow: hidden;    margin-bottom: 15px;}.chrome a,.coccoc a{    color: #fff;} .chrome .icon_chome,.coccoc .icon_chome{    width: 30px;    /*float: left;*/}.coccoc {    background: #00715a;    /*padding-top: 5px;padding-bottom: 5px;*/    padding: 10px 10px;    border-radius: 30px;    color: #fff;    font-weight: bold;    font-size: 14px;    overflow: hidden;}.process {    margin: 35px 0px;overflow: hidden;    background: #fff;    padding: 15px ;}.process .txttitle {    z-index: 1;    line-height: 20px;    padding: 0px 5px;    font-family: UTMBebas;    font-size: 25px;    color: #DD2F25;    position: relative;    margin-bottom: 35px;    text-align: center;}.process .txttitle .text:before {    content: "";    height: 20px;    position: absolute;    right: 59%;    width: 450px;}.process .txttitle .text:after {    content: "";    height: 20px;    position: absolute;    left: 55%;    width: 450px;}.process .top .item {    float: left;    /*width: 14%;*/}.process .top .arrow_right {    margin-top: 50px;    width: 30px;}.process .bottom .arrow_left {    margin-top: 50px;}.process .top .icon {    margin-right: 5px;    width: 11%;}.process .top .icon .text1 {    font-size: 12px;    text-transform: uppercase;    margin-top: 10px;    font-weight: bold;}.process .top .icon .text2 {    font-weight: 300;    color: #333;}.process .top .icon .text3 {    color: #23527c;}.process .top .icon img {    width: 100px;}.process .bottom .item {    float: right;    /*width: 14%;*/}.process .context {    font-size: 12px;    font-weight: bold;    color: #DD2F25;}.process .context p {    margin-bottom: 5px;}.process .searchbill {    margin-top: 25px;}.process .img_rotate {    -ms-transform: rotate(90deg);    -webkit-transform: rotate(90deg);    transform: rotate(90deg);}.process #list_procedures a {    color: #07d;    text-decoration: none;    cursor: pointer;}#list_procedures {    list-style: none;    overflow: hidden;    margin: 0px 0px;    padding: 0px 0px;}#list_procedures .step2 .step_content .con, #list_procedures .step3 .step_content .con, #list_procedures .step4 .step_content .con, #list_procedures .step5 .step_content .con, #list_procedures .step6 .step_content .con, #list_procedures .step7 .step_content .con {    left: 35px !important;}#list_procedures .step {    float: left;    text-align: center;    width: 138px;    height: 267px;    margin: 0px 4px 15px 0px;    position: relative;}#list_procedures .step .thumb {    position: absolute;    top: 0px;    left: 0px;}#list_procedures .step .title {    text-transform: uppercase;    font-family: UTMBebas;    text-align: center;    position: absolute;    display: block;    font-size: 18px;    top: 80px;    left: 0px;    width: 100%;    padding: 0px 0px;    margin: 0px 0px;    font-weight: 300;}#list_procedures .step .title a {    color: #fff;    font-size: 20px;}#list_procedures .step1 .step_content .title_step {    margin: 20px 0px 0px 10px;    color: #F7AA2C;}#list_procedures .step_content .title_step {    text-transform: uppercase;    font-size: 27px;    font-family: 'UTMBebas';    position: absolute;    top: 100px;}#list_procedures .step .step_content .con {    position: absolute;    top: 155px;    left: 10px;    text-align: left;}#list_procedures .step .step_content .con p {    margin: 0px 0px;    padding: 0px 0px;    line-height: 150%;    font-size: 12px;    color: #666;}#list_procedures .step2 .step_content .title_step {    margin: 20px 0px 0px 35px;    color: #74C24E;}#list_procedures .step .step_content .con {    position: absolute;    top: 155px;    left: 10px;    text-align: left;}#list_procedures .step3 .step_content .title_step {    margin: 20px 0px 0px 35px;    color: #EE4E23;}#list_procedures .step4 .step_content .title_step {    margin: 20px 0px 0px 35px;    color: #31A6C7;}#list_procedures .step5 .step_content .title_step {    margin: 20px 0px 0px 35px;    color: #16A64B;}#list_procedures .step6 .step_content .title_step {    margin: 20px 0px 0px 35px;    color: #F75A4F;}#list_procedures .step7 .step_content .title_step {    margin: 20px 0px 0px 35px;    color: #2659C6;}.creatNewOrder {margin-bottom: 25px; overflow: hidden;}.creatNewOrder .title{    margin-top: 15px;    font-size: 24px;    text-align: center;    text-transform: uppercase;}.creatNewOrder .item {    overflow: hidden;    background: #f9f9f9;    padding: 5px;    margin-bottom: 25px;}.alert-warning {    color: #72582b;    background-color: #f7f0ce;}.alert {    margin: 20px 0;    -webkit-border-radius: 0px;    -moz-border-radius: 0px;    border-radius: 0px;    position: relative;    padding-left: 70px;    overflow: hidden;    z-index: 1;    border: none;}.alert:before {    position: absolute;    content: "";    top: 0px;    left: 0px;    width: 50px;    height: 101%;    background-color: rgba(0, 0, 0, 0.25);    z-index: 2;}.alert.alert-warning:after {    content: "\f071";}.alert:after {    font-family: "FontAwesome";    position: absolute;    top: 10px;    left: 17px;    color: #ffffff;    font-size: 20px;    z-index: 3;}.img_item {    width: 100px;height: 100px;}.table-bordered>thead>tr>th {    text-align: center;}.add_orderext .btn {border-radius: 0px; }.btn_upload_img, .btn_addlink{padding: 2px 12px;}.add_orderext .btn_upload_img {background: #3182c1;}.add_orderext .btn_addlink {background: #67b720;border: 1px solid #67b720;}.add_orderext .form-group {padding: 0px 10px;margin-bottom: 5px;}.add_orderext .form-control {border-radius: 0px;}.add_orderext .fa_user {font-size: 24px;}.fa_del {color: red;}.fa_save {color: blue;}.btn_action {    overflow: hidden;    display: inline-block;    width: 30px;    margin-right: 5px;}.add_orderext .cls_td {    display: table-cell;    text-align: center;    vertical-align: middle;}.btn_download {    background-color: #7AB861;    color: #fff !important;    border-color: #C9DC4F;}.btn_download:hover {    color: #fff!important;    background-color: #d1df55;    border-color: #7ab861;}.creatNewOrder .btn_user {    font-size: 16px;    padding: 10px 20px;}.creatNewOrder .btn_file, .creatNewOrder .btn_uploadfile {    padding: 5px 20px;    font-size: 16px;    margin-bottom: 15px;}.addmarright5 {margin-right: 5px;}.creatNewOrder .download_file {    margin-top: 55px;}.creatNewOrder .upload_file {    margin-top: 25px;    margin-bottom: 45px;}/*-*/.addmartop15 {margin-top: 15px;}.listitem .item {    border: 1px solid #ddd;    padding: 15px;    border-bottom: 2px solid #a94442;    background: #f9f9f9;}.listitem .item .txttitle{    background: #009266;    color: #fff;    padding: 5px;}.listitem .item .action_order{    display: inline-block;    padding: 6px 10px;}.right .col_user {margin-bottom: 15px;}.form-control, .btn {border-radius: 0px;/*margin-bottom: 15px;*/}.listitem .item .action_order .fa_user {font-size: 18px;}.item .export_excel {color: #5cb85c}.item .view_order {color: #286090;}.item .delete_order {color: red;}.listitem .item .txtbold1{    font-weight: bold !important;    display: inline-block;    width: 80px;}.listitem .item .txt_number {color: #a94442;font-size: 15px; font-weight: bold;}body,html{    height: 100%;}nav.sidebar, .main{    -webkit-transition: margin 200ms ease-out;    -moz-transition: margin 200ms ease-out;    -o-transition: margin 200ms ease-out;    transition: margin 200ms ease-out;}.main{    padding: 10px 10px 0 10px;}@media (min-width: 765px) {    .main{        position: absolute;        width: calc(100% - 40px);        margin-left: 40px;        float: right;    }    nav.sidebar:hover + .main{        margin-left: 200px;    }    nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {        margin-left: 0px;    }    nav.sidebar .navbar-brand, nav.sidebar .navbar-header{        text-align: center;        width: 100%;        margin-left: 0px;    }    nav.sidebar a{        padding-right: 13px;    }    nav.sidebar .navbar-nav .open .dropdown-menu {        position: static;        float: none;        width: auto;        margin-top: 0;        background-color: transparent;        border: 0;        -webkit-box-shadow: none;        box-shadow: none;    }    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{        padding: 0 0px 0 0px;    }    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {        color: #777;    }    nav.sidebar{        /*width: 200px;*/        height: 100%;        /* margin-left: -160px; */        /* float: left; */        margin-bottom: 0px;    }    nav.sidebar li {        width: 100%;    }    nav.sidebar:hover{        margin-left: 0px;    }    .forAnimate{        opacity: 0;    }}@media (min-width: 1330px) {    .main{        width: calc(100% - 200px);        margin-left: 200px;    }    nav.sidebar{        margin-left: 0px;        float: left;    }    nav.sidebar .forAnimate{        opacity: 1;    }}nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {    /*color: #CCC;*/    color: #009266;    background-color: transparent;}nav:hover .forAnimate{    opacity: 1;}.left .active_cart{    background: #009266;    font-size: 14px;    text-transform: uppercase;}.left .active_cart a  {    color: #fff !important;    padding-top: 10px; padding-bottom: 10px;    font-size: 16px;}.left .ulorder {    padding: 15px 20px 15px 15px;    border: 1px solid #d7d7d7;    background: #f5f4f4;    overflow: hidden;}.left .ulorder li {    margin-bottom: 15px;}.left .ulorder li a {    font-size: 14px;    display: block;    padding: 0px;    font-weight: normal;    text-transform: none;    color: #555 !important;    transition: All .3s ease;    -webkit-transition: All .3s ease;    -moz-transition: All .3s ease;    -o-transition: All .3s ease;    transform: translate(0);    -webkit-transform: translate(0);    -moz-transform: translate(0);    -o-transform: translate(0);    -ms-transform: translate(0);}.left .ulorder li span {    display: inline-block;    width: 25px;    text-align: center;    position: relative;    left: -5px;}.navbar-default {background: #fff !important;}.btn_ketdon{color:#fff;background: #DA251C; border-color: #DA251C;}/*box_search*/.box_search {    background: url(../../../images/bg/bg-hea.jpg) no-repeat top left;    display: none;}.box_search .img_logo {    margin-top: 15px;}.box_search .txt_search {    height: 35px;    margin-right: -3px;    min-width: 220px;    padding: 10px;}.box_search .frm_search {margin-top: 40px;}.box_search .btn_search {    margin-bottom: 3px;    height: 35px;}.box_search .ul_list {    margin-top: 30px;}.box_search .ul_list li {    display: inline-block;    padding: 0px 15px;}.box_search .ul_list li:first-child {    border-right: 1px solid #bcbcbc;}.box_search .ul_list p {color: #555;}.txtbold, .txt_bold {font-weight: bold;}/*.box_profile*/.box_profile {/* margin-top: 25px; */margin-bottom: 25px;background:url("../images/international.jpg") center center no-repeat; background-size: cover}.box_profile .title {    font-size: 18px;    text-transform: uppercase;    font-weight: 700;    margin-top: 0px;    margin-bottom: 15px;}.box_profile .img_avatar {    float: left;    /* margin-right: 15px; */    width: 90px;    height: auto;    margin-bottom: 5px;}.box_profile .container_profile {    /* background: #f5f4f4; */    padding: 20px;    /* border: 1px solid #d7d7d7; */    margin-bottom: 15px;}.box_profile .txt_change_avatar {    color: #555;    font-weight: bold;    font-size: 13px;}.box_profile .avatar {float: left;margin-right: 15px;}.box_profile .infor {float: left; font-size: 13px;}.box_profile .infor p {margin-bottom: 5px;}.box_profile .txt_value {    color: #da251c;    font-weight: bold; font-size: 12px;}.box_profile .box_finance .current_wallet {    padding: 6px 10px;    background: #ff6c00;    font-weight: 700;    font-size: 16px;    text-transform: uppercase;    color: #ffffff;    border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;}.box_profile .box_finance .number {    font-weight: 700;    font-size: 25px;    color: #f01111;    margin: 6px 0 0 0;}.box_profile .box_finance .action a{    color: #086eeb;    font-size: 16px;    font-weight: 700;}/*end .box_profile*/.listbill .right {    padding: 15px;    border: 1px solid #d7d7d7;    background: #f5f4f4;    /*overflow: hidden;*/}.listbill .right .box_status {    clear: both;    overflow: hidden;    margin-bottom: 15px;}.listbill .right .box_status li {    float: left;    width: 25%;    margin: 5px 10px;}/*box_list_bill*/.box_list_bill .txt_title {   font-weight: 400;    color: #009266;    font-size: 20px;    text-transform: uppercase;    padding-bottom: 15px;    border-bottom: 1px dashed #d7d7d7;    margin-bottom: 15px;}.box_list_bill .filter_all {    font-weight: 700;    width: 70px;    height: 30px;    text-align: center;    line-height: 30px;    display: inline-block;    background: #cfcfcf;    border: 1px solid #bfbfbf;    border-radius: 6px;    -webkit-border-radius: 6px;    -moz-border-radius: 6px;}.box_list_bill .txt_stt {    display: inline-block;    padding-right: 20px;    width: 110px; margin-top: 10px;}.ul_list_status li a:hover {    color: #009266;}.box_filter {    clear: both;    display: table;    width: 100%;    padding: 10px 0;    overflow: hidden;    margin-bottom: 15px;    border-bottom: 1px dashed #d7d7d7;}.ul_list_status li.active a {    font-weight: bold;    color: #009266;}.list_status {padding-left: 0px; padding-right: 0px;}.remove-padd {padding-left: 0px; padding-right: 0px;}.box_data .table>thead>tr {    background: #009266;    border: 1px solid #009266;}.box_data .table>thead>tr>th {    color: #fff;    border: 1px solid #009266;}.list_data .code_bill {    color: #222;    font-weight: 700;    border-bottom: 1px dashed #d8d8d8;    padding: 0 0 5px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.list_data .cdate {    color: #000000;    display: inline-block;    margin-bottom: 0px;    font-size: 12px;    padding-top: 5px;}.list_data  .right-more {    display: inline-block !important;    width: 25px;    height: 25px;    line-height: 25px !important;    border: 1px solid #c3c3c3;    background: #ffffff;    border-radius: 5px;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    font-size: 12px;    color: #333333;}.list_data  .right-more:hover, .action li span:hover{    color: #d66233;    border: 1px solid;}.list_data tr>td {    display: table-cell;    text-align: center;    vertical-align: middle !important;}.list_data .total_money{    color: #ee1e14;    font-weight: 700;    margin-bottom: 0px;}.list_data p {margin-bottom: 0px;}.list_data .stt_bill {font-weight: bold;}.list_data .cskh {    padding: 2px 0 1px;    text-align: center;    width: 50px;    margin-bottom: 5px;    font-size: 12px;    border-radius: 3px;    -moz-border-radius: 3px;    -webkit-border-radius: 3px;    background: #707070;    display: inline-block;    color: #ffffff;    position: relative;}.list_data .cskh:hover {    background: #cc3333;    color: #ffffff;}.action li{    display: inline-block;    padding: 0 2px;}.action li span{    display: inline-block;    width: 25px;    height: 25px;    line-height: 25px;    border: 1px solid #c3c3c3;    border-radius: 5px;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    font-size: 12px;    color: #333333;}.cart .swal2-icon {    width: 80px;    height: 80px;    border: 4px solid grey;    border-radius: 50%;    margin: 20px auto 30px;    box-sizing: content-box;    cursor: default;    -webkit-touch-callout: none;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}.cart .swal2-icon.swal2-question {    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    color: #c9dae1;    border-color: #c9dae1;    font-size: 60px;    line-height: 80px;    text-align: center;}.cart .btn_accept_del, .cart .btn_cancel_del {    margin-right: 10px;    font-size: 16px;    padding: 10px 32px;}.cart .txt_confirm {    margin-bottom: 15px;    font-size: 16px;}.complete_bill .title {    display: block;    height: 40px;    line-height: 40px;    background: #009266;    color: #ffffff;    text-transform: uppercase;    padding-left: 20px;    margin-bottom: 0px;}.complete_bill .box_item {    border: 1px solid #d7d7d7;    border-top: none;    background: #f5f4f4;    padding: 20px;}.complete_bill .sl_address {margin-bottom: 15px;}.complete_bill label {font-weight: normal;}.complete_bill .box_left .item1 label {    float: left; margin-right: 10px;}.complete_bill .box_left .item1 {    overflow: hidden;    margin-bottom: 10px;}.complete_bill .box_left .item1 .ul_list {    float: left;}.complete_bill .box_left .item1 .ul_list li {margin-bottom: 5px; }.complete_bill .box_left .item1 .txt_value {    color: #d9534f;    font-weight: 700;}.complete_bill .box_left .item2 {clear: both;}.item2 .input_replace {    display: inline-block;    margin-right: 10px;}.box_replace label {padding-left: 25px; font-weight: normal;}.box_replace .form-control {border-radius: 4px; margin-bottom: 10px;}.box_replace .form-group {overflow: hidden;    margin-bottom: 0px;}.box_replace .caution {    text-align: center;    color: #d9534f;    font-weight: 300;}.box_left .sl_store {    padding-top: 15px;    padding-bottom: 10px;    border-top: 1px dashed #c2c2c2;    border-bottom: 1px dashed #c2c2c2;    overflow: hidden;}.box_left .sl_store .txt_note {    clear: both;    padding-left: 15px;    padding-right: 15px;    line-height: 18px;    color: #848484;    font-size: 12px;    display: none;}.box_left .sl_store .txt_note p {margin-bottom: 0px;}.box_deposit {    padding: 20px 0 15px;    border-bottom: 1px dashed #c2c2c2;}.complete_bill .txt_number {    color: #d9534f;    font-weight: 300;}.complete_bill input[type="radio"] {    margin-right: 5px;}.complete_bill .box_time {    padding: 20px 0 15px;    border-bottom: 1px dashed #c2c2c2;}.complete_bill  .box_submit {    padding: 20px 0 0 0;}.complete_bill  .box_submit  .btn_submit_bill {    display: inline-block;    margin-right: 15px;    width: 141px;    height: 40px;    text-transform: uppercase;    color: #ffffff;    text-align: center;    line-height: 38px;    border-radius: 6px;    -webkit-border-radius: 6px;    -moz-border-radius: 6px;    border: none;    padding: 0;    outline: none;    background: #009266;    -webkit-box-shadow: 0 4px 0 0 #0b4030;    -moz-box-shadow: 0 4px 0 0 #0b4030;    box-shadow: 0 4px 0 0 #0b4030;}.complete_bill  .box_submit  .btn_dat_coc_ngay {    display: inline-block;    width: 141px;    height: 40px;    text-transform: uppercase;    color: #ffffff;    text-align: center;    line-height: 38px;    border-radius: 6px;    -webkit-border-radius: 6px;    -moz-border-radius: 6px;    border: none;    padding: 0;    outline: none;    -webkit-box-shadow: 0 4px 0 0 #d4241f;    -moz-box-shadow: 0 4px 0 0 #d4241f;    box-shadow: 0 4px 0 0 #d4241f;}.complete_bill .box_right table thead tr th {    text-align: center;    vertical-align: middle;    border: none;    background: #d7d7d7;    font-weight: normal;}.complete_bill .box_right table {margin-bottom: 0px;}.complete_bill .sumery {    border: 1px solid #d7d7d7;    border-top: none;    padding: 30px 15px;}.complete_bill .sumery h2 {    text-transform: uppercase;    margin-top: 0px;    font-weight: bold;    font-size: 16px;}.ul_sumery li {    display: table;    width: 100%;    padding: 15px 0;    border-bottom: 1px dashed #d7d7d7;}.ul_sumery .text{    width: 50%;    display: inline-block;}.ul_sumery .number {    display: inline-block;    color: #d9534f;    font-weight: 700;}.ul_sumery .txt_caution {    display: block;    font-style: italic;    color: #d9534f;}/*popup*/#myModal .box_question .swal2-icon {    display: block;    color: #c9dae1;    border-color: #c9dae1;    font-size: 60px;    line-height: 80px;    text-align: center;    width: 80px;    height: 80px;    border: 4px solid #c9dae1;    border-radius: 50%;    margin: 20px auto 30px;    box-sizing: content-box;}#myModal .box_question .btn {    color: #fff;    border: 0;    box-shadow: none;    font-size: 17px;    font-weight: 500;    border-radius: 5px;    padding: 10px 32px;    margin: 0 5px;    cursor: pointer;}/*end popup*//*cskh*/.box_cskh {position: relative;}.box_cskh:hover .show_cskh {    display: block;}.box_cskh  .infor_cskh p strong {    font-weight: normal;    font-weight: 700;    color: #333333;}.box_cskh .text_cskh:hover {    background: #cc3333;    color: #ffffff;}.box_cskh .text_cskh {    padding: 2px 0 1px;    text-align: center;    width: 50px;    margin-bottom: 5px;    font-size: 12px;    border-radius: 3px;    -moz-border-radius: 3px;    -webkit-border-radius: 3px;    background: #707070;    display: inline-block;    color: #ffffff;    position: relative;}.box_cskh .show_cskh {    display: none;    position: absolute;    right: 78%;    width: 285px;    top: 0px;    text-align: left;    z-index: 99;    border-radius: 5px;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    padding: 10px;    background: #ffffff;    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.42);    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.42);    box-shadow: 0 0 3px 2px rgba(0,0,0,0.42);}.box_cskh .infor_cskh p {    color: #3399ff;    margin-bottom: 3px;}.register{background: url("../images/bg-page.jpg") no-repeat;background-size: cover;overflow: hidden;position: relative;}.group-box .content,.group-box{background-color: #fafafa;}.box-act .btn{margin-left: 6px; text-transform: uppercase;}.group-box{border: 1px solid #eee;}.group-box .content{padding: 15px;}.group-box .box-title{position: relative;overflow: hidden; padding-top: 8px; border-bottom: 1px dashed #cac8c8; margin-bottom: 15px; padding: 10px}.group-box .box-title .title{float: left; margin-top: 8px; margin-bottom: 0px;}.group-box .box-title .box-act{float: right; }.box-filter{padding-top: 15px; padding-bottom: 15px;}.box-res{background: #fffceb;    border: 1px solid #e2ae53;    padding: 15px;    overflow: hidden;    border-radius: 5px;}.box-res ul{margin: 0px; padding: 0px; font-size: 16px;}.box-res ul li span{font-weight: bold;}.box-res ul li{width: 20%; float: left;}.list-bank .ic{margin-bottom: 10px; display: inline-block; border: 2px solid #fff;}.list-bank .ic.active{margin-bottom: 10px; display: inline-block; border: 2px solid #d94839}.tab-content{background-color: #fff; padding: 15px;}.intro-bank{border-top: 1px solid #eee; margin-top: 30px; margin-bottom: 30px; padding-top: 30px; color: #d94839}.intro-bank span{font-size: 16px; font-weight: bold;}.mess-err{margin-bottom: 15px; color: red; }.frm-modal .title-label{ font-size: 14px;}.frm-modal .title{text-align: center;font-weight: 500;line-height: 30px;margin-top: 10px;font-size: 24px;}.frm-modal .title span{ display: block;}.frm-modal .box-btn{text-align: center;margin-top: 18px;margin-bottom: 22px;}.frm-modal .box-btn .btn{background-color: #e83030;color: #fff;font-size: 15px;}.guide .title-label{ font-size: 15px; font-weight: bold}.frm-modal .table{}.frm-modal .color{ color:#1477af }.frm-modal .table td{text-align: left;}.guide{color: #e83030;}#about{font-size: 16px; font-weight: 500}.modal-header .close {    margin-top: 0px;    color: #fff;    opacity: 1;}.box-notic{margin-bottom: 15px; font-style: italic; padding: 10px 15px;}.notic-image{ font-style: italic; font-size: 13px; margin-top: 5px}.box-are{border: 1px solid #eceaea; padding :15px 15px; margin-bottom: 15px;}.box-are textarea{height: 160px}.panel-info{font-size: 14px; margin-top: 10px; font-weight: 400}.list-feedback .card .fa-ctrl{position: absolute;left: 10px;top: 15px;z-index: 9;background-color: #009266;color: #fff;padding: 3px 4px;font-size: 12px;border-radius: 2px;}.card .fa-plus{display: none; }.card .collapsed .fa-minus{display: none}.card .collapsed .fa-plus{display: block;}.list-feedback .card .panel-title a {    position: relative;    padding-left: 40px;    display:block;}.list-faq.list-feedback .panel-title > a{color: #000}.list-faq.list-feedback .panel-title > a.collapsed{color: #444; text-transform: none}.list-faq.list-feedback .panel-heading {    background-color: #fff;    padding: 12px 10px 12px 10px;}.list-faq.list-feedback{margin-bottom: 20px}.updateprofile{margin-bottom: 40px;}.mess{position: relative}.mess .close {    position: absolute;    right: 2px;    top: -13px;    z-index: 9;    color: #000;}.mess .box-btn{text-align: center;}.detail-content .intro{font-weight: bold; }.detail-content .fulltext img{max-width: 100% !important; height: auto;}.color-txt{color: #d43f3a}
.lookbill {
    overflow: hidden;
    background: #fff;
    padding: 15px 0px;
    margin-bottom: 35px;
}
.lookbill .title {
    z-index: 1;
    line-height: 20px;
    padding: 0px 5px;
    font-family: UTMBebas;
    font-size: 25px;
    color: #DD2F25;
    position: relative;
    margin-bottom: 35px;
    font-weight: 500;
    text-align: center;
}
.lookbill .title .text:before {
    content: "";
    height: 20px;
    position: absolute;
    right: 61%;
    width: 450px;
}
.lookbill .title .text:after {
    content: "";
    height: 20px;
    position: absolute;
    left: 57%;
    width: 450px;
}

.lookbill #frm_lookbill .form-control {
    border-radius: 0px;
}
.lookbill #frm_lookbill {
    margin-top: 15px;
}
.lookbill #frm_lookbill input {
    border-radius: 0px;width: 100%;
}
.lookbill #frm_lookbill .btn_submit {
    width: 330px;
    text-transform: uppercase;
    font-size: 13px;
}

/*dich vu cua chung toi*/
.service {
    margin: 35px 0px;overflow: hidden;clear: both;
    background: #fff;
    padding: 15px 0px;
}
.service .title {
    z-index: 1;
    line-height: 20px;
    padding: 0px 5px;
    font-family: UTMBebas;
    font-size: 25px;
    color: #DD2F25;
    position: relative;
    margin-bottom: 35px;
    font-weight: 500;
    text-align: center;
}
.service .title .text:before {
    content: "";
    height: 20px;
    position: absolute;
    right: 61%;
    background: url(../../../images/icon/line-left.png) bottom 3px right no-repeat;
    width: 450px;
}
.service .title .text:after {
    content: "";
    height: 20px;
    position: absolute;
    left: 57%;
    background: url(../../../images/icon/line-right.png) bottom 3px right no-repeat;
    width: 450px;
}
.service .context .item {
    margin-bottom: 25px;
}
.service .context .item img {
    max-height: 225px;width: 100%;border:1px solid #eee;
}
.service .context .item .txttitle {
    text-transform: uppercase;
    font-size: 15px;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
    color: #009266;
    line-height: 150%;
    height: 60px;
    /*max-height: 60px;*/
    position: relative;
    overflow: hidden;
    text-align: left;
    border-bottom: 2px solid #D1003A;
}

/*bang gia dich vu*/
.priceservice {
    margin: 35px 0px;overflow: hidden;
}
.priceservice .title {
    z-index: 1;
    line-height: 20px;
    padding: 0px 5px;
    font-family: UTMBebas;
    font-size: 25px;
    color: #DD2F25;
    position: relative;
    margin-bottom: 35px;
    text-align: center;
    font-weight: 500;
}
.priceservice .title .text:before {
    content: "";
    height: 20px;
    position: absolute;
    right: 59%;
    background: url(../../../images/icon/line-left.png) bottom 3px right no-repeat;
    width: 450px;
}
.priceservice .title .text:after {
    content: "";
    height: 20px;
    position: absolute;
    left: 55%;
    background: url(../../../images/icon/line-right.png) bottom 3px right no-repeat;
    width: 450px;
}
.priceservice #tblPrice {
    width: 70%;
    margin: 0 auto;
}
.priceservice #tblPrice th {
    background: #F9BF8F;
}
.priceservice .readmore {
    margin: 25px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;

}
.priceservice .readmore a {
    color: #DA251C;
}
.priceservice .bottom {
    border:1px solid #009266;
    text-align: center;font-size: 16px;
    padding: 25px 0px;
}
.priceservice .bottom .txt1 {
    color: #333;

    text-transform: uppercase;
}
.priceservice .bottom a {
    color: #059;

}
.priceservice .bottom .txt2 {
    color: #ff0000;
    font-family: tahoma;

    text-transform: uppercase;
    font-weight: bold;
}
.priceservice .bottom .txt3 {
    color:#ff0000;

}
/*cam kết và quy định*/
.engage {
    overflow: hidden;
    background: #fff;
    padding: 15px 0px;
}

.engage .title {
    z-index: 1;
    line-height: 20px;
    padding: 0px 5px;
    font-family: UTMBebas;
    font-size: 25px;
    color: #DD2F25;
    position: relative;
    margin-bottom: 35px;
    font-weight: 500;
    text-align: center;
}
.engage .title .text:before {
    content: "";
    height: 20px;
    position: absolute;
    right: 59%;
    background: url(../../../images/icon/line-left.png) bottom 3px right no-repeat;
    width: 450px;
}
.engage .title .text:after {
    content: "";
    height: 20px;
    position: absolute;
    left: 55%;
    background: url(../../../images/icon/line-right.png) bottom 3px right no-repeat;
    width: 450px;
}


.engage .item {
    margin: 0px 0px 60px 0px;
}
.engage .item .inner {
    border: 2px solid #1278C0;
    text-align: center;
    padding: 30px 10px;
    position: relative;
    min-height: 200px;
}
.engage .context { padding-top: 45px;}
.engage .item .inner .thumb .fa_user{
    color: #fff;
    font-size: 32px;
    margin: 22px 0px 0px 0px;
}
.engage .item .inner .thumb {
    position: absolute;
    left: 50%;
    width: 80px;
    height: 80px;
    background: #1278C0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    top: -40px;
    margin: 0px 0px 0px -40px;
    overflow: hidden;
}
.engage .item .inner .txttitle{
    font-size: 14px;
    margin: 50px 0px 0px 0px;
    text-transform: uppercase;
    min-height: 35px;
    line-height: 150%;
}

.engage .item .inner .des{
    margin: 0px 0px 30px 0px;
    text-align: justify;
    font-size: 13px;
    font-family: Arial;
    color: #504F4F;
    line-height: 150%;
}
.engage .item .inner .view{
    padding: 8px 18px;
    background: #1278C0;
    color: #fff;
    font-size: 13px;
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin: 0px 0px 0px -36px;
}
.engage .item:hover .inner .thumb,.engage .item:hover .inner .view {
    background: #DA251C;
}
.engage .item:hover .inner {
    border: 2px solid #DA251C;
}

/*hot product*/
.hotproduct {
    margin: 35px 0px 0px 0px;overflow: hidden;clear: both;
    background: #fff;
    padding: 15px 0px;
}
.hotproduct .title {
    z-index: 1;
    line-height: 20px;
    padding: 0px 5px;
    font-family: UTMBebas;
    font-size: 25px;
    color: #DD2F25;
    position: relative;
    margin-bottom: 35px;
    font-weight: 500;
    text-align: center;
}
.hotproduct .title .text:before {
    content: "";
    height: 20px;
    position: absolute;
    right: 68%;
    background: url(../../../images/icon/line-left.png) bottom 3px right no-repeat;
    width: 450px;
}
.hotproduct .title .text:after {
    content: "";
    height: 20px;
    position: absolute;
    left: 64%;
    background: url(../../../images/icon/line-right.png) bottom 3px right no-repeat;
    width: 450px;
}
.hotproduct .item {
    margin-bottom: 25px;
    text-align: center;
}
.hotproduct .item .img_user {
    padding: 5px 30px;
    border: 2px solid #DD2F25;
}
.hotproduct .item .txtname {
    font-size: 16px;
    margin-top: 10px;
}

.pager li>a, .pager li>span {
    margin-right: 15px;
}
/*block news*/
#site-body #contents .content_body {
    overflow: hidden;background: #fff;
}
#site-body #contents .content_body .item_new {
    overflow: hidden;
    clear: both;

    margin: 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
}
#site-body #contents .content_body .item_new .box-thumb {
    padding-left: 0px;
}

#site-body #contents .content_body .item_new img {
    min-height: 188px;
}
#site-body .box-content {
    background: #fff;overflow: hidden;
}
#site-body #contents .box-content .title{
    margin: 15px 0 25px 0;
    font-size: 17px;
    line-height: 150%;
    color: #4270B4;
    text-transform: uppercase;
    border-bottom: 1px dotted #4270B4;
    padding: 0px 0px 5px 0px;
    text-align: left;
}
#site-body #contents .content_body .item_new .title {
    margin-top: 0px;
    font-size: 16px;
    line-height: 22px;
}
#site-body #contents .content_body .item_new .intro {
    min-height: 150px;
}
#site-body #contents .content_body .item_new .item {
    position: relative;
    padding: 15px;
    overflow: hidden;
}
#site-body #contents .content_body .item_new .readmore{
    position: absolute;
    right: 30px;
    width: 75px;
    border-radius: 0px;
    padding: 3px;
    height: 25px;
    bottom: 15px;
}
.tknganhang {
    font-size: 13px;
}
#site-body .updateprofile,  #site-body .changepass {
    overflow: hidden;background: #fff;
}
#product_wapper ,#product_wapper .cart {
    background: #fff;
}
.right_content .box, .tknganhang {
    width: 100%;
    margin: 15px 0px 25px 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #009266;
}
.tknganhang .item {
    padding: 5px 15px;
    border-bottom: 1px solid #eee;
}
.tknganhang img {
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.right_content .box .box_title, .tknganhang .box_title {
    padding: 10px 0px 10px 25px;
    margin: 0px 0px;
    background: #009266;
    text-transform: uppercase;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
}
.right_content .box .list_item {
    padding: 0px 0px 0px 10px;
    color: #009266;
    list-style: none;
}
.right_content .box .list_item li {
    padding: 5px 0px 2px 17px;
    margin: 5px 0px;
    background: url(../../../images/icon/list.png) left center no-repeat;
    background-size: 4%;
}
.right_content .box .list_item li a {
    width: 98%;
    display: inline-block;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    text-decoration: none;
    color: #009266;
}
.related-news li {
    padding: 5px 0px 2px 17px;
    margin: 5px 0px;
    background: url(../../../images/icon/list.png) left center no-repeat;
    background-size: 1%;
}
.item_new .item{
    position: relative;
}
.readmore{
    position: absolute;
    right: 0;
    bottom: 0;
    white-space: nowrap;
    transition: all 0.5s;
    background: #009266;
    padding: 5px 10px;
}
.readmore a{
    color: #fff;
    position: relative;
    transition: 0.5s;
}
.readmore a:after {
    content: '»';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}
.readmore:hover a{
    padding-right: 25px;
}
.readmore:hover a:after {
    opacity: 1;
    right: 0;
    top: -5px;
    font-size: 18px;

}
.content-thumb{
    padding: 4px;
    border: 1px solid #ccc;
}
.box-right-item{
    border: 1px solid #009266;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 20px;
}
.box-right-item .title{
    display: block;
    background: #009266;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 500;
}
.box-right-item li{
    list-style: none;
    position: relative;
    padding: 3px 6px;
}
.box-right-item li i{
    position: absolute;
    bottom: 7px;
    font-size: 10px;
    color: red;
}
.box-right-item li a{
    margin-left: 5px;
    white-space: nowrap;
    font-size: 13px;
    padding-left: 8px;
    color: #115E8A;
    overflow: hidden;
    text-overflow: ellipsis;
}
.box-right-item li a:hover{
    text-decoration: underline;
}
.box-right-item.bank{
    border-radius: 0px;
}
.box-right-item .info{
    padding-bottom: 10px;
}
.box-right-item .info p{
    margin-bottom: 0;
    padding: 0 5px;
    font-size: 13px;
}
.bank-logo img{
    margin-bottom: 10px;
}
/*register*/

.register:before{
    background-color: rgba(0,0,0,0.5);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.register1.register:before{
	display: none;
}
.box_register .title{font-size: 20px}
.register .box_register{
    box-shadow: 0px 10px 20px 9px rgba(28,30,35,0.1);
    /* border-radius: 10px; */
    background-color: #fff;
    position: relative;
    /* max-width: 430px; */
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 45px;
}
@media (min-width: 1200px){
    .register .box_register {
        margin-top: 65px;
        margin-bottom: 65px;
    }
}
.btn_submit i {font-size: 16px; margin-right: 5px;}
.box_option .forget_pass {
    color: #ff3030 !important;
    font-size: 13px !important;
    padding: 0px !important;
}
.box_option label {font-weight: normal; font-size: 13px;}
.box_login_social {
    background: #f4f3f3;
    padding-top: 28px;
    height: 268px;
    padding-bottom: 15px;
}
.frm_login {padding: 28px 30px 40px 30px;}

#site-body .register .right {
    background: url(../../../images/bg/bg-login.png) left center no-repeat;
    min-height: 500px;
}
#site-body .register .left {
    border: 1px solid #009266;
    /*width: 450px;*/

}
#site-body .register .left .title {
    margin: 0px 0px 15px 0px;
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
    color: #004f9e;
    font-weight: bold;
    clear: both;
    font-size: 22px;
}
#site-body .register .left .title span {color: #000;}
#site-body .register .left .btn_facebook{
    width: 100%;
    border-radius: 0px;
    margin-right: 15px;
    padding: 0px;
    height: 40px;
    background: #415E9C;
    margin-bottom: 15px;
}
#site-body .register .left .social_register {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

#site-body .register .left .line {
    position: relative;
    margin: 15px 0px 15px 0px;
    text-align: center;
}

#site-body .register .form-control {
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    height: 34px;
    padding-left: 30px;
    margin-bottom: 0px;
}
#site-body .register .fa_user {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #999999;
}
#site-body .register .form-group {
    overflow: hidden; position: relative;
}

#site-body .register .left .fa_fb {
    /*float: left;*/
    background: #3a5795;
    float: left;
    /*background: #cf4536;*/
    height: 38px;
    width: 38px;
    padding: 9px 0px 0px 0px;
    font-size: 20px;
}
#site-body .register .btn_submit {
    background: #009266;
    color: #FFF;
    text-shadow: none;
    width: 100%;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 10px 0px;
}

#site-body .register .left .btn_google{
    width: 100%;
    border-radius: 0px;
    margin-right: 15px;
    padding: 0px;
    background: #e64c3c;
    height: 40px;
    border-color: #e64c3c;
}

#site-body .register .left .fa_gl {
    float: left;
    background: #cf4536;
    height: 38px;
    width: 38px;
    padding: 9px 0px 0px 0px;
    font-size: 20px;
}
#site-body .register .left a {
    color: #fff;
    float: left;
    padding: 9px 0px 0px 10px;
    font-size: 16px;
    font-family: arial;
}
#site-body .register .forgotPass {
    margin: 10px 0px 0px 0px;
    overflow: hidden;font-size: 13px;
}
#site-body .register .forgotPass a {
    color: #ff3030;font-size: 13px;float: none;
}

/*profile*/
.changepass .title {
    color: #009266;
    text-transform: uppercase;
    text-align: center;
}
.changepass .form-group {
    overflow: hidden;
}
.changepass .thumb .img_user {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}
.changepass .left .title {
    margin:15px 0px;padding:5px 10px;background:#009266;font-size:16px;text-transform:uppercase;color:#fff;
}
.changepass .content {
    padding: 5px 5px 20px 5px;
}
.changepass .left .list{
    padding: 0px 0px 0px 15px;
}
.changepass .left .list .count {
    background: red;
    font-size: 12px;
    color: #fff;
    padding: 0px 8px;
}
.changepass .left .list li {
    padding: 5px;
}
.changepass .left .fa_user {
    margin-right: 10px;
}
.changepass .right .title {
    margin: 25px 0px 30px 0px;
    color: #009266;
    text-transform: uppercase;
    font-weight: 300;
}

.updateprofile .user_note {
    font-size: 12px;
    color: #222;
}


/*footer*/
#site-footer {
    text-align: left;
    margin: 25px 0px 0px 0px;
    background: #FF6537;
    padding: 15px;
    font-size: 12px;
    color: #fff;
}
#site-footer .copyright {
    margin-bottom: 0px;
}
#site-footer .title {
    text-transform: uppercase;
}

/* hàng order */
.btn-contact{
    background-color: green;
    color: #fff;
    padding: 6px 8px;
}
a.btn-contact:hover{
    color: #333;
}
.box-product{
    height: 300px;
    overflow: hidden;
    border-right: 1px solid #ccc;
}
.box-product .box-thumb{
    margin-bottom: 10px;
}
.box-product h2{
    margin-top: 0px;
    font-size: 16px;
    height: 50px;
    overflow: hidden;
}
.box-product .price{
    font-weight: 600;
    font-size: 16px;
    margin-right: 10px;
}
.box-product .sale{
    color:#797979;
}
.box-product.nth-3{
    border-right: 0px;
}
.product-info{
    padding: 0 10px;
}
.product-info h2.title{
    font-size: 18px;
    font-weight: 500;
}
.product-thumb img.img-responsive{
    height: 200px;
}
.box-right .menu-left .title{
    background-color: #009266;
    color: #fff;
    text-align: center;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 20px;
    border-radius: 5px 5px 0 0;
}
.box-right ul{
    padding: 0px;
    clear: both;
    border: 1px solid #009266;
    -webkit-box-shadow: 0 2px 5px #ccc;
    -moz-box-shadow: 0 1px 5px #999;
    box-shadow: 0 2px 5px #ccc;
}
.box-right .menu-left > ul:before{
    display: block;
    content: " ";
    height: 2px;
    width: 100%;
    clear: both;
    background-color: #009266;
    margin-bottom: 10px;
}
.box-right ul ul{
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.box-right ul ul li{
    padding-left: 20px;
    background: url(../images/bullet.png) no-repeat 15px 5px;
}
.box-right ul li{
    list-style: none;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 10px;
}
.box-right .menu-left ul li a{
    overflow: hidden;
    font-weight: 700;
}
.box-right ul ul li a{
    font-weight: normal !important;
    padding-left: 10px;
}



#popup_extension {
    text-align: center;
    color: #fff;
    /*text-transform: uppercase;*/
    font-size: 14px;
    padding: 5px;
    top: 40px;
}

#popup_extension .icon_chrome {
    width: 60px;
}
#popup_extension .chrome {
    border: 2px solid #1DA1F2;
    margin-bottom: 25px;
    background: #fff;
    padding: 15px 0px;
}
#popup_extension .chrome .icon_chrome {
    display: block;
    margin: 0 auto;
    /*padding: 15px 0px;*/
}
#popup_extension .text {
    color: #FF6600;
    font-weight: bold;
}
#popup_extension .coccoc .icon_coccoc{
    display: block;
    margin: 0 auto;
    /*width: 50px;*/
    padding: 15px 0px;
}

#popup_extension .bank_infor {
    font-size: 12px;
    color: #008ACB;
    border: 1px solid #FF6537;
    background: #fff;
}

#popup_extension .bank_infor .title {
    font-size: 12px;
    text-transform: uppercase;
    background: #FF6537;
    color: #fff;
    padding: 10px;
}

#popup_extension .bank_infor .item{
    margin: 15px 0px;
    line-height: 20px;
    color: #143a83;
}
#popup_extension .bank_infor .txtname{
    text-transform: uppercase;
    font-weight: bold;
}
#popup_extension .bank_infor .sotk {
    color: #d51317;
}
/*hiep*/
.category_box{
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    border-top:2px solid #FF4400;
}
.category_box .box-left{
    height: 500px;
    width: 180px;
    float: left;
    left: 15px;
    border-left: 2px solid #D51317;
    background: #D51317;
    border-right: 1px solid #ddd;
}
.category_box .box-right{
    padding-left: 180px;
}
.list-cata>li.active>a{
    background-color: #ff7c4c;
}
.list-cata li>a{
    display: block;
    padding: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    background-color: #D51317;
    border-bottom: 1px solid #ff4400;
}
.list-cata li>a i{
    float: right;
    font-size: 17px;
    font-weight: bold;
}
.list-cata>li.active>.submenu-cata{
    display: block;
}
.submenu-cata{
    display: none;
    left: 180px;
    top: 0px;
    background: #f8f8f8;
    z-index: 10;
    width: auto;
    min-height: 250px;
}
.submenu-cata li{
    float: left;
    width: 50%;
    overflow: hidden;
}
.submenu-cata>li>a{
    background-color: #f8f8f8;
    border-bottom: 0;
    font-size: 12px;
    color: #333;
    height: 26px;
    line-height: 25px;
    font-weight: 500;
    padding: 8px 0px 8px 5px;
}
.submenu-cata>li>a:hover{
    text-decoration: underline;
}
.item_pro{
    height: 250px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0px;
}
.item_pro .item_thumb{
    margin-bottom: 10px;
    padding: 10px 25px;
}
.item_pro .item_thumb img.img-responsive{
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%;
    border: 1px solid #eee;
}
.item_pro.active .p-info{
    top: 0;
    z-index: 10;
}
.item_info{
    padding-bottom: 10px;
}
.item_pro .item_name{
    width: 100%;
    position: relative;
    text-align: center;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
    font-weight: 600;
    padding: 0 10px;
}
.list_product_cata.active{
    display: block;
}
.list_product_cata{
    display: none;
}
.link_shadow{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.sale{
    z-index: 11;
}
.p-info .price{
    color: red;
    font-weight: bold;
    font-size: 16px;
}
.sale{
    z-index: 11;
    text-decoration: line-through;
}
/*-------Detail product-------*/

#detail_product .price{
    color: red;
    font-weight: bold;
    font-size: 20px;
    margin-right: 20px;
}
#detail_product .box li{
    padding: 10px 0px;
}
.fulltext{
    padding: 10px;
    display: block;
    width: 100%;
}
.fulltext table{
    width: 100% !important;
    overflow: hidden;
}
.relative h2{
    margin-top: 0px;
    padding: 10px;
    background: #337ab7;
    color: #fff;
    font-weight: 500;
}
.relative .price{
    font-size: 14px !important;
}
#detail_product .column-left{
    padding-right: 10px;
}
#detail_product .column-right{
    font-size: 13px;
}
.relative li{
    display: block;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
}
.relative li a:hover{
    text-decoration: underline;
}
.box-img-relative li{
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 5px;
}
.box-img-relative .icon-img {
    width: 80px;
    height: 80px;
}
#icon-Zoomer{
    margin-bottom: 15px;
}
#notification {
    position:fixed;
    top:0px;
    width:100%;
    z-index:105;
    text-align:center;
    font-weight:normal;
    font-size:14px;
    font-weight:bold;
    color:white;
    background-color:#FF7800;
    padding:5px;
    padding-bottom: 20px;
}
#notification .p-price{
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
}
#notification .p-sale{
    color: #FFF;
    text-decoration: line-through;
}
.box-thumb-notification{
    height: 220px;
    overflow: hidden;
}
.box-thumb-notification img{
    height: 220px;
}
/*Box left product block*/
.product_block .box-left{
    padding-left: 0px;
}
.product_block .box-thumb .img_thumb {
    max-height: 123px;
    width: 100%;
    height: 123px;
    border: 1px solid #eee;
}
.box-left-item{
    background-color: #F3F3F3 !important;
    padding: 15px;
    border: 1px solid #EEEEEE;
}
.title_parent_catalog>span,.title_parent_catalog>a{
    text-transform: uppercase;
}
.list-cata-boxleft li a{
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 22px;
}
.list-cata-boxleft li.root{
    text-transform: uppercase;
    font-weight: 600;
    list-style: none;
}
.list-cata-boxleft .list_equal{
    padding-left: 15px;
}
.list-cata-boxleft .list_child{
    padding-left: 15px;
}
.list-cata-boxleft ul ul>li>a{
    font-weight: 400;
}
.list-cata-boxleft ul>li>a{
    font-weight: 500;
}
.list-cata-boxleft li.active>a{
    color: #558dca;
    text-decoration: underline;
}

.topAction .cart-number{
    background: #ffffff;
    padding: 7px 3px;
    position: absolute;
    left: 18px;
    top: -5px;
    width: 14px;
    display: block;
    font-size: 12px;
    border-radius: 3px;
    line-height: 0;
    color: red;
}
.thongke li{
    display: inline-block;
    margin-right: 20px;
}
.thongke li i{
    font-size: 18px;
}
.morestandard{
    background-color: #21687c;
    color: #fff;
}
#contents .list-group-item{
    padding: 0;
    border-radius: 0px;
}
#contents .list-group-item>a{
    display: block;
    position: relative;
    padding: 10px 15px;
    background: #DDDDDD;
    border-bottom: 1px solid #eee;
}
#contents .list-group-item>a i{
    position: absolute;
    right: 15px;
}
#contents .list-group-item ul{
    background: #FFF;
}
#contents .list-group-item ul li{
    padding: 7px 15px;
    border-bottom: 1px solid #eee;
}
#contents .list-group-item:last-child>a,#contents .list-group-item ul li{
    border-bottom: 0px;
}
#contents .list-group-item ul li{
    border-bottom: 1px solid #eee;
}
#contents .list-group-item ul li:last-child{
    border-bottom: 0px;
}
.sidebarbaogia{
    width: 220px;
    z-index: 1;
}

/*style giỏ hàng*/

.status {
    margin: 0px 0px 25px 0px;
}

.status ul {
    border: 1px solid #ccc;
    border-right: none;
    margin-left: 0px; margin-right: 0px;
}
.uk-grid:after, .uk-grid:before {
    content: "";
    display: block;
    overflow: hidden;
}
.status ul li:hover, .status ul li.active {
    background: #009266;
    color: #fff;
}

.status ul li.item {
    background: #f3f3f3;
    padding: 0px 0px 0px 20px;
    position: relative;
    transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    cursor: pointer;
}
.status ul li:hover, .status ul li.active {
    background: #009266;
    color: #fff;
}
.status ul li.active:before, .status ul li:hover:before {
    color: #fff;
    border-left-color: #009266;
}

.status ul li:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid #F3F3F3;
    right: -15px;
    top: 0px;
    z-index: 2;
    transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
}
.status ul li.item .step {
    font-size: 40px;
    line-height: 60px;
    margin: 0px 5px 0px 0px;
}
.status ul li.item .info {
    float: left;
    margin: 10px 0px 0px 0px;
}
.status ul li.item .name {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

.status ul li.item .des {
    display: block;
    font-style: italic;
}

.tbl_cart {font-size: 14px;}
.tbl_cart .shop_title {
    background: #009266;
    padding: 7px 10px;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    /*height: 25px;*/
}
.tbl_cart .shop_title a {
    color: #fff;
}
.btn_del_all {
    /*display: none;*/
    background: #DA251C;
    color: #fff;
    border: 0px;
    padding: 0px 5px;
    font-size: 13px;
    cursor: pointer;
    outline: 0px;
    border-radius: 3px;
}
.remove_padd {
    padding-left: 0px;
    padding-right: 0px;
}

.tbl_cart tr th {
    background: #E2E2E2;
    color: #000;
    font-size: 12px;
}
.tbl_cart .fa_user {
    color: #838282 !important;
    display: block;
    text-align: center;
    margin: 0px 0px;
    border-radius: 3px;
    width: 18px;
    font-size: 18px;
    font-weight: normal;
    margin: 0 auto;
}
.uk-margin-right {
    margin-right: 15px!important;
}
.uk-form-row {
    text-align: left;
}
.uk-form-row label{
    font-size: 12px;
    font-weight: 300;
}
.width-2-10 {
    width: 15%;
}
.width-1-10 {
    width: 5%;
}
.width-3-10 {
    width: 30%;
}
.cart_option {
    text-align: left; padding-top: 10px; padding-bottom: 10px;
}
.cart_option p  {
    overflow: hidden;
    margin-bottom: 5px;
    border-bottom: 1px dashed #d5d5d5;
    padding-bottom: 5px;
    font-size: 13px !important;
}
.box_caption p {
    overflow: hidden;
    margin-bottom: 5px;
    border-bottom: 1px dashed #d5d5d5;
    padding-bottom: 1px;
    font-size: 13px;
    line-height: 27px;
}
.cart .box_caption label {font-weight: normal; margin-bottom: 0px;}
.cart_option p span {
    float: right;
    font-weight: bold;
    font-size: 13px;
}
.cart_option .txt_total {
    font-weight: normal; font-size: 13px;
}
.cart_option .fa_circle {
    color:#000;margin-left: 5px;
}
.tbl_cart tr th, .tbl_cart tr td {
    padding: 10px 8px !important;
    vertical-align: middle !important;
    border: none !important;
}
.tbl_cart tbody tr:hover {
    background: #f0f0f0;
}
.cart .txt_bold {font-weight: bold;}
.cart .tmp_total .txt_sum {
    color: #f55951;
}
.cart .tmp_total p {
    border-bottom: 1px dashed #d5d5d5;
    padding-bottom: 5px;
}
.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
}

.cart .right {
    text-align: left;
}
.cart .right .title {
    background: #009266;
    color: #fff;
    padding: 10px;
}
.cart .right .item {
    border:1px solid #eee;
    padding: 0px 0px 15px 0px;
    margin-bottom: 25px;
}
.cart .fa_user {
    margin-right: 5px;
}
.cart .inner {
    padding: 5px;
}
.cart .inner ul{
    list-style-type:none;margin:0px;
}
.cart .inner ul li {
    margin-bottom: 15px;
}

/*view gio hang*/
.total-order {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    padding: 5px 0px;
    background-color: #BCDBEA;
    border-top: 1px solid rgba(0, 124, 194, 0.69);
}
.uk-container-center {
    margin-left: auto;
    margin-right: auto;
}

.total-order ul li span {
    color: #DA251C;
    font-weight: bold;
}
.total-order .btn_user {
    margin-right: 15px;
    min-width: 100px;
    font-size: 13px;
    font-weight: bold;
    display: inline;
}
.total-order .txt_total {color: #fff; font-weight: normal;}
.cart .empty_cart {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216,80,48,.3);
    padding: 15px;
}
.cart .txt_title {
    text-align: center;
    text-transform: uppercase;
    color: #555;
    margin-top: 25px;
    margin-bottom: 35px;
    font-weight: bold;
    font-size: 24px;
}
.cart .btn_del {display: inline-block;}
.cart .txt_attribute {color: #989898;}
.cart .tmp_total {
    overflow: hidden;
    background: #eee;
    padding-top: 15px;
}
.cart .tmp_total .text_title {text-transform: uppercase;font-size: 16px; font-weight: bold;}

.empty_cart {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216,80,48,.3);
    padding: 15px;
}
.listbill .thumb .img_user {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}
.listbill .left .title {
    margin:15px 0px;padding:5px 10px;background:#009266;font-size:16px;text-transform:uppercase;color: #fff;
}
.listbill .left .title a {
    color: #fff;
}
.listbill .content {
    padding: 5px 5px 20px 5px;
}

.left  .count {
    background: red;
    font-size: 12px;
    color: #fff;
    padding: 0px 8px;
}
.listbill .left .list li {
    padding: 5px;
}
.listbill .left .fa_user {
    font-size: 16px; margin-right: 5px;
}
.left .thumb {margin-bottom: 15px;}
.listbill .left {
    margin-bottom: 35px;
    overflow: hidden;
}
.listbill .right .title {
    margin: 25px 0px 30px 0px;
    color: #009266;
    text-transform: uppercase;
    font-weight: 300;
}
.listbill .tbl_cart tr th, .listbill .tbl_cart tr td
{
    padding: 5px 8px !important
}
.listbill .tbl_cart .shop_title {
    background: #DA251C !important;
}
.listbill .panel-default>.panel-heading {
    background: #009266;
    color: #fff;
}
.listbill .panel-heading .txttitle {
    font-size: 14px;
}
.listbill .panel-heading .txttitle .txt_billcode {
    font-weight: bold;
}
.listbill .panel-heading .txttitle .state {
    background: orange;
    padding: 5px 10px;
}

.listbill .tbl_cart .cart-image .img_user {
    width:60px;border: 1px solid #ccc;
}
.listbill .action .btn_checked{
    background: #8fce48;
    color: #fff;
}
.listbill .action .btn_user {
    min-width: 100px;
}
.tbl_cart .detail_fee {text-decoration: underline;}
.listbill .isvalidate {
    font-size: 16px;color: green;
}

.listbill .notvalidate {
    font-size: 16px;color: red;
}

.total-order {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    padding: 5px 0px;
    background-color: rgba(0,0,0,0.8);
    border-top: 1px solid rgba(0, 124, 194, 0.69);
}
.uk-container-center {
    margin-left: auto;
    margin-right: auto;
}
.total-order ul li {
    color: #000;
    font-size: 15px;
    line-height: 44px;
    font-family: Arial;
    font-weight: bold;
    float: left;
    /*margin-right: 25px;*/
    text-transform: uppercase;
    padding: 0px 15px;
    /*width: 25%;*/
}
.total-order ul li span {
    color: #DA251C;
    font-weight: bold;
}

.cart .empty_cart {
    background: #fff1f0;
    color: #d85030;
    border-color: rgba(216,80,48,.3);
    padding: 15px;
}
#myModal {
    z-index: 999999 !important;
    padding-bottom: 35px;
}
#myModal .fa_question {
    font-size: 60px;
    color: #286090;
}
#myModal .accept .btn_user {
    margin-right: 15px;
    min-width: 100px;
}

#myModal .form-group {
    overflow: hidden;
}
#myModal .modal-header {
    background: #009266;
    color: #fff;
}
#myModal .header_detail_order {
    color: #555; font-weight: bold; text-transform: uppercase; background: #fff;
}
.view_detail_order .cart_option p span {float: none;}
.view_detail_order .img_cart {
    width: 100px;
    height: auto;
}
.view_detail_order .txtpro {
    min-width: 100px;
    display: inline-block;
}
.view_detail_order, .view_detail_order .panel-body {background: #fff !important;}
.view_detail_order .panel-body {padding: 0px !important;}

#myModal .view_detail_order .panel-heading {
    background: #555;
    position: relative;
}
#myModal .view_detail_order .fa_angle_down{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    width: 20px;
    height: 20px;
    font-weight: bold;
    color: #555;
    padding-left: 5px;
    padding-top: 3px;
}
/*message*/
.cntMess .date {
    padding: 10px 0px;
    margin: 0px 0px;
    font-size: 13px;
    color: #bf453f;
}
.cartOrder .headline {
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    margin: 15px 0px 25px 0px;
}
.cartOrder .btn {
    min-width: 135px;
}
.cartOrder .tbl_viewcart th{
    background: #337ab7;
    color: #fff;
}
.cartOrder .tbl_viewcart td {
    vertical-align: middle !important;
}
.cartOrder .tbl_viewcart .totalAll {
    text-transform: uppercase;
    font-weight: 300;
}
.cartOrder .tbl_viewcart .numberTotal {
    font-weight: bold;
    color: red;
    font-size: 16px;
}
.cartOrder .tbl_viewcart .fa_user {
    font-size: 16px;
    color: red;
}
.cartOrder .tbl_viewcart .thumb {
    width: 80px;
    height: 80px;
}


.updateprofile .thumb .img_user {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}
.updateprofile .left .title {
    margin:15px 0px;padding:5px 10px;background:#009266;font-size:16px;text-transform:uppercase;color:#fff;
}
.updateprofile .content {
    padding: 5px 5px 20px 5px;
}

.updateprofile .left .list .count {
    background: red;
    font-size: 12px;
    color: #fff;
    padding: 0px 8px;
}
.updateprofile .left .list li {
    padding: 5px;
}
.updateprofile .left .fa_user {
    margin-right: 10px;
}
.updateprofile .right .title {
    margin: 25px 0px 30px 0px;
    color: #009266;
    text-transform: uppercase;
    font-weight: 300;
}
.updateprofile .title_regis {
    color:#009266;
    margin: 25px 0px;
}
.updateprofile .table th {
    background: rgb(232, 231, 231);
    color: #000;
    font-weight: bold;
}

/*style checkbox*/
.chk_user {
    float: right;
    background: #5BC0DE;
    color: #fff;
    padding-top: 3px;
    margin-left: 35px;
    border-radius: 4px;
    min-width: 115px;
}
.chk_user1 {
    float: right;
    background:#9a9a9a;
    color: #fff;
    min-width: 115px;
    padding-top: 3px;
    margin-left: 35px;
    border-radius: 4px;
}

.chk_user .lb_user, .chk_user1 .lb_user {
    margin: 5px 10px;
    font-size: 13px;
}


#frm_filter {
    overflow: hidden;

}
#frm_filter .col_user {
    padding-left: 5px;
    padding-right: 5px;
}

/**/
.avatar .thumb .img_user {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}
.avatar .left .title {
    margin:15px 0px;
    padding:5px 10px;
    background:#009266;
    font-size:16px;
    text-transform:uppercase;
    color:#fff;
}
.avatar .left .title a {color: #fff;}
.avatar .content {
    padding: 5px 5px 20px 5px;
}
.avatar .left .list{
    padding: 0px 0px 0px 15px;
}
.avatar .left .list .count {
    background: red;
    font-size: 12px;
    color: #fff;
    padding: 0px 8px;
}
.avatar .left .list li {
    padding: 5px;
}
.avatar .left .fa_user {
    margin-right: 10px;
}
.avatar .right .title {
    margin: 25px 0px 30px 0px;
    color: #009266;
    text-transform: uppercase;
    font-weight: 300;
}
.avatar .add_mar {
    margin-top: 25px;
    margin-bottom: 45px;
}
.avatar .tbl_show {
    margin-top: 30px;
    margin-bottom: 30px;
}
.avatar .action .btn_user {
    min-width: 145px;
    margin-right: 10px;
}

/*note view cart*/
#product_wapper .cart .note {
    color: #555;
    margin: 15px 0px;
    background: #fffceb;
    border: 1px solid #e28327;
    padding: 10px;
}
#product_wapper .cart .note .txtbold {
    color: #e28327;
}
#product_wapper .cart .note .txt_warning {
    color: #f55951 !important; font-weight: bold;
}
#product_wapper .cart .close_note {
    color: #e28327;
}
/*end note view cart*/
.creatNewOrder .form-control {border-radius: 0px;}
ul.list li a {
    text-transform: capitalize;
}

.float-left {float: left;}
.float-right {float: right;}
.clear-both {clear: both;}
/*tạo mới đơn hàng*/
.creatNewOrder {margin-bottom: 25px; overflow: hidden;}
.creatNewOrder .title{
    margin-top: 15px;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}
.creatNewOrder .item {
    overflow: hidden;
    background: #f9f9f9;
    padding: 5px;
    margin-bottom: 25px;
}
.alert-warning {
    color: #72582b;
    background-color: #f7f0ce;
}
.alert {
    margin: 20px 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    padding-left: 70px;
    overflow: hidden;
    z-index: 1;
    border: none;
}
.alert:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 50px;
    height: 101%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 2;
}
.alert.alert-warning:after {
    content: "\f071";
}
.alert:after {
    font-family: "FontAwesome";
    position: absolute;
    top: 10px;
    left: 17px;
    color: #ffffff;
    font-size: 20px;
    z-index: 3;
}
.img_item {
    width: 100px;height: 100px;
}


.table-bordered>thead>tr>th {
    text-align: center;
}

.add_orderext .btn {border-radius: 0px; }
.btn_upload_img, .btn_addlink{padding: 2px 12px;}
.add_orderext .btn_upload_img {background: #3182c1;}
.add_orderext .btn_addlink {background: #67b720;border: 1px solid #67b720;}
.add_orderext .form-group {padding: 0px 10px;margin-bottom: 5px;}
.add_orderext .form-control {border-radius: 0px;}
.add_orderext .fa_user {font-size: 24px;}
.fa_del {color: red;}
.fa_save {color: blue;}
.btn_action {
    overflow: hidden;
    display: inline-block;
    width: 30px;
    margin-right: 5px;
}
.add_orderext .cls_td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.btn_download {
    background-color: #7AB861;
    color: #fff !important;
    border-color: #C9DC4F;

}
.btn_download:hover {
    color: #fff!important;
    background-color: #d1df55;
    border-color: #7ab861;
}
.creatNewOrder .btn_user {
    font-size: 16px;
    padding: 10px 20px;
}
.creatNewOrder .btn_file, .creatNewOrder .btn_uploadfile {
    padding: 5px 20px;
    font-size: 16px;
    margin-bottom: 15px;
}
.addmarright5 {margin-right: 5px;}
.creatNewOrder .download_file {
    margin-top: 55px;
}
.creatNewOrder .upload_file {
    margin-top: 25px;
    margin-bottom: 45px;
}


/*-*/
.addmartop15 {margin-top: 15px;}
.listitem .item {
    border: 1px solid #ddd;
    padding: 15px;
    border-bottom: 2px solid #a94442;
    background: #f9f9f9;
}
.listitem .item .txttitle{
    background: #009266;
    color: #fff;
    padding: 5px;
}
.listitem .item .action_order{
    display: inline-block;
    padding: 6px 10px;
}
.right .col_user {margin-bottom: 15px;}
.form-control, .btn {border-radius: 0px;/*margin-bottom: 15px;*/}
.listitem .item .action_order .fa_user {font-size: 18px;}
.item .export_excel {color: #5cb85c}
.item .view_order {color: #286090;}
.item .delete_order {color: red;}
.listitem .item .txtbold1{
    font-weight: bold !important;
    display: inline-block;
    width: 80px;
}
.listitem .item .txt_number {color: #a94442;font-size: 15px; font-weight: bold;}

body,html{
    height: 100%;
}

nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

.main{
    padding: 10px 10px 0 10px;
}

@media (min-width: 765px) {

    .main{
        position: absolute;
        width: calc(100% - 40px);
        margin-left: 40px;
        float: right;
    }

    nav.sidebar:hover + .main{
        margin-left: 200px;
    }

    nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0px;
    }

    nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    nav.sidebar a{
        padding-right: 13px;
    }

    nav.sidebar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
        padding: 0 0px 0 0px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #777;
    }

    nav.sidebar{
        /*width: 200px;*/
        height: 100%;
        /* margin-left: -160px; */
        /* float: left; */
        margin-bottom: 0px;
    }

    nav.sidebar li {
        width: 100%;
    }

    nav.sidebar:hover{
        margin-left: 0px;
    }

    .forAnimate{
        opacity: 0;
    }
}

@media (min-width: 1330px) {

    .main{
        width: calc(100% - 200px);
        margin-left: 200px;
    }

    nav.sidebar{
        margin-left: 0px;
        float: left;
    }

    nav.sidebar .forAnimate{
        opacity: 1;
    }
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
    /*color: #CCC;*/
    color: #009266;
    background-color: transparent;
}

nav:hover .forAnimate{
    opacity: 1;
}
.left .active_cart{
    background: #009266;
    font-size: 14px;
    text-transform: uppercase;
}
.left .active_cart a  {
    color: #fff !important;
    padding-top: 10px; padding-bottom: 10px;
    font-size: 16px;
}
.left .ulorder {
    padding: 15px 20px 15px 15px;
    border: 1px solid #d7d7d7;
    background: #f5f4f4;
    overflow: hidden;
}
.left .ulorder li {
    margin-bottom: 15px;
}
.left .ulorder li a {
    font-size: 14px;
    display: block;
    padding: 0px;
    font-weight: normal;
    text-transform: none;
    color: #555 !important;
    transition: All .3s ease;
    -webkit-transition: All .3s ease;
    -moz-transition: All .3s ease;
    -o-transition: All .3s ease;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
}
.left .ulorder li span {
    display: inline-block;
    width: 25px;
    text-align: center;
    position: relative;
    left: -5px;
}
.navbar-default {background: #fff !important;}
.btn_ketdon{color:#fff;background: #DA251C; border-color: #DA251C;}
/*box_search*/
.box_search {
    background: url(../../../images/bg/bg-hea.jpg) no-repeat top left;
    display: none;
}
.box_search .img_logo {    margin-top: 15px;}
.box_search .txt_search {
    height: 35px;
    margin-right: -3px;
    min-width: 220px;
    padding: 10px;
}
.box_search .frm_search {margin-top: 40px;}
.box_search .btn_search {
    margin-bottom: 3px;
    height: 35px;
}
.box_search .ul_list {    margin-top: 30px;}
.box_search .ul_list li {
    display: inline-block;

    padding: 0px 15px;
}
.box_search .ul_list li:first-child {
    border-right: 1px solid #bcbcbc;
}
.box_search .ul_list p {color: #555;}
.txtbold, .txt_bold {font-weight: bold;}

/*.box_profile*/

.box_profile {/* margin-top: 25px; */margin-bottom: 25px;background:url("../images/international.jpg") center center no-repeat; background-size: cover}
.box_profile .title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 15px;
}
.box_profile .img_avatar {
    float: left;
    /* margin-right: 15px; */
    width: 90px;
    height: auto;
    margin-bottom: 5px;
}
.box_profile .container_profile {
    /* background: #f5f4f4; */
    padding: 20px;
    /* border: 1px solid #d7d7d7; */
    margin-bottom: 15px;
}
.box_profile .txt_change_avatar {
    color: #555;
    font-weight: bold;
    font-size: 13px;}
.box_profile .avatar {float: left;margin-right: 15px;}
.box_profile .infor {float: left; font-size: 13px;}
.box_profile .infor p {margin-bottom: 5px;}
.box_profile .txt_value {
    color: #da251c;
    font-weight: bold; font-size: 12px;
}



.box_profile .box_finance .current_wallet {
    padding: 6px 10px;
    background: #ff6c00;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.box_profile .box_finance .number {
    font-weight: 700;
    font-size: 25px;
    color: #f01111;
    margin: 6px 0 0 0;
}
.box_profile .box_finance .action a{
    color: #086eeb;
    font-size: 16px;
    font-weight: 700;
}

/*end .box_profile*/
.listbill .right {
    padding: 15px;
    border: 1px solid #d7d7d7;
    background: #f5f4f4;
    /*overflow: hidden;*/
}
.listbill .right .box_status {
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
}
.listbill .right .box_status li {
    float: left;
    width: 25%;
    margin: 5px 10px;
}


/*box_list_bill*/
.box_list_bill .txt_title {
   font-weight: 400;
    color: #009266;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px dashed #d7d7d7;
    margin-bottom: 15px;
}
.box_list_bill .filter_all {
    font-weight: 700;
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    background: #cfcfcf;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.box_list_bill .txt_stt {
    display: inline-block;
    padding-right: 20px;
    width: 110px; margin-top: 10px;
}
.ul_list_status li a:hover {
    color: #009266;
}
.box_filter {
    clear: both;
    display: table;
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    margin-bottom: 15px;
    border-bottom: 1px dashed #d7d7d7;
}
.ul_list_status li.active a {
    font-weight: bold;
    color: #009266;
}
.list_status {padding-left: 0px; padding-right: 0px;}
.remove-padd {padding-left: 0px; padding-right: 0px;}

.box_data .table>thead>tr {
    background: #009266;
    border: 1px solid #009266;
}
.box_data .table>thead>tr>th {
    color: #fff;    border: 1px solid #009266;
}
.list_data .code_bill {
    color: #222;
    font-weight: 700;
    border-bottom: 1px dashed #d8d8d8;
    padding: 0 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list_data .cdate {
    color: #000000;
    display: inline-block;
    margin-bottom: 0px;
    font-size: 12px;
    padding-top: 5px;
}
.list_data  .right-more {
    display: inline-block !important;
    width: 25px;
    height: 25px;
    line-height: 25px !important;
    border: 1px solid #c3c3c3;
    background: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    color: #333333;
}
.list_data  .right-more:hover, .action li span:hover{
    color: #d66233;
    border: 1px solid;
}
.list_data tr>td {
    display: table-cell;
    text-align: center;
    vertical-align: middle !important;
}
.list_data .total_money{
    color: #ee1e14;
    font-weight: 700;
    margin-bottom: 0px;
}
.list_data p {margin-bottom: 0px;}
.list_data .stt_bill {font-weight: bold;}

.list_data .cskh {
    padding: 2px 0 1px;
    text-align: center;
    width: 50px;
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #707070;
    display: inline-block;
    color: #ffffff;
    position: relative;
}

.list_data .cskh:hover {
    background: #cc3333;
    color: #ffffff;
}
.action li{
    display: inline-block;
    padding: 0 2px;
}
.action li span{
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    color: #333333;
}

.cart .swal2-icon {
    width: 80px;
    height: 80px;
    border: 4px solid grey;
    border-radius: 50%;
    margin: 20px auto 30px;
    box-sizing: content-box;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cart .swal2-icon.swal2-question {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #c9dae1;
    border-color: #c9dae1;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
}
.cart .btn_accept_del, .cart .btn_cancel_del {
    margin-right: 10px;
    font-size: 16px;
    padding: 10px 32px;
}
.cart .txt_confirm {
    margin-bottom: 15px;
    font-size: 16px;
}


.complete_bill .title {
    display: block;
    height: 40px;
    line-height: 40px;
    background: #009266;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 20px;
    margin-bottom: 0px;
}
.complete_bill .box_item {
    border: 1px solid #d7d7d7;
    border-top: none;
    background: #f5f4f4;
    padding: 20px;
}
.complete_bill .sl_address {margin-bottom: 15px;}
.complete_bill label {font-weight: normal;}
.complete_bill .box_left .item1 label {
    float: left; margin-right: 10px;
}
.complete_bill .box_left .item1 {
    overflow: hidden;
    margin-bottom: 10px;
}
.complete_bill .box_left .item1 .ul_list {
    float: left;
}
.complete_bill .box_left .item1 .ul_list li {margin-bottom: 5px; }
.complete_bill .box_left .item1 .txt_value {    color: #d9534f;    font-weight: 700;}
.complete_bill .box_left .item2 {clear: both;}

.item2 .input_replace {    display: inline-block;    margin-right: 10px;}

.box_replace label {padding-left: 25px; font-weight: normal;}
.box_replace .form-control {border-radius: 4px; margin-bottom: 10px;}
.box_replace .form-group {overflow: hidden;    margin-bottom: 0px;}
.box_replace .caution {
    text-align: center;
    color: #d9534f;
    font-weight: 300;
}
.box_left .sl_store {
    padding-top: 15px;
    padding-bottom: 10px;
    border-top: 1px dashed #c2c2c2;
    border-bottom: 1px dashed #c2c2c2;
    overflow: hidden;
}
.box_left .sl_store .txt_note {
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 18px;
    color: #848484;
    font-size: 12px;
    display: none;
}
.box_left .sl_store .txt_note p {margin-bottom: 0px;}
.box_deposit {
    padding: 20px 0 15px;
    border-bottom: 1px dashed #c2c2c2;
}
.complete_bill .txt_number {
    color: #d9534f;
    font-weight: 300;
}
.complete_bill input[type="radio"] {
    margin-right: 5px;
}
.complete_bill .box_time {
    padding: 20px 0 15px;
    border-bottom: 1px dashed #c2c2c2;
}
.complete_bill  .box_submit {    padding: 20px 0 0 0;}
.complete_bill  .box_submit  .btn_submit_bill {
    display: inline-block;
    margin-right: 15px;
    width: 141px;
    height: 40px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: none;
    padding: 0;
    outline: none;
    background: #009266;
    -webkit-box-shadow: 0 4px 0 0 #0b4030;
    -moz-box-shadow: 0 4px 0 0 #0b4030;
    box-shadow: 0 4px 0 0 #0b4030;
}

.complete_bill  .box_submit  .btn_dat_coc_ngay {
    display: inline-block;
    width: 141px;
    height: 40px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: none;
    padding: 0;
    outline: none;
    -webkit-box-shadow: 0 4px 0 0 #d4241f;
    -moz-box-shadow: 0 4px 0 0 #d4241f;
    box-shadow: 0 4px 0 0 #d4241f;
}


.complete_bill .box_right table thead tr th {
    text-align: center;
    vertical-align: middle;
    border: none;
    background: #d7d7d7;
    font-weight: normal;
}
.complete_bill .box_right table {margin-bottom: 0px;}
.complete_bill .sumery {
    border: 1px solid #d7d7d7;
    border-top: none;
    padding: 30px 15px;
}
.complete_bill .sumery h2 {
    text-transform: uppercase;
    margin-top: 0px;
    font-weight: bold;
    font-size: 16px;
}
.ul_sumery li {
    display: table;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dashed #d7d7d7;
}
.ul_sumery .text{
    width: 50%;
    display: inline-block;
}
.ul_sumery .number {
    display: inline-block;
    color: #d9534f;
    font-weight: 700;
}
.ul_sumery .txt_caution {
    display: block;
    font-style: italic;
    color: #d9534f;
}


/*popup*/
#myModal .box_question .swal2-icon {
    display: block;
    color: #c9dae1;
    border-color: #c9dae1;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
    width: 80px;
    height: 80px;
    border: 4px solid #c9dae1;
    border-radius: 50%;
    margin: 20px auto 30px;
    box-sizing: content-box;
}
#myModal .box_question .btn {
    color: #fff;
    border: 0;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 0 5px;
    cursor: pointer;
}
/*end popup*/


/*cskh*/

.box_cskh {position: relative;}
.box_cskh:hover .show_cskh {
    display: block;
}
.box_cskh  .infor_cskh p strong {
    font-weight: normal;
    font-weight: 700;
    color: #333333;
}
.box_cskh .text_cskh:hover {
    background: #cc3333;
    color: #ffffff;
}
.box_cskh .text_cskh {
    padding: 2px 0 1px;
    text-align: center;
    width: 50px;
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #707070;
    display: inline-block;
    color: #ffffff;
    position: relative;
}

.box_cskh .show_cskh {
    display: none;
    position: absolute;
    right: 78%;
    width: 285px;
    top: 0px;
    text-align: left;
    z-index: 99;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.42);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.42);
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.42);
}

.box_cskh .infor_cskh p {
    color: #3399ff;
    margin-bottom: 3px;
}

.register{background: url("../images/bg-page.jpg") no-repeat;background-size: cover;overflow: hidden;position: relative;}
.group-box .content,
.group-box{background-color: #fafafa;}
.box-act .btn{margin-left: 6px; text-transform: uppercase;}
.group-box{border: 1px solid #eee;}
.group-box .content{padding: 15px;}
.group-box .box-title{position: relative;overflow: hidden; padding-top: 8px; border-bottom: 1px dashed #cac8c8; margin-bottom: 15px; padding: 10px}
.group-box .box-title .title{float: left; margin-top: 8px; margin-bottom: 0px;}
.group-box .box-title .box-act{float: right; }
.box-filter{padding-top: 15px; padding-bottom: 15px;}
.box-res{background: #fffceb;
    border: 1px solid #e2ae53;
    padding: 15px;
    overflow: hidden;
    border-radius: 5px;
}
.box-res ul{margin: 0px; padding: 0px; font-size: 16px;}
.box-res ul li span{font-weight: bold;}
.box-res ul li{width: 20%; float: left;}
.list-bank .ic{margin-bottom: 10px; display: inline-block; border: 2px solid #fff;}
.list-bank .ic.active{margin-bottom: 10px; display: inline-block; border: 2px solid #d94839}
.tab-content{background-color: #fff; padding: 15px;}
.intro-bank{border-top: 1px solid #eee; margin-top: 30px; margin-bottom: 30px; padding-top: 30px; color: #d94839}
.intro-bank span{font-size: 16px; font-weight: bold;}
.mess-err{margin-bottom: 15px; color: red; }
.frm-modal .title-label{ font-size: 14px;}
.frm-modal .title{text-align: center;font-weight: 500;line-height: 28px;margin-top: 10px;}
.frm-modal .title span{ display: block;}
.frm-modal .box-btn{text-align: center;margin-top: 18px;margin-bottom: 22px;}
.frm-modal .box-btn .btn{background-color: #e83030;color: #fff;font-size: 15px;}
.guide .title-label{ font-size: 15px; font-weight: bold}
.frm-modal .table{}
.frm-modal .color{ color:#1477af }
.frm-modal .table td{text-align: left;}
.guide{color: #e83030;}
#about{font-size: 16px; font-weight: 500}
.modal-header .close {
    margin-top: 0px;
    color: #fff;
    opacity: 1;
}

.box-notic{margin-bottom: 15px; font-style: italic; padding: 10px 15px;}
.notic-image{ font-style: italic; font-size: 13px; margin-top: 5px}
.box-are{border: 1px solid #eceaea; padding :15px 15px; margin-bottom: 15px;}
.box-are textarea{height: 160px}
.panel-info{font-size: 14px; margin-top: 10px; font-weight: 400}
.list-feedback .card .fa-ctrl{position: absolute;left: 10px;top: 15px;z-index: 9;background-color: #009266;color: #fff;padding: 3px 4px;font-size: 12px;border-radius: 2px;}
.card .fa-plus{display: none; }
.card .collapsed .fa-minus{display: none}
.card .collapsed .fa-plus{display: block;}

.list-feedback .card .panel-title a {
    position: relative;
    padding-left: 40px;
    display:block;
}
.list-faq.list-feedback .panel-title > a{color: #000}
.list-faq.list-feedback .panel-title > a.collapsed{color: #444; text-transform: none}
.list-faq.list-feedback .panel-heading {
    background-color: #fff;
    padding: 12px 10px 12px 10px;
}
.list-faq.list-feedback{margin-bottom: 20px}
.updateprofile{margin-bottom: 40px;}
.mess{position: relative}
.mess .close {
    position: absolute;
    right: 2px;
    top: -13px;
    z-index: 9;
    color: #000;
}
.mess .box-btn{text-align: center;}
.detail-content .intro{font-weight: bold; }
.detail-content .fulltext img{max-width: 100% !important; height: auto;}
.color-txt{color: #d43f3a}

.list.table p{margin-bottom:3px;}
.cart-number{
	position: absolute;
	right: -12px;
	padding: 0px 3px;
	border-radius: 8px;
	top: -10px;
	background-color: #e84d3d;
}
.box_register{background-color: #fff; margin: 45px 0px;}

.box_register .title {
    font-size: 20px;
}
#site-body .register .form-group {
    overflow: hidden;
    position: relative;
}
.btn_submit i {font-size: 16px; margin-right: 5px;}
.box_option .forget_pass {
    color: #ff3030 !important;
    font-size: 13px !important;
    padding: 0px !important;
}
.box_option label {font-weight: normal; font-size: 13px;}
.box_login_social {
    background: #f4f3f3;
    padding-top: 28px;
    height: 268px;
    padding-bottom: 15px;
}
/*.frm_login {padding: 28px 0px 40px 30px;}*/

#site-body .register .right {
    background: url(../../../images/bg/bg-login.png) left center no-repeat;
    min-height: 500px;
}
#site-body .register .left {
    /* border: 1px solid #007CC2; */
    /*width: 450px;*/
    /* padding-left: 30px; */
    /* padding-top: 20px; */
}
#site-body .register .left .title {
    margin: 0px 0px 15px 0px;
    padding: 10px 0px 10px 0px;
    text-transform: uppercase;
    color: #004f9e;
    font-weight: bold;
    clear: both;
    font-size: 22px;
}
#site-body .register .left .title span {color: #000;}
#site-body .register .left .btn_facebook{
    width: 100%;
    border-radius: 0px;
    margin-right: 15px;
    padding: 0px;
    height: 40px;
    background: #415E9C;
    margin-bottom: 15px;
}
#site-body .register .left .social_register {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

#site-body .register .left .line {
    position: relative;
    margin: 15px 0px 15px 0px;
    text-align: center;
}

#site-body .register .form-control {
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    height: 34px;
    padding-left: 30px;
    margin-bottom: 0px;
}
#site-body .register .fa_user {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #999999;
}
#site-body .register .form-group {
    overflow: hidden; position: relative;
}

#site-body .register .left .fa_fb {
    /*float: left;*/
    background: #3a5795;
    float: left;
    /*background: #cf4536;*/
    height: 38px;
    width: 38px;
    padding: 9px 0px 0px 0px;
    font-size: 20px;
}
#site-body .register .btn_submit {
    background: #007CC2;
    color: #FFF;
    text-shadow: none;
    width: 100%;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 10px 0px;
}

#site-body .register .left .btn_google{
    width: 100%;
    border-radius: 0px;
    margin-right: 15px;
    padding: 0px;
    background: #e64c3c;
    height: 40px;
    border-color: #e64c3c;
}

#site-body .register .left .fa_gl {
    float: left;
    background: #cf4536;
    height: 38px;
    width: 38px;
    padding: 9px 0px 0px 0px;
    font-size: 20px;
}
#site-body .register .left a {
    color: #fff;
    float: left;
    padding: 9px 0px 0px 10px;
    font-size: 16px;
    font-family: arial;
}
#site-body .register .forgotPass {
    margin: 10px 0px 0px 0px;
    overflow: hidden;font-size: 13px;
}
#site-body .register .forgotPass a {
    color: #ff3030;font-size: 13px;float: none;
}

/*profile*/
.changepass .title {
    color: #007CC2;
    text-transform: uppercase;
    text-align: center;
}
.changepass .form-group {
    overflow: hidden;
}
.changepass .thumb .img_user {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}
.changepass .left .title {
    margin:15px 0px;padding:5px 10px;background:rgb(0, 124, 194);font-size:16px;text-transform:uppercase;color:#fff;
}
.changepass .content {
    padding: 5px 5px 20px 5px;
}
.changepass .left .list{
    padding: 0px 0px 0px 15px;
}
.changepass .left .list .count {
    background: red;
    font-size: 12px;
    color: #fff;
    padding: 0px 8px;
}
.changepass .left .list li {
    padding: 5px;
}
.changepass .left .fa_user {
    margin-right: 10px;
}
.changepass .right .title {
    margin: 25px 0px 30px 0px;
    color: rgb(0, 124, 194);
    text-transform: uppercase;
    font-weight: 300;
}

.updateprofile .user_note {
    font-size: 12px;
    color: #222;
}