/*
*
*/
@font-face {
   font-family: 'Roboto Regular', sans-serif;
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/roboto/Roboto-Regular.ttf');
}
@font-face {
   font-family: 'Roboto Medium';
   font-style: normal;
   font-weight: 400;
   src: url('../fonts/roboto/Roboto-Medium.ttf');
}
@font-face {
   font-family: 'Roboto Bold';
   font-style: italic;
   font-weight: 500;
   src: url('../fonts/roboto/Roboto-Bold.ttf');
}
@font-face {
   font-family: 'Roboto BoldItalic';
   font-style: normal;
   font-weight: 500;
   src: url('../fonts/roboto/Roboto-BoldItalic.ttf');
}
@font-face {
   font-family: 'Roboto Light';
   font-weight: 100;
   font-style: normal;
   src: url('../fonts/roboto/Roboto-Light.ttf');
}
@font-face {
   font-family: 'Roboto LightItalic';
   font-weight: 100;
   font-style: italic;
   src: url('../fonts/roboto/Roboto-LightItalic.ttf');
}
@font-face {
   font-family: 'Roboto ThinItalic';
   font-weight: 100;
   font-style: italic;
   src: url('../fonts/roboto/Roboto-ThinItalic.ttf');
}

body{
   font-family: 'Roboto Regular', "Helvetica Neue",Helvetica,Arial,sans-serif;
   color: #4d4d4d;
}
/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
   font-family: 'Roboto Regular';
}*/
section, header, footer{
   /*max-width: 1336px;*/
   width: 100%;
   margin: 0 auto;
   padding: 0;
}
section{
   padding: 40px 0;
}
section#header {
   padding: 0px;
}
.list-orders-active a{
   color:#D9534F !important;
}
.text-yellow{
   color: #f0ad4e;
}
/*.text-yellow sup{
   color: #ffffff;
}*/
.noti-icon{
   font-size: 18px;
}
.nav > li > a:focus{
   background-color: transparent;
}
.navbar-static-top{
   z-index: 99;
}
.navbar-none{
   display: none;
}
#head .navbar-none{
   display: block;
}
.text-color-res{
   color: #143980;
}
#head .text-color-res{
   color: #ffffff;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
   background-color: #827F7F;
}
.btn-default:hover{
   background-color: transparent;
   border-color: transparent;
}
.bg-white{
   background-color: #ffffff;
   color: #4d4d4d;
   border-color: #ffffff;
}
.bg-gray{
   background-color: #4d4d4d;
   color: #ffffff;
   border-color: #4d4d4d;
}
.btn.bg-gray:hover{
   color: #ffffff;
   border-color: #444242;
   background-color: #444242;
}
.bg-blue{
   background-color: #1d98b8;
   color: #ffffff;
   border-color: #1d98b8;
}
.btn.bg-blue:hover{
   background-color: #0F306F;
   border-color: #0F306F;
}
.bg-light{
   background-color: #e5e5e5;
   border-color: #e5e5e5;
}
.bg-light-1{
   /*background-color: #e5e5e5;*/
   /*border-color: #e5e5e5;*/
}
.bg-red{
   background-color: #d93833;
   border-color: #d93833;
}
.btn.bg-red:hover{
   background-color: #c9320c;
   border-color: #c9320c;
}
.bg-blue-1{
   background-color: #337ab7;
   color: #ffffff;
   border: none;
}
.btn.bg-blue-1:hover{
   background-color: #286090;
   color: #ffffff;
   border: none;
}
.btn.bg-detail{
   background-color: #5cb85c;
   color: #ffffff;
   border: none;
}
.btn.bg-detail:hover{
   background-color: #449d44;
   color: #ffffff;
   border: none;
}
.btn.bg-cancel{
   background-color: #d93833;
   color: #ffffff;
   border: none;
}
.btn.bg-cancel:hover{
   background-color: #c9320c;
   color: #ffffff;
   border: none;
}
.text-bold{
   font-family: 'Roboto Bold',"Helvetica Neue",Helvetica,Arial,sans-serif;;
}
.text-regular{
   font-family: 'Roboto Regular',"Helvetica Neue",Helvetica,Arial,sans-serif;;
}
.text-light{
   font-family: 'Roboto Light',"Helvetica Neue",Helvetica,Arial,sans-serif;;
}
.text-b-italic{
   font-family: 'Roboto BoldItalic',"Helvetica Neue",Helvetica,Arial,sans-serif;;
}
.text-l-italic{
   font-family: 'Roboto LightItalic',"Helvetica Neue",Helvetica,Arial,sans-serif;;
}
.text-thin{
   font-family: 'Roboto ThinItalic',"Helvetica Neue",Helvetica,Arial,sans-serif;;
}
.text-white{
   color: #ffffff;
}
.text-black{
   color: #4d4d4d;
}
.text-blue{
   color: #143980;
}
.text-gray{
   color: #747474;
}
.text-14{
   font-size: 14px;
}
.text-uppercase{
   text-transform: uppercase;
}
.text-italic{
   font-style: italic;
}
a.text-white:hover{
   color: #ffffff;
}
#slider,#slider-1{
   padding: 0;
}
#slider img,#slider-1 img{
   display: block;
   width: 100%;
   max-height: 486px;
   margin: 0 auto;
}
.bg-slider-1{
   background: url('../images/bg-slider-1.jpg') repeat-x top left;
}
.bg-slider-2{
   background-color: #005F7C;
}
.bg-slider-3{
   background: url('../images/bg-slider-3.png') no-repeat top left;
   background-size: 100% auto;
}
.bg-slider-4{
   background-color: #00ABC9;
}
#slider .carousel-indicators{
   bottom: 5px;
}
#slider .carousel-indicators li{
   background-color: #757575;
   border-width: 2px;
   width: 13px;
   height: 13px;
}
#slider .carousel-indicators .active{
   background-color: #143980;
   width: 15px;
   height: 15px;
}

