@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=vietnamese');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=vietnamese');
@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
html,body{
    background-color: #f5f5f5;
}
body {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif, Arial, 'Quicksand', sans-serif;
    line-height: 1.8em;
    color: #333;
    
}
.bg-site,
body {
    width: 100%;
    height: 100%;
    background-position: center;
}
html,
body,
div,
span,
strong {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
.pdl-10{padding-left: 10px !important;}
.pl-20{padding-left: 20px;}
.mb-0{margin-bottom: 0;}
/* Clearfix */

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
ol,
ul {
    margin-bottom: 0;
}
* html > body .clearfix {
    display: block;
    width: 100%;
}
* html .clearfix {
    height: 1%;
}
ul li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #373737;
}
a:hover {
    color: #2A91D8;
    text-decoration: none;
}
img {
    border: 0;
}
.disable_color{
    color: #b9b9b9 !important; 
}
.clear {
    overflow: hidden;
    clear: both;
}
.width_5{width: 5%;}
.width_10{width: 10%;}
.width_12{width: 12%;}
.width_16{width: 16%;}
.width_15{width: 15%;}
.width_20{width: 20%;}
.width_25{width: 25%;}
.width_30{width: 30%;}
.width_35{width: 35%;}
.width_40{width: 40%;}
.width_45{width: 45%;}
.width_50{width: 50%;}
.width_55{width: 55%;}
.width_60{width: 60%;}
.width_65{width: 65%;}
.width_70{width: 70%;}
.width_75{width: 75%;}
.width_80{width: 80%;}
.width_85{width: 85%;}
.width_90{width: 90%;}
.width_95{width: 95%;}
.pointer{cursor: pointer;}
.pd-0{padding: 0px !important;}
.pl-10{padding-left: 10px;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mg-l-10{margin-left: 10px !important;}
.wrapper {
    width: 100%;
}
.header-bar,
.header-bar,
#architecture,
#result-aff,
#reason-why,
#step-aff,
#contact-form,
.title_footer,
#copyright,
#work-table,
#question ,.width-80{
    width: 80%;
    margin: auto;
}
.mt-20{margin-top: 20px;}
.pl-30{padding-left: 30px !important;}
.ml--30{margin-left: -30px !important;}
.pd-10{padding: 10px;}
.your-url code, .api-url code{overflow-wrap: break-word;}
.cusor-text{cursor: text !important;}
.aff-logo img {
    max-width: 100%;
    text-align: center;
    max-height: 60px;
}
.aff-logo {
    padding: 5px 0px;
}
.navi-left ul li{display: inline-block;}
.navi-left ul li a{padding: 5px 35px; font-family: 'Quicksand', sans-serif; font-weight: 600; font-size: 16px;}
.navi-left ul li a.active{color: #f5063f;}
.navi-left ul{margin-bottom: 0px; padding: 20px 0px;}
.welcome-user:hover{text-decoration: none;}
.welcome-user span{position: relative; top: 5px;}
.btn-action .dropdown-menu{width: 70%;}
.btn-action .dropdown-menu li{display: block;}
.btn-action .dropdown-menu li a{padding: 5px 15px; font-size: 14px; font-weight: 400;}
.avatarImage{margin: 4px 8px 0 0;border-radius: 50%; border: 2px solid #FFF;width: 35px; height: 35px;}
a.dropdown-toggle.welcome-user {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.btn-action ul{margin-bottom: 0;}
.btn-action ul li{display: inline-block;}
.aff-header .navbar-default{border: none; margin-bottom: 0;}
.aff-header .navbar{min-height: 40px; margin-bottom: 0;}
.aff-header .navbar-respnove{display: none;}
.btn-action{text-align: right;}
.btn-signin{color: #40a6ab;}
.btn-signin:hover, .btn-login:hover{text-decoration: underline;}
.btn-login:hover {
    text-decoration: none !important;
    background: #f80640 !important;
}
.navbar-default .navbar-nav>li>a.btn-login{color: #fff; }
.btn-login{background: #f80640; border-radius: 3px; padding: 10px 25px !important; text-transform: uppercase; font-size: 12px !important;}
.navigation{text-align: right;}
.slider-top img{width: 100%;}
.slider-top{position: relative;}
.content-slider{position: absolute; width: 100%; height: 100%; top: 5%;}
#content-slider{width: 80%; margin: auto;}
#content-slider h2{font-size: 30px; color: #f69679; text-transform: uppercase; margin-top: 0px;}
#content-slider h4{font-size: 26px; color: #fff; position: relative;}
#content-slider p{color: #ebebeb; font-size: 18px; padding-left: 30px; background: url(../images/check.png) no-repeat center left; margin-bottom: 5px;}
.btn-registry {
    color: #fff;
    background: #f80640;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
    padding: 10px 18px;
    border-radius: 2px;
    display: inline-block;
    margin-top: 20px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}
.solution {
    position: relative;
}
.solution img {
    max-width: 275px;
    width: auto;
    position: absolute;
    top: 0;
}
/*----------------------Define-------------*/

.clear {
    clear: both;
}
#content-slider ul.ul-slider li {
    color: #ebebeb;
    background: url("../../images/check.png") no-repeat left;
    padding-left: 25px;
    font-size: 20px;
    line-height: 31px;
}
.ul-slider {
    margin-top: 20px;
}
#content-slider .slider-left-content {
    padding-top: 2%;
}
#architecture {
    margin-top: 20px;
}
.content-architecture {
    text-align: center;
}
.content-architecture h3 {
    font-size: 30px;
    font-weight: 600;
}
.content-architecture h3 span {
    color: #f80640;
}
.des-architecture {
    margin: auto;
}
.des-architecture p {
    font-size: 16px;
    font-weight: 600;
}
.items-result {
    text-align: center;
}
.reason-why {
    padding: 20px 0px;
}
.items-reason {
    position: relative;
    margin-top: 40px;
}
#items-reason {
    background: #3cb878;
    border-radius: 4px;
    padding: 20px;
    text-align: center;
    color: #fff;
    min-height: 190px;
    margin-bottom: 25px;
}
#items-reason img {
    margin-top: -18%;
}
#items-reason h4 {
    text-transform: uppercase;
    font-size: 18px;
}
#items-reason .des-reason {
    font-size: 16px;
}
.items-step img {
    width: 100%;
}
.img-architecture img {
    width: 100%;
}
.items-step {
    text-align: center;
}
.items-step .des-step {
    width: 61%;
    margin: auto;
}
.title-content {
    font-size: 36px;
    color: #424242;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}
ul.reason-ul li {
    font-weight: bold;
    background: url("../../images/check-green.png") no-repeat left;
    padding-left: 25px;
    padding-top: 7px;
}
#reason-bottom {
    width: 51%;
    margin: auto;
}
.items-step h3 {
    font-size: 20px;
    width: 55%;
    margin: auto;
    margin-top: 25px;
}
.result-help {
    background: url('../../images/work-bg.png');
    background-size: cover;
    margin-top: 25px;
}
#result-vendor h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}
div#result-vendor {
    padding: 30px 20px 20px 20px;
}
.contact-form {
    margin-top: 40px;
}
.content_textarea {
    width: 100%;
}
.line-input {
    margin-bottom: 15px;
}
.button-contact {
    background: #34a0a5;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding: 10px 25px;
}
.div_footer {
    width: 100%;
    background-color: rgb(45, 43, 44);
    border-top: 2px rgb(246, 7, 64);
    padding: 20px 0;
}
.title_footer {
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 20px;
}
.title_footer a {
    color: #999;
}
.title_footer a:hover {
    color: white;
    text-decoration: none;
}
.title_center {
    max-width: 800px;
    margin: 0 auto;
    padding: 10px;
}
.title_center h1 {
    color: rgb(254, 143, 38);
    font-weight: bold;
    font-size: 30px;
}
.title_center p {
    color: white;
    font-size: 20px;
}
.tag_a_footer:hover {
    color: white;
}
.copyright {} .border-top {
                  border-top: solid 1px #3f3f3f;
              }
