@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Medium/Montserrat-Medium.otf')  format('opentype'),
           url('../fonts/Montserrat-Medium/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium/Montserrat-Medium.ttf')  format('truetype'), url('../fonts/Montserrat-Medium/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
@import "../plugin/timeline/timeline.css"; /* ----------- DEFAULT ----------------------------------------------------------------------------- */

@font-face { font-family:'SegoeUI'; src:url('../fonts/SegoeUI/SegoeUI.eot?#iefix') format('embedded-opentype'),url('../fonts/SegoeUI/SegoeUI.woff') format('woff'),url('../fonts/SegoeUI/SegoeUI.ttf')  format('truetype'),url('../fonts/SegoeUI/SegoeUI.svg#SegoeUI') format('svg'); font-weight:normal; font-style:normal; }
@font-face { font-family:'SegoeUI'; src:url('../fonts/SegoeUI-Bold/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/SegoeUI-Bold/SegoeUI-Bold.woff') format('woff'),url('../fonts/SegoeUI-Bold/SegoeUI-Bold.ttf')  format('truetype'),url('../fonts/SegoeUI-Bold/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg'); font-weight:bold; font-style:normal; }
html,body { font-family:'SegoeUI'; font-size:14px; margin:0; padding:0; box-sizing:border-box; }
html { position:relative; }
#main-wrapper[data-layout="vertical"] .topbar nav[data-navbarbg="skin6"] { width: 100%; }
strong,.text-bold { font-weight:bold; }
img { max-width:100%; }
/*  */

.bg-green { background:#79571a; }
.bg-yellow { background:#fdc02f; }
.bg-red { background:#da3749; }
.text-red { color:#2863ff !important; }
.text-blue { color:#e91e63 !important; }
.text-uppercase { text-transform:uppercase; }
.w-100 { width:100%; }
.main-wrapper { border-left:0 solid #4b8fff; border-right:0 solid #4b8fff; }
/* ----------- PRELOADER ----------------------------------------------------------------------------- */

.preloader .loader__label { color: #7e620b; font-size: 30px; }
.preloader .loader__figure { border:0 solid #7e620b; }
/* ----------- FORM ----------------------------------------------------------------------------- */

.title-wapper h5 { font-size:28px; font-weight:bold; color:#1a202c; }
/* ----------- FORM ----------------------------------------------------------------------------- */

.effect-14 { position:relative; background:transparent; z-index:1; }
.effect-14 ~ .focus-bg:before,.effect-14 ~ .focus-bg:after { content:""; position:absolute; left:0; top:0; width:0; height:0; background-color:#fff; transition:0.5s; z-index:0; }
.effect-14 ~ .focus-bg:before { border-top-left-radius:4px; border-bottom-left-radius:4px; }
.effect-14:focus ~ .focus-bg:before { transition:0.5s; width:55%; height:100%; }
.effect-14 ~ .focus-bg:after { left:auto; right:0; top:auto; bottom:0; border-top-right-radius:4px; border-bottom-right-radius:4px; }
.effect-14:focus ~ .focus-bg:after { transition:0.5s; width:55%; height:100%; }
.effect-22 { position:relative; background:transparent; z-index:1; }
.effect-22 ~ .focus-bg { position:absolute; left:0; top:0; width:0; height:100%; background-color:transparent; transition:0.4s; z-index:0; }
.effect-22:focus ~ .focus-bg,.has-content.effect-22 ~ .focus-bg { transition:1s; width:100%; background-color:#ededed; }
.effect-22 ~ label { position:absolute; left:14px; width:100%; top:10px; color:#aaa; transition:0.3s; z-index:-1; letter-spacing:0.5px; }
.effect-22:focus ~ label,.has-content.effect-22 ~ label { top:-18px; left:0; font-size:12px; color:#333; transition:0.3s; }
/* ----------- MENU ----------------------------------------------------------------------------- */

.sidenav { box-shadow:none !important; }
.left-sidebar .sidenav ul > li a { color:#444444; padding-left:25px; }
.left-sidebar .sidenav ul > li a:hover { color:#444444; }
.left-sidebar .sidenav ul > li a .hide-menu { margin-left:15px; font-size:15px; }
/* -----------  */

.left-sidebar { padding-top:20px; background:#fff; }
nav .nav-wrapper ul a { position:relative; }
nav .nav-wrapper ul a:after { position:absolute; content:""; width:100%; height:3px; bottom:0px; left:0; -webkit-transition:all .25s ease; -o-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; }
nav .nav-wrapper ul li li a { border:0 solid #fff !important; }
nav .nav-wrapper ul li li a:after { bottom:0 !important; }
nav .nav-wrapper ul a:hover { background:transparent; }
nav .nav-wrapper ul a:hover:after { background:#7e620b; }
.icon-img-right img { vertical-align:middle; }
/* -------- */

.nav-wrapper .dropdown-content { right:0 !important; left:auto !important; }
.left-sidebar .sidenav ul > li > a { -webkit-transition:all .25s ease; -o-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; position:relative; line-height:48px; }
.left-sidebar .sidenav ul > li.active > a,.left-sidebar .sidenav ul > li:hover > a { -webkit-box-shadow:0 9px 14px rgba(62,57,107,.2); box-shadow:0 9px 14px rgba(62,57,107,.2); background:#fff; border-radius:6px; }
.left-sidebar ul.sidenav { padding-top:10px; text-transform:uppercase; }
.left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li:hover a,.left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li.active a { color:#4b8fff !important; background:transparent !important; box-shadow:none !important; }
.left-sidebar .sidenav ul > li.active li > a,.left-sidebar .sidenav ul > li:hover li > a { background:transparent !important; box-shadow:none !important; }
.left-sidebar .sidenav .icon { display:inline-block; width:20px; height:20px; position:absolute; content:""; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:10px; }
.left-sidebar .sidenav .icon img { height:20px; vertical-align:top; }
.left-sidebar .sidenav ul > li li .hide-menu { margin-left:5px; }
.left-sidebar .sidenav ul > li li .icon { left:0; margin-left:15px; }
.left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li a { padding-left:35px; }
.left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li a:hover { color:#7e620b !important; }
.left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li a .icon {}
/* ----------- ACCOUNT  */

.account-set { position:relative; padding-left:65px; min-height:44px; margin:auto 10px 20px; padding-bottom:0; border-bottom:1px solid #d6d8d7; color:#181818; }
.account-set .avatar { width:65px; left:0; position:absolute; content:""; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.account-set .avatar img { width:44px; height:44px; border-radius:50%; }
.account-set .info { position:relative; overflow:hidden; }
.account-set .info .text { font-size:1.714rem; }
.account-set .info .mail { font-size:0.9286rem; }
/* --- */

.main-wrapper.mini-sidebar .account-set .info { display:none; }
.main-wrapper.mini-sidebar .account-set { padding-left:0; }
/* .main-wrapper.mini-sidebar .account-set .avatar { position:static; }
*/

.main-wrapper.mini-sidebar .left-sidebar .sidenav ul > li li .icon { margin-left:0; }
.main-wrapper.mini-sidebar .brand-logo .text { display:none !important; }
/* ---- */

.main-wrapper.mini-sidebar .left-sidebar:hover { width: 300px !important; -webkit-box-shadow:0 1px 15px 1px rgba(62,57,107,.07); box-shadow:0 1px 15px 1px rgba(62,57,107,.07); }
.main-wrapper.mini-sidebar .left-sidebar:hover .account-set { width:230px; }
.main-wrapper.mini-sidebar .left-sidebar:hover .account-set .info { display:block; }
.main-wrapper.mini-sidebar .left-sidebar:hover .account-set { padding-left:65px; }
.main-wrapper.mini-sidebar .left-sidebar:hover .account-set .avatar { position:absolute; }
.main-wrapper.mini-sidebar .left-sidebar:hover .sidenav ul > li li .icon { margin-left:27px; }
/* ----------- COPY ---------------------------------------------- */

.form-copy-ref { display:inline-block; color:#444444; position:fixed; top:10px; z-index:9999; margin-left:50px; }
.box-copy { line-height:initial; border:1px solid #f7fafc; border-radius:8px; background:#eeeeee; }
.form-copy-ref input { margin:auto !important; padding:0 15px !important; height:40px !important; background:#f7fafc; color:#1a202c; font-size:14px !important; font-style:italic; min-width:409px; box-sizing:border-box !important; border:0 !important; border-radius:8px !important; padding-right:120px !important; }
.form-copy-ref input:focus { box-shadow:none !important; border:1px solid #22c65f !important; }
.box-copy { position:relative; display:inline-block; }
.box-copy button { border-radius:8px; min-width:100px; height:40px; padding:0 10px; color:#fff; position:absolute; top:0; right:0; background:linear-gradient(93.69deg, #f39e40 4.75%, #603506 94.59%); line-height:inherit; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; z-index:1; line-height:40px; }
.box-copy button:hover,.box-copy button.active { background:#6d5b23; }
.box-copy .effect-14 ~ .focus-bg:before,.box-copy .effect-14 ~ .focus-bg:after { background:#fff !important; }
.box-copy .effect-22:focus ~ .focus-bg,.box-copy .has-content.effect-22 ~ .focus-bg { background-color:#fff; }
.form-copy-ref label { font-size:0.8571rem; color:#000000; margin-right:10px; }
.box-copy label { font-size:0.8571rem; color:#000; margin-right:12px; }

@media(max-width:1100px) {
    .form-copy-ref { position:static; padding-left:0; color:#333; margin-bottom:30px; width:100%; display:block; padding:0; margin-left:0; } .form-copy-ref label { display:block; margin-bottom:10px; } 
} 

@media(max-width:767px) {
    .box-copy { display:block; } .form-copy-ref input { min-width:100%; } 
} 
/* ----------- CARD WALLET ----------------------------------------------------------------------------- */

.card { margin:0; border-radius:16px; overflow:hidden; -webkit-transition:all .25s ease; -o-transition:all .25s ease; -moz-transition:all .25s ease; transition:all .25s ease; margin-bottom:20px; }
.card:hover { -webkit-transform:translateY(-4px) scale(1.02); -moz-transform:translateY(-4px) scale(1.02); -ms-transform:translateY(-4px) scale(1.02); -o-transform:translateY(-4px) scale(1.02); transform:translateY(-4px) scale(1.02); -webkit-box-shadow:0 14px 24px rgba(62,57,107,.2); box-shadow:0 14px 24px rgba(62,57,107,.2); }
.card.card-wallet { min-height:200px; position:relative; color:#fff; padding:30px 15px 5px; }
.card.card-wallet .icon { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.card.card-wallet .icon img { max-height:70px; }
.card.card-wallet .content { right: 30px; text-align: right; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.card.card-wallet .content .text { font-size: 16px; font-style: normal; font-weight: bold; }
.card.card-wallet .content .number { font-size: 36px; font-weight: bold;}

@media(min-width:480px) and (max-width:767px) {
    .card.card-wallet .icon img { max-height:70px; } 
} 
/* ----------- CARD WALLET package ----------------------------------------------------------------------------- */

.card-package { min-height:220px; margin-bottom:20px; padding:20px; color:#fff; text-transform:uppercase; margin-bottom:20px; }
.card-package .card-title { font-size:0.8571rem; margin-bottom:30px; }
.card-package .content { text-align:center; }
.card-package .content .package { margin-bottom:15px; }
.card-package .content .package img { display:block; margin:auto; max-height:104px; }
.card-package .content .title-package { font-size:1.143rem; }
/* ----------- CARD WALLET member ----------------------------------------------------------------------------- */

.card-member { min-height:180px; padding:10px; position:relative; color:#fff; text-transform:uppercase; padding-left:80px; }
.card-member .icon { position:absolute; width:80px; height:60px; border-right:1px solid #fff; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%; left:0; }
.card-member .icon img { position:absolute; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); top:50%; left:50%; }
.card-member .content { text-align:center; margin-top:42px; }
.card-member .content .member { font-size:2.143rem; font-weight:bold; }
.card-member .content .title-member { font-size:1.143rem; }
/* ----------- CARD WALLET member ----------------------------------------------------------------------------- */

.card-new-member { height:217px; overflow:hidden; position:relative; margin-bottom:20px; background:#ffffff; border:1px solid #dde0df; }
.card-new-member .title { padding:13px 15px; font-weight:bold; text-transform:uppercase; margin-bottom: 10px; color: #7e620b;}
/* ----- */

.list-new-member { position:relative; overflow:hidden; }
.list-new-member .item { position:relative; padding-left:70px; margin-bottom:10px; }
.list-new-member .item .title { position:relative; padding-left:74px; }
.list-new-member .item .icon-member { -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%; position:absolute; left:33px; }
.list-new-member .item .detail .name-member { font-weight:bold; }
.list-new-member .item .icon-member img { height:18px; }
/* ----- */

.card-new-member:hover .footer-nb { background:#e7f3ef; }
.footer-nb { height:70px; position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #7e620a; border-top-left-radius:16px; border-top-right-radius:16px; color:#7e620a; padding-left:60px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.footer-nb .f-icon { position:absolute; left:12px; width:60px; top:17px; }
.footer-nb .f-icon img {}
.footer-nb .f-detail { padding-top:22px; font-weight:bold; }
.footer-nb .f-detail .f-number { font-size:1.714rem; font-weight:bold; color:#fff; width:50px; height:50px; background:#7e620a; position:absolute; top:10px; right:10px; border-radius:16px; border-top-left-radius:0; text-align:center; line-height:42px; }
/* ----------- CARD box default ----------------------------------------------------------------------------- */

@media(min-width:767px) {
    /* .box-default { min-height:670px; }  */
} 
.box-default { border:0 solid #dde0df; padding:0; border-radius:8px; }
.box-default .box-header { padding:0 10px 15px 30px; }
.box-default .box-header .title { display:inline-block; color:#1a202c; padding-top:13px; font-weight:bold; text-transform:uppercase; }
.box-default .box-header .right-fea { display:inline-block; float:right; margin-top:10px; }

@media(max-width:900px) {
    .box-default .box-header .right-fea { display:block; float:none; margin-top:10px; } .box-default .box-header .filter-box { display:inline-block; } 
} 
/* ----------- FORM ----------------------------------------------------------------------------- */

.form-set .select-wrapper input.select-dropdown { padding:0 15px 0 15px; margin:0; border:0; color:#000 !important; border:1px solid #76b985; height:30px; box-sizing:border-box; border-radius:8px; font-size:0.8571rem; text-transform:uppercase; min-width:200px; line-height:30px; }
.form-set .dropdown-content { padding:0; }
.form-set .dropdown-content li { min-height:auto; }
.form-set .dropdown-content li > a,.form-set .dropdown-content li > span { color:#000 !important; padding:7px 16px; font-size:0.8571rem; }
/* ---------- */

.control-res { position:relative; background:#e1e1e0; border-radius:8px; overflow:hidden; }
.control-res .form-control:not(.browser-default),.control-res .form-control { border:0; margin:0; height:40px; box-sizing:border-box; padding:5px 10px; border-radius:8px; background:#f7fafc; }
.control-res .form-control:not(.browser-default):focus,.control-res .form-control:focus { border:0 !important; box-shadow:none !important; }
.form-default a { color:#fff; }
.form-default a:hover { color:#bd1a1e; }
.form-default .form-group { margin-bottom:10px; margin-left:-10px; margin-right:-10px; }
.form-default [type="checkbox"] + span:not(.lever):before,.form-default [type="checkbox"]:not(.filled-in) + span:not(.lever):after { border:2px solid #fff; }
.form-default [type="checkbox"] + span:not(.lever):before,.form-default [type="checkbox"]:not(.filled-in) + span:not(.lever):after { border:2px solid #fff; }
.form-default [type="checkbox"]:checked + span:not(.lever):before { border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #fff; border-bottom:2px solid #fff; }
/* ---------- */

.form-default label { font-size:1rem; color:#fff; line-height:31px; }
.form-label-right label { text-align:right; display:block; }
.form-group-lager { margin-bottom:20px; }
/* ---------- */

.btn.btn-red { background:#7e620a; border-radius:8px; height:auto; line-height:40px; height:40px !important; padding:0 20px; }
.btn.btn-red:hover,.btn.btn-red.active,.btn.btn-red:focus { background:#7e620b; color:#fff !important; }
/* ---------- */

.btn.btn-none { background:transparent; color:#000 !important; border:1px solid #efefef; border-radius:8px; height:auto; line-height:38px; }
.btn.btn-none:hover,.btn.btn-none.active,.btn.btn-none:focus { background:transparent; color:#000 !important; border:1px solid #efefef; }

@media(max-width:767px) {
    .form-label-right label { text-align:left; } .form-box-default { max-width:480px; margin:auto; } .l-header { text-align:center; } .l-header.row .col { width:100%; float:none; } 
} 
/* ----------- TABLE ----------------------------------------------------------------------------- */

.table { margin-bottom:10px; }
.table>thead>tr {}
.table>thead>tr>th { padding:10px 15px; font-weight:bold; color:#7e620b; background:transparent; }
.table>thead>tr>th:first-child { padding-left:30px; }
.table>tbody>tr>td { padding:10px 15px; border-top:1px solid #e2e8f0; }
.table>tbody>tr>td:first-child { padding-left:30px; }
.table>tbody>tr>td:first-child { padding-left:30px; }
table.striped > tbody > tr:nth-child(odd) { /* background-color:#ebebeb; */; }
table.striped > tbody > tr:nth-child(even) { /* background-color:#f5f5f5; */; }
/* ------ */

.pagination-box { text-align:right; padding-right:30px; }
.pagination-box nav { background:transparent; height:auto; line-height:initial; box-shadow:none; }
.pagination-box nav ul { display:inline-block; margin:auto auto 10px; }
.pagination-box nav ul li { height:36px; background:transparent; line-height:36px; padding:0 10px; margin-left:4px; border-radius:8px; color:#7e620b !important; border:1px solid #7e620b; min-width:36px; text-align:center; }
.pagination-box nav ul li:hover,.pagination-box nav ul li.active { background:#7e620b; }
.pagination-box nav ul li:hover a,.pagination-box nav ul li.active a { color:#fff; }
.pagination-box nav ul li a { padding:0; background:transparent; color:#7e620b; }
/* --- */

.login-page-main { min-height:100vh; }
.login-page-main .l-logo { position:absolute; max-width:560px; width:100%; min-height:560px; border-right:1px solid #fff; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%; left:0; }
.login-page-main .l-logo img { position:absolute; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); top:50%; left:50%; }
.l-wapper .title { font-size:1.286rem; color:#10c83a; font-weight:bold; margin-bottom:100px; }
/* ------- PAGE LOGIN */

.login-wapper { padding-top:145px; padding-left:560px; color:#fff; padding-bottom:20px; }
.login-wapper .l-wapper { max-width:500px; margin-left:60px; }
/* ------- PAGE REGISTER */

.login-wapper.register-wapper { padding-left:410px; margin-left:0; padding-bottom:80px; }
.login-page-main .l-logo { max-width:410px; }
.login-wapper.register-wapper .l-wapper { max-width:940px; margin-left:0; }
.login-wapper.register-wapper .form-group-lager { margin-bottom:35px; }
.sub-title { font-size:1.143rem; margin-bottom:28px; }
.login-wapper.register-wapper .l-wapper .title { margin-bottom:25px; }

@media(max-width:1270px) {
    .login-wapper.register-wapper { padding-left:350px; } .login-page-main .l-logo { max-width:350px; } .row-inline .col { width:50% !important; float:left !important; } 
} 

@media(max-width:1050px) {
    .login-wapper.register-wapper,.login-wapper { padding-left:0; padding-top:30px; } .login-page-main .l-logo { position:static; min-height:auto; width:100%; border:0; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); max-width:100%; text-align:center; margin-bottom:50px; } .login-page-main .l-logo img { position:static; -webkit-transform:translate(0%,0%); -ms-transform:translate(0%,0%); transform:translate(0%,0%); } /* ---- */  .login-wapper .l-wapper { margin:auto; } .l-header.row .col { float:none; width:100%; text-align:center; } .l-header.row .col.offset-m5 { margin-left:0; } 
} 

@media(max-width:600px) {
    .login-wapper.register-wapper,.login-wapper { margin-bottom:0; padding-bottom:40px; } .login-page-main .l-logo img { max-height:100px; } .login-wapper .l-wapper .title { margin-bottom:25px; } 
} 
/* ----------- PAGE DETAIL LIST ----------------------------------------------------------------------------- */

.small-wapper { padding:30px; }
.small-wapper .title { margin-bottom:35px; font-size:24px; font-weight:bold; color:#7e620b; }
.form-box-sys label { color:#000; font-size:14px; line-height:40px; }
.form-box-sys .control-res { background:#fff; border:1px solid #e2e8f0; }
.form-box-sys .effect-14 ~ .focus-bg:before,.form-box-sys .effect-14 ~ .focus-bg:after { background-color:#e6e6e6; }
.control-res.active { background-color:#e6e6e6; }
.control-res.active .effect-14 ~ .focus-bg:before,.control-res.active  .effect-14 ~ .focus-bg:after { background-color:#e6e6e6; }
.form-default .select-wrapper input.select-dropdown { margin:0; height:40px; padding:0 10px; box-sizing:border-box; background:#f7fafc; border-radius:8px; border:0 !important; }
.form-default .select-wrapper input.select-dropdown:focus { border:1px solid #22c65f !important; }
.form-default .dropdown-content { padding:0; }
.form-default .dropdown-content li { min-height:auto; }
.form-default .dropdown-content li > a,.form-default .dropdown-content li > span { color:#000 !important; padding:5px 16px; font-size:0.8571rem; }
/* ----------- PAGE ADD ID ---------------------------------------------- */

.id-list-box { padding:20px; }
.id-item { border-radius:12px; background-color:rgb(255,255,255); height:280px; overflow:hidden; text-align:center; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; margin-bottom:10px; }
.id-item:hover,.id-item.active { background:#fcf0db; border:1px solid #7e620b; overflow:hidden; }
.id-item .chart-progress { margin-top:30px; position:relative; height:90px; }
.id-item .chart-progress .chart_circle { margin:auto; display:block; position:absolute; left:0; right:0; text-align:center; width:88px; }
.id-item .chart-progress .logo { position:absolute; top:15px; left:0; right:0; margin:auto; }
.id-item .chart-progress .logo img { height:60px; }
.id-item .content { margin-bottom:30px; }
.id-item .content .name { color:#93641b; font-weight:bold; }
.id-item .content .job { color:#922325; font-weight:bold; }
.id-item .chart-progress { margin-bottom:30px; }
.id-item .mail { font-weight:bold; color:#010101; }
/* ------- */

.id-list-box .row { margin-left:-5px; margin-right:-5px; }
.id-list-box .row [class*='col-'] { padding-left:5px; padding-right:5px; }
/* ------ */

.id-item.id-new { position:relative; }
.id-item.id-new .new { -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%; font-size:1.143rem; font-weight:bold; position:absolute; left:0; right:0; }
.id-item.id-new .new a { color:#154ba3; }
.id-item.id-new .new .text { margin-bottom:15px; }
.row.list-add-id { margin-left:-5px; margin-right:-5px; }
.row.list-add-id .col { padding-left:5px; padding-right:5px; }
.control-select-custom { overflow:inherit !important; }
/* ----------- PAGE CHANGE PASS ----------------------------------------------------------------------------- */

.card-wallet.card-wallet-vertical { height:230px; overflow:hidden; padding:30px 10px 10px; }
.card-wallet.card-wallet-vertical .icon { text-align:center; margin-bottom:40px; }
.card-wallet.card-wallet-vertical .content { position:static; text-align:center; }
/* ------- */

.card.card-avatar { padding:13px 10px; text-align:center; height:230px; overflow:hidden; }
.card.card-avatar .pic { margin-bottom:7px; }
.card.card-avatar .pic img { height:114px; width:114px; border-radius:50%; display:block; margin:auto; }
.card.card-avatar .content {}
.card.card-avatar .content .name { color:#bb1119; font-size:1.286rem; font-weight:bold; }
.card.card-avatar .content .id-avatar { margin-bottom:5px; }
/* -------- */

.custom-file { background:#7e620b; display:inline-block; border-radius:8px; padding:0 10px; position:relative; line-height:30px; }
.custom-file .btn { position:absolute; top:0; right:0; height:30px; background:#7e620b !important; }
.custom-file .btn img { height:24px; width:24px; }
.custom-file .file-field { padding:0; margin:auto; }
.custom-file .file-field input { display:inline-block; width:100%; height:auto; background:transparent; border:0; margin:0; padding:0; color:#fff; }
.custom-file .file-field .btn { position:absolute; width:100%; margin:auto; padding:0; float:none; left:0; background:transparent; color:transparent; box-shadow:none; background-color:transparent !important; height:auto; line-height:30px; vertical-align:middle; }
.custom-file .file-field .btn span {}
.custom-file .file-field .btn .file-field input[type=file] {}
.custom-file .file-field .file-path-wrapper { padding:0; margin:0; }
.custom-file input.valid[type=text]:not(.browser-default),.custom-file input:focus { border:0 !important; box-shadow:none !important; }
.custom-file .file-field .file-path-wrapper img { display:inline-block; vertical-align:middle; position:absolute; z-index:2; top:6px; right:0; }
/* ----------- TABS  */

.tabs-default { padding:5px; }
.tabs-default .tabs-header ul {}
.tabs-default .tabs-header ul li { display:inline-block; margin-right:20px; }
.tabs-default .tabs-header ul li a { padding:8px 15px; display:inline-block; font-weight:bold; color:#000; -webkit-box-shadow:0 5px 17px rgba(62,57,107,.2); box-shadow:0 5px 17px rgba(62,57,107,.2); border-radius:7px; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.tabs-default .tabs-header ul li a:hover,.tabs-default ul li a.active { background:#7e620b; color:#fff !important; }
/* ----------- AVATAR  */

.change-avatar-pic { height:208px; border-radius:16px; }
.change-avatar-pic .custom-file { display:block; background:transparent; }
.change-avatar-pic .custom-file .file-field input { height:206px; width:100%; z-index:2; }
.change-avatar-pic .custom-file .file-field .file-path-wrapper { height:208px; }
.change-avatar-pic .custom-file .file-field .file-path-wrapper input { color:#000; text-align:center; height:auto; padding-top:15px; }
.change-avatar-pic .custom-file .file-field .file-path-wrapper img { transform:translate(-50%,-50%); left:50%; top:50%; z-index:1; }
/* ----------- PAGE TIMELINE ----------------------------------------------------------------------------- */

.list-package .id-item { height:187px; padding:20px 10px 10px; }
.list-package .id-item .package { margin-bottom:20px; }
.list-package .id-item .package img { height:104px; }
.list-package .id-item .detail { font-size:1rem; color:#000; }
.row.list-package { margin-left:-5px; margin-right:-5px; }
.row.list-package .col { padding:0 5px; }

@media only screen and (min-width:993px) {
    .row.list-package .col.l2 { width:20%; } 
} 
/* ---------- */

.item-package-tl { position:relative; padding-left:136px; min-height:112px; max-width:100%; }
.item-package-tl .icon { position:absolute; top:0; left:0; height:112px; border-right:1px solid #d6d6d6; width:136px; }
.item-package-tl .icon img { position:absolute; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); top:50%; left:50%; height:104px; }
.item-package-tl .content { padding-left:20px; }
.item-package-tl .content .id-tl { color:#7e620b; font-size:1.714rem; font-weight:bold; }
.item-package-tl .content .date-time-tl { font-size:1.143rem; color:#000; }
.item-package-tl .content .name-tl { font-size:1rem; color:#9a5f1c; font-weight:bold; margin-bottom:13px; }
/* --------- */

.cd-horizontal-timeline .timeline { width:100% !important; max-width:100%; }
.cd-horizontal-timeline ol { padding:0; margin:auto; }
.cd-horizontal-timeline .events-content li>* { width:100% !important; max-width:100%; }
.cd-horizontal-timeline .events-content li.selected { padding:0; }
.cd-horizontal-timeline .timeline { height:200px; width:100%; }
.cd-horizontal-timeline .events { top:90px; }
.cd-horizontal-timeline .events:before {}
.cd-horizontal-timeline .events a span { display:inline-block; background:#acacac; color:#fff; border-radius:100px; padding:5px 15px; line-height:24px; position:absolute; left:0; right:0; min-width:150px; bottom:-72px; }
.cd-horizontal-timeline .events a img { -webkit-filter:grayscale(1); height:54px; filter:grayscale(1); position:absolute; left:0; right:0; margin:auto; z-index:1; top:-14px; }
.cd-horizontal-timeline .events a.older-event img,.cd-horizontal-timeline .events a.selected img { -webkit-filter:grayscale(0); filter:grayscale(0); }
.cd-horizontal-timeline .events a.older-event span,.cd-horizontal-timeline .events a.selected span { background:#7e620b; }
.cd-horizontal-timeline .timeline {}
.cd-timeline-navigation a.prev,.cd-timeline-navigation a.inactive { background:#7e620b; }
.cd-timeline-navigation a::after { background:url(../images/icon/tl-right-arrow.png) no-repeat; background-position:0 0 !important; background-size:16px 16px; }
.cd-timeline-navigation a::after {}
.cd-horizontal-timeline .events { background:#b9b9b9; left:-320px; }
.cd-horizontal-timeline .events:before { position:absolute; content:""; width:100%; height:2px; background:#ccc; right:-230px; }
.cd-horizontal-timeline .filling-line { background-color:#7e620b; }
.cd-horizontal-timeline .events a.older-event::after { border-color:#7e620b; }
.cd-horizontal-timeline .events a.selected::after { background-color:#7e620b; border-color:#7e620b; }
.cd-timeline-navigation a.next { background:#f3f3f3; }
.cd-timeline-navigation a.next:hover { background:#7e620b; }
.cd-horizontal-timeline .events a { text-align:center; min-width:150px; }
/* ----------- PAGE binary ----------------------------------------------------------------------------- */

.binary-default { max-width:762px; position:relative; margin:auto; text-align:center; }
.binary-default img { max-width:100%; height:100%; }
.binary-default .bg-bn img { height:auto; }
.box-level-1 {}
.box-level-1 .package { position:absolute; left:0; top:8.4%; right:0; width:118px; height:118px; margin:auto; }
.box-level-1 .package img { max-height:118px; }
/* ---- */

.box-level-2 .package { width:108px; height:108px; top:31.8%; }
.box-level-2 .package:nth-child(1) { position:absolute; left:17.5%; margin:auto; }
.box-level-2 .package:nth-child(2) { position:absolute; right:18.5%; margin:auto; }
.box-level-2 .package img { max-height:118px; }
/* --------- */

.box-level-3 .package { width:105px; height:105px; }
.box-level-3 .package:nth-child(1) { position:absolute; left:6.3%; top:59.7%; margin:auto; }
.box-level-3 .package:nth-child(2) { position:absolute; left:29.6%; top:59.7%; margin:auto; }
.box-level-3 .package:nth-child(3) { position:absolute; right:30.3%; top:59.7%; margin:auto; }
.box-level-3 .package:nth-child(4) { position:absolute; right:6.3%; top:59.7%; margin:auto; }
.box-level-3 .package img { max-height:100px; }
/* ------ */

.box-level-4 .package { width:60px; height:60px; bottom:4.3%; }
.box-level-4 .package:nth-child(1) { position:absolute; left:2.7%; margin:auto; }
.box-level-4 .package:nth-child(2) { position:absolute; left:15.3%; margin:auto; }
.box-level-4 .package:nth-child(3) { position:absolute; left:27.2%; margin:auto; }
.box-level-4 .package:nth-child(4) { position:absolute; left:39.7%; margin:auto; }
.box-level-4 .package:nth-child(5) { position:absolute; right:39.7%; margin:auto; }
.box-level-4 .package:nth-child(6) { position:absolute; right:27.2%; margin:auto; }
.box-level-4 .package:nth-child(7) { position:absolute; right:15.3%; margin:auto; }
.box-level-4 .package:nth-child(8) { position:absolute; right:2.7%; margin:auto; }
.box-level-4 .package img { max-height:60px; }

@media(max-width:950px) {
    .binary-default { max-width:520px; } .box-level-1 .package img { max-height:85px; } .box-level-2 .package img { max-height:75px; } .box-level-2 .package { width:74px; height:85px; } /* ---- */  .box-level-3 .package img { max-height:65px; } .box-level-3 .package { width:69px; height:70px; } /* ---- */  .box-level-4 .package img { max-height:45px; } .box-level-4 .package { width:44px; height:46px; bottom:3.3%; } 
} 

@media(max-width:650px) {
    .binary-default { max-width:420px; } .box-level-1 .package img { max-height:85px; } .box-level-1 .package { width:50px; height:55px; top:6%; } /* ---- */  .box-level-2 .package img { max-height:35px; } .box-level-2 .package { width:36px; height:45px; } /* ---- */  .box-level-3 .package img { max-height:35px; } .box-level-3 .package { width:35px; height:40px; } /* ---- */  .box-level-4 .package img { max-height:20px; } .box-level-4 .package { width:20px; height:25px; } /* ------- */  .binary-btn .btn { font-size:10px; } .binary-btn .btn img { height:6px; } 
} 
/* -------- AFFILIATE page -------------------------------- */

.collapsible-box { padding:0 20px 10px; }
.collapsible-box .collapsible { box-shadow:none; border:0; }
.collapsible-box li { border:0 solid #ccc; margin-bottom:10px; border-radius:8px; }
.collapsible-box .collapsible-header { padding:15px 30px; color:#7e620b; font-weight:bold; border:0; text-transform:uppercase; background:#f7fafc; border-radius:8px; }
.collapsible-box li.active { background:#f7fafc !important; border:1px solid #22c65f !important; }
.collapsible-box li.active .collapsible-header { border:0; background:#7e620b; color:#ffff; }
.collapsible-box .collapsible-body { padding:3px; border:0; }
.collapsible-box .collapsible-body table { margin-bottom:0; }
.filter-member { padding:20px; }
.total-member-level { text-align:right; font-size:16px; font-weight:bold; padding-top:20px; color:#7e620b; }
/* CART ------------------ */

.info-customer .info .item { margin-bottom:20px; font-size:16px; }
.info-customer .info .item .icon { width:24px; margin-right:12px; }
.info-customer .info .item .icon img { vertical-align:baseline; }
.info-customer .table td { border-top:1px solid #fff; }
.info-customer .table .p-name,.info-customer .table .p-name a { font-size:16px; color:#000000; }
.info-customer .table .p-price { font-size:20px; font-weight:bold; color:#081348; }
.info-customer .table .p-number { color:#252831; }
.info-customer .table .p-remove { margin-bottom:5px; }
.info-customer .table .p-pic img { max-height:64px; }
.table-checkout td { padding:5px 0; }
.table-checkout tr.d-line-td td { border-top:1px solid #dedede; }
.info-customer input { margin-bottom:0 !important; }
.text-right { text-align:right; }
.mb-30 { margin-bottom:30px; }
/* -------- ORDER DETAIL page -------------------------------- */

input[type="number"] { -webkit-appearance:textfield; -moz-appearance:textfield; appearance:textfield; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; }
.number-input { border:1px solid #eeeeee !important; display:inline-flex; color:#0649b6; }
.number-input,.number-input * { box-sizing:border-box; }
.number-input button { outline:none; -webkit-appearance:none; background-color:transparent; border:none; align-items:center; justify-content:center; width:32px; height:34px; cursor:pointer; margin:0; position:relative; border:1px solid #ddd !important; }
.number-input button:before,.number-input button:after { display:inline-block; position:absolute; content:''; width:10px; height:1px; background-color:#0649b6; transform:translate(-50%,-50%); }
.number-input button.plus:after { transform:translate(-50%,-50%) rotate(90deg); }
.number-input input[type=number] { max-width:48px; border:1px solid #ddd !important; border-width:0 1px; font-size:14px; height:32px; text-align:center; color:#0649b6; }
.table-checkout.table>tbody>tr>td:first-child { padding-left:0; }
/* ----------------------- */

.package-sm { padding:30px 0; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; }
.package-sm:hover,.package-sm.active { background:#ccc; border-radius:8px; }
.package-sm .icon { text-align:center; margin-bottom:30px; }
.package-sm .icon img { max-height:180px; margin:auto; max-width:100%; }
.package-sm .content .number { font-size:24px; font-weight:bold; text-align:center; margin-bottom:10px; color:#d5303f; }
.package-sm .feature { margin-bottom:15px; }
.package-sm .p-link { text-align:center; }
.slick-prev { left:-5px; }
.slick-next { right:-5px; }
.slick-prev:before,.slick-next:before { color:#2c80ff; }
.slick-list,.slick-slide { outline:none; }
.feature .row { margin-left:-5px; margin-right:-5px; }
.feature [class*="col-"] { padding-left:5px; padding-right:5px; }
.slick-dots li button { background:hsl(223deg 100% 58% / 35%); border-radius:100%; width:14px; height:14px; }
.slick-dots li button:before { color:transparent; opacity:0; width:14px; height:14px; }
.slick-dots li.slick-active button { background:#2965ff; }
button.slick-arrow { background:#856f0b; border-radius:100%; z-index:3; }
.slick-next:before { content:">;"; top:0; left:0; font-size:15px; line-height:20px; width:20px; height:20px; color:#fff; opacity:1; }
.slick-prev:before { content:"<;"; top:0; left:0; font-size:15px; line-height:20px; width:20px; height:20px; color:#fff; opacity:1; }
.data-details { border-radius:8px; padding:18px 20px; border:1px solid #d2dde9; margin-bottom:30px; }
.data-details-list { border-radius:8px; border:1px solid #d2dde9; }
.data-details-list li { display:block; }
.data-details-head { font-size:13px; font-weight:500; color:#758698; line-height:20px; padding:15px 20px 2px; width:100%; }
.data-details-des { font-size:14px; color:#495463; font-weight:400; line-height:20px; padding:2px 20px 15px; flex-grow:1; border-bottom:1px solid #d2dde9; display:flex; justify-content:space-between; }

@media (min-width:576px) {
    .data-details-list>;li { display:flex; align-items:center; } .data-details-head { width:190px; padding:14px 20px; } .data-details-des { border-top:none; border-left:1px solid #d2dde9; width:calc(100% - 190px); padding:14px 20px; } 
} 
.d-inline-block { display:inline-block; }
.float-right { float:right; }
/* ----------- PAGE LOGIN -------------------------------------- */

.btn-yellow-gradient{/* ff 3.6+ */

 background:-moz-linear-gradient(90deg,#FFD038 0%,#FEB83E 100%,#EE82EE 100%); /* safari 5.1+,chrome 10+ */

 background:-webkit-linear-gradient(90deg,#FFD038 0%,#FEB83E 100%,#EE82EE 100%); /* opera 11.10+ */

 background:-o-linear-gradient(90deg,#FFD038 0%,#FEB83E 100%,#EE82EE 100%); /* ie 6-9 */

 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee82ee',endColorstr='#FFD038',GradientType=0 ); /* ie 10+ */

 background:-ms-linear-gradient(90deg,#FFD038 0%,#FEB83E 100%,#EE82EE 100%); /* global 94%+ browsers support */

 background:linear-gradient(93.69deg, #f39e40 4.75%, #603506 94.59%); border:0; border-radius:100px; line-height:38px; padding:0 30px; font-weight:bold; position:relative; overflow:hidden; display:inline-block; font-size:16px; color:#fff; min-width:165px}
.btn-yellow-gradient:hover:after { position:absolute; top:-50%; right:-50%; bottom:-50%; left:-50%; content:""; -webkit-transform:rotate( 60deg ) translate(-5em,7.5em); transform:rotate( 60deg ) translate(-5em,7.5em); -webkit-animation:a .9s forwards; animation:a .9s forwards; opacity:.7; background:-webkit-linear-gradient(top,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0)); background:linear-gradient( 180deg,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0)); }

@-webkit-keyframes a {
    to { -webkit-transform:rotate(60deg) translate(1em,-14em); transform:rotate(60deg) translate(1em,-14em); } 
} 
.login-page { background:#277937; background-image:linear-gradient(270deg, #eebd49 0%, #6a4914 95.93%); min-height:100vh; }
.login-page .warpper-login { position:absolute; content:""; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:460px; min-height:340px; padding:12px 25px 20px; background:hsl(0deg 0% 0% / 15%); border-radius:10px; color:#fff; }
.login-page .warpper-login .logo { margin-bottom:22px; }
.login-page .warpper-login .logo img { height:100px; }
.f-hori { position:relative; }
.f-hori .form-control { height:38px; border-radius:100px; background:hsl(0deg 0% 28% / 34%); border:1px solid #FEBA3D; padding-left:25px; padding-right:50px; }
.f-hori .icon { position:absolute; content:""; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0; width:50px; text-align:right; }
.f-hori .icon img { max-height:20px; }
.f-hori.l-left {}
.f-hori.l-left label { margin:auto; position:absolute; content:""; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:#FFC503; display:block; width:160px; line-height:38px; padding-left:18px; }
.f-hori.l-left label::after { position:absolute; content:""; width:1px; height:38px; background:#FFC503; right:0; }
.f-hori.l-left .form-control { padding-left:185px; }
.login-page .f-hori .form-control { color:#fff; }
.login-page .f-hori .form-control:focus { outline:none; box-shadow:none; color:#fff; }
.login-page .f-hori .form-control::-webkit-input-placeholder { color:#fff; }
.login-page .f-hori .form-control::-moz-placeholder { color:#fff; }
.login-page .f-hori .form-control:-ms-input-placeholder { color:#fff; }
.login-page .f-hori .form-control:-moz-placeholder { color:#fff; }
.login-page .f-hori .form-control:focus { border-bottom:1px solid #ffffff !important; box-shadow:0 1px 0 0 #ffffff !important; }
.login-page .form-group { margin-bottom:5px; }
.warpper-login .link-bottom {}
.warpper-login .link-bottom a { color:#fff; font-weight:bold; }
.warpper-login .link-bottom a:hover { color:#FFC503; }
.warpper-login .block-text-bottom {}
.warpper-login .block-text-bottom a { color:#FFC503; }
.warpper-login .block-text-bottom a:hover {}
.mb-30 { margin-bottom:30px !important; }

@media(max-width:992px) {
    .login-page { padding:50px 20px; } .login-page .warpper-login { -webkit-transform:translate(0%,0%); -ms-transform:translate(0%,0%); transform:translate(0%,0%); position:static; margin:auto; } 
} 

@media(max-width:992px) {
    .login-page .warpper-login { width:initial; } 
} 
.text-center { text-align:center; }
.login-page .title-login {}
.login-page .title-login h1 { font-size:24px; font-weight:bold; color:#fff; }
.login-page [type="checkbox"] + span:not(.lever):before,.login-page [type="checkbox"]:not(.filled-in) + span:not(.lever):after { border:2px solid #ffffff; }
.login-page [type="checkbox"] + span:not(.lever) { color:#fff; }
.login-page [type="checkbox"]:checked + span:not(.lever):before { border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #fff; border-bottom:2px solid #fff; }
/* -------------- CUSTOM TEMPLATE ---------------------------------------------------------------------- */

.package-slick .icon { margin-bottom:30px; }
.btn-primary:hover,.btn-primary.active { box-shadow:none !important; background-color:#7e620b; }
.nav-wrapper .icon-img-right img { width:24px !important; height:24px; }
.main-wrapper .form-control::-webkit-input-placeholder { color:#a4b2c2; }
.main-wrapper .form-control::-moz-placeholder { color:#a4b2c2; }
.main-wrapper .form-control:-ms-input-placeholder { color:#a4b2c2; }
.main-wrapper .form-control:-moz-placeholder { color:#a4b2c2; }
.main-wrapper .control-res .form-control { background:#f7fafc; border:1px solid #f7fafc; }
.main-wrapper .control-res .form-control:focus { border:1px solid #22c65f !important; }


.card-wallet.bg-green { background: linear-gradient(270deg, #eebd49 0%, #6a4914 95.93%); }
.card-wallet.bg-yellow { background: linear-gradient(90deg, #fcff9e 0%, #c67700 100%);}
.card-wallet.bg-red { background: linear-gradient(90deg, #d53369 0%, #daae51 100%); }

.topbar nav .nav-wrapper ul.right{margin-bottom: 0; padding-top: 7px;}
.topbar nav .nav-wrapper ul.right li a{height: 48px; width: 48px; border-radius: 10px; border: 1px solid #6d4c15; padding: 0; text-align: center; margin-left: 8px;}
.topbar nav .nav-wrapper ul.right li a::after{display: none;}
.topbar nav .nav-wrapper ul.right li a img{width: 26px !important; height: 48px; vertical-align: top; max-width: inherit;}
.topbar nav .nav-wrapper ul.right li a:hover{    background: #f4f7f6;}

.topbar nav .nav-wrapper > ul.left{margin-bottom: 0; padding-top: 7px;}
.topbar nav .nav-wrapper > ul.left .hide-on-med-and-down{}
.topbar nav .nav-wrapper > ul.left .hide-on-med-and-down .nav-toggle{height: 48px; width: 48px; border-radius: 10px; border: 1px solid #6d4c15; padding: 15px; text-align: center; position: relative; z-index: 99999;}
.topbar nav .nav-wrapper ul.left li a:hover{    background: #f4f7f6;}
.topbar nav .nav-wrapper ul.left li a::after{display: none;}

.topbar nav .nav-wrapper > ul.left .hide-on-large-only a{height: 48px; width: 48px; border-radius: 10px; border: 1px solid #7e620b; padding: 15px; text-align: center;}
.topbar nav .nav-wrapper ul.left li a:hover{    background: #f4f7f6;}
.topbar nav .nav-wrapper ul.left li a::after{display: none;}

.tabs-default .tabs-header ul{padding: 15px;}

@media(max-width: 600px){
  .page-titles{padding: 20px 20px 0 20px;}
  .container-fluid{padding: 30px 10px;}

  .tabs-default .tabs-header ul{display: block; overflow: auto; white-space: nowrap; padding-bottom: 20px;}
  .small-wapper{padding-left: 10px; padding-right: 10px;}
  .small-wapper .title{text-align: center; font-size: 20px; margin-bottom: 15px;}
  .form-label-right label{line-height: inherit; margin-bottom: 5px;}
}

.form-banner-product{border-radius: 10px; overflow: hidden; border: 1px solid #7e620b; max-width: 350px; margin: 10px auto 30px;}
.form-banner-product img{width: 100%;}

.select-wrapper .caret{z-index: 3;}

/* CONTENTPRODUCT */
.contentproduct .item-product-sm{background: #fff; border-radius: 8px; overflow: hidden; margin-bottom: 20px;}
.contentproduct .item-product-sm .inner{    padding: 10px;}
.contentproduct .item-product-sm .inner .thumb{height: 290px; margin: 0 auto 20px auto; border-radius: 8px; overflow: hidden;}
.contentproduct .item-product-sm .inner .thumb img.product{background: #FFFFFF; display: block; width: 100%; height: 100%; object-fit: cover;}
.contentproduct .item-product-sm .inner h3.title{font-size: 18px; font-weight: 300; color: #000000; height: 45px; padding-left: 0; text-transform: inherit; text-overflow: ellipsis; position: relative; max-height: 75px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: initial; margin-bottom: 10px; font-family: 'Montserrat-Medium';}
.contentproduct .item-product-sm .inner .price{text-align: center;}
.contentproduct .item-product-sm .inner .price .new{font-size: 18px; font-weight: 300; color: #ff0000; margin-right: 20px; text-align: center;}
.contentproduct .item-product-sm .addtocart{background: #7e620b; border-radius: 0px 0px 5px 5px; width: 100%; height: 38px; font-size: 12px; font-weight: 400; text-transform: uppercase; display: block; text-align: center; line-height: 38px; color: #fff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.contentproduct .item-product-sm .star{color: #000;}
.contentproduct .item-product-sm .addtocart:hover{background: #0e783d;}

.amout-cart{background: #7e620b; color: #fff; width: 20px; height: 20px; display: inline-block; position: absolute; top: 0; font-size: 12px; z-index: 3; line-height: 20px; border-radius: 100%; right: -2px; font-weight: bold;}

/* BLOCK-CART */
.block-cart{background: #fff; position: relative; border-radius: 10px; padding: 20px 20px 1px; margin-bottom: 25px;     box-shadow: hsl(0deg 0% 0% / 40%) 0 3px 6px;} 
.block-cart-detail .title-sm{    padding: 15px 15px 15px 30px;}
.block-cart .item-cart{margin-bottom: 30px; line-height: 34px;}
.block-cart .item-cart .c-list{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} 
.block-cart .item-cart .c-list .c-check{-ms-flex: 0 0 5.5%; flex: 0 0 5.5%; max-width: 5.5%; padding-top: 40px;}
.block-cart .item-cart .c-list .c-banner{-ms-flex: 0 0 15.5%; flex: 0 0 15.5%; max-width: 15.5%;}
.block-cart .item-cart .c-list .c-banner a{width: 112px; height: 112px; border-radius: 5px; display: block; overflow: hidden;}
.block-cart .item-cart .c-list .c-banner a img{width: 100%; height: 100%; object-fit: cover;}
.block-cart .item-cart .c-list .c-title{-ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%; padding-top: 40px; padding-right: 15px;}
.block-cart .item-cart .c-list .c-title a{text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #726A6C; font-size: 14px; line-height: 24px; font-weight: bold;}
.block-cart .item-cart .c-list .c-title a:hover{color: #7e620b;}
.block-cart .item-cart .c-list .c-price{-ms-flex: 0 0 19%; flex: 0 0 19%; max-width: 19%; padding-top: 36px; color: #000; font-size: 16px;}
.block-cart .item-cart .c-list .c-remove{-ms-flex: 0 0 9%; flex: 0 0 9%; max-width: 9%; padding-top: 36px;}
.block-cart .item-cart .c-list .c-remove img{height: 26px;}
.block-cart .item-cart .c-list .c-quantity{-ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; padding-top: 36px;}
.block-cart .item-cart .c-list .c-coin{-ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; padding-top: 35px;line-height: 36px; color: #754F17;}
.block-cart .item-cart .c-list .c-coin .coin{display: inline-block; margin-right: 5px; position: relative; font-size: 12px;}
.block-cart .item-cart .c-list .c-coin .coin span{position: absolute; content: ""; top: 50%;left:50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 16px;}
.block-cart .item-cart .c-list .c-coin .coin img{height: 40px;}

/* FORM-CODE */
.form-code{position: relative;max-width: 345px;border: 1px solid #707070;border-radius: 5px;overflow: hidden;}
.form-code .form-control{margin: 0!important; border: 0!important; box-shadow: none!important; height: 36px!important; padding-left: 15px!important; width: -webkit-fill-available!important; max-width: 345px!important; padding-right: 105px!important;}
.form-code .btn{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; background: #726A6C; color: #Fff; border-radius: 0;}
.form-code .btn:hover, .form-code .btn:focus{background: #7e620b; color: #fff;}


/* BLOCK-CART-TOTAL */
.block-cart-total{position: relative; background: #fff; border-radius: 10px; padding: 20px 20px 15px; line-height: 30px; margin-bottom: 35px;     box-shadow: hsl(0deg 0% 0% / 40%) 0 3px 6px;}
.block-cart-total .item-sm{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.block-cart-total .t-code{-ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%;}
.block-cart-total .t-price{-ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; font-weight: bold; line-height: 30px; color: #7e620b; font-size: 18px;}
.block-cart-total .t-link{-ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;}
.block-cart-total{}

@media(max-width: 992px){
    .block-cart{overflow: auto;}
    .block-cart .item-cart{width: 915px;}
    .block-cart .item-cart .c-list .c-banner a{width: 90px; height: 90px;}
    .form-code{max-width: inherit; margin-bottom: 10px;}
    .block-cart-total .t-code{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .block-cart-total .t-price{-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; margin-bottom: 10px;}
    .block-cart-total .t-link{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; text-align: right;}
}
@media(max-width: 600px){
    .block-cart-total .t-price{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center;}
    .block-cart-total .t-link{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center;}
}

/* BLOCK-CHECKOUT */
.block-checkout{background: #fff; position: relative; border-radius: 10px; padding: 20px 20px 1px; margin-bottom: 25px; box-shadow: hsl(0deg 0% 0% / 40%) 0 3px 6px; margin-bottom: 20px;}
.block-checkout .item-checkout{}
.block-checkout .item-checkout .c-list-title{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: bold; color: #726A6C; margin-bottom: 15px;}
.block-checkout .item-checkout .c-list-title .c-title{-ms-flex: 0 0 43%; flex: 0 0 43%; max-width: 43%; padding-left: 20px;}
.block-checkout .item-checkout .c-list-title .c-price{-ms-flex: 0 0 13%; flex: 0 0 13%; max-width: 13%; text-align: center;}
.block-checkout .item-checkout .c-list-title .c-quantity{-ms-flex: 0 0 13%; flex: 0 0 13%; max-width: 13%; text-align: center;}
.block-checkout .item-checkout .c-list-title .c-total{-ms-flex: 0 0 13%; flex: 0 0 13%; max-width: 13%; text-align: right;}
.block-checkout .item-checkout .c-list-title .c-vote{-ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; text-align: center;}

.block-checkout .item-checkout .c-list{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px;}
.block-checkout .item-checkout .c-list .c-banner{-ms-flex: 0 0 13%; flex: 0 0 13%; max-width: 13%;}
.block-checkout .item-checkout .c-list .c-banner a{width: 112px; height: 112px; border-radius: 5px; display: block; overflow: hidden;}
.block-checkout .item-checkout .c-list .c-banner a img{width: 100%; height: 100%; object-fit: cover;}
.block-checkout .item-checkout .c-list .c-title{-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; padding-top: 40px; padding-right: 15px;}
.block-checkout .item-checkout .c-list .c-title a{text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; color: #726A6C;}
.block-checkout .item-checkout .c-list .c-title a:hover{color: #7e620b;}
.block-checkout .item-checkout .c-list .c-price{-ms-flex: 0 0 13%; flex: 0 0 13%; max-width: 13%; padding-top: 40px; text-align: center;}
.block-checkout .item-checkout .c-list .c-quantity{-ms-flex: 0 0 13%; flex: 0 0 13%; max-width: 13%; padding-top: 40px; text-align: center;}
.block-checkout .item-checkout .c-list .c-total{-ms-flex: 0 0 13%; flex: 0 0 13%; max-width: 13%; padding-top: 40px; text-align: right;}
.block-checkout .item-checkout .c-list .c-vote{-ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; padding-top: 40px; text-align: center;}

/* BLOCK-CHECKOUT-TOTAL */
.block-checkout-total{font-weight: bold; background: #fff; position: relative; border-radius: 10px; padding: 20px 20px 20px; margin-bottom: 25px; box-shadow: hsl(0deg 0% 0% / 40%) 0 3px 6px; margin-bottom: 20px;}
.block-checkout-total .item-sm{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.block-checkout-total .item-sm .item{margin-bottom: 18px;}
.block-checkout-total .item-sm .t-banner{-ms-flex: 0 0 56%; flex: 0 0 56%; max-width: 56%; text-align: center;}
.block-checkout-total .item-sm .t-banner img{max-height: 135px; display: block; margin: auto;}
.block-checkout-total .item-sm .t-text{-ms-flex: 0 0 13%; flex: 0 0 13%; max-width: 13%;}
.block-checkout-total .item-sm .t-totla{-ms-flex: 0 0 13%; flex: 0 0 13%; max-width: 13%; text-align: right;}
.block-checkout-total .item-sm .t-vote{-ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%; text-align: center;}
@media(max-width: 992px){
    .block-checkout{overflow: auto;}
    .block-checkout .c-list, .block-checkout .c-list-title{    width: 915px;}

    .block-checkout-total .item-sm .t-banner{display: none;}
    .block-checkout-total .item-sm .t-text { -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; }
    .block-checkout-total .item-sm .t-totla { -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; }
    .block-checkout-total .item-sm .t-vote { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
}

/* BLOCK-PAYMENT */
.block-payment{background: #fff; position: relative; border-radius: 10px; padding: 20px 20px 5px; box-shadow: hsl(0deg 0% 0% / 40%) 0 3px 6px; margin-bottom: 20px; min-height: 215px;}
.block-payment .item-title-main{margin-bottom: 35px; font-weight: bold;}
.block-payment .banner{height: 50px;}
.block-payment .banner img{max-height: 50px;}
.block-payment .custom-control{margin-bottom: 10px;}

.m-radio .custom-control-label::after{width: 26px; height: 26px; border: 1px solid #707070; border-radius: 100%; left: -35px;}
.m-radio .custom-radio .custom-control-input:checked~.custom-control-label::after{background: url(../images/icon/check-white.svg)no-repeat center center;     background-size: 18px 18px;}
.m-radio .custom-radio .custom-control-input:checked~.custom-control-label::before{background: #7e620b;outline: none; box-shadow: none;left: -35px;}
.m-radio .custom-control-label::before{background: transparent; width: 26px; height: 26px;}
@media(max-width: 767px){
    .block-payment .desc{margin-bottom: 20px;}
}
/* BLOCK-ADDRESS */
.block-address{background: #fff; position: relative; border-radius: 10px; box-shadow: hsl(0deg 0% 0% / 40%) 0 3px 6px; margin-bottom: 20px; min-height: 215px;}
.block-address .content-left{padding: 20px;}
.block-address .content-left .item-title-main{font-weight: bold; margin-bottom: 5px;}
.block-address .content-right{padding: 20px; font-weight: bold;}
.block-address .content-right .item-title-main{margin-bottom: 20px; color: #754F17; font-weight: bold;}
.block-address .content-right .item-title-main h3{color: #754F17;}
@media(max-width: 600px){
    .block-address{padding-right: 0;}
    .block-address .content-right{position: static; border-left: 0px solid #707070; border-top: 1px solid #707070;}
    .block-address .content-right .item-title-main{margin-bottom: 15px;}
}


/* CONTROL-NUMBER */
.control-number.number{display: inline-block; border: 1px solid #707070; width: 105px; font-size: 14px; border-radius: 5px; overflow: hidden; height: 30px;} 
.control-number.number .minus, .control-number .plus{ padding: 0; display: inline-block; vertical-align: top; text-align: center; width: 25px; height: 30px; background: #EAE9E9; border: 0;  border-radius: 0; line-height: 30px; color: #000;}
.control-number.number .minus{border-right: 1px solid #707070;     }
.control-number .plus{border-left: 1px solid #707070; float: right;}
.control-number.number input{ text-align: center; display: inline-block; vertical-align: top; height: 30px; border: 0; border-radius: 0; font-size: 14px; width: 40px; }
.control-number.number input:focus{box-shadow: none; outline: none;}
.control-number.number .minus:hover, .control-number .plus:hover{    background: #e6e6e6;}


.page-cart-main .title-sm{margin-bottom: 20px;}
.form-group-marg-bottom .form-group{margin-left: 0; margin-right: 0;}

/* ITEM-PAYEMNT-SM */
.item-payemnt-sm{position: relative; color: #000; background: #f4f7f6; padding: 15px 10px; padding-left: 90px; border-radius: 8px; margin-bottom: 20px;}
.item-payemnt-sm .icon{position: absolute; content: ""; top: 6px; left: 15px;}
.item-payemnt-sm .icon img{height: 60px;}
.item-payemnt-sm .title{font-weight: bold; color: #7e620b; font-size: 18px;}
.item-payemnt-sm .item-sm{margin-top: 20px;}
.item-payemnt-sm .item-sm .title-sm{font-weight: bold; font-size: 16px;}
.item-payemnt-sm .item-sm span{display: inline-block; min-width: 95px;}

.bgmain { background: #FFFFFF; border-radius: 5px; margin-bottom: 18px; padding: 20px; }
.thongtindonhang .content { overflow-y: scroll; max-height: 300px; padding-right: 10px; }
.thongtindonhang .content .item { padding: 20px 0; border-bottom: 1px solid #EBEBEB; -ms-flex-pack: justify !important; justify-content: space-between !important;}
.thongtindonhang .content .item .left{ width: 58px; padding-right: 0; text-align: center; height: 58px; overflow: hidden; float: none!important;}
.thongtindonhang .content .item .left img{max-width: inherit; width: 100%; height: 100%; object-fit: cover; display: block; margin: auto;}
.thongtindonhang .content .item .center { width: 150px; padding-right: 10px; }
.thongtindonhang .content .item .center .title { font-size: 14px; width: 150px; font-weight: 300; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.thongtindonhang .content .item .right { width: 100px; text-align: right; }
.thongtindonhang .content .item .right span.price { font-size: 14px; font-weight: 300; color: #000000; }
.thongtindonhang .content .item { padding: 20px 0; border-bottom: 1px solid #EBEBEB; }
.thongtindonhang .content .item:last-child { border-bottom: none;     }

.tongcong .item { padding: 5px 0; }
.tongcong span:nth-child(1) { font-size: 16px; font-weight: 300; color: #000000; }
.tongcong span:nth-child(2) { font-size: 16px; font-weight: 600; color: #000; }

.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.thongtindonhang .delete img{height: 24px;}
.thongtindonhang .control-number.number{width: 96px;}

/* ------- PAGE PRODUCT DETAIL -------------------------------------------------------- */
.block-slider-product-detail{background: #7e620b; padding: 2px;}
.slick-product-detail{position: relative; margin-bottom: 10px;}
.slick-product-detail .icon-play{position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.slick-product-detail .icon-play img{width: inherit; height: 72px;}
.slick-product-detail:hover .icon-play{opacity: 1;}
.slick-product-detail .thumb-main{    height: 395px; }
.slick-product-detail .thumb-main img{width: 100%; height: 100%; object-fit: cover;}

.slick-product-detail-list{margin-left: -1px; margin-right: -1px;     padding: 0px 10px 10px 10px;}
.slick-product-detail-list .item{padding-left: 1px; padding-right: 1px;}
.slick-product-detail-list .item .thumb-sm{height: 125px; border: 0px solid transparent;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.slick-product-detail-list .item:hover .thumb-sm{border-color: #7e620b;}
.slick-product-detail-list .item .thumb-sm img{width: 100%; height: 100%; object-fit: cover;}

/* PRODUCT-D-CODE */
.product-d-code{margin-bottom: 30px;}
.product-d-code .title-sm{color: #7e620b; position: relative;    font-size: 20px; overflow: hidden; margin-bottom: 5px;}
.product-d-code .title-sm span{  text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;  display: inline-block; background: #f4f7f6; padding-right: 20px;     z-index: 1;}
.product-d-code .title-sm::after{position: absolute; content: ""; height: 1px; width: 100%; background: #7e620b; bottom: 15px; left: 0;}
.product-d-code .list-code{font-style: italic; }
.product-d-code .list-code .item{margin-bottom: 10px;}
.product-d-code .list-code .item .text{color: #858585; display: inline-block; min-width: 190px;}
.product-d-code .list-code .item .value{color: #7e620b; display: inline-block;}
.product-d-code{}

.product-d-content-padd{padding-left: 0px;}
.product-d-stock{margin-bottom: 15px ;}
.product-d-stock a{color: #7e620b;}
.product-d-desc{margin-bottom: 30px;}

/* ------- PRODUCT DETAIL PAGE / SITE -------------------------------------------------------- */
.block-product-detail{padding: 0px; color: #000;}
.product-d-desc-tabs .bg-nav{background: #eff5f5;min-height: 82px;    padding-top: 30px;}
.product-d-desc-tabs .bg-nav .nav-pills .nav-link{color: #313131; font-weight: bold; font-size: 22px;padding: 0; margin-right: 35px;}
.product-d-desc-tabs .bg-nav .nav-pills .nav-link.active, .product-d-desc-tabs .bg-nav .nav-pills .show>.nav-link{background: transparent; color: #7e620b; }
.product-d-desc-tabs .tab-content{font-size: 14px;}
.product-d-desc-tabs .tab-content .tab-pane{padding-top: 20px; padding-bottom: 30px;}

.product-detail-page{position: relative; min-height: 565px; padding-left: 580px;   margin-bottom: 80px;}
.product-d-shipper{position: absolute; right: 0; border-left: 1px solid #dfdfdf; width: 228px; padding-left: 20px;height: 100%; top: 0px;}
.product-d-shipper .block-ship .title{font-size: 14px; color: #000000; font-weight: bold; margin-bottom: 5px;}
.product-d-shipper .block-ship .desc{font-size: 13px; border-bottom: 1px solid #dfdfdf; padding-bottom: 5px; margin-bottom: 10px;}
.product-d-shipper .block-ship .price-bottom{background: #f5f5f5; border-radius: 4px; position: relative; padding-left: 37px; min-height: 32px; color: #10a121; font-weight: bold; padding-top: 8px;margin-bottom: 15px;}
.product-d-shipper .block-ship .price-bottom .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 37px; text-align: center; left: 0;}
.product-d-shipper .block-ship .price-bottom span{color: #de0a28;    font-weight: 600;}
.product-d-shipper .product-d-price-bottom .price-old{font-size: 14px; color: #9d9d9d; text-decoration: line-through;}
.product-d-shipper .product-d-price-bottom .price-new{font-size: 26px; font-weight: bold; color: #D9160D;}

.list-product-tags{    min-height: 136px;}
.product-tags { position: relative; margin-bottom: 15px; font-weight: bold;}

.product-d-size .btn{background: #ebebeb; width: 36px; height: 26px; line-height: 26px; color: #777777; padding: 0;    border-radius: 4px;}
.product-d-size .btn:hover, .product-d-size .btn.active{background: #de1855; color: #fff;}
.product-d-color select.form-control{height: 26px; background: #fbcece; border: 0; color: #de1855; font-weight: 600;}
.product-d-shipper .product-d-price-bottom{margin-bottom: 10px;}

.product-detail-page .product-d-info{}
.product-detail-page .product-d-info .title{    margin-bottom: 25px;}
.product-detail-page .product-d-info .title h1{color: #7e620b; font-size: 36px;}
.pr-desc{padding-left: 30px;}
.pr-desc .item-sm{position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 16px; color: #467A21; font-weight: bold;}
.pr-desc .item-sm .icon{position: absolute; left: 0; top: 0;}
.pr-desc .item-sm .icon img{max-width: 25px;}
.pr-buy{ position: relative; min-height: 40px;}
.pr-buy .pr-price{display: inline-block;color: #858585;font-weight: bold;font-size: 24px;}
.pr-buy .pr-price span{font-size: 14px;}
.pr-buy .pr-price strong span{font-size: 18px;}
/* .pr-buy .pr-link{display: inline-block; float: right; position: relative; height: 38px; min-width: 322px; background: url(../images/bg/link-gradient-icon-2.png)no-repeat center center; background-size: 100%; color: #fff; font-weight: bold; line-height: 38px; text-align: center;} */
.pr-buy .pr-link img{height: 24px; vertical-align: sub; padding-left: 10px; padding-right: 10px;}
.pr-buy .pr-link span{font-size: 18px;}
.pr-buy .pr-link{display: inline-block; float: right;}
/* .pr-buy .pr-link .btn .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); ms-transform: translateY(-50%); transform: translateY(-50%);left: 0;} */
/* .pr-buy .pr-link .btn .icon img{width: 27px;    vertical-align: top;} */
.pr-buy .pr-link .form-control{position: absolute; right: 5px; top: 5px; width: 55px; padding: 0; border: 0; height: 30px;}

.check-list-circle{font-size: 14px; color: #3b3b3b;    margin-bottom: 10px;}
.check-list-circle .item{position: relative; padding-left: 20px;    margin-bottom: 5px; font-weight: bold;}
.check-list-circle .item::before{position: absolute; content: ""; width: 8px; height: 8px; left: 0; background: #3b3b3b; border-radius: 100%; top: 6px;}

.text-note{font-size: 14px; font-weight: bold; margin-bottom: 10px;}

.block-add-address-sm{position: relative; padding-left: 92px; min-height: 70px; background: #EFFBFF; border: 1px solid #0623BF; border-radius: 4px; font-size: 14px; padding-top: 13px; padding-right: 10px;}
.block-add-address-sm .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 72px; left: 0; text-align: center;}

.product-detail-page .product-d-slider .block-slider-product-detail{
    background: -moz-linear-gradient(0deg, rgba(70, 122, 33, 1) 0%, rgba(141, 198, 63, 1) 100%); background: -webkit-linear-gradient(0deg, rgba(70, 122, 33, 1) 0%, rgba(141, 198, 63, 1) 100%); background: -o-linear-gradient(0deg, rgba(70, 122, 33, 1) 0%, rgba(141, 198, 63, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#467A21', endColorstr='#8DC63F', GradientType=1 ); background: -ms-linear-gradient(0deg, rgba(70, 122, 33, 1) 0%, rgba(141, 198, 63, 1) 100%); background: linear-gradient(0deg, rgba(70, 122, 33, 1) 0%, rgba(141, 198, 63, 1) 100%); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
    position: absolute; left: 0; top: 0; height: 425px; width: 530px; padding: 15px 15px 15px 120px;
}
.block-slider-product-detail{  position: absolute; left: 0; top: 0; width: 530px; }
.block-slider-product-detail .nav-left{position: absolute; left: 15px; top: 15px;    width: 90px;}
.block-slider-product-detail .nav-left .item{    margin-bottom: 10px;}
.block-slider-product-detail .nav-left .item img{width: 90px; height: 90px; }
.block-slider-product-detail .nav-left .item.slick-current img{    border-color: #ef0f3e;}
.block-slider-product-detail .nav-left .nav-block{height: 42px; border: 1px solid #d4d4d4; border-radius: 4px; text-align: center; line-height: 42px; vertical-align: middle;}
.block-slider-product-detail .nav-left .nav-block a{    border-right: 1px solid #d4d4d4; line-height: 41px; display: inline-block!important; float: left; width: 50%;}
.block-slider-product-detail .nav-left .nav-block a:last-child{border: 0px;}
.block-slider-product-detail .content-slider{overflow: hidden;}
.block-slider-product-detail .content-slider .slick-slide img{width: 395px; height: 395px; }
@media(max-width: 992px){
	.product-detail-page{    padding: 0;}
	.product-detail-page .product-d-slider .block-slider-product-detail{position: relative; margin: auto auto 40px;}
	.product-detail-page .product-d-info{padding-left: 0; margin-bottom: 30px;}
	.product-d-shipper{position: static; width: 100%; border: 0; padding-left: 0;}
	.product-d-shipper .product-d-btn{display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important;    margin: 0 -5px;}
	.product-d-shipper .product-d-btn .btn{margin: 0 5px;}

    .product-detail-page .product-d-info .title{text-align: center;}
    .pr-desc{padding-left: 0;}
    .pr-buy{margin-left: 0;}
}
@media(max-width: 767px){
	.product-d-slider{    overflow: hidden;}
	.block-slider-product-detail { padding-left: 90px; }
	.block-slider-product-detail .content-slider .slick-slide img{    border: 0;}
}
@media(max-width: 600px){
    .product-detail-page .product-d-slider .block-slider-product-detail{padding: 5px 5px 5px 70px;height: inherit; width: inherit;}
    .block-slider-product-detail .nav-left { position: absolute; left: 5px; top: 5px; width: 60px; }
    .block-slider-product-detail .nav-left .item{margin-bottom: 5px;}
    .block-slider-product-detail .nav-left .item img{width: 60px; height: 60px;}
    .block-slider-product-detail .content-slider .slick-slide a{height: 263px; display: block;}
    .block-slider-product-detail .content-slider .slick-slide img{width: 100%; height: 100%; }
    .product-detail-page .product-d-info .title h1{font-size: 24px;}
    .pr-buy{text-align: center; padding-top: 20px; margin-top: 20px;}
    .pr-buy .pr-price{    margin-bottom: 15px;    display: block;}
    .pr-buy .pr-link{float: none;}
}



/* BLOCK-TABS-PRODUCT */
.block-tabs-product{position: relative; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.block-tabs-product .block-nav-custom{    border-bottom: 1px solid #7e620b;min-height: 46px; }
.block-tabs-product .block-nav-custom .nav-tabs{border: 0; max-width: 50%; background: #7e620b;      margin-bottom: 0;  border-top-right-radius: 10px;}
.block-tabs-product .block-nav-custom .nav-tabs .nav-item .nav-link{border: 0; border-radius: 0; padding: 15px 20px; background: transparent; color: #ffff; box-shadow: none; border: 0!important; outline: none; font-size: 16px; font-weight: bold;}
.block-tabs-product .nav-tabs .nav-item.show .nav-link, .block-tabs-product .nav-tabs .nav-link.active{border: 0; outline: none; box-shadow: none; color: #fff!important;}
.block-tabs-product .tab-content{border: 1px solid #7e620b; border-top: 0; min-height: 225px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.block-tabs-product .tab-content .tab-pane{padding: 25px;}
.block-tabs-product .tab-content .pr-tab-title{margin-bottom: 15px;}
.block-tabs-product .tab-content .pr-tab-title h3{color: #7e620b; font-size: 24px;}

.list-item-pr-info{margin-bottom: 30px;}
.item-pr-info{position: relative;}
.item-pr-info .text{display: inline-block; min-width: 70%; font-style: italic;}
.item-pr-info .desc{display: inline-block;}
.item-thumb{margin-bottom: 20px;}
@media(max-width: 600px){
    .item-pr-info{margin-bottom: 10px;}
    .item-pr-info .text{min-width: inherit; display: inline;}
    .item-pr-info .desc{display: inline;}
}

img{max-width: 100%;}


@media(max-width: 992px){
    .block-slider-product-detail{position: static; margin: auto auto 30px;}
    .product-d-content-padd{padding-left: 0;}

    .wrap-pic-max-w img{max-width: 150px; display: block; margin: auto;}
}
@media(max-width: 767px){
    .block-slider-product-detail{width: 100%; padding-left: 2px;}
}
@media(max-width: 600px){
    .slick-product-detail .thumb-main { height: 250px; }
    .slick-product-detail-list .item .thumb-sm{height: 90px;}
    .block-tabs-product .block-nav-custom .nav-tabs{max-width: 100%;}
    .product-d-code .list-code .item .value{display: block;}
}

.left-sidebar .sidenav .collapsible-body .icon{width: 14px; height: 14px;}
.left-sidebar .sidenav .collapsible-body .icon img{height: 14px;}