.min-height-30{
   min-height: 30px;
}
.min-height-100{
   min-height: 100px;
}
#head{
   padding: 0;
   height: 35px;
   line-height: 35px;
}
#head .navbar{
   margin-bottom: 0;
   min-height: 34px;
}
#head .navbar-nav>li>a{
   padding: 7px 15px;
}
#head .navbar-nav>.active>a, #head .navbar-nav>.active>a:hover, #head .navbar-nav>li>a:hover{
   background-color: transparent;
   color: #EAEAEA;
}
.bs-docs-nav .navbar-header .navbar-toggle{
   border-color: #ffffff;
}
.bs-docs-nav .navbar-toggle .icon-bar{
   background-color: #143980;
}
#menu{
   margin-bottom: 0;
   padding-top: 25px;
   border-bottom-width: 0;
}
#menu .navbar-nav>li{
   padding: 0px 15px;
}
#menu .navbar-nav>li>a{
}
#menu .navbar-brand{
   padding: 0 15px;
   margin-top: -10px;
}
.bs-docs-nav .navbar-brand, .bs-docs-nav .navbar-nav>li>a{
}
.bs-docs-nav .navbar-nav>.active>a, .bs-docs-nav .navbar-nav>.active>a:hover, .bs-docs-nav .navbar-nav>li>a:hover{
   color: #081733;
   border-bottom: 5px solid #143980 !important;
   background-color: transparent;
}
.bd-none>tbody>tr>td, .bd-none>tbody>tr>th, .bd-none>tfoot>tr>td, .bd-none>tfoot>tr>th, .bd-none>thead>tr>td, .bd-none>thead>tr>th{
   border: none;
}
.pd-5>tbody>tr>td, .pd-5>tbody>tr>th, .pd-5>tfoot>tr>td, .pd-5>tfoot>tr>th, .pd-5>thead>tr>td, .pd-5>thead>tr>th{
   padding: 5px;
   line-height: 1em;
}
.pd-top-10{
   padding-top: 10px;
}
.pd-top-20{
   padding-top: 20px;
}
.pd-top-30{
   padding-top: 30px;
}
.pd-top-40{
   padding-top: 40px;
}
.mg-top-0{
   margin-top: 0;
}
.mg-bottom-0{
   margin-bottom: 0px;
}
.mg-bottom-5{
   margin-bottom: 5px;
}
.mg-bottom-10{
   margin-bottom: 10px;
}
.mg-bottom-15{
   margin-bottom: 15px;
}
.mg-bottom-20{
   margin-bottom: 20px;
}
.mg-bottom-30{
   margin-bottom: 30px;
}
.mg-bottom-40{
   margin-bottom: 40px;
}
.mg-right-10{
   margin-right: 10px;
}
.mg-right-5{
   margin-right: 5px;
}
.mg-right-20{
   margin-right: 20px;
}
.mg-right-30{
   margin-right: 30px;
}
.mg-right-35{
   margin-right: 35px;
}
.mg-top-10{
   margin-top: 10px;
   display: block;
}
.mg-top-5{
   margin-top: 5px;
   display: block;
}
.mg-top-4{
   margin-top: 4px;
}
.mg-top-20{
   margin-top: 20px;
}
.mg-top-30{
   margin-top: 30px;
}
.mg-top-40{
   margin-top: 40px;
}
.bd-top-1{
   border-top: 1px solid #ffffff;
}
.h-60{
   min-height: 60px;
   max-height: 60px;
   height: 100%;
}
.mg-left-10{
   margin-left: 10px;
}
.mg-left-15{
   margin-left: 15px;
}
.mg-left-20{
   margin-left: 20px;
}
.mg-left-30{
   margin-left: 30px;
}
.pd-right-30{
   padding-right: 30px;
}
.pd-right-70{
   padding-right: 70px;
}
.pd-right-90{
   padding-right: 90px;
}