.column-footer{margin-bottom: 10px;}
.column-footer ul li p {
    color: #b0b0b0;
    font-size: 24px;
    font-weight: 600;
}
.column-footer ul li,
.contact-ft {
    color: #858585;
}
.copyright {
    background: #1c1a1a;
    padding: 10px 0px;
}
.copyright p {
    margin-bottom: 0;
    color: #3c3b3b;
}
.tick-c {
    background: url("../../images/tick-c.png")
}
#work-table {} .tick-c {
                   background: url(../../images/tick-c.png) no-repeat;
                   width: 20px;
                   height: 30px;
                   display: inline-block;
               }
table.work-table {
    font-weight: bold;
    background: #fff;
}
.work-table th {
    color: #f69679;
    font-size: 18px;
}
#work-table .table>thead>tr>th {
    padding: 15px;
}
#work-table .table>tbody>tr>td {
    vertical-align: middle;
}
p.work-note {
    color: #ccc;
}
.work-content {
    text-align: center;
}
.work-content a.btn-registry {
    font-size: 25px;
}
.work-hotline {
    color: #fff;
    margin-top: 20px;
    font-size: 23px;
    font-weight: bold;
}
div#question {
    padding: 45px 0 0 0;
}
.question-title {
    font-size: 30px;
    color: #424242;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
.question-img {
    text-align: center;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */

    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */

    content: "\e252";
    /* adjust as needed, taken from bootstrap.css */

    float: right;
    /* adjust as needed */

    color: grey;
    /* adjust as needed */

    font-size: 8px;
    margin-top: 5px;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */

    content: "\e250";
    /* adjust as needed, taken from bootstrap.css */
}
#question .panel-default>.panel-heading {
    background-color: #ebebeb;
}
#question .panel-heading {
    padding: 15px;
}
#question .panel-group .panel {
    border-radius: 0;
}
#question .panel-group .panel+.panel {
    margin-top: 10px;
}
ul.ul-slider {
    margin-top: 25px;
}
#content-slider a.btn-registry {
    font-size: 20px;
}
#contact-form .form-inline label {
    width: 95px;
}
#contact-form .form-inline .form-control {
    width: 80%;
    line-height: 30px;
}
#contact-form .form-inline .form-group {
    width: 100%;
}
#contact-form input.form-control.short-name-form {
    width: 50%;
}
#contact-form .form-inline input[type=file] {
    display: inline-block;
}
#contact-form .form-inline .form-group {
    margin-bottom: 15px;
}
#contact-form label.radio-inline {
    width: auto;
}
span.required {
    color: #F44336
}
li.dropdown.avatar-menu img {
    width: 35px
}
.form-control:focus {
    border-color: #0c61f2;
    outline: 0;
}
button#vendor_home_register:hover{background: #34a0a5;}
a.btn-registry:hover, button#vendor_home_register:hover, .navbar-default .navbar-nav>li>a.btn-login:hover{color:#fde118;}
.wrapper .header {
    width: 100%;
    z-index: 9;
    background: #fff;
}
.logo img {
    max-width: 100%;
    margin-top: 1px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    padding: 5px 0;
    max-height: 60px;
}
.aff-header .navbar-default {
    border: none !important;
}
.navbar-default {
    background: linear-gradient(to right, #015fcb 0%, #800094bf 100%);

}
.signup_container nav {
    margin-bottom: 0 !important;
    border: none;
}
.btn-menu.navbar {
    min-height: 40px !important;
    margin-bottom: 0;
    display: none;
}
.aff-header .navbar-default {
    border: none !important;
}
.menu-top-aff ul {
    padding: 10px 20px;
}
.navbar-default .navbar-nav>li>a.active {
    color: #f5063f;
}
.menu-user li a {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0px !important;
}
#contact-form .form-inline label.radio-inline {
    width: 35%;
}
div#mceu_20 {
    border-right: 1px solid #cacaca!important;
}

