@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@300;400;500;600;700&display=swap');
@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Black.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Black.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Black.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Black.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Black.svg#BeVietnamPro-Black) format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Bold.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Bold.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Bold.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Bold.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Bold.svg#BeVietnamPro-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-BlackItalic.svg#BeVietnamPro-BlackItalic) format("svg");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.eot);src:url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLight.svg#BeVietnamPro-ExtraLight) format("svg");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraLightItalic.svg#BeVietnamPro-ExtraLightItalic) format("svg");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-BoldItalic.svg#BeVietnamPro-BoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBoldItalic.svg#BeVietnamPro-ExtraBoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.eot);src:url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-ExtraBold.svg#BeVietnamPro-ExtraBold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Italic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Italic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Italic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Italic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Italic.svg#BeVietnamPro-Italic) format("svg");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-LightItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-LightItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-LightItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-LightItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-LightItalic.svg#BeVietnamPro-LightItalic) format("svg");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Light.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Light.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Light.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Light.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Light.svg#BeVietnamPro-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-MediumItalic.svg#BeVietnamPro-MediumItalic) format("svg");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Medium.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Medium.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Medium.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Medium.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Medium.svg#BeVietnamPro-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Regular.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Regular.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Regular.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Regular.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Regular.svg#BeVietnamPro-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-SemiBold.eot);src:url(../fonts/bevietnampro/BeVietnamPro-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-SemiBold.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-SemiBold.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-SemiBold.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-SemiBold.svg#BeVietnamPro-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-SemiBoldItalic.svg#BeVietnamPro-SemiBoldItalic) format("svg");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.eot);src:url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-ThinItalic.svg#BeVietnamPro-ThinItalic) format("svg");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:'Be Vietnam Pro';src:url(../fonts/bevietnampro/BeVietnamPro-Thin.eot);src:url(../fonts/bevietnampro/BeVietnamPro-Thin.eot?#iefix) format("embedded-opentype"),url(../fonts/bevietnampro/BeVietnamPro-Thin.woff2) format("woff2"),url(../fonts/bevietnampro/BeVietnamPro-Thin.woff) format("woff"),url(../fonts/bevietnampro/BeVietnamPro-Thin.ttf) format("truetype"),url(../fonts/bevietnampro/BeVietnamPro-Thin.svg#BeVietnamPro-Thin) format("svg");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'LHanoienne Typeface';src:url(../fonts/lhanoienne/LHanoienneTypeface.eot);src:url(../fonts/lhanoienne/LHanoienneTypeface.eot?#iefix) format("embedded-opentype"),url(../fonts/lhanoienne/LHanoienneTypeface.woff2) format("woff2"),url(../fonts/lhanoienne/LHanoienneTypeface.woff) format("woff"),url(../fonts/lhanoienne/LHanoienneTypeface.otf) format("otf"),url(../fonts/lhanoienne/LHanoienneTypeface.ttf) format("truetype"),url(../fonts/lhanoienne/LHanoienneTypeface.svg#LHanoienneTypeface) format("svg");font-weight:300;font-style:normal;font-display:swap}
body{margin:0}
body,html{;background-color:#FFF;min-height:100vh;font-family:'Be Vietnam Pro',sans-serif;font-size:1rem;line-height:24px;font-weight:300;letter-spacing:-0.001rem;color:#222}
body::-webkit-scrollbar-track,.select2-results__options::-webkit-scrollbar-track,.click-popup .popup ul::-webkit-scrollbar-track,.menuNav::-webkit-scrollbar-track,.fancybox-slide::-webkit-scrollbar-track,.modal-open .modal::-webkit-scrollbar-track,.click-popup .content::-webkit-scrollbar-track,.account-popup .contentWrap .content::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-track{background-color:rgba(222,222,222,.75)}
body::-webkit-scrollbar-thumb,.select2-results__options::-webkit-scrollbar-thumb,.click-popup .popup ul::-webkit-scrollbar-thumb,.menuNav::-webkit-scrollbar-thumb,.fancybox-slide::-webkit-scrollbar-thumb,.modal-open .modal::-webkit-scrollbar-thumb,.click-popup .content::-webkit-scrollbar-thumb,.account-popup .contentWrap .content::-webkit-scrollbar-thumb,.scrollbar::-webkit-scrollbar-thumb{background-color:#B0B0B0}
body::-webkit-scrollbar,.select2-results__options::-webkit-scrollbar,.click-popup .popup ul::-webkit-scrollbar,.menuNav::-webkit-scrollbar,.fancybox-slide::-webkit-scrollbar,.modal-open .modal::-webkit-scrollbar,.account-popup .contentWrap .content::-webkit-scrollbar,.scrollbar::-webkit-scrollbar{width:8px;height:8px;background-color:rgba(222,222,222,.75)}
.ui-timepicker-wrapper::-webkit-scrollbar-track,.select2-results__options::-webkit-scrollbar-track{background-color:rgba(222,222,222,.75)}
.ui-timepicker-wrapper::-webkit-scrollbar-thumb,.select2-results__options::-webkit-scrollbar-thumb{background-color:rgba(148,148,148,0.7);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.ui-timepicker-wrapper::-webkit-scrollbar,.select2-results__options::-webkit-scrollbar{width:5px;height:5px;background-color:rgba(222,222,222,.75)}
body::-webkit-scrollbar-thumb{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
body::-webkit-scrollbar{width:10px;height:10px}
*,a:active,a:focus{outline:0!important}
:focus{box-shadow:none!important}
*{-webkit-text-size-adjust:none;text-size-adjust:none}
a,a:visited,a:focus{text-decoration:none}
a:hover{text-decoration:underline}
a{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;cursor:pointer}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700}
.clear{clear:both;font-size:0;line-height:0;height:0}
ol,ul{list-style:none}
a{text-decoration:none}
a,a:hover{color:#222}
img{border:none;max-width:100%}
input{color:#222}
select::-ms-expand{display:none}
button{border:none;background:none;padding:0}
b,strong{font-weight:600}
#ci-wrapper-admin{font-size:0.938rem}
.wrapper{width:100%;max-width:1400px;padding:0 24px;margin:0 auto}
.text-underline{text-decoration:underline}
.imgWrap{position:relative;overflow:hidden}
.form-control{background:none;border:1px solid #B0B0B0;border-radius:0;color:#222;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.form-control.active{border-color:#222!important}
.form-control::-webkit-input-placeholder{color:rgba(112,112,112,.5)}
.form-control::-moz-placeholder{color:rgba(112,112,112,.5)}
.form-control:-ms-input-placeholder{color:rgba(112,112,112,.5)}
.form-control:-moz-placeholder{color:rgba(112,112,112,.5)}
.form-control:not(.day) .disabled,.form-control:not(.day):disabled,.form-control.disabled:not(.day),.dropdown-list.disabled .form-control{pointer-events:none;background-color:#F4F4F4!important;border-color:#B0B0B0!important;cursor:not-allowed}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:all 5000s ease-in-out 0.1s;transition-property:background-color,color}
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline;display:block}
.fl{float:left}
.fr{float:right}
.hidden{display:none!important}
.cl-white,.cl-white *,a.cl-white,.cl-white a:hover{color:#FFF!important}
.cl-pink{color:#FF385C}
.cl-blue{color:#008489}
.cl-grey{color:#707070}
.z-higher{z-index:99999999999!important}
.z-lower{z-index:inherit!important}
.div-click:not(.col-empty){cursor:pointer}
.row{margin:0 -12px}
.row [class^=col-]{padding:0 12px}
.font-weight-500{font-weight:500!important}
.font-weight-600{font-weight:600!important}
.rad3{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.rad4{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.rad6{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.rad8{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.rad10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.rad12{-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}
.rad14{-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px}
.rad16{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px}
.rad24{-moz-border-radius:24px;-webkit-border-radius:24px;border-radius:24px}
.no-rad{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.bor{background-color:#ffffff;border: 1px solid #B0B0B0}
.nobor{border:none!important}
.not-active{opacity:.3;pointer-events:none}
a.button-web:hover,button.button-web:hover{background-color:#F7F7F7!important;text-decoration:none}
.w-shadow{-moz-box-shadow:0 0 10px rgba(0,0,0,0.08)!important;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.08)!important;box-shadow:0 0 10px rgba(0,0,0,0.08)!important;background-color:#fff!important;border:1px solid #E9E9E9;color:#222}
.w-shadow1{-moz-box-shadow:0 0 3px rgba(0,0,0,0.16)!important;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.16)!important;box-shadow:0 0 3px rgba(0,0,0,0.16)!important;background-color:#fff!important;border:1px solid #E5E5E5}
.button-web{display:inline-block;align-items:center;justify-content:center;padding:0 24px;height:48px;line-height:44px;border:1px solid transparent;text-align:center;position:relative;overflow:hidden;vertical-align:bottom;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;font-size: 0.875rem;font-weight:500;cursor:pointer;white-space:nowrap;min-width:80px;text-decoration:none!important}
.button-web.btn-small{padding:6px 24px 10px;height:40px;line-height:inherit}
.button-web span,.button-txt span{display:inline-block;position:relative;z-index:1}
.button-web span:not(.hover){pointer-events:none}
.button-web:not(.btn-face):hover{color:#222222!important}
.button-web.v1{background-color:#FFFFFF;border-color:#222222}
.button-web.v1.v1_1{background:none;color:#e8e8e8;border-color:#FFFFFF}
.button-web.v2{background-color:#222222;color:#FFFFFF}
.button-web.v2:hover{background-color:#000!important;color:#FFF!important;border-color:#000!important}
.button-web.v3{background-color:#FF385C;color:#FFFFFF!important}
.button-web.v3:hover{background:#DC0E63!important;background:-moz-linear-gradient(-90deg,#DC0E63 0%,#E51D4E 100%)!important;background:-webkit-linear-gradient(-90deg,#DC0E63 0%,#E51D4E 100%)!important;background:linear-gradient(270deg,#DC0E63 0%,#E51D4E 100%)!important;border-color:transparent!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DC0E63',endColorstr='#E51D4E',GradientType=1);color:#FFF!important}
.button-web.v3 .hover{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:radial-gradient(circle at center center, rgb(255, 56, 92) 0%, rgb(230, 30, 77) 27.5%, rgb(227, 28, 95) 40%, rgb(215, 4, 102) 57.5%, rgb(189, 30, 89) 75%, rgb(189, 30, 89) 100%)!important;background-size:200% 200%;opacity:0;-o-transition:opacity 1.25s ease .1s;-moz-transition:opacity 1.25s ease .1s;-ms-transition:opacity 1.25s ease .1s;-webkit-transition:opacity 1.25s ease .1s;transition:opacity 1.25s ease 0s}
.button-web.v3:hover .hover{opacity:1}
.button-web.v4{min-width:100%;border:2px solid #B0B0B0;padding:0 16px}
.button-web.v5{border:2px solid #008489;background-color:#FFFFFF;min-width:inherit}
.button-web.v1.v1_1:hover{color:#FFFFFF!important}
.button-web.v1.v1_1:hover{-moz-box-shadow:0 0 10px #FFFFFF;-webkit-box-shadow:0 0 10px #FFFFFF;box-shadow:0 0 10px #FFFFFF;background:none!important}
.button-txt{font-size:0.875rem;font-weight:500;white-space:nowrap;position:relative}
.button-txt:not(.nobg):before{position:absolute;top:-8px;bottom:-8px;left:-16px;right:-16px;content:'';pointer-events:none;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;z-index:0;background-color:#FFF}
.button-txt:not(.nobg):hover:before{background-color:#F7F7F7}
.button-txt span{text-decoration:underline}
.button-txt:hover span{text-decoration:none}
.link-txt,.link-txt:focus{text-decoration:underline}
.btn-linkweb{font-weight:400;color:#008489!important;text-decoration:underline!important}
a.link-txt:hover,a:hover .link-txt,a.btn-linkweb:hover,a:hover .btn-linkweb{text-decoration:none!important}
.btn-link.disabled{color:#B0B0B0!important}
.mdi:before,.mdi-set{font-size:1.5rem}
.tend,.tend a,.des{-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}
.clickScroll{max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.clickScroll::-webkit-scrollbar,.scroll-mb::-webkit-scrollbar{width:0;display:none}
.animated{-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
/*==================BEGIN BOX MID==================*/
.boxTitle{margin-bottom:24px;position:relative}
.boxTitle .title{display:inline-block;font-size:1.75rem;line-height:1.45;font-weight:500;letter-spacing:-0.01rem}
.boxTitle .title.t1{font-size:1.375rem;line-height:1.4}
.boxTitle .title.t2{font-size:1.5rem;line-height:1.4}
.boxTitle .title.t3{font-size:2rem;line-height:1.4}
.boxTitle .title.t4{font-size:2.625rem;line-height:1.45}
.boxTitle .title.t5{font-size:1.625rem;line-height:1.5}
.header-title{font-size:1.125rem;line-height:26px;font-weight:500;padding-left:8px}
.sub-title{font-size:1.25rem;line-height:1.4;font-weight:500;margin-bottom:16px}
.s-title{font-size:1.125rem;line-height:1.45;font-weight:600;margin-bottom:16px}
.small-title{font-size:1rem;line-height:24px;font-weight:500;margin-bottom:16px}
.sub-menu .title{font-weight:500;line-height:24px}
.button-actions{padding-left:32px}
.button-actions button~button{margin-left:8px}
.button-actions button{padding:0 16px}
.button-actions button .icon{font-size:0.875rem}
.button-actions .btn-refuse .txt{text-decoration:underline}
.button-actions .btn-refuse .icon{color:#c90000}
.button-actions .btn-allow .icon{color:#009b1f}
.click-popup{position:relative}
.click-popup .popup{opacity:0;visibility:hidden;position:absolute;top:calc(100% + 10px);left:-9999px;z-index:9999;background-color:#fff;text-align:left;pointer-events:none;padding:24px 24px 16px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;border:1px solid rgba(217,217,217,.5);-webkit-box-shadow:0 10px 37px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 37px rgba(0,0,0,0.15);box-shadow:0 10px 37px rgba(0,0,0,0.15);-ms-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.click-popup.active .popup{opacity:1;visibility:visible;pointer-events:auto}
.btn-back-list{font-weight:600}
.btn-back-list .icon{position:relative;width:12px;display:inline-block}
.btn-back-list .icon:before{border-bottom:.15em solid #222;border-right:.15em solid #222;content:"";display:block;width:9px;height:9px;top:0;left:0;position:relative;top:-1px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
/*-----------INPUT RADIO + CHECKBOX---------*/
.choose-btn{position:relative;padding-left:32px;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:22px}
.choose-btn input[type='radio'],.choose-btn input[type='checkbox'],.radio-v2 input{position:absolute;opacity:0;top:0;left:0;cursor:pointer}
.checkmark{position:absolute;top:-1px;left:0;width:24px;height:24px;background-color:#FFF;border:1px solid #B0B0B0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.choose-btn input[type='radio']~.checkmark:after,.choose-btn input[type='checkbox']~.checkmark:after,.radio-v2 input[type='radio']~.checkmark:after{content:"";position:absolute;opacity:0;visibility:hidden;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.choose-btn input[type='radio']~.checkmark,.choose-btn input[type='radio']~.checkmark:after,.radio-v2 .checkmark{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.choose-btn input[type='radio']~.checkmark{width:22px;height:22px}
.choose-btn input[type='radio']~.checkmark:after,.choose-btn input:checked ~ .checkmark:after{opacity:1;visibility:visible}
.choose-btn input[type='radio']~.checkmark:after{left:6px;top:6px;width:8px;height:8px;background-color:#FFF}
.choose-btn input:checked ~ .checkmark,.radio-v2 input[type='radio']:checked~.checkmark{background-color:#222;border-color:#222}
.choose-btn input[type='checkbox']~.checkmark{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.choose-btn input[type='checkbox']~.checkmark:after{left:8px;top:3px;width:7px;height:12px;border:solid #fff;border-width:0 .15em .15em 0}
.choose-btn input[type='checkbox']:checked ~ .checkmark:after,.radio-v2 input[type='radio']~.checkmark:after{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.choose-btn>label,.radio-v2 label{display:block;margin:0;cursor:pointer;line-height:22px}
.choose-btn>label .txt{display:inline-block;line-height:22px;font-weight:400}
.choose-btn input[type='radio']:checked+.txt{font-weight:600}
.choose-btn input:disabled ~ .checkmark,.choose-btn input:disabled ~ .txt{color:#707070}
.lb-radio-v2{display:inline-block;padding-right:16px}
.radio-v2 .item~.item{margin-left:8px}
.radio-v2 .item{position:relative;width:32px;height:32px}
.radio-v2 input[type='radio']~.checkmark{display:block;width:100%;height:100%;text-align:center;background-color:#fff;border:1px solid #B0B0B0}
.radio-v2 input[type='radio']~.checkmark:after{opacity:1;visibility:visible}
.radio-v2 .it1 input[type='radio']~.checkmark:before,.radio-v2 .it1 input[type='radio']~.checkmark:after{position:absolute;top:50%;left:50%;margin-top:-.05em;margin-left:-7px;width:14px;height:.1em;background-color:#B0B0B0;content:''}
.radio-v2 .it1 input[type='radio']~.checkmark:before{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.radio-v2 .it2 input[type='radio']~.checkmark:after{left:12px;top:5px;width:8px;height:15px;border:solid #B0B0B0;border-width:0 .15em .15em 0}
.radio-v2 .it1 input[type='radio']:checked~.checkmark:before,.radio-v2 .it1 input[type='radio']:checked~.checkmark:after{background-color:#FFF}
.radio-v2 .it2 input[type='radio']:checked~.checkmark:after{border-color:#FFF}
.chk-switch{width:44px;height:30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding-left:1px;padding-right:1px;margin-bottom:0;position:relative;z-index:2}
.chk-switch input[type=checkbox]~.checkmark{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;width:28px;height:28px;-moz-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;top:1px;left:1px;border-color:transparent}
.chk-switch input[type=checkbox]~.checkmark:after{left:10px;top:5px;border-color:#222;opacity:0}
.chk-switch input[type=checkbox]~.bgc{position:absolute;width:100%;height:100%;left:0;top:0;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;display:inline-block;background-color:#ddd;z-index:-1;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.chk-switch input[type=checkbox]:checked~.checkmark{background:#fff;-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);-webkit-transform:translateX(50%);transform:translateX(50%)}
.chk-switch input[type=checkbox]:checked~.checkmark:after{opacity:1}
.chk-switch input[type=checkbox]:checked~.bgc{background-color:#222}
.show-hide-article-status{margin-right:98px!important}
.show-hide-article-status .txt{position:absolute;top:4px;left:50px;width:94px;height:100%}
.show-hide-article-status input[type=checkbox]:checked~.bgc{background-color:#009b1f}
.show-hide-article-status input[type=checkbox]~.checkmark:after{border-color:#009b1f}
/*==================UI DATEPICKER=====================*/
input:focus{outline:none}
.calendar-icon{position:relative}
.calendar-icon .input-group-btn{position:absolute;right:16px;top:50%;width:19px;height:18px;margin-top:-9px;cursor:pointer;background:url(../images/icon/date-icon.svg) center center/contain no-repeat;pointer-events:none}
#ui-datepicker-div{display:none;width:240px;background-color:#fff;border:none;-webkit-box-shadow:.125rem .125rem .5rem rgba(0,0,0,0.2);-moz-box-shadow:.125rem .125rem .5rem rgba(0,0,0,0.2);box-shadow:.125rem .125rem .5rem rgba(0,0,0,0.2);margin-top:.25rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;border-radius:.5rem;padding:.2rem;font-family:'Be Vietnam',sans-serif;font-size:0.938rem}
.ui-datepicker table{border-collapse:collapse;border-spacing:0;margin:0}
.ui-datepicker-calendar thead th{padding:.75em .25rem;text-align:center;font-weight:500;color:#222}
.ui-datepicker-calendar tbody td{width:2rem;text-align:center}
.ui-datepicker-calendar tbody td .ui-state-default,.ui-datepicker-calendar tbody td a{display:block;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem;line-height:1.4rem;-moz-transition:.3s all;-ms-transition:.3s all;-o-transition:.3s all;-webkit-transition:.3s all;transition:.3s all;text-decoration:none;text-align:center}
.ui-datepicker-calendar tbody td a:hover{background-color:#ebebeb;color:#333}
.ui-datepicker-calendar tbody td a.ui-state-active{background-color:#E91E63;border-color:#E91E63;color:#fff}
.ui-datepicker-header a.ui-corner-all{cursor:pointer;position:absolute;top:50%;width:2rem;height:2rem;margin:-1rem .5rem 0;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;border-radius:.25rem;-moz-transition:.3s all;-ms-transition:.3s all;-o-transition:.3s all;-webkit-transition:.3s all;transition:.3s all}
.ui-datepicker-header a.ui-corner-all:hover{background-color:#ECEFF1}
.ui-datepicker-header a>span{display:none}
.ui-datepicker .ui-datepicker-title{text-align:center;line-height:2rem;margin-bottom:0;font-size:0.875rem;font-weight:500}
.ui-datepicker-week-col{color:#78909C;font-weight:400;font-size:.75rem}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #222;background:#222;color:#FFF}
.bootstrap-datetimepicker-widget{width:100%!important;min-width:300px;background-color:#FFF;margin:10px 0!important;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;padding:16px!important;border:1px solid rgba(217,217,217,.5);-webkit-box-shadow:0 10px 37px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 37px rgba(0,0,0,0.15);box-shadow:0 10px 37px rgba(0,0,0,0.15);z-index:1035!important}
.bootstrap-datetimepicker-widget:before,.bootstrap-datetimepicker-widget:after{display:none!important}
.bootstrap-datetimepicker-widget *{font-family:'Be Vietnam',sans-serif!important;font-size:0.938rem}
.bootstrap-datetimepicker-widget .table-condensed>thead>tr>th,.bootstrap-datetimepicker-widget .table-condensed>tbody>tr>td,.bootstrap-datetimepicker-widget .table-condensed>tfoot>tr>td{padding:7px 8px 6px}
.bootstrap-datetimepicker-widget table thead tr:first-child th,.bootstrap-datetimepicker-widget table td{background:none!important}
.bootstrap-datetimepicker-widget table th{position:relative}
.bootstrap-datetimepicker-widget table th.prev,.bootstrap-datetimepicker-widget table th.next{line-height:30px}
.bootstrap-datetimepicker-widget table th.prev:hover::before,.bootstrap-datetimepicker-widget table th.next:hover::before{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;content:'';width:32px;height:32px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#F7f7F7;mix-blend-mode:multiply;pointer-events:none}
.bootstrap-datetimepicker-widget table tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between}
.bootstrap-datetimepicker-widget table td{width:calc(100%/7);flex-shrink:0;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;border:1px solid transparent;position:relative}
.bootstrap-datetimepicker-widget table th,.bootstrap-datetimepicker-widget table td.day{width:40px;height:40px}
.bootstrap-datetimepicker-widget table td.today:before{border-bottom-color:#222}
.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{color:#d2d2d2}
.bootstrap-datetimepicker-widget table td.new{color:#d2d2d2}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.new.active{color:#FFF}
.date{position:relative}
.date input{cursor:pointer}
.bootstrap-datetimepicker-widget i:before{line-height:24px}
.bootstrap-datetimepicker-widget table td:hover{border-color:#222!important}
.bootstrap-datetimepicker-widget table td.active{background-color:#222!important}
.bdpw-clock-digit,.bdpw-timepicker-btn{width:24px!important;height:24px!important;line-height:24px!important}
.bdpw-clock-digit.cursor{color:#222}
/*---------TIME PICKER--------*/
.select-time .input-group-btn{background:url(../images/icon/time-icon.svg) center center/contain no-repeat}
.select-time .input-group-btn,.choose-time .calendar-icon:not(.select-time) .form-control{pointer-events:none}
.ui-timepicker-wrapper{overflow-y:auto;max-height:310px;min-width:100%;background:#fff;border:1px solid #D9D9D9;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;outline:none;z-index:10052;margin:0;padding:12px}
.ui-timepicker-wrapper.ui-timepicker-with-duration{width:13em}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60{width:11em}
.ui-timepicker-list{margin:0;padding:0;list-style:none}
.ui-timepicker-duration{margin-left:5px;color:#888}
.ui-timepicker-list:hover .ui-timepicker-duration{color:#888}
.ui-timepicker-list li{padding:4px 0 4px 5px;cursor:pointer;white-space:nowrap;color:#333;list-style:none;margin:0}
.ui-timepicker-list:hover .ui-timepicker-selected{color:#222;font-weight:500}
li.ui-timepicker-selected,.ui-timepicker-list li:hover,.ui-timepicker-list .ui-timepicker-selected:hover{color:#222;font-weight:600}
li.ui-timepicker-selected .ui-timepicker-duration,.ui-timepicker-list li:hover .ui-timepicker-duration{color:#ccc}
.ui-timepicker-list li.ui-timepicker-disabled,.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{color:#888;cursor:default}
.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{background:#f2f2f2}
/*=================BEGIN: PAGINATION==================*/
.pagination{width:100%;background:transparent;margin:0;padding-top:24px}
.pagination ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;width:100%}
.pagination li{display:inline-block;margin:0 8px 0 0}
.pagination li span{display:table-cell;width:32px;height:32px;line-height:32px;font-weight:400;box-sizing:border-box;border:none;vertical-align:middle;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;background-color:#fff;border:none;text-align:center;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}
.pagination li span:before{position:relative;top:3px;line-height:25px}
.pagination li span.pagecur{background:#fff}
.pagination li a:hover span,.pagination li span.pagecur{color:#fff;background-color:#222222}
.pagination li .btnPage.disabled{opacity:0.5;pointer-events:none}
/*==================MODAL=================*/
.modal-open{padding-right:0!important;overflow:hidden!important}
.modal{padding:40px!important}
.modal-dialog{max-width:100%;margin:0;display:contents}
.modal .modal-content{width:100%;max-width:100%;min-height:100%;background:#FFF}
.modal .mod-header{padding:0 24px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-box-pack:justify;-webkit-box-align:center;flex:0 0 auto;height:64px;border-bottom:1px solid rgba(217,217,217,.5);position:relative}
.modal .mod-header .title{font-size:1rem;font-weight:600}
.modal .mod-header .close,.account-popup .fancybox-close{opacity:1;background:none;color:#222;position:absolute;top:16px;left:16px;width:32px;height:32px;line-height:32px;padding:0;margin:0;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}
.modal .mod-header .close:hover,.account-popup .fancybox-close:hover{background-color:#F7F7F7}
.modal .mod-header .close svg,.account-popup .fancybox-close svg{display:block;height:100%;overflow:visible;position:relative;width:100%;padding:4px!important}
.modal .mod-header .close svg path,.account-popup .fancybox-close svg path{fill:currentColor;stroke-width:0}
.modal .mod-body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 220px);max-height:calc(100vh - 220px);min-height:calc(var(--window-height) - 220px);max-height:calc(var(--window-height) - 220px);width:100%;overflow:auto;flex:1 1 auto}
.modal .mod-body .inner{padding:24px 56px;width:100%;max-width:1288px;margin:auto}
.modal .mod-footer{-webkit-box-pack:justify;-webkit-box-align:center;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;width:100%;border-top:1px solid rgba(217,217,217,.5)}
.modal .mod-footer .inner{width:100%;padding:16px 24px}
#add-note-img .tab-tilte{padding-bottom:8px;border-bottom:1px solid #D9D9D9;font-size:0.875rem;font-weight:500;margin-bottom:24px}
#add-note-img .note{display:block;font-size:0.75rem;line-height:18px;color:#707070;margin-bottom:12px}
/*-------SWEET ALERT--------*/
.swal2-container{z-index:10000000005!important;-moz-transition:all 366ms linear!important;-ms-transition:all 366ms linear!important;-o-transition:all 366ms linear!important;-webkit-transition:all 366ms linear!important;transition:all 366ms linear!important}
.swal2-container .select2{display:none!important}
.swal2-show{-webkit-animation:none!important;animation:none!important}
.swal2-popup{padding:0!important}
.swal2-popup .swal2-title,.swal2-content{color:#222222!important}
.swal2-popup .swal2-header{padding:0 48px;height:64px;border-bottom:1px solid rgba(217,217,217,.5);align-items:center;justify-content:center}
.swal2-popup .swal2-title{font-size:1rem;line-height:22px;text-align:center;margin-bottom:0;font-weight:500!important;    letter-spacing:-0.01rem}
.swal2-content{font-family:'Be Vietnam Pro',sans-serif;font-size:0.938rem!important;line-height:24px!important;font-weight:300!important}
.swal2-content .content{padding:24px 24px 32px}
.swal2-content .content p:last-child{margin-bottom:0}
.swal2-actions,.swal2-content .link{margin:0!important;padding:0 24px 32px 24px!important}
.swal2-popup{-webkit-border-radius:15px!important;-moz-border-radius:15px!important;border-radius:15px!important;max-width:92%!important;text-transform:none!important;-moz-box-shadow:0 3px 6px rgba(0,0,0,0.16);-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16);box-shadow:0 3px 6px rgba(0,0,0,0.16)}
.swal2-actions .swal2-styled{font-size:0.875rem!important;padding:0 24px!important;margin:0!important;height:48px!important;line-height:44px!important;-webkit-border-radius:8px!important;-moz-border-radius:8px!important;border-radius:8px!important;font-weight:500!important}
.swal2-actions button{width:100%}
.swal2-styled.swal2-confirm{background-color:#222222!important;color:#FFFFFF!important}
.swal2-close{width:32px!important;height:32px!important;opacity:1;-webkit-border-radius:100%!important;-moz-border-radius:100%!important;border-radius:100%!important;top:16px!important;left:16px!important;font-size:2em!important;color:#222222!important;font-weight:700;line-height:32px!important}
.swal2-close:hover{background-color:#F7F7F7!important}
.swal2-icon{width:3em!important;height:3em!important;border-width:.15em!important}
.swal2-icon .swal2-icon-content{font-size:2em!important}
.swal2-icon.swal2-warning{border-color:red!important;color:red!important}
/*.swal2-styled,.swal2-styled:focus{border:none!important;font-size:1.5rem!important;font-weight:500!important;box-shadow:none!important}*/
.swal2-content .link .button-web{width:calc(50% - 12px)}
/*-------FANCYBOX POPUP--------*/
.fancybox-container{z-index:10000000001!important;font-size:0.938rem}
.fancybox-active{overflow:hidden!important}
.fancybox-is-open .fancybox-bg{background-color:rgba(58,58,58,0.9)}
.fancybox-button svg,.fancybox-button--close,.fancybox-close-small{opacity:1!important}
.fancybox-button--close svg,.fancybox-close-small svg{color:#222}
.account-popup,.page-account .contentWrap{-moz-border-radius:15px!important;-webkit-border-radius:15px!important;border-radius:15px!important}
.page-account .contentWrap{position:relative}
.page-account .screen{z-index:-9;display:none;pointer-events:none;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;-ms-transition:all .6s;transition:all .6s;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.page-account .screen.active{z-index:10;display:block;pointer-events:auto;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.account-popup{width:100%;max-width:560px;padding:0;margin:6px 0;background-color:#FFF;border:1px solid #707070;-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1)}
.w-400{max-width:400px}
.w-720{max-width:720px}
.account-popup>.fancybox-close-small{display:none!important}
.account-popup .fancybox-button,.account-popup .boxTitle .back{background:none;color:#222;position:absolute;top:16px;left:16px;width:32px;height:32px;line-height:32px;padding:0;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}
.account-popup .fancybox-button:hover,.account-popup .boxTitle .back:hover{background-color:#F7F7F7}
.account-popup .txt-tit{padding:64px 24px 0;margin:0}
.account-popup .main-tit{padding:0 24px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;height:64px;border-bottom:1px solid rgba(217,217,217,.5);margin:0}
.account-popup .main-tit .title{font-size:1rem!important}
.account-popup .boxTitle.has-backlink{padding-left:24px;padding-right:0}
.account-popup .content .boxTitle{margin-bottom:24px}
.account-popup .boxTitle .back{display:inline-block}
.account-popup .contentWrap .content{padding:24px 24px 32px;max-height:calc(100vh - 130px);max-height:calc(var(--window-height) - 130px);overflow:auto}
.account-popup .link{padding-top:36px}
.account-popup .form-link{padding-top:12px;font-size:0.875rem;color:#B0B0B0}
.account-popup .small-note{padding-top:36px;color:#B0B0B0}
.account-popup textarea{height:100px!important}
.account-popup .form-account a:not(.button-web){color:#222;text-decoration:underline}
.register-step2 .code-OTP{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center}
.register-step2 .code-OTP input{width:60px;height:60px;text-align:center;border:1px solid #B0B0B0!important;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:16px 0}
.register-step2 .code-OTP input:not(:last-child){margin-right:8px}
.account-popup .link .button-web{display:block;width:100%;min-width:100%}
.account-popup .popup-actions{padding:0 24px 32px 24px}
.w-500{max-width:500px}
/*-----POPUP SUPPORT-----*/
.file{position:relative;display:block;cursor:pointer;margin-bottom:0}
.file input{min-width:14rem;margin:0;filter:alpha(opacity=0);opacity:0}
.file-custom{position:absolute;top:0;right:0;left:0;z-index:5}
.file-custom:after{position:absolute;top:0;right:0;bottom:0;z-index:6;display:block;font-family:"Material Design Icons";content:"\F02EF";padding:.8rem 1rem;color:#707070;background-color:#eee;border-left:.075rem solid #ddd;-webkit-border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;border-radius:0 8px 8px 0}
#fileList img{display:inline-block;max-height:30px;margin-right:4px;margin-top:4px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#mypopup-feedback .contentWrap{overflow:hidden}
#mypopup-feedback .boxTitle{margin-bottom:0}
#mypopup-feedback .note{padding-bottom:30px}
/*==================SOCIAL===================*/
.socialBox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}
.socialBox a{display:inline-block;position:relative}
.socialBox a:not(:last-child){margin-right:16px}
.socialBox label{cursor:pointer;margin-bottom:0;width:100%}
.socialBox i,.zalo-share-button{display:block;width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:contain}
.socialBox i:before{font-size:1.5rem;line-height:24px}
.socialBox .ic-facebook{background-image:url(../images/icon/facebook-f-icon.svg)}
.socialBox .ic-youtube{background-image:url(../images/icon/youtube-icon.png)}
.socialBox .ic-messenger{background-image:url(../images/icon/messenger-icon.png)}
.socialBox .ic-viber{background-image:url(../images/icon/viber-icon.png)}
.socialBox .ic-zalo,.zalo-share-button{background-image:url(../images/icon/zalo-icon.svg)}
.zalo-share-button{overflow:visible!important}
.zalo-share-button iframe{opacity:0}
.socialBox .ic-email{background-image:url(../images/icon/mail-icon.png)}
.top-head .socialBox i,.top-head  .zalo-share-button{width:18px;height:18px}
.top-head .socialBox a:not(:last-child),#ci-footer .socialBox a:not(:last-child){margin-right:12px}
#ci-footer .socialBox a{white-space:nowrap}
#ci-footer .socialBox a:not(:last-child){margin-right:12px}
#ci-footer .socialBox i,.zalo-share-button{width:20px;height:16px}
#ci-footer .socialBox a:first-child{margin-left:0.25rem}
/*==================BEGIN HEADER===================*/
#ci-header{min-height:120px}
#ci-header,#ci-header .sticker{    -webkit-transition: background-color .3s,opacity .3s; 
    -o-transition: background-color .3s,opacity .3s;
    transition: background-color .3s,opacity .3s;}
.top-head{min-height:40px;padding:8px 0;background-color:#F7F7F7;font-size:0.875rem;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.top-head .top-hotline img{display:inline-block;width:18px;flex-shrink:0;margin-right:8px;position:relative;top:-2px}
.mainHead{position:relative;width:100%;height:80px;padding:16px 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between}
.logo a{display:inline-block;text-decoration:none!important}
.logo img{max-height:36px}
.mainHead .header-tools .inner{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}
.header-tools .trigger,.head-account .trigger{display:inline-block;width:68px;height:40px;line-height:40px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;padding:0 5px;background-color:#FFF;border:1px solid #D8D8D8;text-align:center}
.head-account .click-popup.active .trigger,.head-account .trigger:hover{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.18);-moz-box-shadow:0 2px 4px rgba(0,0,0,.18);box-shadow:0 2px 4px rgba(0,0,0,.18)}
.head-account .trigger{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content: flex-end;line-height:30px}
.head-account .trigger span{width: 100%;height: 30px;padding-left: 26px;background: url(../images/icon/menu-icon.svg) 4px center/16px auto no-repeat;}
.head-account .trigger span i,.socialBox .trigger span i{display:inline-block;width: 30px;height: 30px;}
.head-account .trigger span i:before,.socialBox .trigger span i:before{font-size:1.875rem;line-height: 30px;}
.head-account .popup,.notifications-list .popup{right:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;width:240px;padding:0}
.head-account .click-popup.active .popup,.notifications-list.active .popup{left:auto}
.popup .it-list{padding:12px 0}
.popup .it-list:not(:last-child){border-bottom:1px solid rgba(217,217,217,0.5)}
.popup .dropdown-item{padding:.5rem 1rem;white-space:normal}
.header-tools .popup .name-user{padding:8px 16px;pointer-events:none}
.header-tools .popup i{display:inline-block;position:relative;vertical-align:middle;top:2px;width:24px;margin-right:12px;text-align:center}
.head-account.activation .trigger span .acc-avatar{position: relative; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;color:#FFFFFF;font-size:0.875rem;font-style:normal}
.head-account.activation .trigger span .acc-avatar:not(.not-bg){background-color:#222222;}
.head-account.activation .trigger span .acc-avatar img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.head-account.activation .it-account .dropdown-item{font-weight:400}
.dropdown-item.active,.dropdown-item:active{background:none;color:#222}
.notifications-list .popup{width:300px;font-size:.875rem}
.notifications-list .title,.notifications-list .dropdown-item{padding:12px 1rem}
.top-head .ico img{max-height:18px}
.top-head .count{position:absolute;top:-3px;left:12px;padding:0 4px;min-width:16px;height:16px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;font-size:.575rem;line-height:14px;color:#FFF;background-color:#FF385C;z-index:1;text-align:center}
.notifications-list .count{left:8px}
.notifications-list .it-list{max-height:calc(100vh - 70px - 56px);max-height:calc(var(--window-height) - 70px - 56px);overflow-x:hidden;overflow-y:auto}
.notifications-list .dropdown-item{display:block;white-space:normal;border:none;border-top:1px solid #e5e5e5;font-weight:300;line-height:1.5}
.notifications-list .tend{padding:0;margin:0}
.notifications-list .time{font-size:.75rem;color:#B0B0B0}
.notifications-list .dropdown-item:last-child:hover{-webkit-border-radius:0 0 14px 14px;-moz-border-radius:0 0 14px 14px;border-radius:0 0 14px 14px}
#ci-header .sticker{background-color:#FFF;-webkit-box-shadow:4px 0 10px rgba(0,0,0,0.12);-moz-box-shadow:4px 0 10px rgba(0,0,0,0.12);box-shadow:4px 0 10px rgba(0,0,0,0.12)}
#ci-header.fixed .sticker{position:fixed;top:0;left:0;width:100%;z-index:1001;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:stuckMoveDown 0.6s 1;animation:stuckMoveDown 0.6s 1}
#ci-header.fixed .top-head{display:none}
@-webkit-keyframes stuckMoveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes stuckMoveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
/*=============MENU=============*/
.menuWrap{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear}
.menuWrap,.menuNav ul li{position:relative}
.menuNav > ul > li{cursor:pointer}
.menuNav h2,.menuNav li h3{font-weight:300}
/*-------FORM--------*/
.form-group .ftxt{display:block;color:#707070;line-height:24px;margin-bottom:8px}
.form-control,.form-control:focus{box-shadow:none;-webkit-box-shadow:none;background:none}
.form-control{padding:10px 16px;height:48px;font-size:0.938rem}
.form-control:focus{border-color:#222}
input[name="title-suggest"]{text-align:center;color:#008489!important;font-weight:400;text-decoration:underline}
textarea.form-control{height:70px;resize:none}
textarea.form-control.v1{height:200px}
.note-editor.note-frame{border-color:#B0B0B0!important;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.note-editor.note-frame *{font-family:'Be Vietnam Pro',sans-serif!important;font-size:0.938rem!important;line-height:24px!important;font-weight:300!important}
.frAdmin .note{display:block;line-height:18px;color:#808080}
.frAdmin small.note{font-size:0.75rem}
.frAdmin .required,.frAdmin .mark-required,.error-info{color:red!important;font-size:0.938rem}
.frAdmin .check-radio{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;padding-top:4px}
.frAdmin .check-radio .choose-btn{margin-bottom:12px}
.frAdmin .check-radio .choose-btn:not(:last-child){padding-right:48px}
.frAdmin .sex .choose-btn~.choose-btn{margin-left:32px}
.frAdmin .first-title{font-weight:500}
.btn-editInfo{display:inline-block}
.dropdown-list.disabled .form-control,.dropdown-list.disabled .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#707070!important}
.form-control.required,.dropdown-list.required .form-control,.dropdown-list.required .select2-container .select2-selection--single{border-color:red!important}
.error-info{width:100%;font-size:0.75rem;line-height:18px;padding-top:8px;margin:0}
.error-info i{display:inline-block;margin-right:4px;position:relative;top:2px}
.error-info i:before{font-size:1.25rem}
.check-quality .item{margin-top:16px}
.btn-upload-cover{min-width:120px;height:34px;line-height:32px!important;padding:0!important}
.main-content{position:relative}
.page-content .ad-tt{border-bottom:1px solid #D9D9D9;font-size:1rem;font-weight:600;padding-top:8px;padding-bottom:8px;margin-bottom:24px}
.info-package{border:1px solid #D9D9D9;padding:16px 24px}
.info-package>div:not(.active){display:none}
.info-package p:last-child{margin-bottom:0}
.info-package .fee{font-size:1.5rem;line-height:1.45;font-weight:600;color:#FF385C}
.info-package .f-fee{font-size:0.875rem;color:#707070}
.info-package .fee .time{display:inline-block;font-size:0.875rem;line-height:1.45;font-weight:600}
/*-------DATERANGE PICKER---------*/
.daterangepicker{width:300px;margin-top:10px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;padding:16px 24px;border:1px solid rgba(217,217,217,.5);-webkit-box-shadow:0 10px 37px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 37px rgba(0,0,0,0.15);box-shadow:0 10px 37px rgba(0,0,0,0.15)}
.daterangepicker,.daterangepicker .ranges li{font-family:'Be Vietnam',sans-serif;font-size:0.938rem;line-height:24px}
.daterangepicker .ranges li{padding:6px 0}
.daterangepicker .ranges li:hover,.daterangepicker .ranges li.active{background:none;color:#222;font-weight:600}
.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{font-family:'Be Vietnam',sans-serif;font-size:0.938rem;border:none}
.daterangepicker .calendar-table thead th{padding:4px 10px 10px;position:relative}
.daterangepicker .calendar-table thead th:hover{background:none}
.daterangepicker .calendar-table thead th.prev,.daterangepicker .calendar-table thead th.next{position:relative}
.daterangepicker .calendar-table thead th.prev:hover::before,.daterangepicker .calendar-table thead th.next:hover::before{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;content:'';width:32px;height:32px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#F7f7F7;mix-blend-mode:multiply;pointer-events:none}
.daterangepicker .calendar-table .prev span{margin-left:3px}
.daterangepicker .calendar-table .next span{margin-right:3px}
.daterangepicker .calendar-table thead th.prev:hover,.daterangepicker .calendar-table thead th.next:hover{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.daterangepicker .calendar-table td{padding:0;width:calc(100%/7)}
.daterangepicker td.active,.daterangepicker td:not(.in-range):hover{background:none!important;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.daterangepicker td.in-range{background-color:#F7F7F7!important}
.daterangepicker td .data{position:relative;pointer-events:none;padding-top:100%}
.daterangepicker td .data:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';pointer-events:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.daterangepicker td:hover .data:after{border:1px solid #222;background-color:#FFF}
.daterangepicker td.active .data:after{background-color:#222}
.daterangepicker td.active:not(.today) .data:before{position:absolute;top:0;width:50%;height:100%;content:'';background-color:#F7F7F7;pointer-events:none;z-index:0}
.daterangepicker td.active.start-date .data:before{left:50%}
.daterangepicker td.active.end-date .data:before{left:0}
.daterangepicker td.in-range+.weekend.off .data:before{position:absolute;top:0;width:150%;height:100%;left:50%;content:'';background:linear-gradient(90deg,#f7f7f7 50%,rgba(241,241,241,0) 95%)}
.daterangepicker td.off+.weekend.in-range .data:before{position:absolute;top:-1px;width:150%;height:calc(100% + 3px);right:50%;content:'';background:linear-gradient(90deg,#f7f7f7 50%,rgba(241,241,241,0) 95%);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.daterangepicker td span{position:absolute;position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}
.daterangepicker .drp-buttons .btn{padding:7px 16px 12px;height:40px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-size:0.875rem;font-weight:400;color:#222;border:none}
.daterangepicker .drp-buttons .btn.applyBtn{background-color:#222;color:#FFF}
.daterangepicker .drp-buttons .btn.applyBtn:hover{background-color:#707070}
.daterangepicker .drp-buttons .btn.cancelBtn{background-color:#FFF;border:none!important;text-decoration:underline;position:relative;left:-24px}
.daterangepicker .drp-buttons .btn.cancelBtn:hover{background-color:#F7F7F7}
.daterangepicker.opensright:before,.daterangepicker.opensright:after,.daterangepicker .drp-selected{display:none}
/*TAB HORIZONTAL*/
.tab-tools-hori+hr{border-top-color:#e5e5e5;top:-1px}
.tab-tools-hori li~li{margin-left:32px}
.tab-tools-hori li:last-child{padding-right:24px}
.tab-tools-hori li a{display:block;position:relative;color:#707070;font-weight:500;padding-bottom:16px;white-space:nowrap;text-decoration:none!important}
.tab-tools-hori li a:before{position:absolute;content:"";left:0;width:0;bottom:0;height:2px;background-color:#222222;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;z-index:1}
.tab-tools-hori li:hover a,.tab-tools-hori li.active a,.tab-tools-hori li a.active{color:#222222}
.tab-tools-hori li.active a:before,.tab-tools-hori li a.active:before{width:100%}
.menuFix{min-height:64px}
.menuFix.fixed .target-scroll{position:fixed;top:80px;left:0;width:100%;border:none;margin:0;background-color:#F7F7F7;-ms-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;z-index:45;-webkit-animation:stuckMoveDown 0.6s 1;animation:stuckMoveDown 0.6s 1}
.menuFix:not(.fixed) .target-scroll{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.menuFix.fixed .target-scroll{-webkit-box-shadow:0 0 6px rgba(0,0,0,0.16);-moz-box-shadow:0 0 6px rgba(0,0,0,0.16);box-shadow:0 0 6px rgba(0,0,0,0.16)}
.menuFix.fixed .tab-tools-hori li a{padding:20px 0}
.menuFix.fixed hr{display:none}
/*==========ADMIN CONTENT=============*/
.page-head{position:relative;padding-bottom:24px;top:0;z-index:3}
.page-head .tab-tools-wrap{padding:16px 0;overflow:hidden}
.page-head .inner{position:sticky;position:-webkit-sticky;background-color:#FFF;top:100px;z-index:10}
.page-head .boxTitle{margin-bottom:16px}
.page-head .nav li a{font-weight:300;padding-bottom:8px}
.page-head .nav li.active a{border-bottom-color:#000;font-weight:500}
.page-content.buttonFix{padding-bottom:80px}
.page-content .circle-link{position:fixed;right:48px;bottom:48px;z-index:30}
.page-content .circle-link .button-web{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:56px;height:56px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-box-shadow:0 0 10px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);box-shadow:0 0 10px rgba(0,0,0,0.25);color:#FFF}
.page-content .circle-link .button-web span:before{font-size:30px;line-height:56px}
.page-content .circle-link .button-web:hover{background-color:#222!important;color:#FFF!important}
.row-input{position:relative}
.toggle-password{position:absolute;top:0;right:0;z-index:2;cursor:pointer;width:40px;height:100%;background:url(../images/icon/show-icon.svg) center center/22px auto no-repeat;opacity:.6}
.toggle-password.off{background-image:url(../images/icon/hide-icon.svg)}
/*-------SELECT2--------*/
.dropdown-list .select2-container{width:100%!important}
.select2-container--focus .select2-selection--single{border:1px solid #222!important}
.select2-dropdown{padding:12px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;z-index:20006}
.select2-container .select2-selection--single{height:48px;border-color:#B0B0B0;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;color:#222}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding:9px 16px 12px;color:#B0B0B0}
.select2-results{color:#707070}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{-webkit-border-radius:8px!important;-moz-border-radius:8px!important;border-radius:8px!important}
.dropdown-list.selected .select2-container--default .select2-selection--single .select2-selection__rendered{color:#222}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px;top:0;right:12px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border:none!important;border-bottom:1px solid #222!important;border-right:1px solid #222!important;display:block;width:10px;height:10px;margin-top:-6px;pointer-events:none;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.select2-container--open .select2-dropdown{-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;border:none;-webkit-box-shadow:0 10px 37px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 37px rgba(0,0,0,0.15);box-shadow:0 10px 37px rgba(0,0,0,0.15);padding:16px}
.select2-container--open .select2-dropdown--below{margin-top:10px}
.select2-container--open .select2-dropdown--above{margin-bottom:10px}
.select2-container--default .select2-search--dropdown .select2-search__field{border-color:#B0B0B0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:8px}
.select2-container--default .select2-results>.select2-results__options{max-height:355px}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:none;color:#222;font-weight:600}
.select2-container--default .select2-results__option[aria-selected=true]{background:none}
.dropdown-list.selected .form-control,.dropdown-list.selected .select2-container .select2-selection--single{border:1px solid #222!important}
.dropdown-list{position:relative;white-space:nowrap}
.dropdown-list select{width:100%;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;padding-top:10px}
.dropdown-list select:focus,.dropdown-list select:visited{border-color:#B0B0B0}
.dropdown-list:not(.selected) select{color:#B0B0B0}
.dropdown-list select option{display:block;padding:10px 12px;line-height:1.4;color:#222!important}
.dropdown-list select option:checked{background-color:#F6F6F6}
.form-control:disabled,.form-control.disabled,.dropdown-list.disabled .form-control,.dropdown-list.disabled .select2-container .select2-selection--single,.trigger.disabled{pointer-events:none;background-color:#eee!important;border-color:#B0B0B0!important}
.button-web.disabled{pointer-events:none;opacity:0.5!important}
.filterWrap{position:relative;z-index:2}
.w-140 .select2-container{min-width:140px}
.searchTop{width:320px;max-width:100%;flex-shrink:0;margin-right:24px;height:38px;-webkit-border-radius:19px;-moz-border-radius:19px;border-radius:19px;background-color:#fff;border:1px solid #B0B0B0;position:relative}
.searchTop input{width:100%;border:none;padding-left:36px;background:transparent;color:#222;line-height:36px}
.searchTop .button-search{position:absolute;left:0;top:0;width:40px;height:100%;background:url(../images/icon/search-icon.png) center center/12px auto no-repeat}
/*-------FILTER--------*/
.table-null{min-height:350px;border:1px solid #DDDDDD;padding:16px}
.tbl-data-filters{font-size:0.938rem}
.tbl-data-filters .item{position:relative}
.tbl-data-filters .item .click-popup .tend{min-width:82px;padding:0 32px 0 24px;height:38px;line-height:34px;font-weight:400;white-space:nowrap;text-align:center;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;background-color:#fff;border:1px solid #D6D6D6;cursor:pointer}
.tbl-data-filters .item .click-popup .tend:hover{border-color:#222}
.tbl-data-filters .item .click-popup .tend:after{position:absolute;position:absolute;right:18px;top:50%;content:'';border:none!important;border-bottom:1px solid #222!important;border-right:1px solid #222!important;display:block;width:7px;height:7px;margin-top:-5px;pointer-events:none;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.tbl-data-filters .item .click-popup.active .tend:after{-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.tbl-data-filters .click-popup.active .tend,.tbl-data-filters .click-popup .tend.active{background-color:#f7f7f7;border:2px solid #222;line-height:32px}
.tbl-data-filters .popup-content{overflow-y:auto;padding:24px 24px 16px;flex:1 1 auto}
.tbl-data-filters .choose-btn{padding-left:24px!important;margin-bottom:16px;width:calc(50% - 8px);line-height:16px}
.tableWrap::-webkit-scrollbar-track{background:none}
.tableWrap::-webkit-scrollbar-thumb{background-color:#b0b0b0;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.tableWrap::-webkit-scrollbar{width:5px;height:5px;border:2px solid #FFF;background:#dbdbdb}
body,html{padding:0;margin:0}
.tableWrap .checkmark,.tbl-data-filters .checkmark{width:16px;height:16px}
.tableWrap .choose-btn label{display:inline-block}
.tableWrap .choose-btn input[type='checkbox']~.checkmark:after,.tbl-data-filters .checkmark:after{left:4px!important;top:0!important;width:6px!important;height:10px!important}
.tbl-data-filters .checkmark{top:2px}
.tbl-data-filters .car-model,.tbl-data-filters .car-color{width:500px}
.tbl-data-filters .filter-actions{padding:16px 24px;border-top:1px solid #D9D9D9;background-color:#FFF}
.tbl-data-filters .filter-actions .button-web{min-width:inherit}
/*-------DATA TABLE--------*/
.tableWrap .table-content{position:relative}
.tableWrap .line-shadow{position:absolute;top:0;left:0;bottom:0;z-index:20;width:100%;height:100%;pointer-events:none}
.tableWrap .line-shadow .line{position:-webkit-sticky;position:sticky;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity;top:0;height:100%;left:380px;width:6px;background:-webkit-linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);background:-moz-linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);-webkit-transition-duration:200ms;transition-duration:200ms;opacity:0}
.tableWrap .line-shadow.showon .line{opacity:1}
.tableWrap .line-shadow.showon .line::after{content:"";display:block;position:sticky;top:0;width:6px;height:10px;left:0;background:-webkit-linear-gradient(#fff 0%,rgba(255,255,255,0) 100%);background:-moz-linear-gradient(#fff 0%,rgba(255,255,255,0) 100%);background:linear-gradient(#fff 0%,rgba(255,255,255,0) 100%)}
.tableWrap table{width:100%;border-collapse:collapse;background-color:#FFF;font-size:0.875rem}
.table-grid td.hide,.table-grid th.hide,.table-grid tr.hide{display:none}
.tableWrap th{padding:12px;white-space:nowrap;font-size:0.813rem;color:#707070;font-weight:400;text-transform:uppercase;position:sticky;position:-webkit-sticky;top:0;background-color:#FFFFFF;z-index:1}
.tableWrap th .sort-by{padding-right:18px;position:relative;color:#707070;text-decoration:none!important}
.tableWrap tbody tr.selected,.tableWrap tbody tr.expires{background-color:#F7F7F7;-webkit-box-shadow:-12px 0 0 0 #f7f7f7,12px 0 0 0 #f7f7f7;-moz-box-shadow:-12px 0 0 0 #f7f7f7,12px 0 0 0 #f7f7f7;box-shadow:-12px 0 0 0 #f7f7f7,12px 0 0 0 #f7f7f7}
.tableWrap tbody tr.selected [data-sticky-left]:after{background-color:#F7F7F7}
.tableWrap .sort-by:after,.tableWrap .sort-by:before{border:3px solid transparent;content:"";display:block;height:0;right:5px;top:60%;position:absolute;width:0;z-index:1}
.tableWrap .sort-by:before{border-bottom-color:#6e6e6e;margin-top:-8px}
.tableWrap .sort-by:after{border-top-color:#6e6e6e;margin-top:1px}
.table-grid tbody td[data-name="Hình thức thanh toán:"] .info,.table-grid tbody td[data-name="Trạng thái:"] .info{display:inline-block;min-width:48px;text-align:center;padding:3px 8px 2px;border-radius:30px;font-size:0.75rem;color:#FFF;line-height:18px;white-space:nowrap}
.tableWrap td .code{font-size:0.75rem}
.tableWrap td.money{white-space:nowrap}
.show-hide-col{margin-left:auto}
.btn-setting{position:relative;top:-2px}
.icon-svg-small{width:16px;height:16px}
.dropdownSetting{margin-top:14px;width:230px!important;border-radius:14px;padding:16px 24px;border-radius:14px;border:1px solid rgba(217,217,217,0.5);-webkit-box-shadow:0 10px 37px rgba(0,0,0,0.15);box-shadow:0 10px 37px rgba(0,0,0,0.15);text-transform:none;font-weight:400;font-size:0.938rem;right:0!important;left:auto!important;-webkit-transform:unset!important;-ms-transform:unset!important;transform:unset!important;top:36px!important}
.dropdownSetting .form-check,.dropdownSetting .lb-chk{padding-top:.2em;padding-bottom:.2em}
.dropdownSetting .form-check .checkmark,.dropdownSetting .lb-chk .checkmark{top:8px}
.dropdownSetting .form-check .form-check-input,.dropdownSetting .lb-chk .form-check-input{position:relative;top:2px;margin-right:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #B0B0B0;padding:7px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:inline-block}
.dropdownSetting .form-check .form-check-input:disabled,.dropdownSetting .lb-chk .form-check-input:disabled{opacity:.5}
.dropdownSetting .form-check .form-check-input:checked,.dropdownSetting .lb-chk .form-check-input:checked{background-color:#222;color:#fff;border-color:#222}
.dropdownSetting .form-check .form-check-input:checked:after,.dropdownSetting .lb-chk .form-check-input:checked:after{content:"";position:absolute;left:4px;top:0;width:6px;height:10px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:solid #fff;border-width:0 .15em .15em 0}
.tableWrap tr{border-bottom:1px solid #ededed}
.tableWrap tr[data-href]{cursor:pointer}
.tableWrap thead img{max-width:24px;max-height:24px}
.tableWrap tr td{padding:12px;text-align:left;vertical-align:middle}
.tableWrap th{padding:16px 12px;font-weight:500}
.tableWrap th.first{min-width:36px!important;width:36px}
.tableWrap th.first,.tableWrap td.first{padding-right:0!important}
.tableWrap th.last,.tableWrap td.last{padding-right:12px!important}
.tableWrap th.sticky,.tableWrap td.sticky{padding-right:12px!important}
.tableWrap td.select-checkbox .choose-btn,.tableWrap .checkAll{padding-left:0!important;line-height:16px}
.tableWrap [data-sticky-left]{z-index:3;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:-12px}
.tableWrap [data-sticky-left] + [data-sticky-left]{z-index:6;left:20px}
.tableWrap [data-sticky-left]:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:#FFF}
.tableWrap [data-sticky-left].sticky{position:-webkit-sticky;position:sticky;z-index:4}
.tableWrap thead [data-sticky-left].sticky{z-index:5}
.tableWrap td .img>img{width:96px;border:1px solid #ededed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.tableWrap td .price{white-space:nowrap}
.tableWrap .actions .trigger{display:block;width:36px;height:36px;line-height:36px;margin-left:auto;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;color:#707070;text-align:center}
.tableWrap .actions .tbl-tool.active .trigger{background-color:#f7f7f7}
.tableWrap td .popup{left:auto;right:-9px;padding:4px 0;min-width:120px}
.tableWrap td .click-select .dropdown-item{padding:4px 16px;cursor:pointer}
.tableWrap td .click-select .dropdown-item i{display:inline-block;position:relative;vertical-align:middle}
.tableWrap td .tend{font-weight:500;margin-bottom:0;line-height:1.5}
.tableWrap td .viewed{display:block;font-size:0.75rem;color:#707070}
.tableWrap td .viewed i{display:inline-block;margin-right:2px;position:relative;top:1px;line-height:1}
.tableWrap td .viewed i:before{font-size:1.125rem}
.tableWrap td.actions button:not(:hover) i{color:#B0B0B0}
.tableWrap td.actions .mdi:before{font-size:1.25rem}
#tblCar tr.expires .btn-extension{height:34px;padding:4px 16px 6px!important}
#tblWallet td .tend{-webkit-line-clamp:inherit;max-height:inherit}
.results-chosen-row{position:fixed;left:50%;bottom:24px;pointer-events:none;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.results-chosen-row.active{z-index:9}
.results-chosen-row .inner{background-color:#222;color:#fff;display:inline-block;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;padding:16px 24px;font-size:0.875rem;-webkit-box-shadow:0 8px 28px rgba(0,0,0,0.28);-moz-box-shadow:0 8px 28px rgba(0,0,0,0.28);box-shadow:0 8px 28px rgba(0,0,0,0.28);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;opacity:0}
.results-chosen-row.active .inner{pointer-events:auto;opacity:1}
.results-chosen-row .number{background-color:#fff;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;background:#FFF;padding:3px 8px;font-size:0.75rem;color:#222;font-weight:600}
.results-chosen-row .button-txt{margin-left:8px}
/*---------ACCOUNT PAGE--------*/
.tt-main .article-status{padding-left:30px}
.tt-main .code{font-size:1rem;position:relative;top:-2px}
.tt-main .button-web{flex-shrink:0;padding-left:16px!important;padding-right:16px!important}
.tt-main .btn-post.disabled{background-color:#222;border-color:#222}
.boxSection{padding:64px 0 80px}
.boxAccount .right-content{position:relative}
.boxAccount .image-uploaded{max-width:280px}
.boxAccount .image-uploaded .img{position:relative;padding-top:66.67%;overflow:hidden;border:1px solid #D9D9D9}
.boxAccount .image-uploaded img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.boxAccount .btn-editInfo{position:absolute;top:11px;right:12px;z-index:1;font-size:.875rem;background-color:#FFF;padding-left:12px}
.boxAccount .form-control.disabled~.btn-editInfo,.boxAccount .form-control:disabled~.btn-editInfo{background-color:#F4F4F4;pointer-events:none}
.boxAccount .gender{padding-top:4px}
.boxAccount .gender .choose-btn~.choose-btn{margin-left:32px}
.boxAccount .change-pass .note{margin-bottom:24px;color:#222;line-height:24px}
.changeImg.single{max-width:280px}
.changeImg .file-upload{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}
.changeImg.single:not(.has-value) .img img,.changeImg.mutiple .light .img img{opacity:0}
.changeImg.single .img img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-object-fit:cover;object-fit:cover}
.changeImg.single .link-change{position:relative}
.boxAccount .changeImg.single .img,.changeImg.mutiple .light .img{align-items:center;flex-direction:column;cursor:pointer;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border:1px solid #D9D9D9}
.boxAccount .changeImg.single:not(.has-value) .img,.changeImg.mutiple .light .img{border:1px dashed #707070}
.boxAccount .changeImg.single:not(.has-value) .img:before,.boxAccount .changeImg.single:not(.has-value) .img:after,.changeImg.mutiple .light .img:before,.changeImg.mutiple .light .img:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.boxAccount .changeImg.single:not(.has-value) .img:before,.changeImg.mutiple .light .img:before{display:block;content:'';width:40px;height:30px;margin-top:-16px;background:url(../images/icon/image-icon.svg) center center/contain no-repeat}
.boxAccount .changeImg.single:not(.has-value) .img:after,.changeImg.mutiple .light .img:after{display:block;content:'Thêm ảnh';color:#222;font-size:.938rem;font-weight:500;margin-top:16px}
.boxAccount .changeImg.single.has-value .file-upload:not(#edit-thumb){display:none}
.boxAccount .image-uploaded.has-value .img{cursor:default}
.boxAccount .img-actions{position:absolute;right:12px;top:12px;z-index:3;opacity:0;width:auto;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.boxAccount .img-actions .action{position:relative;display:inline-block;width:24px;height:24px;line-height:24px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:transparent 0 0 0 1px,transparent 0 0 0 4px,rgba(0,0,0,.18) 0 2px 4px;-moz-box-shadow:transparent 0 0 0 1px,transparent 0 0 0 4px,rgba(0,0,0,.18) 0 2px 4px;box-shadow:transparent 0 0 0 1px,transparent 0 0 0 4px,rgba(0,0,0,.18) 0 2px 4px;text-align:center;cursor:pointer;overflow:hidden}
.boxAccount .img-actions .action~.action{margin-left:8px}
.boxAccount .img-actions .icon-edit{background:#FFF url(../images/icon/edit-icon.svg) center 47%/13px 13px no-repeat}
.boxAccount .img-actions .icon-upload,.changeImg .file-label{background:#FFF url(../images/icon/share-icon.svg) center 47%/11px 12px no-repeat}
.boxAccount .img-actions .icon-delete{background:#FFF url(../images/icon/trash-icon.svg) center 46%/12px 15px no-repeat}
.boxAccount .frAdmin .bot-link{padding-top:24px}
.boxAccount .changeImg.image-uploaded img,.boxAccount .changeImg .img-uploaded{cursor:pointer}
.boxAccount:not(.edit-mode) .frAdmin .bot-link .button-web,.checkout .button-web{min-width:150px}
.changeImg .icon-upload{background:none}
.changeImg .file-label{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:transparent 0 0 0 1px,transparent 0 0 0 4px,rgba(0,0,0,.18) 0 2px 4px;-moz-box-shadow:transparent 0 0 0 1px,transparent 0 0 0 4px,rgba(0,0,0,.18) 0 2px 4px;box-shadow:transparent 0 0 0 1px,transparent 0 0 0 4px,rgba(0,0,0,.18) 0 2px 4px;text-align:center;cursor:pointer}
/*DASHBOARD*/
.avatar .imgWrap{overflow:visible;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.avatar .img{position:relative;overflow:hidden;padding-top:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#FFF}
.avatar .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.boxDashboard{padding-bottom:64px}
.boxDashboard .boxContent{padding:16px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.06);-moz-box-shadow:0 0 10px rgba(0,0,0,0.06);box-shadow:0 0 10px rgba(0,0,0,0.06)}
.boxDashboard .info-dealer .avatar .imgWrap{width:85px;flex-shrink:0}
.boxDashboard .btn-edit-profile{display:block;font-size:.875rem;position:relative;left:-2px;text-align:center}
.boxDashboard .btn-edit-profile span:before{font-size:1.125rem}
.boxDashboard .info-dealer .name{font-weight:500;line-height:1.6}
.boxDashboard .info-dealer .it-info~.it-info{margin-top:6px}
.boxDashboard .info-dealer .it-info,.boxDashboard .upgrade-package .note{font-size:.875rem}
.boxDashboard .info-dealer .icon{display:inline-block;width:16px;flex-shrink:0;margin-right:6px}
.boxDashboard .info-dealer .icon img{width:100%;position:relative;top:-2px;-webkit-filter:invert(0.3);filter:invert(0.3)}
.boxDashboard .info-dealer .it-info .link-txt{font-size:0.813rem}
.boxDashboard .info-dealer .email img{max-height:15px}
.boxDashboard .info-product .count{font-weight:500}
.boxDashboard .quantity .link-txt:before{display:inline-block;content:"•";margin-left:6px;margin-right:8px;color:#707070}
.boxDashboard .info-wallet .alltotal{font-size:2.25rem;font-weight:500;line-height:1.3;letter-spacing:-1px;white-space:nowrap}
.upgrade-package .title{font-size:1rem;font-weight:500}
/*==========VIEW MODE=============*/
.click-daterange .trigger{pointer-events:auto!important}
.tt-main .status-info{display:inline-block;min-width:48px;text-align:center;padding:3px 8px 2px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;font-size:0.75rem;color:#FFF;font-weight:300;line-height:18px;white-space:nowrap;flex-shrink:0}
.posting-steps{position:relative}
.posting-steps .sec-post~.sec-post{padding-top:16px}
.posting-steps .sec-post~.sec-post.line{padding-top:26px;margin-top:32px;border-top:1px solid #EEEEEE}
.row-input .suffix{position:absolute;left:12px;top:11px;color:#707070;padding-left:2px;display:none;pointer-events:none}
.box-status{-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;border:1px solid #D6D6D6}
.box-status .s-title{padding:24px 24px 0}
.box-status .rdo-group{padding:0 24px 24px}
.box-status .choose-btn:not(:last-child){margin-right:48px}
.box-status .link{border-top:1px solid #D6D6D6;padding:16px 24px}
.box-status #form-ly-do{display:none}
.view-mode .image-uploaded{max-width:280px}
.view-mode .ftxt{display:inline-block}
.view-mode .frAdmin .ftxt.t2{margin-bottom:24px}
.view-mode .sec-post ul{list-style:disc;margin-left:24px}
.view-mode .sec-post b{font-weight:600}
.view-mode .offers .text-content{white-space:pre-line}
.view-mode .changeWrap{width:100%;overflow:hidden;position:relative}
.view-mode .changeImg.mutiple{scrollbar-width:none;-ms-overflow-style:none}
.view-mode .changeImg.mutiple .image-uploaded{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin:0}
.view-mode .image-uploaded .item{width:250px!important;flex-shrink:0;padding:0!important}
.view-mode .changeImg.mutiple .image-uploaded .item:not(:last-child){margin-right:8px}
.view-mode .imgWrap .item-count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;bottom:0;width:160px}
.view-mode .imgWrap .item-count.prev{left:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background:-webkit-gradient(linear,left top,right top,from(white),color-stop(30%,rgba(255,255,255,0.9)),to(rgba(255,255,255,0)));background:-o-linear-gradient(left,white 0%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,white 0%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=1)}
.view-mode .imgWrap .item-count.next{right:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(2%,rgba(255,255,255,0)),color-stop(70%,rgba(255,255,255,0.9)),to(white));background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,0.9) 70%,white 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,0.9) 70%,white 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=1);pointer-events:none}
.view-mode .imgWrap .item-count .link-edit{text-decoration:underline;font-size:0.875rem;color:#707070;width:auto;pointer-events:auto}
.view-mode .imgWrap .item-count .link-edit:hover{color:#222}
.boxCustomer.view-mode #anchor_ho_so .size{max-width:650px}
.boxCustomer.view-mode .image-uploaded{max-width:120px}
/*---------ACCOUNT--------*/
.profile-info p{margin-bottom: 8px}
.profile-info .txt{color: #707070}
.profile-info .image-uploaded{max-width:280px}
.boxSeller .btn-edit-profile span{padding-right:12px}
.boxSeller .btn-edit-profile span:after{display:inline-block;font-family:"Material Design Icons";content:"\F0142";font-size:1.2rem;font-weight:300;position:absolute;top:0;right:0;width:12px}
.boxSeller .image-uploaded{max-width:170px}
.boxCustomer.view-mode .image-uploaded .img,.boxSeller .image-uploaded .img{padding-top:100%!important;-moz-border-radius:100%!important;-webkit-border-radius:100%!important;border-radius:100%!important}
.boxSeller .img-actions{left:50%;top:50%;margin:-12px 0 0 -44px}
/*.boxSeller .frAdmin .bot-link{border-top:1px solid #D9D9D9}*/
.boxSeller .frAdmin .bot-link .button-web{min-width:80px}
/*---------COLORS--------*/
.page-heading{font-size:1.5rem;font-weight:600}
.choose-colors{max-width:180px}
.choose-colors .choose-btn{padding:0!important;margin-right:12px;line-height:24px}
.choose-colors .color{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:24px;height:24px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.choose-colors .choose-btn input[type='radio']:checked ~ .color:after{font-family:"Material Design Icons";content:'\F012C';color:#FFF}
.frAdmin .socialBox .click-popup{width:85px;flex-shrink:0;margin-right:10px;cursor:pointer}
.frAdmin .socialBox .click-popup .trigger{padding-top:8px}
.frAdmin .socialBox .click-popup .trigger:after{font-family:"Material Design Icons";content:"\F035D";font-size:1.5rem;position:absolute;right:8px;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.frAdmin .socialBox .popup{width:200px}
.frAdmin .socialBox .popup li{padding:4px 0!important;text-align:center}
.frAdmin .socialBox .popup .dropdown-item:focus,.frAdmin .socialBox .popup .dropdown-item:hover{background:none}
.frAdmin .socialBox .button-save{position:absolute;top:5px;right:0;color:#707070}
.frAdmin .active-showroom{position:absolute;top:-9px;right:0}
.frAdmin .count-char{position:absolute;bottom:0;right:8px;pointer-events:none;font-size:10px;color:#707070}
.boxAccount .btn-editInfo i:before{font-size:0.875rem}
.popover{font-family:inherit;background-color:#fff;border:1px solid #E4E4E4;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.08);-moz-box-shadow:0 5px 8px rgba(0,0,0,.08);box-shadow:0 5px 8px rgba(0,0,0,.08);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;z-index:10000}
.popover-body{color:#222}
.popover .button-web{height:24px;padding:0 8px;font-size:0.75rem;line-height:20px}
.bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before{border-left-color:rgba(0,0,0,.16)}
/*---------SHOWROOM--------*/
.boxShowroom .main-des{color:#484848;margin-bottom:36px}
.boxShowroom textarea.form-control{height:100px}
.boxShowroom .image-uploaded .img{padding-top:64%;border:1px solid #D9D9D9;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.boxShowroom .img-actions{top:12px;left:auto;right:12px;margin:0}
.boxShowroom .btn-upload-cover{min-width:120px;padding-left:16px;padding-right:16px}
.boxShowroom .link-upload .button-web{height:34px;line-height:32px!important;padding:0!important}
.info-support{top:100px;z-index:2}
.info-support .boxTitle .title{line-height:1.5!important}
.info-support .row-contact{padding:24px 36px 32px;border:1px solid #DDD;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}
.info-support .row-contact .item~.item{border-top:1px solid #DDD;padding-top:24px;margin-top:30px}
.info-support .row-contact .item:first-child .btn-linkweb{font-weight:300}
.info-support .view-map{text-decoration:underline;font-weight:400}
.info-support .view-map:hover{text-decoration:none}
.info-support .info-contact .it-info~.it-info{margin-top:12px}
.info-support .info-contact img{display:inline-block;max-width:22px;max-height:22px;margin-right:12px}
.center-support img{max-width:24px!important;max-height:24px!important}
/*PACKAGES*/
.icon-logo{display:inline-block;width:16px;height:16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:url(../images/logo-icon.svg) center center/100% auto no-repeat;position:relative;top:2px}
.icon-logo.medium{width:24px;height:24px;top:5px}
.icon-logo.big{width:32px;height:32px;top:3px}
.package .tend{padding:20px 8px;color:#FFF;font-size:1rem;font-weight:500}
.package .parameters li{position:relative;padding-left:22px}
.package .parameters li~li{margin-top:4px}
.package .parameters li:before{position:absolute;top:0;left:0;width:14px;font-family:"Material Design Icons";font-size:1rem;content:"\F05E0";color:#222}
.package .parameters .txt{font-size:.875rem;line-height:24px}
/*PAYMENT*/
/*.method-payment .item{padding:24px 0 24px 32px;overflow:hidden;cursor:pointer;border:1px solid #DDD}
.method-payment .item~.item{margin-top:-1px}
.method-payment .item:first-child,.method-payment .item:first-child:after{-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}
.method-payment .item:last-child,.method-payment .item:last-child:after{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px}
.method-payment .item.active{border-color:transparent}
.method-payment .item.active:after{position:absolute;top:0;left:0;right:0;bottom:0;content:"";pointer-events:none;border:2px solid #222}
.method-payment .checkmark{position:absolute;top:24px;left:auto;right:32px;width:22px;height:22px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.method-payment .checkmark:after{content:"";position:absolute;left:6px;top:6px;width:8px;height:8px;background-color:#FFF;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;opacity:0;visibility:hidden;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.method-payment .item.active .checkmark{background-color:#222;border-color:#222}
.method-payment .item.active .checkmark:after{opacity:1;visibility:visible}*/
.info-cart{margin-bottom:56px}
.info-cart .inner{padding:24px;border:1px solid #DDD}
.info-cart .row-cart{margin-bottom:24px}
.product-items .row-cart .img{width:64px;flex-shrink:0;margin-right:20px;overflow:hidden}
.product-items .row-cart .img img{height:50px;border:1px solid #ededed;-o-object-fit:cover;object-fit:cover}
.product-items .row-cart .tend{line-height:1.6;-webkit-line-clamp:1;max-height:24px;margin-bottom:2px}
.info-cart .calc-price{width:100%;max-width:340px;margin-left:auto}
.info-cart .total b{font-size:1.25rem;font-weight:500}
.info-cart .total .price{font-size:1.25rem}
.info-cart .total .vat{font-size:.875rem}
.method-payment .item{padding:24px 8px 24px 62px;overflow:hidden;cursor:pointer}
.method-payment .item:first-child,.method-payment .item:first-child:after{-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px}
.method-payment .item:last-child,.method-payment .item:last-child:after{-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0}
.method-payment .item:after{position:absolute;top:0;left:0;right:0;bottom:0;content:"";pointer-events:none;border:1px solid #DDD}
.method-payment .item.active:after{right:1px;border:2px solid #222}
.method-payment .checkmark{position:absolute;top:50%;left:24px;width:22px;height:22px;margin-top:-12px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.method-payment .checkmark:after{content:"";position:absolute;left:6px;top:6px;width:8px;height:8px;background-color:#FFF;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;opacity:0;visibility:hidden;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.method-payment .item.active .checkmark{background-color:#222;border-color:#222}
.method-payment .item.active .checkmark:after{opacity:1;visibility:visible}
.transfer-info{width:100%;max-width:650px}
.payment-info .row-input{max-width:70%}
.payment-info .note{padding-top:32px;margin-top:36px;border-top:1px solid #DDD;line-height:1.8}
.payment-info .note .des{font-size:.875rem;color:#707070}
.payment-info .note b{color:#222;font-weight:500}
.payment-info .total{font-size:1.25rem}
.payment-info .group-button .button-web{min-width:200px}
.payment-info:not(.active){display:none}
.showhide-content .payment-info{padding-top:48px}
/*---------CROP IMAGE--------*/
.croppie-container{width:100%;height:100%}
.croppie-container .cr-image{z-index:-1;position:absolute;top:0;left:0;transform-origin:0 0;max-height:none;max-width:none}
.croppie-container .cr-boundary{position:relative;overflow:hidden;margin:0 auto;z-index:1;width:100%;height:100%;background-color:#383838}
.croppie-container .cr-viewport,.croppie-container .cr-resizer{position:absolute;border:2px solid #fff;margin:auto;top:0;bottom:0;right:0;left:0;-webkit-box-shadow:0 0 2000px 2000px #383838;-moz-box-shadow:0 0 2000px 2000px #383838;box-shadow:0 0 2000px 2000px #383838;z-index:0}
.croppie-container .cr-resizer{z-index:2;box-shadow:none;pointer-events:none}
.croppie-container .cr-resizer-vertical,.croppie-container .cr-resizer-horisontal{position:absolute;pointer-events:all}
.croppie-container .cr-resizer-vertical::after,.croppie-container .cr-resizer-horisontal::after{display:block;position:absolute;box-sizing:border-box;border:1px solid #000;background:#fff;width:10px;height:10px;content:''}
.croppie-container .cr-resizer-vertical{bottom:-5px;cursor:row-resize;width:100%;height:10px}
.croppie-container .cr-resizer-vertical::after{left:50%;margin-left:-5px}
.croppie-container .cr-resizer-horisontal{right:-5px;cursor:col-resize;width:10px;height:100%}
.croppie-container .cr-resizer-horisontal::after{top:50%;margin-top:-5px}
.croppie-container .cr-original-image{display:none}
.croppie-container .cr-vp-circle{border-radius:50%}
.croppie-container .cr-overlay{z-index:1;position:absolute;cursor:move;touch-action:none}
.croppie-container .cr-slider-wrap{position:absolute;text-align:center;z-index:5}
.croppie-container .cr-slider-wrap:before,.row-upload .edit-actions .text{display:block;content:'Zoom';font-size:1rem;margin-bottom:8px;text-align:left}
.croppie-container .cr-slider-wrap .text{font-size:1rem}
.croppie-result{position:relative;overflow:hidden}
.croppie-result img{position:absolute}
.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider{-webkit-appearance:none;width:100%;max-width:100%;padding-top:8px;padding-bottom:16px;background-color:transparent}
.cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:#222;border:0}
.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:24px;width:24px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#FFF;border:1px solid #222;margin-top:-10px}
.cr-slider:focus{outline:none}
/*.cr-slider:focus::-webkit-slider-runnable-track{background:#ccc}*/
.cr-slider::-moz-range-track{width:100%;height:3px;background:rgba(0,0,0,0.5);border:0;border-radius:3px}
.cr-slider::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}
/*hide the outline behind the border*/
.cr-slider:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}
.cr-slider::-ms-track{width:100%;height:5px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}
.cr-slider::-ms-fill-lower{background:rgba(0,0,0,0.5);border-radius:10px}
.cr-slider::-ms-fill-upper{background:rgba(0,0,0,0.5);border-radius:10px}
.cr-slider::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:1px}
.cr-slider:focus::-ms-fill-lower{background:rgba(0,0,0,0.5)}
.cr-slider:focus::-ms-fill-upper{background:rgba(0,0,0,0.5)}
/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls{position:absolute;bottom:5px;left:5px;z-index:1}
.cr-rotate-controls button{border:0;background:none}
.cr-rotate-controls i:before{display:inline-block;font-style:normal;font-weight:900;font-size:1.375rem}
.cr-rotate-l i:before{content:'↺'}
.cr-rotate-r i:before{content:'↻'}
label.cabinet{display:block;cursor:pointer}
label.cabinet input.file{position:relative;height:100%;width:auto;opacity:0;-moz-opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);margin-top:-30px}
.upload-demo-wrap{position:relative;width:66.67%}
.croppie-container{position:absolute;top:0;left:0;width:100%;height:100%}
/*---------ARTICLES--------*/
.article-status{display:inline-block;position:relative;padding-left:24px}
.article-status:before{display:inline-block;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:100%;content:'';position:absolute;top:50%;margin-top:-8px;left:0}
.switch-status input[type='radio']~.article-status.da-duyet:before{background-image:url(../images/icon-status/iconan.svg)}
.switch-status input[type='radio']:checked~.article-status.an:before{background-image:url(../images/icon-status/iconan-active.svg)}
.article-status.da-duyet:before,.switch-status input[type='radio']:checked~.article-status.da-duyet:before{background-image:url(../images/icon-status/icondaduyet.svg)}
.article-status.tu-choi-duyet:before{background-image:url(../images/icon-status/icontuchoiduyet.svg)}
.article-status.cho-duyet:before{background-image:url(../images/icon-status/iconchoduyet.svg)}
.article-status.luu-nhap:before{background-image:url(../images/icon-status/iconluunhap.svg)}
.article-status.an:before{background-image:url(../images/icon-status/iconan.svg)}
.article-status.het-han:before{background-image:url(../images/icon-status/iconhethan.svg)}
.tt-main .article-status{padding-left:0;padding-right:32px}
.tt-main .article-status:before{left:auto;right:0;width:24px;height:24px;margin-top:-12px}
.sub-menu-items{position:sticky;position:-webkit-sticky;top:110px;z-index:10}
.boxArticles.view-mode .menuFix{min-height:40px}
.menuFix.fixed .tt-tools{padding:12px 0}
.boxArticles.view-mode .menuFix.fixed ~ .wrapper>.box-wrap{position:sticky;position:-webkit-sticky;top:0;left:0;z-index:10000;height:80px;background-color:#FFF;-webkit-animation:stuckMoveDown 0.6s 1;animation:stuckMoveDown 0.6s 1;margin-bottom:0}
.boxArticles.view-mode .menuFix.fixed ~ .wrapper>.box-wrap>.boxTitle{margin-bottom:0}
.boxArticles.view-mode .menuFix.fixed ~ .wrapper>.box-wrap>.boxTitle>.title{font-size:1.325rem!important;line-height:1.5!important;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;max-height:64px}
.boxArticles.view-mode .menuFix.fixed ~ .wrapper>.box-wrap .status-info{margin-top:0.25rem!important}
.boxArticles.view-mode .sub-menu-items{top:170px}
.boxArticles .image-uploaded{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.boxArticles .image-uploaded .imgWrap{width:100%}
.boxArticles .image-uploaded .img,.modal .image-uploaded .img{position:relative;float:none;width:100%;padding-top:66.67%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border:1px solid #D9D9D9;margin:0;overflow:hidden}
.boxArticles .image-uploaded .item img,.modal .image-uploaded .img img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}
.boxArticles .image-uploaded.no-item{max-width:100%}
.boxArticles .no-img .img{border:none;background-color:#EAEAEA}
.boxArticles .no-img .img:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px;height:40px;margin-top:0;content:"";background:url(../images/logo-icon.svg) center center/contain no-repeat;-webkit-filter:grayscale(1);filter:grayscale(1)}
.boxShowroom.add-new-mode .posting-steps{width:100%;max-width:870px;margin:auto}
.add-new-mode .changeImg.mutiple .image-uploaded,.edit-mode .changeImg.mutiple .image-uploaded{max-width:calc(100% + 16px)!important}
.view-mode .changeImg.mutiple .image-uploaded{max-width:inherit!important}
.changeImg.mutiple .image-uploaded .item,.video-uploaded .item{width:100%}
.changeImg.mutiple .image-uploaded:not(.no-item):not(.parallax-layer){margin:0 -8px}
.changeImg.mutiple .image-uploaded:not(.no-item) .item{padding:8px}
.boxArticles .image-uploaded .add-note-img{text-decoration:underline;padding-top:8px;text-align:left;display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.video_html5{position:relative;overflow:hidden;width:100%;padding-top:66.67%}
.video-uploaded .button{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;align-items:center;flex-direction:column;cursor:pointer;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background:none!important;font-size:0;border:1px dashed #707070}
.video-uploaded .button:before,.video-uploaded .button:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.video-uploaded .button:before{display:block;content:'';width:28px;height:32px;margin-top:-16px;background:url(../images/icon/video-icon.svg) center center/contain no-repeat}
.video-uploaded .button:after{display:block;content:'Thêm video';color:#222;font-size:1rem;font-weight:500;margin-top:16px}
.video-uploaded.has-value .button{display:none}
.video-uploaded .note{padding:16px 0}
.formPostVideo .add-linkVideo i{margin-right:2px}
.formPostVideo .add-linkVideo i:before{font-size:1.125rem}
.video-uploaded .btnMask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border:none;background:none}
.video-uploaded .button input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;text-indent:-9999px}
.image-uploaded .item video{position:absolute;top:0;left:0;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}
.formPostVideo .col-linkVideo{margin-bottom:16px;position:relative}
.formPostVideo .btn-remove{position:absolute;top:50%;right:20px;width:36px;height:36px;margin-top:-18px;color:#707070;padding:0;line-height:36px;background-color:#FFF}
.formPostVideo .btn-remove:not(.show){display:none}
/*.image-uploaded *{width:100%}*/
.lb-chk{cursor:pointer}
.time-suggestions .lb-chk{position:relative}
.time-suggestions .lb-chk input[type='radio']{position:absolute;opacity:0;top:0;left:0;cursor:pointer}
.time-suggestions .lb-chk:not(:last-child){margin-right:16px}
.time-suggestions .lb-chk .txt{color:#ccc;padding:0 16px;border:1px solid #B0B0B0;color:#B0B0B0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;height:34px;line-height:32px;font-size:0.875rem;display:inline-block;white-space:nowrap}
.time-suggestions .lb-chk input[type=radio]:checked~.txt{color:#222;border-color:#222}
.method-info .fee-init{font-size:1.25rem}
.posting-steps.payment-step{max-width:840px;margin:auto}
.posting-steps.payment-confirm{max-width:650px;margin:auto}
.boxPushArticles #step1 .size{max-width:590px}
.boxPushArticles #step1 .method-payment .item{padding:64px 8px 24px}
.boxPushArticles #step1 .method-payment .content{text-align: center;font-weight: 400;}
.boxPushArticles #step1 .method-payment .checkmark{left:50%;margin-left: -11px;top: 24px;margin-top: 0;}
/*============WALLET============*/
.box-bor{border:1px solid #DDD}
.check-amount .row-th{font-size:1.125rem;font-weight:600}
.boxWallet .size{max-width:760px}
.boxWallet .size.s1{max-width:670px}
.check-amount .row-am{padding-left:16px}
.check-amount .row-am:not(:last-child){border-bottom:1px solid #DDD}
.check-amount .row-am:last-child .checkmark+.col-am{padding:10px 16px 10px 0}
.check-amount .row-am:last-child .choose-btn{padding-left:38px!important}
.check-amount .row-am.active:before{position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;content:"";border:2px solid #222;pointer-events:none;z-index:2}
.check-amount .row-am:last-child:before{-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px}
.check-amount .col-am{padding:24px 16px;overflow:hidden}
.check-amount .col-am .suffix{line-height:24px}
.boxWallet .packages-info,.boxWallet .payment-action .row-wrap{padding-bottom:48px;margin-bottom:36px;border-bottom:1px solid #EEE}
.boxWallet .package{background-color:#F7F7F7;padding:20px 24px}
.boxWallet .package:before{border:none}
.boxWallet .package .fee{font-size:1.625rem;font-weight:600}
.boxWallet .package .note{font-size:.875rem}
.boxWallet .package .checkmark{position:absolute;top:20px;left:auto;right:24px;width:22px;height:22px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.boxWallet .package .checkmark:after{content:"";position:absolute;left:6px;top:6px;width:8px;height:8px;background-color:#FFF;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;opacity:0;visibility:hidden;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transform:all .2s linear;transition:all .2s linear}
.boxWallet .package.active .checkmark{background-color:#222;border-color:#222}
.boxWallet .package.active .checkmark:after{opacity:1;visibility:visible}
.boxWallet .package.active .fee{color:#FF385C}
.boxWallet .payment-action .check-showhide{padding-bottom:36px;margin-bottom:32px;border-bottom:1px solid #EEE}
.boxWallet .payment-action .formDes{padding:36px 36px 24px;border:1px solid #DDD}
.boxWallet .payment-action .formDes .sub-title{line-height:1.6;color:#222}
.boxWallet .payment-action .bot-note .text{font-size:.875rem}
.posting-steps .f-fee{color:#B0B0B0}
/*============WISHLIST============*/
.wishlist-folder{margin-bottom:56px}
.wishlist-folder .imagesWrap{position:relative;padding-top:52%;overflow:hidden;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:1px solid rgba(217,217,217,.5)}
.wishlist-folder .imagesWrap .img-item{position:absolute;width:33%;height:50%}
.wishlist-folder .imagesWrap .img-item:first-child{top:0;left:0;width:67%;height:100%;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding-right:1px}
.wishlist-folder .imagesWrap .img-item:nth-child(2){top:0;right:0;padding-left:1px;padding-bottom:1px}
.wishlist-folder .imagesWrap .img-item:nth-child(3){bottom:0;right:0;padding-left:1px;padding-top:1px}
.wishlist-folder .imagesWrap .imgWrap{height:100%}
.wishlist-folder .imagesWrap .img{position:relative;overflow:hidden;width:100%;height:100%}
.wishlist-folder .imagesWrap .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.wishlist-folder .caption{padding-top:16px}
.wishlist-folder .tend{font-size:1.375rem;line-height:32px;font-weight:400}
.boxWishlist .boxList.type1{padding-top:48px}
.tool-wishlist{margin-bottom:8px}
.tool-wishlist .back-wishlist{display:block;width:48px;height:48px;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;margin-left:-16px;margin-right:4px}
.tool-wishlist .back-wishlist i:before{line-height:48px}
.tool-wishlist .back-wishlist:hover{background-color:#F7F7F7}
.boxWishlist .edit-wishlist{display:inline-block;width:24px;height:24px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#222222;color:#FFF;text-align:center}
.boxWishlist .edit-wishlist i{width:100%;height:100%;position:relative}
.boxWishlist .edit-wishlist i:before{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:1.125rem}
/*==================BEGIN FOOTER===================*/
#ci-footer{background-color:#F7F7F7}
.mainFoot{padding:36px 0 24px;font-size:0.875rem}
.mainFoot a{color:#707070}
.mainFoot a:hover{text-decoration:underline!important}
.mainFoot .title{font-weight:500;text-transform:uppercase;padding-top:8px;margin-bottom:16px}
.boxBot{margin-bottom:24px}
.mainFoot hr{border-top:1px solid #dfdfdf}
.addressFoot{margin-bottom:16px}
.addressFoot p{padding:1px 0;margin:0;color:#707070;font-size:0.75rem;line-height:24px}
.addressFoot p img{display:inline-block;max-width:16px;max-height:16px;margin-right:8px;position:relative;top:-2px}
.addressFoot .link{white-space:nowrap;margin-right:20px}
.gov-img img{max-width:121px}
.botLink h3{font-size:0.875rem;font-weight:300;line-height:23px}
.botFoot{color:#707070;font-size:0.75rem;line-height:22px}
.gov-img a{display:inline-block}
/*LOADING*/
.loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.6);width:100vw;height:100vh;z-index:10000}.lds-default{display:inline-block;position:relative;width:80px;height:80px}.lds-default div{position:absolute;width:6px;height:6px;background:#B0B0B0;border-radius:50%;animation:lds-default 1.2s linear infinite}.lds-default div:nth-child(1){animation-delay:0s;top:37px;left:66px}.lds-default div:nth-child(2){animation-delay:-.1s;top:22px;left:62px}.lds-default div:nth-child(3){animation-delay:-.2s;top:11px;left:52px}.lds-default div:nth-child(4){animation-delay:-.3s;top:7px;left:37px}.lds-default div:nth-child(5){animation-delay:-.4s;top:11px;left:22px}.lds-default div:nth-child(6){animation-delay:-.5s;top:22px;left:11px}.lds-default div:nth-child(7){animation-delay:-.6s;top:37px;left:7px}.lds-default div:nth-child(8){animation-delay:-.7s;top:52px;left:11px}.lds-default div:nth-child(9){animation-delay:-.8s;top:62px;left:22px}.lds-default div:nth-child(10){animation-delay:-.9s;top:66px;left:37px}.lds-default div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.lds-default div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes lds-default{0%,20%,80%,100%{transform:scale(1)}50%{transform:scale(1.5)}}
/*---------RESPONSIVE--------*/
@media all and (min-width: 481px) {
.changeImg.mutiple .image-uploaded:not(.no-item) .item,.video-uploaded .item{width:50%}
.changeImg.mutiple .image-uploaded.no-item .item,.video-uploaded .item{max-width:280px}
.checkout .button-web{max-width:360px}
}
@media all and (min-width: 521px) {
#sPackages .choose-btn .txt br{display:none}
}
@media all and (min-width: 576px) {
.product-items .info-prod{max-width:70%}
.method-payment .item~.item{margin-left:-1px}
}
@media all and (min-width: 768px) {
.boxCustomer .profile .fr-thumb{margin-bottom:0}
.boxArticles.view-mode .info-content.height3 .form-group{-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;max-height:24px}
.popup-edit .popup-actions{padding:16px 0 24px;margin:0 24px}
.packages-info{border:1px solid #DDD}
.packages-info .row-td{width:calc((100% - 174px)/2)}
.packages-info .row-td:first-child{width:50%}
.packages-info .col-td{width:100%;padding:24px 8px 24px 24px}
.packages-info .col-td:not(.package){height:80px}
.packages-info .col-td:first-child{padding-top:16px;padding-bottom:16px}
.packages-info .col-td:not(:last-child){border-bottom:1px solid #DDD}
.packages-info .row-td:not(:last-child) .col-td{border-right:1px solid #DDD}
.packages-info .col-td:not(.col-empty).active:before{position:absolute;top:-1px;right:-1px;left:-1px;bottom:-1px;;content:"";border:2px solid #222;pointer-events:none}
.packages-info .row-td:first-child .col-td:last-child.active:before{-webkit-border-radius:0 0 0 15px;-moz-border-radius:0 0 0 15px;border-radius:0 0 0 15px}
.packages-info .row-td:last-child .col-td:last-child.active:before{-webkit-border-radius:0 0 15px;-moz-border-radius:0 0 15px;border-radius:0 0 15px}
.check-amount .checkmark{top:50%;margin-top:-12px}
.check-amount .col-am{width:calc(100% - 158px * 3);white-space:nowrap;text-align:center}
.check-amount .row-th .txt{width:calc(100% - 158px * 3 + 34px)}
.check-amount .col-am:not(:last-child){border-right:1px solid #DDD}
.check-amount .row-th .col-am:nth-child(n+2),.check-amount .row-td .col-am:nth-child(n+4){width:158px;flex-shrink:0}
.boxShowroom .packages-info .row-td{width:calc((100% - 275px)/2)}
.boxShowroom .packages-info .row-td:first-child{width:275px}
.boxShowroom .packages-info .row-td .txt-bg{display:inline-block;background:rgba(255, 56, 92, 0.5);margin-left:2px}
.packages-info.single .row-td{width:50%!important}
.boxPushArticles .packages-info .row-td{width:calc((100% - 220px)/2)}
.boxPushArticles .packages-info .row-td:first-child{width:220px}
.packages-info.upgrade .row-td{width:calc(100% - 300px)!important}
.packages-info.upgrade .row-td:first-child{width:300px!important}
.packages-info.full .row-td:first-child{width:100%!important}
.botLink li ~ li{margin-top:12px}
}
@media screen and (min-width: 992px) {
.main-content #sidebar{width:320px;position:relative}
.main-content .right-content{width:calc(100% - 320px)}
.sub-menu{position:sticky;position:-webkit-sticky;top:100px;z-index:10}
.sub-menu .title{margin-bottom:16px;font-size:1.125rem;line-height:26px}
.tab-tools{margin-right:0!important;text-align:left!important}
.boxSeller.edit-mode .tab-tools{border-left:1px solid #DDD}
.sub-menu li{display:block;margin-bottom:32px;position:relative}
.sub-menu li:not(:last-child){margin-bottom:12px}
.sub-menu a{display:inline-block;color:#707070;padding-left:16px;border-left:3px solid transparent}
.sub-menu li.active a{color:#222;font-weight:500;border-color:#222}
.sub-menu-items li{display:block;margin-bottom:16px;position:relative}
.sub-menu-items .txt{display:inline-block;font-size:1rem;font-weight:500;color:#707070;position:relative}
.sub-menu-items .txt::before{display:inline-block;width:24px;height:24px;background-color:#707070;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-right:16px;text-align:center;color:#FFF;font-size:.875rem;font-weight:400;position:relative;top:-1px}
.sub-menu-items li>a.passed>.txt,.sub-menu-items li.active .txt{color:#222}
.sub-menu-items li>a.passed>.txt:before{background-color:#222}
.sub-menu-items li.active .txt:before{background-color:#FF385C!important}
.sub-menu-items ol{counter-reset:li}
.sub-menu-items li{counter-increment:step-counter}
.sub-menu-items .txt::before{content:counter(li);counter-increment:li}
.size{width:100%;max-width:870px}
.boxData.boxShowroom .size{max-width:950px}
.boxSeller.view-mode .size{max-width:650px}
.tt-main .title{font-size:1.75rem!important;line-height:1.45!important}
.boxDashboard .item:not(:last-child){margin-right:24px}
.boxAccount .bot-link .button-txt{position:absolute;top:8px;right:0}
.boxArticles.view-mode .tt-main{padding:8px 0}
#add-note-img .caption{padding-left:32px}
.info-support .boxTitle .title{font-size:1.875rem}
.checkout .link{padding-top:40px}
.boxWallet .boxTitle{margin-bottom:32px}
.boxWallet .fr-method-payment{width: 100%;max-width:750px}
.boxWallet .payment-action .formDes{width:100%;max-width:550px;margin-left:auto}
.boxWishlist .boxTitle{margin-bottom:36px}
.boxShowroom .boxTitle .text{position:absolute;bottom:-48px;right:0}
.boxShowroom .packages-info .row-td{width:calc((100% - 220px)/2)}
.boxShowroom .packages-info .row-td:first-child{width:220px}
.packages-info.single,.packages-info.single~.exchange-unit,.packages-info.upgrade,.packages-info.upgrade~.exchange-unit{width: 100%;max-width:720px}
.gov-img{text-align:right}
}
@media only screen and (min-width: 1025px) {
.hide-dk,.click-buttons{display:none!important}
.mainHead .partner-panel{height:40px;line-height:36px;margin-right:12px}
.menuNav{position:relative;width:100%;max-width:720px;margin:auto;-webkit-transition:opacity .3s ease,top .25s ease;-moz-transition:opacity .3s ease,top .25s ease;-ms-transition:opacity .3s ease,top .25s ease;-o-transition:opacity .3s ease,top .25s ease;transition:opacity .3s ease,top .25s ease}
.menuNav ul:after{content:"";display:block;clear:both}
.menuNav a{display:block;position:relative}
.menuNav > ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;position:relative;z-index:5}
.menuNav > ul > li{float:left;display:inline-block;margin:0 7px}
.menuNav > ul > li > h2 > a{display:block;line-height:50px;padding:0;white-space:nowrap;text-decoration:none!important;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}
.menuNav>ul>li.has-sub>h2>a{padding-right:20px}
.menuNav>ul>li.has-sub>h2>a:after{position:absolute;top:32%;right:0;display:inline-block;font-family:"Material Design Icons";font-size:1.25rem;content:"\F0140";line-height:1}
.menuNav ul ul{position:absolute;left:-9999px;top:120%;z-index:9999;opacity:0;width:250px;padding:24px 0;background-color:#fff;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.15);-moz-box-shadow:0 0 20px rgba(0,0,0,0.15);box-shadow:0 0 20px rgba(0,0,0,0.15);-moz-transition:opacity .3s ease,top .25s ease;-ms-transition:opacity .3s ease,top .25s ease;-o-transition:opacity .3s ease,top .25s ease;-webkit-transition:opacity .3s ease,top .25s ease;transition:opacity .3s ease,top .25s ease}
.menuNav > ul > li > h2 > a:before{position:absolute;bottom:6px;left:50%;content:'';width:0;height:2px;background-color:#484848;-webkit-transition:transform .2s ease;-moz-transition:transform .2s ease;-ms-transition:transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0)}
.menuNav > ul > li:not(.has-sub):hover > h2 > a:before,.menuNav > ul > li.active > h2 > a:before{width:18px;margin-left:-9px;-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}
.menuNav ul ul li.has-sub:hover:after{color:#FFF}
.menuNav ul ul li{display:block}
.menuNav ul ul li a{padding:11px 48px;white-space:nowrap;text-decoration:none!important;line-height:normal}
.menuNav ul ul li:hover a,.menuNav ul ul li a.active{background-color:#ededed}
.menuNav li:hover>ul{left:0;opacity:1;top:100%;visibility:visible}
.menu-news{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.menu-news > ul{-moz-transition:opacity .25s;-ms-transition:opacity .25s;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}
.menu-news > ul > li{margin:0 32px 0 0;order:2}
.menu-news > ul > li:nth-child(2){order:1}
.menu-news .popup a{display:block}
.menu-news > ul > li.click-popup>h2>a{padding-right:15px}
.menu-news > ul > li.click-popup>h2>a:before{position:absolute;top:52%;right:0;content:'';border-bottom:1px solid #222;border-right:1px solid #222;display:block;width:7px;height:7px;margin-top:-4px;pointer-events:none;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.menu-news > ul > li.click-popup.active>h2>a:before{border-bottom:.12rem solid #222;border-right:.12rem solid #222}
.menu-news .popup{right:-3px;width:260px}
.search-open .menu-news > ul{opacity:0;z-index:-1}
.view-mode .changeImg.mutiple:not(.scrollbar)::-webkit-scrollbar{width:0;display:none}
.daterangepicker.show-calendar{width:792px}
#daterangeWrap.middle .daterangepicker.show-calendar{left:50%!important;margin-left:-388px}
.daterangepicker .drp-calendar{max-width:324px}
.daterangepicker .drp-calendar.left{padding-left:24px;padding-right:32px}
.daterangepicker .drp-calendar.right{padding-right:0}
.daterangepicker td.active:not(.today) .data:before{top:-1px;height:calc(100% + 3px)}
.daterangepicker.show-calendar .drp-buttons{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;padding:16px 0 0}
.boxData{padding-top:24px!important}
.tbl-data-filters .popup{left:0;width:300px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;padding:32px 24px 8px;border:1px solid #D9D9D9;-webkit-box-shadow:0 10px 37px #000;-moz-box-shadow:0 10px 37px rgba(0,0,0,0.15);box-shadow:0 10px 37px rgba(0,0,0,0.15);padding:0;overflow:hidden}
.tbl-data-filters .car-manufacturer,.tbl-data-filters .car-location{width:500px}
.tbl-data-filters .item:not(:last-child){margin-right:16px}
.tbl-data-filters .item:nth-child(n+3) .popup{left:auto;right:0}
.tbl-data-filters .popup-content{max-height:calc(100vh - 300px);max-height:calc(var(--window-height) - 300px)}
.btn-delete-all{display:none}
.btn-delete-all.show-on{display:block}
.page-head .tab-tools-wrap{padding:16px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.06);-moz-box-shadow:0 0 10px rgba(0,0,0,0.06);box-shadow:0 0 10px rgba(0,0,0,0.06)}
.tableWrap{min-height:calc(100vh - 305px);max-height:calc(100vh - 305px);overflow:auto;width:100%}
.tableWrap .wid-50{min-width:50px!important}
.tableWrap .wid-100{min-width:100px!important}
.tableWrap .wid-120{min-width:150px!important}
.tableWrap .wid-150{min-width:150px!important}
.tableWrap .wid-200{width:200px!important}
.tableWrap .wid-300{min-width:330px!important}
.tableWrap .wid-400{min-width:400px!important}
.tableWrap tbody tr:hover{background-color:#F7F7F7;-webkit-box-shadow:-12px 0 0 0 #f7f7f7,12px 0 0 0 #f7f7f7;-moz-box-shadow:-12px 0 0 0 #f7f7f7,12px 0 0 0 #f7f7f7;box-shadow:-12px 0 0 0 #f7f7f7,12px 0 0 0 #f7f7f7}
.tableWrap tbody tr:hover [data-sticky-left]:after{background-color:#F7F7F7}
.tableWrap tr{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.boxAccount .changeImg.has-value:hover .img-actions,.changeImg.mutiple .image-uploaded:not(.video-uploaded) .item:not(.light):hover .img-actions,.changeImg.mutiple .light.has-value:hover .img-actions,.video-uploaded.has-value:hover .img-actions{opacity:1}
.view-mode .changeImg.mutiple{position:relative;overflow:hidden;height:170px}
.view-mode .changeImg.mutiple .parallax-layer{left:0;white-space:nowrap;position:absolute}
.modal .row-upload{display:-ms-flexbox!important;display:flex!important;justify-content:space-between}
.croppie-container .cr-slider-wrap{position:absolute;right:calc((40% + 78px)*-1);top:24px;width:42%;z-index:5}
.upload-demo-wrap{height:calc((100vw - 192px) * 0.6667*280/420)}
.croppie-container .cr-boundary{width:calc((100vw - 192px) * 0.6667);height:calc((100vw - 192px) * 0.6667*280/420)}
.row-upload .edit-actions{width:33.33%;position:relative;padding-top:96px;padding-left:64px}
}
@media screen and (min-width: 1200px) {
.upload-demo-wrap,.croppie-container .cr-boundary{height:380px}
.changeImg.mutiple .image-uploaded:not(.no-item) .item{width:33.33333333%}
.boxDashboard .info-wallet .button-web{margin-left:32px}
.info-support{padding-left:20%}
.boxWallet .payment-info .formDes{margin-left:45px}
}
@media (min-width: 1128px) {
.wrapper{max-width:1560px;padding:0 80px}
.menuNav > ul > li{margin:0 15px}
}
@media screen and (min-width: 1288px) {
.croppie-container .cr-boundary{width:calc(1176px * 0.6667)}
.boxDashboard .upgrade-package{max-width:28%}
.boxShowroom .upgrade-package{display:none}
}
@media all and (min-width: 1320px) {
.boxShowroom .packages-info .row-td{width:calc((100% - 300px)/2)}
.boxShowroom .packages-info .row-td:first-child{width:300px}	
}
@media all and (min-width: 1440px) {
#ci-content-admin{min-height:500px}
.form-group,.sec-post hr,.packages-info{margin-bottom:24px}
}
@media all and (min-width: 1600px) {
.boxDashboard .upgrade-package{max-width:30%}
}
@media all and (min-width: 1920px) {
.boxTitle .title{font-size:2.125rem;line-height:1.5}
}
@media all and (max-width: 1287px) {
.boxShowroom .frAdmin .check-radio .choose-btn:not(:last-child){padding-right:24px}
.boxDashboard .upgrade-package{display:none}
.boxShowroom .upgrade-package{padding-bottom:32px;margin-bottom:24px;border-bottom:1px solid #DDD}
.boxArticles .method-payment{margin-bottom:24px}
.boxWallet .payment-info{padding-top:56px}
}
@media all and (max-width: 1199px) {
.boxSection{padding:56px 0 64px}
.boxTitle .title.t3{font-size:1.5rem}
.boxDashboard .info-wallet .alltotal{font-size:1.875rem}
}
@media all and (max-width: 1100px) {
.box-status .choose-btn:not(:last-child){margin-right:24px}
}
@media all and (max-width: 1024px) {
.noScroll{overflow:hidden!important;inset:-808px 0 0}
.hide-mb,.popover,.daterangepicker.show-calendar .ranges{display:none!important}
.dropdown-list:after{position:absolute;right:16px;top:50%;content:'';border:none!important;border-bottom:1px solid #222!important;border-right:1px solid #222!important;display:block;width:10px;height:10px;margin-top:-6px;pointer-events:none;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.button-web{height:40px;padding:7px 24px 9px!important;line-height:inherit!important;min-width:inherit!important}
.rad16{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.rad12{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.rad10{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
.mainHead .partner-panel{min-width:64px;height:36px;padding:4px 16px 7px!important}
/*MENU*/
.menu-head-mobile{width:36px}
.menu-head-mobile>.trigger{height:36px}
.menu-head-mobile>.trigger img{width:100%}
.menu-head-mobile .inner{position:fixed;top:0;right:calc(-100% - 10px);bottom:0;-webkit-box-direction:normal;-webkit-box-orient:vertical;width:100vw;max-width:100vw;height:100%;max-height:100%;display:flex;flex-direction:column;background-color:#FFF;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;z-index:20000;-ms-transition:all .25s ease-out;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;-ms-transform:all .25s ease-out;-webkit-transform:all .25s ease-out;transform:all .25s ease-out;padding:0;pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.menu-head-mobile.active .inner{right:0;pointer-events:auto}
.menu-head-mobile .head-menu{position:relative;z-index:2;padding:8px 24px;-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);box-shadow: 0 0 6px rgba(0, 0, 0, 0.12)}
.menu-head-mobile .head-menu .close-ico{display:inline-block;width:48px;height:48px;background:url(../images/icon/close-icon.svg) center center/16px 16px no-repeat;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;margin-right:-16px}
.menu-head-mobile .head-menu .close-ico:hover{background-color:#F7F7F7!important}
.menu-head-mobile .menuNav{padding:30px 24px 32px;max-height: calc(100% - 64px);overflow:auto;
    flex:1 1 auto}
/*---Menu mobile--*/
.other-menu .title{position:relative;z-index:2;padding:24px}
.other-menu .title .text{font-size:1.25rem;line-height:30px;font-weight:500;letter-spacing:-1px;margin-bottom:4px}
.other-menu .note{font-size:0.75rem;color:#707070}
.other-menu .note a{text-decoration:underline}
.menu-mobile .popup-content{max-height:calc(100% - 80px);overflow:auto;flex:1 1 auto;padding:16px 24px 36px}
.other-menu .form-link{padding:16px 0}
.other-menu .popup:not(.logined) li~li,.menu-news .other-menu:not(.logined) li~li{border-top:1px solid #D9D9D9}
.other-menu .menu-list{font-size:0.938rem}
.other-menu .menu-list a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;padding:9px 0;position:relative}
.other-menu .menu-list .ico{width:20px;height:27px;flex-shrink:0;margin-right:12px}
.other-menu .menu-list .ico img{max-width:20px;max-height:20px}
.other-menu .menu-list ul{margin-left:30px}
.other-menu .menu-list li li{border:none!important;position:relative}
.other-menu .menu-list li li:before{position:absolute;top:15px;left:0;display:inline-block;width:3px;height:3px;content:"";background-color:#222222;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.other-menu .menu-list li li a{height:auto;padding:4px 0;padding-left:16px;color:#484848;font-size:0.875rem} 
.other-menu .menu-list li li:last-child{padding-bottom:12px}
.other-menu .menu-list li.has-sub>a:before{font-family:"Material Design Icons";content:"\F0140";font-size:24px;font-weight:300;position:absolute;top:50%;right:5px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.other-menu .menu-list li.has-sub>a[aria-expanded="true"]:before{content:"\F0143"}
.other-menu .info-user{font-size:0.875rem;margin-bottom:24px}
.other-menu .avatar .imgWrap{width:50px;overflow:visible;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-right:16px}
.other-menu .avatar .img{position:relative;overflow:hidden;padding-top:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#FFF}
.other-menu .avatar .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.other-menu .avatar .name{font-size:1rem;font-weight:500}
.other-menu .small-title{font-size:0.75rem;;color:#707070;font-weight:400;padding:24px 0 8px}
.other-menu.logined li{border-bottom:1px solid #D9D9D9}
.modal{padding:24px 16px!important}
.modal .mod-body{min-height:calc(100% - 188px);max-height:calc(100% - 188px)}
.tbl-data-filters{position:fixed;top:100%;bottom:0;left:0;width:100vw;max-width:100vw;height:100%;max-height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;background-color:#FFF;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;z-index:100;padding:0;max-height:100%;overflow:auto;pointer-events:none;-ms-transition:-ms-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.tbl-data-filters.active{opacity:1;z-index:20000;pointer-events:auto;top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.tbl-data-filters .title{position:relative;z-index:3002;background:none;padding:8px 24px;font-size:1rem;font-weight:300;-webkit-box-shadow:rgba(0,0,0,0.08) 0 1px 0;-moz-box-shadow:rgba(0,0,0,0.08) 0 1px 0;box-shadow:rgba(0,0,0,0.08) 0 1px 0}
.tbl-data-filters .title .close-ico{display:inline-block;width:48px;height:48px;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;margin-left:-16px;margin-right:4px;flex-shrink:0}
.tbl-data-filters .title .close-ico:hover{background-color:#F7F7F7}
.tbl-data-filters .title .close-ico:before{line-height:48px}
.tbl-data-filters .title .text{font-weight:400;padding-right:48px}
.tbl-data-filters.hide-dk .item{overflow:hidden}
.click-filter{width:32px;flex-shrink:0;height:32px;padding:0!important;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border: 1px solid #DDD;position:relative}
.click-filter img{max-height:16px}
.click-filter .count{display:none;position:absolute;min-width:14px;height:14px;left:19px;top:-3px;background:#FF385C;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;font-weight:700;font-size:10px;line-height:14px;color:#FFF;padding:0 2px;text-align:center}
.click-filter.has-value .count{display:block}
.click-filter.has-value{border-color:#222}
.popup-mb .filter-actions,.tbl-data-filters .filter-actions{padding:16px 24px 23px}
.tbl-data-filters .content{width:100%!important}
.tbl-data-filters .tend{margin-bottom:24px;font-size:1rem;line-height:26px;font-weight:500;color:#222}
.tbl-data-filters .item:not(:last-child){margin-bottom:24px;border-bottom:1px solid #ededed}
.tbl-data-filters .sub-items .tend{margin-bottom:24px}
.tbl-data-filters .popup-content{max-height:calc(100% - 144px);padding-top:36px;padding-bottom:16px;overflow:auto;flex:1 1 auto}
.tbl-data-filters .choose-btn{margin-bottom:24px}
.searchTop{width:100%}
.daterangepicker{position:relative;top:0!important;left:0!important;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:0;margin-top:0;margin-bottom:12px;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between}
.daterangepicker:after{display:block;height:0;clear:both;visibility:hidden;content:''}
.daterangepicker:before,.daterangepicker:after{display:none}
.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left:none;border-bottom:1px solid #ddd;padding-right:8px}
.daterangepicker .drp-calendar.left .calendar-table{padding-right:0}
.daterangepicker .drp-calendar{float:none!important;display:inline-block!important;width:48%;max-width:100%;padding:0!important}
.daterangepicker .drp-calendar.right{margin-left:2%}
.view-mode .changeImg.mutiple::-webkit-scrollbar{width:0;display:none}
.view-mode .changeImg.mutiple{backface-visibility:hidden;overflow-x:auto;overflow-y:hidden}
.view-mode .changeWrap .item-count{pointer-events:none}
.page-head{padding-bottom:12px}
.tableWrap{min-height:inherit!important;max-height:inherit!important}
.table-grid,.table-grid thead,.table-grid thead tr,.table-grid thead tr th,.table-grid tbody,.table-grid tr,.table-grid tr td{display:block}
.table-grid tr{padding:12px 0;position:relative}
.table-grid thead tr{padding-left:36px}
.table-grid thead tr th{padding:0!important;height:auto}
.table-grid thead th:nth-child(2){width:100%;min-width:100%!important}
.table-grid tbody tr:last-child{border-bottom:none}
.table-grid tbody td{vertical-align:top}
.table-grid tr td ~ td{width:100%!important;padding:1px 0!important;text-align:left!important}
.table-grid tbody td:nth-child(n+2){padding-left:32px!important}
.table-grid th.first,.table-grid tr td.first{position:absolute;top:16px;left:0;padding:0!important}
.table-grid td.last{text-align:right!important}
.table-grid td.actions{margin-top:12px}
.table-grid td.actions button{width:32px;height:32px;border:1px solid #B0B0B0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.table-grid td.actions .mdi:before{font-size:1.125rem}
.table-grid td.actions button:hover{border-color:#222}
.tableWrap td.code{font-size:0.813rem;color:#707070;margin-bottom:0.25rem}
.table-grid tbody tr td:nth-child(n+3):before,#tblWallet tbody tr td:nth-child(n+2):before{content:attr(data-name);display:inline-block;font-size:0.875rem;line-height:24px;color:#707070;margin-right:2px}
.page-head .link-add-new .btn-add-new{-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;padding:0!important;width:32px;height:32px;margin-left:8px}
.page-head .link-add-new .btn-add-new .icon{line-height:32px;position:relative;top:-1px}
.table-grid .sort-on-mobile{display:block;text-align:right;font-size:0.75rem;line-height:24px;color:#222;font-weight:600;text-transform:uppercase;padding-right:0!important}
.table-grid .sort-on-mobile .dropdown-list{display:inline-block}
.table-grid .sort-on-mobile .dropdown-list:after{display:none}
.table-grid .sort-on-mobile .dropdown-list select{border:none;text-transform:uppercase;padding:0 18px 0 4px;font-weight:600}
.tableWrap .sort-on-mobile:before,.tableWrap .sort-on-mobile:after{pointer-events:none}
#tblCar tbody tr td.tieu-de:before,.table-grid tbody tr td:last-child:not(.actions){display:none}
#tblCar tbody td.tieu-de{padding-bottom:4px}
#tblCar td .viewed,#tblWallet td[data-name="Số tiền:"]{position:absolute;top:12px;right:0;width:auto!important;background-color:#FFF}
#tblCar tr.expires td.price,#tblWallet tr.selected td.money{background-color:#F7F7F7}
#tblCar tr.expires td[data-name="Trạng thái:"]{padding-right:64px!important}
#tblCar tr.expires .btn-extension{position:absolute;right:0;bottom:12px}
#tblWallet thead tr{padding-left:0!important}
#tblWallet td.tieu-de{padding:0 80px 0 0!important}
#tblWallet td{padding-left:0!important}
#tblWallet td[data-name="Số tiền:"]:before{display:none!important}
.results-chosen-row .inner{padding:8px 16px}
.pagination{border-top:1px solid #ededed}
.boxAccount .changeImg.single.has-value .img-actions,.changeImg.mutiple .image-uploaded:not(.video-uploaded) .img-actions,.video-uploaded.has-value .img-actions{opacity:1}
.view-mode .changeImg.mutiple .parallax-layer{position:relative;left:0!important;margin-left:0!important}
.upload-demo-wrap{width:100%;padding-top:66.67%;margin-bottom:104px}
.croppie-container .cr-slider-wrap{width:100%;left:0;bottom:-80px}
.row-upload .edit-actions{padding-bottom:24px}
.check-amount .row-am:last-child:before{border-radius:0 0 10px 10px}
.product-items .row-cart .img{margin-right:12px}
}
@media all and (max-width: 991px) {
#ci-header{min-height:64px!important}
.mainHead{padding:0;height:64px!important}
.logo img{max-height:24px}
#ci-header .logo-icon{width:45px}
#ci-header .logo-icon img{max-height:30px}
.back-home{display:inline-block;cursor:pointer}
.page-content .back-home{position:relative;left:-24px;padding-left:16px;margin-bottom:24px}
.page-content .back-home i{display:inline-block;width:28px;margin-right:4px;flex-shrink:0;position:relative;top:4px}
.page-content .back-home i:before{font-size:1.75rem;line-height:24px}
.boxSection{padding:32px 0 48px}
.modal .mod-body .inner{padding:24px}
.boxTitle .title{font-size:1.375rem}
.boxTitle .title.t1{font-size:1.125rem;line-height:1.5}
.boxTitle .title.t2{font-size:1.25rem}
.sub-title{font-size:1.125rem;line-height:1.55}
.s-title,.check-amount .row-th{font-size:1rem}
.small-title{font-size:0.938rem}
.menuClick:not(.botLink) .contentWrap{display:none}
.menuClick.active .contentWrap{display:block!important}
.menuFix.fixed .target-scroll{top:64px}
.posting-steps .sec-post~.sec-post.line{padding-top:24px;margin-top:30px}
.frAdmin .explain .note{margin-bottom:16px}
.video-uploaded .button:after{font-size:0.875rem}
.boxDashboard .row-content .item~.item{margin-top:24px}
.boxAccount .frAdmin .bot-link{  margin-top: 8px;  border-top: 1px solid #D9D9D9;}
.boxSeller .frAdmin .bot-link{padding-top:24px;margin-top:8px}
.tick-change-pass{padding-top:30px;margin-top:36px;border-top:1px solid #ebebeb}
.change-pass .note{margin-bottom:16px}
.boxArticles .tt-main{margin-bottom:24px}
.tt-main .status-info{margin-top:0.25rem!important}
.boxData .status-info{margin-top:0!important}
.boxArticles.view-mode .menuFix.fixed ~ .wrapper>.box-wrap .status-info{margin-top:0.05rem!important}
.bot-link .line-step{position:absolute;top:-1px;left:0;height:1px;pointer-events:none;background-color:#222}
.bot-link .line-step.line-step-1{width:14.2857142857%}
.bot-link .line-step.line-step-2{width:28.5714285714%}
.bot-link .line-step.line-step-3{width:42.8571428571%}
.bot-link .line-step.line-step-4{width:57.1428571429%}
.bot-link .line-step.line-step-5{width:71.4285714286%}
.bot-link .line-step.line-step-6{width:85.7142857143%}
.bot-link .line-step.line-step-7{width:100%}
.scroll-mb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;backface-visibility:hidden;white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-align:center;position:relative;scrollbar-width:none;-ms-overflow-style:none}
.scroll-mb::-webkit-scrollbar{width:0;display:none}
.tab-tools{border-bottom:1px solid #D9D9D9;margin-bottom:32px}
.tab-tools ul ul,.tab-tools .check-button{display:none!important}
.tab-tools li~li{margin-left:24px}
.tab-tools li{position:relative;padding-bottom:8px}
.tab-tools li a{display:inline-block;color:#707070;font-weight:500;padding:8px 0}
.tab-tools li:before{position:absolute;content:"";left:0;width:0;bottom:0;height:2px;background-color:#222;-moz-transform:all .3s linear;-ms-transform:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.tab-tools li:hover a,.tab-tools li.active a{color:#222;text-decoration:none}
.tab-tools li.active:before{width:100%}
.popup-mb{position:fixed;top:100%;bottom:0;left:0;width:100%;height:100%;z-index:100;opacity:0;max-height:100%;pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;background-color:#FFF;-ms-transition:-ms-transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.click-popup.active .popup-mb{opacity:1;z-index:20000;pointer-events:auto;top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.popup-mb .head-title{position:relative;z-index:2;background:none;padding:8px 24px;font-size:1rem;font-weight:300;-webkit-box-shadow:rgba(0,0,0,0.08) 0 1px 0;-moz-box-shadow:rgba(0,0,0,0.08) 0 1px 0;box-shadow:rgba(0,0,0,0.08) 0 1px 0}
.popup-mb .head-title .close-ico{display:inline-block;width:48px;height:48px;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;margin-left:-16px;margin-right:4px;flex-shrink:0}
.popup-mb .head-title .close-ico:hover{background-color:#F7F7F7}
.popup-mb .head-title .close-ico:before{line-height:48px}
.popup-mb .head-title .text{font-weight:400;padding-right:48px}
.popup-mb .screen-inner{height:100%;max-height:100%;width:100vw;max-width:100vw;display:flex;flex-direction:column}
.popup-mb .sr-content{position:relative;top:0;z-index:auto;opacity:1;visibility:visible;pointer-events:auto;width:100%;border:none;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;overflow:auto;flex:1 1 auto;height:calc(100% - 96px);height:calc(var(--window-height) - 96px)}
.popup-mb .popup-content{height:100%;max-height:100%;overflow:auto;padding:32px 24px 24px}
.popup-mb .filter-actions{padding:16px 24px;border-top:1px solid #D9D9D9;background-color:#FFF}
.boxDashboard{padding-bottom:32px!important}
.boxDashboard .trigger span{padding-right:12px}
.boxDashboard .trigger span:after{display:inline-block;font-family:"Material Design Icons";content:"\F0142";font-size:1.2rem;font-weight:300;position:absolute;top:0;right:0;width:12px}
.boxDashboard .info-dealer .name{padding-right:32px}
.boxDashboard .info-product{font-size:0.875rem}
.boxDashboard .info-wallet .txt{font-size:.875rem}
.boxDashboard .info-wallet .alltotal{font-size:1.25rem}
.boxDashboard .btn-edit-profile{position:absolute;top:-4px;left:auto;right:-4px;font-size:0;width:24px}
.boxArticles.view-mode .menuFix.fixed ~ .wrapper>.box-wrap{height:64px}
.boxArticles.view-mode .menuFix.fixed ~ .wrapper>.box-wrap>.boxTitle>.title{font-size:1rem!important;max-height:48px}
.boxArticles #sidebar.fixed .sub-menu-items{position:fixed;top:64px;left:0;right:0;z-index:10;background-color:#FFF;border-bottom:1px solid #D9D9D9;padding:0 24px}
.boxArticles #sidebar.fixed .tab-tools{margin-bottom:0;border:none}
.boxArticles .general-info{padding-bottom:8px}
.boxWallet .packages-info,.boxWallet .payment-action .row-wrap{padding-bottom:32px;margin-bottom:24px}
.boxWallet .payment-action .check-showhide{padding-bottom:24px;margin-bottom:24px}
.boxWallet .packages-info .item:nth-child(n+3){margin-top:16px}
.boxWallet .payment-action .formDes{margin-top:36px}
.wishlist-folder{margin-bottom:36px}
.wishlist-folder .tend{font-size:1.125rem;line-height:26px}
.method-payment .item{padding:20px 8px 20px 44px}
.method-payment .checkmark{left:12px}
.boxPushArticles #step1 .method-payment .item{padding:44px 8px 20px}
.boxPushArticles #step1 .method-payment .checkmark{top:16px}
.info-cart{margin-bottom:36px}
.info-cart .inner{padding:24px 16px}
.info-cart .row-cart{margin-bottom:16px}
.payment-info .note{padding-top:20px;margin-top:24px}
.checkout .payment-info{padding-top:24px}
#add-note-img .caption,.checkout .link{padding-top:24px}
.boxShowroom .main-des{margin-bottom:24px}
.info-support{padding-top:24px;margin-top:36px;border-top:1px solid #DDD}
.info-support .row-contact{padding:24px 16px}
.info-support .row-contact .item~.item{padding-top:16px;margin-top:16px}
.boxShowroom.view-mode .boxTitle .buttons{padding-bottom:32px;margin-bottom:28px;border-bottom:1px solid #DDD}
.check-amount .col-am{padding:16px}
.boxWallet .payment-info{padding-top:32px}
.boxWallet .info-cart{margin-top:24px}
.mainFoot{padding-top:24px}
.gov-img{margin-top:16px}
.gov-img br{display:none}
.gov-img a{display:inline-block;max-width:45%}
}
@media all and (max-width: 767px) {
.modal-full-mb{padding:0!important;z-index:-1;pointer-events:none}
.modal-full-mb .modal-content{border:none;min-height:100%}
.modal-full-mb .mod-body,#mypopup-upgrade-showroom .contentWrap .content{min-height:calc(100vh - 144px);max-height:calc(100vh - 144px);min-height:calc(var(--window-height) - 144px);max-height:calc(var(--window-height) - 144px)}
.modal-full-mb .mod-footer .inner{padding:16px 24px 23px}	
.top-hotline .head-hotline{display:none}
.top-right .head-hotline{margin-left:14px}
.top-right .head-hotline img{width:18px}
#ci-header-admin .header-tools .click-popup.active .popup:before,#ci-header-admin .header-tools .click-popup.active .popup:after{right:16px}
#ci-header-admin .notifications-list.active .popup:before,#ci-header-admin .notifications-list.active .popup:after{right:54px!important}
.daterangepicker .ranges,.daterangepicker .ranges ul,.daterangepicker.show-calendar .drp-calendar{width:100%;background-color:#FFF;margin:0}
body:not(.fancy-not-full) .fancybox-container,.modal-full-mb{position:fixed;top:100%;bottom:0;left:0;width:100vw;max-width:100vw;height:100%;max-height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;background-color:#FFF;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;z-index:100;padding:0;max-height:100%;overflow:auto;pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
body:not(.fancy-not-full) .fancybox-is-open,.modal-open .modal-full-mb.show{top:0;z-index:20000;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);pointer-events:auto}
body:not(.fancy-not-full) .fancybox-slide--html{padding:0}
body:not(.fancy-not-full) .account-popup .fancybox-button{display:inline-block;top:8px;left:24px;width:48px;height:48px;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;text-align:center;margin-left:-16px;margin-right:4px}
body:not(.fancy-not-full) .fancybox-button svg,body:not(.fancy-not-full) .fancybox-button--close,body:not(.fancy-not-full) .fancybox-close-small{padding:11px!important}
body:not(.fancy-not-full) .account-popup,body:not(.fancy-not-full) .account-popup .contentWrap{margin:0;max-width:100%!important;height:100%;-moz-border-radius:0!important;-webkit-border-radius:0!important;border-radius:0!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none;border:none!important;border:none!important}
.account-popup .contentWrap .content{max-height:calc(100vh - 64px);max-height:calc(var(--window-height) - 64px)}
body.fancy-not-full .account-popup .contentWrap .content{max-height:inherit}
.boxShowroom #sPackages .choose-btn{width:50%}
#mypopup-upgrade-showroom #sPackages .choose-btn{width:100%}
#mypopup-upgrade-showroom #sPackages .choose-btn:not(:last-child){margin-bottom:12px}
#mypopup-upgrade-showroom .popup-actions{text-align:right!important}
.tt-main .status-info{max-width:100px;white-space:normal}
.boxAccount.view-mode .image-uploaded{margin-bottom:24px}
.boxAccount .img-actions .action{width:30px;height:30px}
.boxAccount .img-actions .action,.boxAccount .img-actions .icon-upload,.changeImg .file-label{background-size:14px auto}
.boxCustomer .profile .item:last-child .form-group{margin-bottom:0}
.view-mode #anchor_tong_quan .form-group:not(:last-child){padding-bottom: 24px;    margin-bottom: 20px;
    border-bottom: 1px solid #ebebeb;}
.view-mode .content-hidden-mb.hideoff .text-content{    overflow: hidden;}
.view-mode .height1.hideoff .text-content{max-height: 72px}
.view-mode .height2.hideoff .text-content{max-height: 80px}
.view-mode .height3.hideoff .text-content{max-height: 275px}
.view-mode .content-hidden-mb.showon .text-content{max-height:inherit!important;overflow: visible!important}
.view-mode .button-showon{font-size:0.875rem}
.view-mode .content-hidden-mb.hideoff .button-showon{padding-top:12px}
.packages-info .row-td{padding:12px 0 16px;border:1px solid #DDD}
.packages-info .row-td:not(:last-child){margin-bottom:24px}
.packages-info .col-td{padding:8px 16px;height:auto!important}
.packages-info .col-td .parameters{padding-bottom:20px;margin-bottom:4px;border-bottom:1px solid #DDD}
.packages-info .check-amount .txt:before{display:inline-block;content:attr(data-cont);font-weight:600;margin-right:6px}
.check-amount .row-am:not(.row-th){font-size:.875rem}
.check-amount .row-th .col-am:not(:first-child){display:none}
.check-amount .col-am{display:block}
.check-amount .row-td .txt{padding:0!important}
.check-amount .col-am:nth-child(n+4):not(.col-empty){padding:6px 16px 0 0 !important}
.check-amount .col-am:nth-child(n+4):not(.col-empty):before{display:inline-block;content:attr(data-cont);margin-right:8px}
.check-amount .row-am .checkmark{top:15px}
.check-amount .row-am:last-child .checkmark{top:20px}
.check-amount .col-empty{height:0!important;padding:0!important}
.boxWallet .check-amount .row-td:not(:last-child) .choose-btn{padding-top:16px;padding-bottom:16px}
.boxWallet .check-amount .row-am:last-child .col-am:not(.col-empty):last-child{padding-bottom:16px!important}
.product-items .row-cart .tend{-webkit-line-clamp:2;max-height:48px}
.info-cart .total b,.info-cart .total .number{font-size:1.125rem}
.boxWallet .info-cart{margin-top:24px}
.vietqr{padding-top:32px;text-align:center}
.vietqr img{max-width:250px}
/*FOOTER*/
.mainFoot .item .title{border-bottom:1px solid #D8D8D8;padding:16px 0;margin-bottom:0;text-transform:none;font-weight:400;cursor:pointer;position:relative}
.mainFoot .item:last-child .title{border:none}
.mainFoot .item .boxBot .title:after{font-family:"Material Design Icons";content:"\F0415";font-size:1.25rem;font-weight:300;position:absolute;top:50%;right:5px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear}
.mainFoot .item .boxBot.active .title:after{font-size:1.5rem;-moz-transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%) rotate(45deg)}
.mainFoot .boxBot{margin-bottom:0}
.mainFoot .contentWrap{display:none}
.mainFoot .botLink.active .title{border-color:transparent}
.mainFoot .botLink.active .contentWrap{background-color:#FFF;position:relative;width:calc(100% + 48px);left:-24px;right:-24px;padding:0 24px 4px}
.mainFoot .botLink.active .contentWrap:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none;border-top:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8}
.mainFoot .item:last-child .botLink.active .contentWrap:before{border-bottom:none}
.mainFoot .botLink ul a{display:block;padding:12px 0}
.mainFoot .botLink li~li a{border-top:1px solid #D8D8D8}
.mainFoot hr{left:-24px;right:-24px;position:relative;width:calc(100% + 48px);margin-bottom:32px!important}
}
@media all and (max-width: 575px) {
.top-head .top-hotline span{display:none}	
.box-status .s-title{padding:16px 12px 0}
.box-status .rdo-group{padding:0 12px}
.box-status .choose-btn{width:calc(50% - 12px);margin-bottom:16px;font-size:0.875rem}
.box-status .choose-btn:nth-child(2n){margin-right:0}
.box-status .link{padding:12px}
.boxDashboard .info-dealer .zalo{margin-top:5px}
.btn-back-list .text{display:none}
.btn-back-list>a{display:block;width:32px;height:32px;line-height:32px;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#F7F7F7;text-align:center}
.btn-back-list .icon:before{width:10px;height:10px;left:3px;top:0}
.menuFix.fixed .btn-back-list>a{background-color:#FFF}
.results-chosen-row .inner{text-align:center}
.results-chosen-row .button-txt{margin:4px 12px 0}
.packages-info .item:nth-child(n+2){margin-top:16px}
.time-suggestions .lb-chk:not(:last-child){margin-right:8px;}
.packages-review .item{width:50%}
.product-items .row-cart .price{display:block;padding-left:76px;padding-top:2px}
.boxShowroom .product-items .row-cart .price{padding-left:0}
.method-payment .item~.item{margin-top:-1px}
.method-payment .item:first-child,.method-payment .item:first-child:after{-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}
.method-payment .item:last-child,.method-payment .item:last-child:after{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px}
.method-payment .item.active:after{bottom:1px;right:0}
.swal2-content .link-support .button-web{width:100%!important}
.swal2-content .link-support .button-web:first-child{margin-bottom:10px!important}
}
@media all and (max-width: 480px) {
.swal2-content .link .button-web{width:calc(50% - 8px)}
.boxDashboard .button-web{min-width:calc(50% - 8px)!important}
.add-new-mode .changeImg.single{max-width:100%}
.transfer-info{font-size:0.875rem}
}
@media all and (max-width: 420px) {
.swal2-content .link .button-web{padding-left:8px!important;padding-right:8px!important}
.register-step2 .code-OTP input{width:calc(100%/6);height:40px;padding:12px 0}
.croppie-container .cr-viewport{width:calc(100vw - 48px)!important;height:calc((100vw - 48px)*280/420)!important}
}
@media all and (max-width: 400px) {
.tt-main .button-web{font-size:0.875rem;padding:5px 16px 12px!important}
#tblCar tr.expires .btn-extension{height:auto!important;background:none!important;border:none!important;padding:0!important;color:#222!important}
#tblCar tr.expires .btn-extension>span{text-decoration:underline}
.boxShowroom .product-items .row-cart{display:block!important}
.boxShowroom .product-items .row-cart .price{padding-left:64px}
}
@media all and (max-width: 390px) {	
.swal2-content .link{flex-wrap:wrap}
.swal2-content .link .button-web{width:100%}
.swal2-content .link .button-web:first-child{margin-bottom:10px}
.daterangepicker .calendar-table th{padding:4px 8px 8px}
.tab-tools li a{font-size:0.875rem}
.view-mode .button-web{padding-left:12px!important;padding-right:12px!important}
.payment-info .group-button{display:block!important}
.payment-info .button-web{min-width:100%!important;margin-right:0!important}
.payment-info .button-web:not(:last-child){margin-bottom:8px}
}
@media all and (max-width: 360px) {
.boxDashboard .info-dealer .avatar .imgWrap{width:60px}
.box-status .choose-btn{width:100%;max-width:100%;margin-right:0}
.boxAccount .image-uploaded{max-width:100%!important}
.boxShowroom.view-mode .buttons{-ms-flex-wrap:wrap;flex-wrap:wrap}
.boxShowroom.view-mode .button-web{width:100%;margin-right:0!important}
.boxShowroom.view-mode .button-web:first-child{margin-bottom:10px}
}
@media all and (max-width: 340px) {
.boxDashboard .info-product .ftxt{display:block!important;width:100%}
.boxShowroom #sPackages .choose-btn{width:100%}
#sPackages .choose-btn .txt br{display:none}
.info-cart .total{display:block!important;text-align:center}
.gov-img img{max-width:100%}
}
@media all and (min-width: 992px) and (max-width: 1319px) {
.boxDashboard .item:first-child{flex:0 0 32%;max-width:32%}
.boxDashboard .item:nth-child(2){flex:0 0 38%;max-width:38%}
.boxShowroom .packages-info .row-td .txt-bg{display:block}
.boxShowroom .packages-info .col-td:not(.package){height:97px}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
.boxDashboard .info-wallet .alltotal{margin-bottom:8px}
.boxShowroom #sPackages .choose-btn{width:50%}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.changeImg.mutiple .image-uploaded:not(.no-item) .item{width:33.33333333%}
}
@media all and (min-width: 576px) and (max-width: 1100px) {
.package-info .item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.package-info .item:nth-child(n+3){margin-top:24px}
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
.daterangepicker.show-calendar{left:50%!important;margin-left:-391px}	
}
@media all and (min-width: 390px) and (max-width: 1024px) {
.daterangepicker .calendar-table th{padding:8px 12px 12px}
}