.bd-radius-none{
   border-radius: 0;
}
.bs-docs-footer-links{
   margin: 0;
   padding: 0;
}
.bs-docs-footer-links li{
   display: inline-block;
   margin-right: 15px;
}
.w-65{
   width: 65%;
}
/*.bs-docs-footer-links li+li{
   margin-left: 15px;
}*/
.bs-docs-footer-links .active a{
   font-family: "Roboto Bold","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.bs-docs-footer-links .active a:hover{

}
.bs-docs-footer-links .active a,.bs-docs-footer-links a:hover{
   color: #143980;

}
.fa-source, .fa-order, .fa-transport, .fa-management, .fa-1, .fa-2, .fa-3, .fa-4{
   background-image: url('../images/services.png');
   background-repeat: no-repeat;
}
.fa-source, .fa-1{
   background-position: 3px center;
}
.fa-order, .fa-2{
   background-position: -90px center;
}
.fa-transport, .fa-3{
   background-position: -192px center;
}
.fa-management, .fa-4{
   background-position: -285px center;
}
#support{
   padding-bottom:10px;
}
#support .img-responsive{
   height: 60px;
   width: 85px;
   display: inline-block;
}
#support .btn, #help .btn{
   padding: 8px 30px;
}
.box-content{
   padding: 15px 0;
   margin: 10px 0  10px 15px;
}
.img-icon{
   width: 61px;
   height: 61px;
   background-color: #1d98b8;
   position: absolute;
   transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
}
.text-none, .text-none a{
   text-decoration: none;
}
.text-box{
   background-color: #eaeaea;
   margin-left: 30px;
   margin-top: 5px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 55px;
}
.text-box span{
   display: block;
   height: 50px;
   line-height: 50px;
}
.fa-why-1, .fa-why-2, .fa-why-3, .fa-why-4, .fa-why-5, .fa-why-6{
   background-image: url('../images/why-us.png');
   background-repeat: no-repeat;
   width: 50px;
   height: 50px;
   transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
}
.fa-why-1{
   background-position: 7px top;
}
.fa-why-2{
   background-position: -42px top;
}
.fa-why-3{
   background-position: 7px center;
}
.fa-why-4{
   background-position: -42px center;
}
.fa-why-5{
   background-position: 7px bottom;
}
.fa-why-6{
   background-position: -42px bottom;
}
.line-height-1{
   height: 100%;
}
#search a.btn-default{
   margin: 20px 12px 20px 0;
   padding: 15px 75px;
}
#search a.btn-default+a{
   margin: 20px 0px 20px 12px;
   padding: 15px 70px;
}
#createWeb a.btn-default{
   border-radius: 0;
   padding: 5px 20px;
}
#createOrder a.btn-default{
   border-radius: 0;
   padding: 8px 20px;
}
.bd-bt-bg{
   display: inline-block;
   padding-bottom: 8px;
   font-weight: bold;
}
.bd-bt-1{
   border-bottom: 1px solid #ddd;
}
.support-block{
   min-height: 140px;
}
.extentsion{;
}
.extentsion:hover{
   background-color: #E2E1E1;
}
.extentsion h5{
   margin: 0;
   margin-bottom: 5px;
}
.extentsion h6{
   margin: 0;
}
.extentsion a{
   text-decoration: none;
   color: #757575;
}
.extentsion div{
   display: inline-block;
}
.ext-icon{
   padding: 0px 15px 0 10px;
   border-right: 2px solid #d7d7d7;
}
.ext-icon img{
}
.ext-text{
   padding: 0px 10px 0 15px;
}
#search-menu{
   padding: 10px 0;
}
#web-order{}
#web-order img{
   margin: 0 auto;
   margin-bottom: 15px;
}
.ft-box-1{
   padding-right: 65px;
}
.ft-box-2{
   padding-left: 50px;
   padding-right: 35px;
}
.ft-box-3{
}
.thumb{}
.thumb img{
   -moz-transition: all 0.7s ease;
   -o-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
   transition: all 0.7s ease;
}
.thumb:hover img{
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}
#breadcrumb{}
.breadcrumb{
   border: none;
   background-color: transparent;
   margin: 0;
   padding-left: 0;
}
#breadcrumb .breadcrumb>.active{
   color: #ffffff;
}
.breadcrumb li, .breadcrumb a{
   font-size: 12px;
}
#doc-order h5{
   font-size: 13px;
}
.bg-fafafa{
   background-color: #fafafa;
}
#about, #services, #doc-order, #doc-item, #price-1, #contact-1{
   background-color: #ffffff;
}
.about-thumb{
   display: inline-block;
   width: 172px;
   height: 172px;
}
.about-thumb img{
   border: 2px solid #e6e7e7;
   padding: 2px;
   box-shadow: 0px 1px 1px rgba(142, 146, 146, 0.25);
   width: 100%;
   height: auto;
}
#help .about-thumb{
   background-color: #ffffff;
   border-radius: 50%;
   padding: 2px;
}
#help .about-thumb img{
   border-width: 2px;
   height: 100%;
}
.services-thumb{
   display: inline-block;
   width: 115px;
   height: 115px;
}
.services-thumb img{
   width: 100%;
   height: auto;
}
.min-h-30{
   min-height: 30px;
}
.line-height-22{
   line-height: 22px;
}
/* start scroll to top */
.scrollToTop{
   width: 50px;
   height: 50px;
   padding: 10px;
   text-align: center;
   background: whiteSmoke;
   font-weight: bold;
   color: #444;
   text-decoration: none;
   position: fixed;
   bottom: 35px;
   right: 20px;
   display: none;
   background: url('../images/arrow-up.png') no-repeat center center;
}
.scrollToTop:hover{
   text-decoration: none;
   opacity: 0.9;
}
.doc-thumb img{
   display: inline-block;
}
.order-thumb{
   background-color: transparent;
   border-radius: 0;
   border-width: 0;
   width: 177px;
   height: 177px;
   box-shadow: none;
   margin: 0 auto;
}
.order-thumb img{
   /*border: 2px solid #e6e7e7;*/
   padding: 2px;
   /*box-shadow: 0px 1px 1px rgba(142, 146, 146, 0.25);*/
   width: 100%;
   height: auto;
}
#help .about-thumb{
   width: 150px;
   height: 150px;
   -moz-transition: all 0.7s ease;
   -o-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
   transition: all 0.7s ease;
}
#help .about-thumb:hover{
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}
.face-icon{
   height: 36px;
   line-height: 36px;
   width: 36px;
   display: inline-block;
   border: 1px solid #ffffff;
   background-color: #ffffff;
   text-align: center;
}
.face-icon:hover{
   opacity: 0.5;
}
.dp-inline{
   display: inline-block;
}
.dp-none{
   display: none;
}
.li-tab{
   display: inline-block;
   height: 10px;
   width: 10px;
   margin-right: 10px;
   background: url('../images/li-2.png') no-repeat center center;
}
.collapsed .li-tab{
   background: url('../images/li-1.png') no-repeat center center;
}
#price-1 .panel{
   border: none;
   box-shadow: none;
}
#price-1 .panel-default>.panel-heading{
   background-color: transparent;
   border: none;
   padding-left: 0;
   padding-right: 0;
}
#price-1 .panel-default>.panel-heading+.panel-collapse>.panel-body{
   border: none;
}
.bd-t-red{
   border-top: 1px solid #d93833;
}
.bd-bt-red{
   border-bottom: 1px solid #d93833;
}
.bd-w-3{
   border-width: 3px;
}
.fa-arrow-right-1{
   width: 11px;
   height: 8px;
   background: url('../images/arrow-right-2.png') no-repeat center center;
}
.news-1 > a{
   text-decoration: none;
   display: inline-block;
   float: left;

}
.news-1 > a+a{
   float: right;
}
.news-1 a:hover{
   opacity: 0.5;
   text-decoration: none;
}
.pagination>li>a, .pagination>li>span{
   border: none;
   color: #4d4d4d;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
   background-color: transparent;
   color: #143980;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
   color: #143980;
}
.fa-face-share{
   height: 22px;
   width: 80px;
   display: inline-block;
   background: url('../images/face-share-1.png') no-repeat center center;
}
.face-share{
   text-decoration: none;
}
.face-share:hover{
   opacity: 0.5;
}
#post-detail{}
#post-detail div p{
   font-size: 14px !important;
   color: #4d4d4d !important;
}
#post-detail div p em{
   font-style: normal !important;
}
#post-detail img{
   display: inline-block;
   text-align: center;
   max-width: 100%;
}
.text-normal{
   font-weight: normal;
}
.text-red, #global-count-unread{
   color: #d43f3a;
}
.alert-consign{
   background-color: #fff0e5;
   color: #7d624f;
   border-color: #fedec7;
}
.input-group-addon-1{
   display: table-cell;
   padding: 6px 12px;
   width: 1%;
   vertical-align: middle;
}
#createConsign .btn{
   border-width: 0;
   padding: 8px 20px;
}
/*------------*/
.breadcrumb-1 {
   list-style: none;
   overflow: hidden;
   padding-left: 0;
}
.breadcrumb-1 li {
   float: left;
   margin-bottom: 15px;
}
.breadcrumb-1 li a {
   color: #4c4c4c;
   text-decoration: none;
   padding: 0px 15px 0px 15px;
   background: brown;                   /* fallback color */
   /*background: hsla(34,85%,35%,1); */
   background-color: #f3f3f3;
   position: relative;
   display: block;
   float: left;
   max-height: 60px;
   border: 1px solid #e0e0e0;
   border-right: none;
   width: 100%;
}
.breadcrumb-1 li.active a{
   color: #ffffff !important;
   background-color: #143980 !important;
}
.breadcrumb-1 li a:after {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 30px solid transparent;           /* Go big on the size, and let overflow hide */
   border-bottom: 30px solid transparent;
   border-left: 15px solid hsla(34,85%,35%,1);
   border-left-color: #f3f3f3;
   position: absolute;
   top: 50%;
   margin-top: -30px;
   left: 100%;
   z-index: 2;
}
.breadcrumb-1 li.active a:after{
   border-left-color: #143980 !important;
}