.check-theme input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}

.check-theme input[type=checkbox].css-checkbox + label.css-label {
    padding-left:29px;
    height:22px; 
    display:inline-block;
    line-height:22px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    width: auto !important;
}

.check-theme input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -22px;}
.check-theme label.css-label {
    background-image:url(../../images/policy_checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.copyBtn {
    margin-left: -12px;
}
.objs {
    margin: 0px !important;
}
#json{
    height: 170px;
}
.json-viewer ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 26px;
}

.json-viewer li {
    position: relative;
}

.json-viewer .hoverable {
    transition: background-color .2s ease-out 0s;
    -webkit-transition: background-color .2s ease-out 0s;
    display: inline-block;
}

.json-viewer .hovered {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}

.json-viewer .selected {
    outline-style: solid;
    outline-width: 1px;
    outline-style: dotted;
}

.json-viewer .collapsed>.collapsible {
    display: none;
}

.json-viewer .ellipsis {
    display: none;
}

.json-viewer .collapsed>.ellipsis {
    display: inherit;
}

.json-viewer .collapser {
    position: absolute;
    top: 1px;
    left: -1.5em;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}

.json-viewer .status {
    position: fixed;
    left: 0px;
    bottom: 0px;
    min-width: 628px;
    border-color: #c2c2c2;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-style: solid;
    border-top-right-radius: 4px;
    height: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 7px;
    padding-left: 4px;
    font-family: sans-serif;
    font-size: 12px;    
    opacity: 0;
    background-color: #d2d2f6;
    color: #696969;
    transition: opacity .2s ease-out;   
    -webkit-transition: opacity .2s ease-out;
    user-select: none;
    -webkit-user-select: none;
}