.breadcrumb-1 li a:before {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 30px solid transparent;
   border-bottom: 30px solid transparent;
   border-left: 15px solid #e0e0e0;
   position: absolute;
   top: 50%;
   margin-top: -30px;
   margin-left: 1px;
   left: 100%;
   z-index: 1;
}

.breadcrumb-1 li:first-child a {
   padding-left: 0px;
}
/*.breadcrumb-1 li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
.breadcrumb-1 li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
.breadcrumb-1 li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
.breadcrumb-1 li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
.breadcrumb-1 li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
.breadcrumb-1 li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadcrumb-1 li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadcrumb-1 li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }*/
/*.breadcrumb-1 li:last-child a {
   background: transparent !important;
   color: black;
   pointer-events: none;
   cursor: default;
}*/
.breadcrumb-1 li a:hover { /*background: hsla(34,85%,25%,1);*/background-color: #143980; color: #ffffff; }
.breadcrumb-1 li a:hover:after { /*border-left-color: hsla(34,85%,25%,1) !important;*/ border-left-color: #143980;  }
.breadcrumb-1 .col-sm-3{
   padding: 0;
   width: 22.3334%;
}
.breadcrumb-1 .col-sm-3:first-child{
   padding-right: 0;
}
.breadcrumb-1 .col-sm-3:nth-child(2){
   width: 25.3334%;
}
.breadcrumb-1 .col-sm-3:nth-child(3){
   width: 28.3334%;
}
.breadcrumb-1 .col-sm-3:nth-child(4){}
.breadcrumb-1 .col-sm-3{
   padding: 0;
   width: 22.3334%;
}
.breadcrumb-1 .col-sm-4:first-child{
   padding-right: 0;
}
.breadcrumb-1 .col-sm-4:nth-child(2){
   width: 33.3333%;
}
.breadcrumb-1 .col-sm-4:nth-child(3){
   width: 32.3333%;
}
.breadcrumb-1 .col-sm-4:nth-child(4){}
.breadcrumb-1 .col-sm-4{
   padding: 0;
   width: 32.3333%;
}
.step-box{
   clear: both;
   display: inline-block;
}
.step-number, .step-text{
   float: left;
   padding: 0 5px;
}
.step-text{
   font-size: 12px;
   margin-top: 10px;
}
.step-text>.text-uppercase{
   font-size: 14px;
   display: block;
   margin-bottom:3px;
}
.step-text>.text-italic{
   display: block;
}
.text-number{
   font-size: 45px;
   padding-left: 15px;
}
.dp-table{

}
.dp-table dd, .dp-table dt{
   display: inline-table;
   text-align: left;
}
#order_box .dp-table dd, #order_box .dp-table dt{
   width: 48%;
}
.dp-table dd+dd, .dp-table dt+dd{
   text-align: right;
}
.table-cart input{
   border: 1px solid #e6e6e6;
   border-radius: 5px;
   padding-bottom: 4px;
   padding-top: 4px;
}
.table.table-cart>tbody>tr>td{
   border-width: 0;
}
.table.table-cart>thead>tr>th{
   border-width: 0;
}
.table.table-cart.panel{
   border-collapse: inherit;
}

/*-------------*/
.progress{
   height: 15px;
   background-color: #e0e0e0;
   border-radius: 10px;
}
.progress-bar{
   line-height: 16px;
}
.mg-bt-5{
   margin-bottom: 5px;
}
.pd-bt-5{
   padding-bottom: 5px;
}
.pd-bt-15{
   padding-bottom: 15px;
}
.pd-t-15{
   padding-top: 15px;
}
#avatar h4, #avatar h6, #avatar p{
   margin-top: 0;
   margin-bottom: 5px;
}
#avatar .progress{
   margin-bottom: 0;
}
#avatar span.bg-red{
   padding: 2px 5px;
}
.sup-red{
   padding: 2px 6px;
   background-color: #d93833;
   border-color: #d93833;
   color: #ffffff;
}
.bd-radius-5{
   border-radius: 5px;
}
.bd-radius-10{
   border-radius: 10px;
}
.bd-radius-15{
   border-radius: 15px;
}
.input-mini{
   width: 6em;
}
#cart .btn{
   padding: 3px 5px;
}
.remove-item{

}
.text-none{
   display: none;
}

/*------------------*/
.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }
/*-----------------*/
.checkbox {
    padding-left: 20px; }
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.checkbox label::before {
   display: none !important;
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"] {
    opacity: 1; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff; }

/*------------------*/
.bill-menu{
   background: url('../images/bill-1.png') no-repeat top left;
   background-size: 15px 19px;
}
.text-underline{
   text-decoration: underline;
}
.font-size-9{
   font-size: 9px;
}
.font-size-11{
   font-size: 11px;
}
.font-size-18{
   font-size: 18px;
}
.font-size-16{
   font-size: 16px;
}
.font-size-14{
   font-size: 14px;
}
.line-height-12{
   line-height: 12px;
}
.mygrid-wrapper-div {
   overflow-x: hidden;
   overflow-y: scroll;
   height: 60%;
   width: 90%;
   position: absolute;
}
.cart-thumb{
}
.cart-thumb >a>img{
   width: 114px;
}
.container-repeat{
   margin-bottom: 15px;
   border-bottom: 2px solid #143980;
}
.container-repeat:last-child{
   border-bottom-width: 0;
}
#cart .tooltip{
   top: 20px;
   left: 20px;
}
#cart .tooltip.right .tooltip-arrow{
   border-right-color: transparent;
}
#cart .tooltip-inner{
   /*background-color: transparent;
   color: #8a6d3b;*/
}
#cart .tooltip-inner span{
   margin-right: 5px;
}
#cart .tooltip-inner span{
   margin-top: -3px;
}
.od-loading{
   top: 35%;
   left: 40%;
   /*display: block;*/
}
#modal1.od-loading img{
   height: 50px;
   width: 50px;
}
#modal2{
   /*display: block;*/
   top: 30%;
}
.line-height-40{
   line-height: 40px;
}
.pd-t-b-5{
   padding-top: 5px;
   padding-bottom: 5px;
}
.pd-t-b-10{
   padding-top: 10px;
   padding-bottom: 10px;
}
.pd-t-b-15{
   padding-top: 15px;
   padding-bottom: 15px;
}
.bg-f9f9f9{
   background-color: #f9f9f9;
}
.bg-d9edf7{
   background-color: #D9EDF7;
}
.cartAlertMessage{
   position: absolute;
   top: 0;
   left: 50%;
}
.data-extension .checkbox{
   padding-left: 20px;
   margin: 5px 0;
}
.data-extension .selectbox, .data-extension .time_order_shop{
   margin: 5px 0;
}
.data-extension .is_check, .data-extension .is_wood{
   display: inline-block;
}
.data-extension .is_wood{
   float: right;
}
.icon-animated-vertical{
   -moz-animation: vertical 2s 5 ease 2s;
   -webkit-animation: vertical 2s 5 ease 2s;
   -o-animation: vertical 2s 5 ease 2s;
   -ms-animation: vertical 2s 5 ease 2s;
   animation: vertical 2s 5 ease 2s;
}
.icon-animated-bell{
   display: inline-block;
   -moz-animation: ringing 2s 5 ease 1s;
   -webkit-animation: ringing 2s 5 ease 1s;
   -o-animation: ringing 2s 5 ease 1s;
   -ms-animation: ringing 2s 5 ease 1s;
   animation: ringing 2s 5 ease 1s;
   -moz-transform-origin: 41% 0;
   -webkit-transform-origin: 41% 0;
   -o-transform-origin: 41% 0;
   -ms-transform-origin: 41% 0;
   transform-origin: 41% 0;
}
/* ring bell */
@-webkit-keyframes ringing {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ringing {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ringing {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

/* vertical */

@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  6% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  12% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  18% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  24% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  30% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  36% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes vertical {
  0% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  6% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  12% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  18% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  24% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  30% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  36% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}
.panel-default>.bg-eee7b6,.bg-eee7b6{
   background-color: #eee7b6;
   border-color: #eee7b6;
}
.bg-fffcd7{
   background-color: #fffcd7;
   border-color: #fffcd7;
}
.shop-link img{
   width: 114px;
}
/*
.bg-map-1{
   position: relative;
   z-index: 999;
   min-height: 316px;
   max-width: 550px;
   background: url('../images/bg-map-1.png') no-repeat top center;
   background-size: cover;
}
.bg-map-2{
   position: relative;
   z-index: 999;
   min-height: 316px;
   max-width: 550px;
   background: url('../images/bg-map-1.png') no-repeat top center;
   background-size: cover;
}
*/
/* end scroll to top */
/* start responsive */
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 767px) {
   .navbar-none{
      display: block;
   }
   #search a.btn-default+a{
      margin-left: 0px;
      margin-right: 15px;
      margin-top: 7px;
   }
   #doc-order .col-sm-2.mg-right-35{
      margin-right: 0;
   }
}
@media screen and (min-width: 600px) and (max-width: 800px) {
   #search a.btn-default+a{
      margin-left: 0px;
      margin-right: 15px;
      margin-top: 20px;
   }
   #doc-order .col-sm-2.mg-right-35{
      margin-right: 0;
   }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {

}
@media all and (transform-3d), (-webkit-transform-3d) {

}
@media (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 991px) {
   #search a.btn-default+a{
      margin-left: 0px;
      margin-right: 15px;
      margin-top: 7px;
   }
   #doc-order .col-sm-2.mg-right-35{
      margin-right: 20px;
   }
   .order-thumb img{
      width: 70%;
   }
}
@media (min-width: 992px) and (max-width: 1199px) {
   #search a.btn-default+a{
      margin-left: 0px;
      margin-right: 15px;
      margin-top: 7px;
   }
   #doc-order .col-sm-2.mg-right-35{
      margin-right: 20px;
   }
   .order-thumb img{
      width: 100%;
   }

}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
   .navbar-none{
      display: block;
   }
}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
   .navbar-none{
      display: block;
   }
   .line-height-1{
      line-height: 1.5em !important;
   }
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
   .navbar-none{
      display: block;
   }

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
   .navbar-none{
      display: block;
   }
   #slider .carousel-indicators{
      bottom: -10px;
   }
   #slider .carousel-indicators li{
      width: 8px;
      height: 8px;
      border-width: 1px;
   }
   #slider .carousel-indicators .active{
      width: 10px;
      height: 10px;
   }
   #search a.btn-default{
      margin-bottom: 8px;
      margin-left: 0px;
      margin-right: 15px;
   }
   #search a.btn-default+a{
      margin-left: 0px;
      margin-right: 15px;
      margin-top: 7px;
   }
   #menu{
      padding-top: 10px;
      padding-bottom: 10px;
   }
   .h-60{
      height: 50%;
      min-height:30px;
   }
   .ft-box-1{
      padding-right: 15px;
   }
   .ft-box-2{
      padding-left: 15px;
      padding-right: 15px;
   }
   .dropdown-menu>li>a{
      white-space: normal;
   }
   /*-----*/
   .breadcrumb-1 .col-sm-3{
      padding: 0;
      width: 94%;
   }
   .breadcrumb-1 .col-sm-3:first-child{
      padding-right: 0;
   }
   .breadcrumb-1 .col-sm-3:nth-child(2){
      width: 94%;
   }
   .breadcrumb-1 .col-sm-3:nth-child(3){
      width: 95%;
   }
   .breadcrumb-1 .col-sm-3:nth-child(4){}
   .breadcrumb-1 li a{
      padding-left: 0px;
   }
   .text-number{
      padding-left: 0;
   }
   /*-----*/
   .text-none{
      display: inline-block;
   }
   .text-quantity{
      text-align: left;
      margin-bottom: 10px;
   }
   #doc-order .col-sm-2.mg-right-35{
      margin-right: 0;
   }
}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
   .navbar-none{
      display: block;
   }
   .line-height-1{
      line-height: 1.5em !important;
   }
   .support-block{
      min-height: 100px;
   }
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
   .navbar-none{
      display: block;
   }
   .support-block{
      min-height: 60px;
   }
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
   .navbar-none{
      display: block;
   }
   .ft-box-1{
      padding-right: 15px;
   }
   .ft-box-2{
      padding-left: 15px;
      padding-right: 15px;
   }
   .h-60{
      min-height: 30px;
   }
   /*-----*/
   .breadcrumb-1 .col-sm-3{
      padding: 0;
      width: 94%;
   }
   .breadcrumb-1 .col-sm-3:first-child{
      padding-right: 0;
   }
   .breadcrumb-1 .col-sm-3:nth-child(2){
      width: 94%;
   }
   .breadcrumb-1 .col-sm-3:nth-child(3){
      width: 95%;
   }
   .breadcrumb-1 .col-sm-3:nth-child(4){}
   .breadcrumb-1 li a{
      padding-left: 0px;
   }
   .text-number{
      padding-left: 0;
   }
   /*-----*/
   .text-none{
      display: inline-block;
   }
   .text-quantity{
      text-align: left;
      margin-bottom: 10px;
   }
   #doc-order .col-sm-2.mg-right-35{
      margin-right: 0;
   }
}

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
   .dropdown-menu>li>a{
      white-space: normal;
   }
}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
   .support-block{
      min-height: 60px;
   }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {
   .navbar-none{
      display: block;
   }
   .ft-box-1{
      padding-right: 15px;
   }
   .ft-box-2{
      padding-left: 15px;
      padding-right: 15px;
   }
   .h-60{
      min-height: 30px;
   }
   /*-----*/
   .breadcrumb-1 .col-sm-3{
      padding: 0;
      width: 94%;
   }
   .breadcrumb-1 .col-sm-3:first-child{
      padding-right: 0;
   }
   .breadcrumb-1 .col-sm-3:nth-child(2){
      width: 94%;
   }
   .breadcrumb-1 .col-sm-3:nth-child(3){
      width: 95%;
   }
   .breadcrumb-1 .col-sm-3:nth-child(4){}
   .breadcrumb-1 li a{
      padding-left: 0px;
   }
   .text-number{
      padding-left: 0;
   }
   /*-----*/
   .text-none{
      display: inline-block;
   }
   .text-quantity{
      text-align: left;
      margin-bottom: 10px;
   }
}

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
   .dropdown-menu>li>a{
      white-space: normal;
   }
}