.json-viewer .status:not(:empty ) {
    opacity: 1;
}

.json-viewer .toolbox {
    font-family: sans-serif;
    font-size: 13px;
    opacity: .25;
    background-color: #d2d2f6;
    position: fixed;
    right: 0px;
    top: 0px;
    border-color: #c2c2c2;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-bottom-left-radius: 4px;
    padding-bottom: 3px;
    transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    padding-left: 2px;
}

.json-viewer .toolbox:hover {
    opacity: 1;
}

.json-viewer .toolbox>* {
    padding-left: 3px;
    padding-right: 3px;
}

.json-viewer .toolbox>a {
    padding-left: 5px;
}

.json-viewer .toolbox>img {
    height: 14px;
    vertical-align: bottom;
    cursor: pointer;
}
.json-viewer #json{padding: 10px;
    color: #000;
    background-color: #eee;
    border-radius: 4px; margin-top: 10px;}

.prd-list .btn-default{background: #fff !important; border: 1px solid #D5D5D5 !important; color: #333 !important}    
.title-rs{font-size: 14px; text-transform: uppercase; font-weight: 600;}
.inline-block{display: inline-block; vertical-align: top;}
.page-header{margin: 10px 0;padding: 5px 10px;border: none;}
.page-header h3{padding: 5px 0px;display: inline-block;}
.page-header-profile{margin: 0px auto;max-width: 1000px;border: none;}
.page-header-profile h3{display: inline-block;}
.table>thead>tr>th:last-child{border-color: #ddd;}
.mgl-10{margin-left: 10px;}
.mgl-20{margin-left: 20px;}
.mt-5{margin-top: 5px;}
.prd-show-list{width: 100% !important;}
.user-avatar{height: 35px; width: 35px; border-radius: 50%;}
html, body {
  height: 100%;
  margin: 0;
}
.align-right{text-align: right;}
.align-left{text-align: left;}
.main-container{min-height: calc(91.5%);background-color: #f5f5f5}
.border-dashed{border: 1px dashed;}
.del-sub-prd{cursor: pointer;}
.multiple-input{display: inline-block; padding: 10px 30px; border: dashed 1px #ccc; border-radius: 4px; cursor: pointer; margin-bottom: 10px; float: left;}
.multiple-input i{position: relative; display: inline-block; text-align: center; height: auto; width: auto; font-size: 60px; color: #D5D5D5; margin: 4px 0; background-color: transparent;}
.multiple-input:hover > i{color: #478FCA;}
.multiple-input:hover{border: dashed 1px #478FCA;}

.item_photos{width:150px;float:left;margin:0px 10px 10px 0;position:relative;background-color:#fff;text-align:center;padding:10px;border: solid 1px #ddd;border-radius: 2px;}
.item_photos .file_input{ cursor: pointer;}
.item_photos .delete_images{cursor: pointer; text-align: right; display: block; padding-right: 10px; padding-top: 5px; padding-bottom: 6px;}
.item_photos img{max-width: 100%; max-height: 80px; margin-bottom: 10px;}
.thumb-trich{width: 100%;
    height: 180px;
    min-height: 80px;
    overflow: hidden;}
.item-photo {
    margin-bottom: 30px;
}

.wrap-custom-file {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 92px;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
  border: solid 1px #9e9e9e6b;
}
.wrap-custom-file input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  overflow: hidden;
  opacity: 0;
}
.wrap-custom-file label {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  padding: 0 0.5rem;
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.wrap-custom-file label span {
  display: block;
  margin-top: 2rem;
  font-size: 1.4rem;
  color: #777;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.wrap-custom-file label .fa {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  font-size: 1.5rem;
  color: lightcoral;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.no_must {
    font-size: 11px;
    position: absolute;
    top: 58%;
}
.wrap-custom-file label:hover {
  -webkit-transform: translateY(-1rem);
  transform: translateY(-1rem);
}
.wrap-custom-file label:hover span, .wrap-custom-file label:hover .fa {
  color: #333;
}
.wrap-custom-file label.file-ok {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.wrap-custom-file label.file-ok span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.3rem;
  font-size: 1.1rem;
  color: #000;
  background-color: rgba(255, 255, 255, 0.7);
}
.wrap-custom-file label.file-ok .fa {
  display: none;
}
.img-product{height: 50px; width: 50px;}
.img-product-child{max-height: 50px; max-width: 50px;}
.table-ton-kho{margin-bottom: 0; border: 1px solid #ddd;}
.mb-0{margin-bottom: 0 !important;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{vertical-align: middle;}
.mt-10{margin-top: 10px !important;}
.mb-10{margin-bottom: 10px !important;}
.pd-5{padding: 5px;}
.mg-10{margin: 10px;}
.pd-10{padding: 10px;}
.chosen-parent .chosen-container{min-width: 300px !important;}
.chosen-container-single .chosen-search input[type=text]{background: 0 0;}
.w-150{width: 150px;}
#store_product_display td{text-align: center;}
.ajaxReq .chosen-container{text-align: left !important;}

.bg-c-green {
    background: -webkit-gradient(linear,left top,right top,from(#0ac282),to(#0df3a3));
    background: linear-gradient(to right,#0ac282,#0df3a3);
}
.bg-c-yellow {
    background: -webkit-gradient(linear,left top,right top,from(#fe9365),to(#feb798));
    background: linear-gradient(to right,#fe9365,#feb798);
}
.bg-c-pink {
    background: -webkit-gradient(linear,left top,right top,from(#fe5d70),to(#fe909d));
    background: linear-gradient(to right,#fe5d70,#fe909d);
}
.bg-c-lite-green {
    background: -webkit-gradient(linear,left top,right top,from(#01a9ac),to(#01dbdf));
    background: linear-gradient(to right,#01a9ac,#01dbdf);
}
.bg-c-green2 {
    background: -webkit-gradient(linear,left top,right top,from(#57a900),to(#bfe500));
    background: linear-gradient(to right,#57a900,#bfe500);
}
.bg-c-danger {
    background: -webkit-gradient(linear,left top,right top,from(#D15B47),to(#de7a69));
    background: linear-gradient(to right,#D15B47,#de7a69);
}



.report-card{padding: 10px; border-radius: 4px; color: #fff;}
.report-card h4, .report-card h6{margin: 0; padding-bottom: 10px; font-size: 18px;}
.report-card h4{font-size: 20px;}
.icon-report i{font-size: 35px;}
.icon-report{text-align: right;}
.button-product-style{padding-left: 0;}
.edit_text i{color: #FFC107;}    
.editable-click, a.editable-click, a.editable-click:hover{border-bottom: none !important;}
.product-type{overflow: hidden;}

._item_tags, ._item_regions{
    position: relative;
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 3px 10px;
    background-color: #deefff;
    border: 1px solid #b3d9ff;
    border-radius: 13px;
    cursor: default;
    color: #3c4858;
    text-align: left;
    font-size: 14px;
    line-height: 20px; background: #f9fafc;
    border-color: #e0e6ed; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; padding-right: 50px;}
._inner_tag, ._inner_region{
    position: absolute;
    padding: 3px 9px;
    top: 0;
    right: 20px;
    color: #818a91;
    cursor: pointer;}
._inner_tag:hover, ._inner_region:hover {
    color: #ff6249;
}  
.history{
    border: 1px solid #e0d8d8;
    border-radius: 4px;
}
.h-info{
    height: 45px;
    padding: 10px;
    border-bottom: 1px dotted #bdb7b7;
}
.h-note {
    padding: 10px;
}
.head-pd-content {
    margin-left:-12px;
}
.avatar2 {
    height: 25px;
    width: 25px;
    border-radius: 50%;
}
.d-none{
    display: none !important;
}
.has-danger {
    border: 1px solid red !important;
}
.icon-sucess {
    margin-top: 44px;
    text-align: center;
    color: #f59440;
    font-size: 57px;
}
.font-size-12{
    font-size: 12px;
}

.mr-3p{
    margin-right: 3px;
}

.active-choose {
    outline: 2px solid #2196F3;
}
.click-badge{
        height: 26px;
    line-height: 21px;
}
.actives {
    box-shadow: 1px 2px 6px #443f3f;
}
.append-to .form-group:hover{
    background: whitesmoke;
}
.name-customer ,.custom-mobile{
    white-space: nowrap;
    width: 100%;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.update_tag{position: absolute; padding: 3px 9px; top: -1px; right: 0px; color: #818a91; cursor: pointer;}
.right-box{border-left: solid 1px #ccc;}
.tag-primary .tab-content{border: none !important;}
.tag-primary .nav > li .nav-tabs > li.active > a{ border: none;}
.tag-primary .nav > li.active a{border-bottom: 3px solid #00aeef !important; transition: all .3s cubic-bezier(.6,-.15,.35,1.2); /*will-change: left,width;*/}
.tag-primary .nav-tabs > li > a{display: inline-block; padding: 8px 0; transition: all .3s cubic-bezier(.6,-.15,.35,1.2); margin: 0px 15px; overflow: hidden; color: #333; vertical-align: bottom; font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif; outline: none; border:none;}
.tag-primary .nav-tabs > li:first-child a{margin-left: 0px !important;}
.tag-primary .nav > li > a:hover {background-color: none;}
/*.tag-primary .tab-content > .tab-pane { padding: 20px;}*/
.tag-primary .nav-tabs>li.active>a, .tag-primary .nav-tabs>li.active>a:hover, .tag-primary .nav-tabs>li.active>a:focus {border: none; background: transparent;}

.tag-primary .nav>li>a:hover, .tag-primary .nav>li>a:focus{background: transparent; border-color: transparent;}
.tag-primary .nav-tabs>li.active>a, .tag-primary .nav-tabs>li.active>a:focus, .tag-primary .nav-tabs>li.active>a:hover{box-shadow: none !important;}

.tags-list{width: 100% !important;}

.avatar-cs .preview{
    position: relative; 
    width: 150px; 
    height: 150px; 
    z-index: 10;
    margin: auto;
}
.logo-cs .preview{position: relative; max-height: 150px; max-width: 300px; z-index: 10; text-align: center; border: dashed 1px #ccc; border-radius: 4px; padding: 10px;}
.logo-cs .preview img{width: auto !important; height: auto !important; max-width: 100% !important; max-height: 130px !important;}
#preview{left: 0; top: 0; /*max-height: 150px;*/}
.preview img {
        width: 150px;
    max-height: 150px;
}
.preview img.btn, .preview img.btn:hover {
   background-color: unset;
}
.rcrop-wrapper{width: 100%;}
.img-round{border-radius: 50%;}
.preview .fa-camera{position: absolute; top: 50%; left: 50%; color: grey; cursor: pointer;z-index: 9999; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
/*.jcrop-widget{top: 50% !important; left: 50% !important; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}*/

.input-send-mail{position: relative; border: solid 1px #d0d0d4; border-radius: 10px;}
.input-send-mail label{position: absolute; top: -15px; left: 10px; background: #fff; color: #6f6e6e; padding-left: 2px; padding-right: 2px;}
.input-send-mail input, .input-send-mail textarea{border: none; border-radius: 10px;}
.input-send-mail input:focus, .input-send-mail textarea:focus{outline: none;}
#sender_name{width: auto; resize: horizontal;}
.input-send-mail textarea{padding: 10px;}

.form-demo {
    position: relative;
    padding-bottom: 100%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.form-demo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bold {
    font-weight: bold;
}
.color-opacity {
    color: #999;
}
.color-info {
    color: #00b8ff;
}
.order_t tr th{
    text-align: center;
}
.d-flex{
    display: flex;
}
.font-size-8 {
    font-size: 8px;
}
.poiter{
    cursor: pointer;
}
.poiter:hover{
    color: #428BCA;
}
.color999 {
    color: #999;
}
.width-145px {
    width: 145px;
}
.width-100px{
    width: 100px !important;
}
.width-150px{
    width: 150px !important;
}
.width-200px{
    width: 200px;
}
 .btn-active{
   background: #55b77e !important;
   color: white;
   border-color: #55b77e !important;
}
.color-sucess{
    color: green;
}
.leads {
    height: 150px !important;
}
.avatar{height: 35px; width: 35px; border-radius: 50%;}
.jFiler-items.jFiler-row{float: left; display: inline-block;}
/*.file_input.multiple-input{float: right;}*/
.ul-tag-persion li{display: inline-block; padding-right: 10px; font-size: 12px;}
input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], textarea{color: #333;}
.table-center td, #payment_order_display .total_price, #payment_order_display .order_ship_fee, #payment_order_display .order_pay_fee, #payment_order_display .required_pay, #payment_order_display .revenue, #payment_order_display .actual_receive, #payment_order_display .payment_ship_fee, #payment_order_display .payment_pay_fee, #payment_order_display .payment_fee, #payment_order_display .payment_deviation, #payment_order_display .prepaid{text-align: center;}

.payment_order_table td:nth-child(1) { width: 15%; }
.payment_order_table td:nth-child(2) { width: 20%; }
.log_title{
        font-weight: bold;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #e8dede;
    }
    .log_content{
        background-color: white;
        margin: 0 auto;
    }
    .page-contents{
        background-color: #FFF;
        position: relative;
        margin: 15px;
        padding: 10px;
        border-radius: 5px;
    }
    .shadow {
        box-shadow: 1px 0px 7px 0px #e6e6e6;
    }
    .shadow2 {
        box-shadow: 1px 0px 3px 0px #b5b0b0;
    }
    .icon-log{
        width: 24px;
        background: #5ec6f2;
        border-radius: 24px;
        text-align: center;
        color: white;
        position: absolute;
        left: -11px;
        top: 3px
    }
    .item-logs{
        position: relative;
        margin-bottom: 10px;
    }
    .color-blue{
        color: #056bd3;
    }
    .cc-item{
        margin-left: 25px;
        font-size: 13px;
    }
    .at {
        font-size: 12px;
        color: #a7a7a7;
    }
    .empty{
        width: 100%;
        height: 20px;
    }
    .bor{
        height: 745px;
    }
    /*.scrollbar
{
    overflow-y: scroll;
}
*/
.log_content
{
    min-height: 450px;
}

.mr-0{
    margin:0px;
}

.bor::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.bor::-webkit-scrollbar
{
    width: 7px;
    background-color: #F5F5F5;
}

.bor::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #FFF;
    color: #cdc8d2;
}
.lichsu{
    padding-top: 10px;
    text-align: center;
}
.lichsu a{
    /*color: #5ec6f2;*/
    font-size: 14px;
}
.capitalize {
    text-transform: capitalize;
}
.width_89{
    width: 89%;
}


.navbar-container {   
    padding: 0px;
}
.chart-main {
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.05);
}
.label-order-d, .body-li i {
    font-size: 10px;
    color: #666;
}
.input-order {
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #e5e5e5 !important;
    border-right: 0px;
}
.w-130{
    width:130px;
    margin-bottom:5px;
}
.cus-put{
    width: 100px;
    border: none;
    margin-top: -9px;
}
.editable-submit{
    line-height:18px !important;
}
.select-cust{
    width: 145px;
    border-radius:30px !important;
} 

li .select2-selection{
    border-color: #D5D5D5 !important;
    border-radius:30px !important;
    height: 33px !important;
/*    width: 220px !important;*/
} 
.select2-dropdown--below {
     /*width: 220px !important;*/
}
li .select2 {
    width:98% !important;
}
.col-3 {
    width:33%;
}
#address,#ship_fee,.note{
     width: 100% !important;
}
.select_act_all {
    margin-left: -18px !important;
}
.btn-status {
    padding: 3px 6px;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
}
.no_process{
    background-color: red;
}
.processing {
    background-color:#00ff14;
}
.transport {
    background-color:#1d898e;
}
.complete {
    background-color:#23ce5f;
}
.cancel {
    background-color:#16008e;
}
.delete {
    background-color:#8e0000;
}
.hoanhang {
    background-color:#afda2d;
}
.return {
    background-color:#030108;
}
.pdl-7 {
    padding-left: 10px !important;
}
.pdr-10{
    padding-right:24px !important;
}
.pickr {
    border:1px solid #eee !important;
}
.editable-buttons .btn {
    padding: 0 !important;
    width: 25px !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    line-height: 16px !important;
}
.change_status_ship{
    cursor: pointer;
    position: absolute;
    top: 12%;
    left: 110px;
}
.GHTK {
    background:#20900b;
} 
.busship {
    background:#ff1d1d;
}
.GHN{
    background:#f76510;
}
.EMS{
    background: #2c9eca;
}
.Viettelpost{
    background: #136180;
}
.DHL {
    background: #cec12a;
}
.ninja {
    background: #ce2a75;
}
.VNCPOST {
    background: #2a3ece;
}
.drd-acts {
    position: absolute;
    left: 265px;
}
.btnact {
        height: 30px !important;
}
.radioci {
    float: left;
    margin-top: 7px !important;
    margin-right: 5px !important;
}
.radiolb {
    float: left;
}
.cbox {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
}
.mr-5 {
    margin-right:5px;
}
.w-100p {
    width:100%;
}
.hei-fee {
    height:33px;
    text-indent:10px;
}
.loading_fee{
    position: absolute;
    left: 4px;
    top: 40px;
}
.pRelative {
    position:relative;
}
.loading_pay{
    position: absolute;
        left: 0%;
    bottom: 15%;
}
.btn-status:hover{
    color:#ffff !important;
}
.Copy_code{
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 78px;
}
.history_ship {
    position: absolute;
    top: 0;
    left: 100px;
}
.bnt-upgrade{
    border-radius: 4px
}


ul.stepper{
    padding-top: 0px
}
ul.stepper .step-title{
    font-weight: bold;
    font-size: 18px
}
.steps li .title {   
    font-size: 16px !important;   
}
.step-new-content .form-control{
    margin: 5px 0;
    height: 35px;
}
.inline-block .creat_form_json{
    color: #fff !important;
    background-color: #2d7fc3 !important;
    border-color: #2d7fc3;
}
.m0{
    background: #007bff;
    color: white;
}
.m1{
    background: #117a8b;
    color: white;
}
.m2{
    background: #1e7e34;
    color: white;
}
.m3{
    background: #545b62;
    color: white;
}
.m4{
    background: #d39e00;
    color: white;
}
.m5{
    background: #bd2130;
    color: white;
}
.Colds{
    border-bottom: 3px solid #007bff !important;
}
.Cools{
    border-bottom: 3px solid #17a2b8 !important;
}
.Warms{
    border-bottom: 3px solid #ffc107 !important;
}
.Hots{
    border-bottom: 3px solid #dc3545 !important;
}
.Bookeds{
    border-bottom: 3px solid #6c757d !important;
}
.Meeteds{
    border-bottom: 3px solid #343a40 !important;
}
.Trials{
    border-bottom: 3px solid #ff7407 !important;
}
.Boughts{
    border-bottom: 3px solid #8eff07 !important;
}
.hot-number {
    font-size: 20px !important;
    font-weight: 600;
}
th, td {
    color: #333 !important;
}
.pop_wap_sub img{
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    border-radius: 4px;
}
.wrap-mask>.mask>span, .quick_absolute span, .user-attribute-color {
    background-color: #910a9a;
    color: #ffffff;
}
@media only screen and (min-width: 1024px) {
    .wrap-template-ta .col-md-2{
        width: 20% !important;
    }
}
@media only screen and (max-width: 850px) {
    .wrap-temp .group-button{
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .item-template{
        min-height: 70vw;
    }
    .wrap-temp{
        padding: 0;
    }
    .template-tab ul{
        font-size: 18px;
    }
}