/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
   .support-block{
      min-height: 60px;
   }
}

/*=======================================*/
/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
   #search a.btn-default{
      margin-bottom: 8px;
      margin-left: 0px;
      margin-right: 15px;
   }
   #search a.btn-default+a{
      margin-left: 0px;
      margin-right: 15px;
      margin-top: 7px;
   }
   .ft-box-1{
      padding-right: 15px;
   }
   .ft-box-2{
      padding-left: 15px;
      padding-right: 15px;
   }
   /*-----*/
   .breadcrumb-1 .col-sm-3{
      padding: 0;
      width: 94%;
   }
   .breadcrumb-1 .col-sm-3:first-child{
      padding-right: 0;
   }
   .breadcrumb-1 .col-sm-3:nth-child(2){
      width: 94%;
   }
   .breadcrumb-1 .col-sm-3:nth-child(3){
      width: 95%;
   }
   .breadcrumb-1 .col-sm-3:nth-child(4){}
   .breadcrumb-1 li a{
      padding-left: 0px;
   }
   .text-number{
      padding-left: 0;
   }
   #doc-order .col-sm-2.mg-right-35{
      margin-right: 20px;
   }
   .order-thumb img{
      width: 70%;
   }
   /*-----*/
}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
   .support-block{
      min-height: 220px;
   }
   #support h5{
      min-height: 30px;
   }

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/*home-manage-guest*/
.page-manage-title{
   text-transform: uppercase;
}
.data-extension{
   background-color: #18286d;
   color: white;
   padding: 15px;
   margin: auto;
   margin-top: 20px;
}
/*phóng ảnh*/
.zoom-img-ogs img{
   width:100%;
   height: 100%
}
.zoom-img{
   background: transparent;
   border: none;
}

/*edit table*/
.view-note.hide {
   display: none;
}
.edit-note {
   opacity   : 0;
   height    : 0px;
   margin-top: -15px;
}
.edit-note.show {
   opacity: 1;
   height: auto;
   margin-top: 0px;
}
.view-field.hide {
   display: none;
}
.edit-field {
   opacity   : 0;
   height    : 0px;
   margin-top: -15px;
}
.edit-field.show {
   opacity: 1;
   height: auto;
   margin-top: 0px;
}
/*end edit table*/

/*chi tiết đơn hàng*/
ul, ol {list-style: none;}
.page-pro-details{
   margin-top: 20px
}
.page-pro-details .container{
   padding: 20px;
}

.title-pro-detail p{
   font-size: 15px;
   font-weight: bold;
}

.cskh-trader{
   position: absolute;
   top: 5px;
   left: 60px;
}
.warehouse{
   padding-left: 10px;
   padding-right: 10px;
}
.warehouse p{
   margin-top: 10px
}
.warehouse span{
   position: absolute;
   top: 77px;
   right: 200px;
   font-size: 25px;
   color: white;
}
.warehouse-vn{
   right:-45px!important;
}
.warehouse .col-md-3{
   background: white;
   padding: 10px;
   border-radius: 0.6em;
   font-weight: bold
}
.detail-road{
   margin-top: 30px
}
.detail-road .col-md-10{
   border-bottom: #283891 solid 2px;
}
.detail-road .col-md-1{
   display: inline-block;
   border-radius: 100px;
   height: 30px;
   width: 20px;
   border: 1px solid #283891;
   margin-top: -15px;
   background-color: #F6F6F6;
}
.o-to img{
   position: absolute;
   top: 70px;
   left: 110px;
}
.ac_status{
   background-color: #e7ebfa!important;
}
.ac_status span{
   color: #e7ebfa!important;
}
.background-statusd{
   background-color: #f3f3f3;
   padding: 5px;
   border-radius: 0.5em;
   height: 80px;
}
.background-statusd p{
   font-weight: bold;
   font-size: 12px;
   text-transform: uppercase;
}
.background-statusd .fa-caret-up{
   position: absolute;
   top: -17px;
   left: 35px;
   font-size: 25px;
   color:#F3F3F3;
}
.time-vn .fa-caret-up{
   left: 60px;
}
.background-statusd .fa-caret-down{
   position: absolute;
   top: 70px;
   left: 70px;
   font-size: 25px;
   color: #F3F3F3;
}
.time-ordering .fa-caret-down{
   left: 60px;
}
.receipt{
   left: 50px!important
}
.active-statusd{
   display: inline-block;
   border-radius: 100px;
   height: 20px;
   width: 20px;
   border: 1px solid #283891;
   margin-top: -10px;
   z-index: 99999;
   background-color: #F6F6F6;
}
.active-status-ordering{
   position: absolute;
   right: 400px;
}
.active-status-tq{
   position: absolute;
   right: 243px;
}
.active-status-vn{
   position: absolute;
   right: 160px;
}
.active-status-deposit{
   position: absolute;
   left: 195px;
}
.active-status-pricing{
   position: absolute;
   left: 190px;
}
/*end page-chi tiết*/

/*show upload ảnh*/
.has-img{
   background-color: transparent;
   border-color: transparent;
   height: 200px;
   margin-top: 15px;
}
.show-upload{
   border: #555 solid 1px;
   padding: 10px;
   height: 190px;
   border-style: dashed;
}
.show-upload img{
   width: 150px;
   height: 150px;
   margin-bottom: 10px;
   margin-left: 10px;
}

.show-upload img:nth-child(2){
   position: absolute;
   top:31%;
   left:25px;
}
.show-upload img:nth-child(3){
   position: absolute;
   top:32%;
   left: 30px;
}
.show-upload img:nth-child(4){
   position: absolute;
   top:33%;
   left: 35px;
}
.show-upload img:nth-child(5){
   position: absolute;
   top:34%;
   left: 40px;
}
.show-upload img:nth-child(6){
   position: absolute;
   top:35%;
   left:45px;
}
.has-img a:nth-child(1){
   margin-left:25px;
}
.has-img a:nth-child(2){
   position: absolute;
   top:12%;
   left:38px;
}
.has-img a:nth-child(3){
   position: absolute;
   top:13%;
   left: 40px;
}
.has-img a:nth-child(4){
   position: absolute;
   top:14%;
   left: 45px;
}
.has-img a:nth-child(5){
   position: absolute;
   top:15%;
   left: 50px;
}
.has-img a:nth-child(6){
   position: absolute;
   top:16%;
   left:55px;
}
/*end show upload*/