ul.bank-list.item-list.ui-sortable,

ul.facebook_tags_list,

.app-content-dashboard ul,

ul#post_list_box,

ul.audience_tags_list,

.content-faq ul,

.pick-tag-lc ul,

.footer ul,

ul.fc-nav,

ul.chatbot-menu-left,

.uid-profile ul,

ul.fillter-tab,

ul.metismenu {

    margin: 0;

    padding: 0;

}



@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&subset=vietnamese');





@font-face {

    font-family: 'latolight';

    src: url('../fonts/lato/lato-light.woff2') format('woff2'),

        url('../fonts/lato/lato-light.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('../fonts/Poppins/SVN-Poppins-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('../fonts/Poppins/SVN-Poppins-Medium.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('../fonts/Poppins/SVN-Poppins-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

}



a:hover,

a:focus {

    color: #006afe;

}



.break {

    display: none;

}



.title_detail {

    font-size: 24px;

    padding: 10px 10px 12px 10px;

}



label {

    font-weight: normal;

}



.text-black {

    color: #1d1d1d !important;

}



.text-secondary {

    color: #3f4b62 !important;

}



.text-success {

    color: #569728 !important;

}



.text-danger {

    color: #dc3545 !important;

}



.text-white {

    color: #ffffff !important;

}



audio,

canvas,

img,

svg,

video {

    vertical-align: middle;

}



.browsehappy {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



body {

    font-family: "Segoe UI", "Proxima Nova", "Open Sans", "Roboto", "Helvetica", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;

    font-size: 14px;

    background-color: #fff;

    color: #333;

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    line-height: 1.42857143;

}



iframe {

    border: none;

}



a {

    color: #3c4858;

    cursor: pointer;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "Segoe UI", "Proxima Nova", "Open Sans", "Roboto", "Helvetica", -apple-system, system-ui, BlinkMacSystemFont, sans-serif;

}



h3,

h4 {

    font-weight: normal;

}



.pd-0 {

    padding: 0 !important;

}



.pd-0-10 {

    padding: 0px 10px;

}



.fa-zalo {

    width: 13px;

    height: 13px;

    background: url('../images/zalo.png') no-repeat center top;

    display: inline-block;

    background-size: cover;

    border-radius: 4px;

}



.content-type .fa-zalo {

    margin-right: -2px;

}



.width_5 {

    width: 5%;

}



.width_10 {

    width: 10%;

}



.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%;

}



.txt-left {

    text-align: left;

}



.txt-right {

    text-align: right;

}



.center {

    text-align: center;

}



.pd-10 {

    padding: 10px;

}



.align-center {

    text-align: center;

}



.blue-bg {

    background: #0074BC;

}



.pdr-10 {

    padding-right: 10px;

}



.mb-0 {

    margin-bottom: 0 !important;

}



.mb-15 {

    margin-bottom: 15px !important;

}



.inline-block {

    display: inline-block;

}



.block {

    display: block;

}



.pdr-20 {

    padding-right: 20px;

}



.row-table {

    display: table;

}



.table-cell {

    display: table-cell;

    vertical-align: middle;

}



.display-il {

    display: inline-block;

}



.pt-5 {

    padding-top: 5px;

}



* {

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.content-blog ul li {

    list-style: inside;

}



a:hover {

    text-decoration: none;

}



.clear {

    clear: both;

}



.p-b-sm {

    padding-bottom: .5rem !important

}



.p-t {

    padding-top: 1rem !important

}



.p-y-sm {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important

}



.p-y-lgr {

    padding-top: 5px !important;

    padding-bottom: 5px !important

}



.p-y {

    padding-top: 1rem !important;

    padding-bottom: 1rem !important;

}



.p-y-sm-5 {

    padding: 5px 0px;

}



.m-b-2 {

    margin-bottom: 2rem !important

}



.m-t {

    margin-top: 1rem !important

}



.box-body,

.box-footer {

    padding: 5px

}



.pt-80 {

    padding-top: 80px;

}



.m-r-sm {

    margin-right: 8px !important;

}



.m-x {

    margin-right: 15px !important

}



.m-l,

.m-x {

    margin-left: 15px !important

}



.m-t {

    margin-top: 15px !important;

}



.m-b {

    margin-bottom: 15px;

}



.p-x {

    padding-right: 16px !important

}



.p-l,

.p-x {

    padding-left: 16px !important

}



.p-b {

    padding-bottom: 16px !important

}



.m-l-xs,

.m-x-xs {

    margin-left: 4px !important

}



.p-a {

    padding: 0 5px 5px 5px !important

}



.b-t-1 {

    border-top: 1px solid #e1e1e1

}



.page-dashboard {

    position: absolute;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0

}



.sign-up-fb {

    width: 420px;

    margin: auto;

    max-width: 100%;

}



.logo-fchat img {

    width: 120px;

    border-radius: 25px;

}



.logo-fchat {

    text-align: center;

    margin-top: 40px;

}



.fb-login {

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 -1px 0 rgba(0, 0, 0, .02);

    box-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 -1px 0 rgba(0, 0, 0, .02);

    padding: 1.5rem !important;

    margin-top: 20px;

}



.fb-login h4 {

    font-size: 16px;

    text-align: center;

}



.fb-login-btn,

.fb-login-btn:focus {

    text-align: center;

    margin-bottom: 20px;

    border: 1px solid #0077E6;

    padding: 5px 40px;

    padding-top: 0px;

    width: auto;

    margin-top: 15px;

    background: #0077E6;

    border-radius: 4px;

    position: relative;

    color: #fff;

}



.fb-login-btn i {

    font-size: 24px;

    position: relative;

    top: 4px;

    padding-right: 10px;

}



.fb-login-btn:hover {

    color: #fff;

}



.reminder p {

    text-align: center;

    font-style: italic;

    margin: 10px;

}



.fb-pages-connect {

    width: 65%;

    margin: auto;

    margin-top: 20px;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 -1px 0 rgba(0, 0, 0, .02);

    box-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 -1px 0 rgba(0, 0, 0, .02);

    padding: 20px 30px;

}



.fb-pages-connect ul li {

    display: flex;

    -webkit-box-flex: 0;

    -webkit-flex: 0 1 auto;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    padding: 10px 0px;

    border-bottom: 1px solid #eee;

}



/*.fb-pages-connect ul li .profile-page{ -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; min-width: 0;}*/

.fb-pages-connect ul li .profile-page img {

    max-width: 50px;

    border-radius: 50%;

    border: solid 1px #ccc;

    margin-right: 5px;

}



.fb-pages-connect ul li .name-page {

    flex: 2;

}



/*.fb-pages-connect ul li .connect-to{    -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; text-align: right;}*/

.connect-btn {

    text-align: center;

    border: 1px solid #0077E6;

    margin-top: 10px;

    padding: 5px 30px;

    width: auto;

    background: #0077E6;

    border-radius: 4px;

    position: relative;

    color: #fff !important;

}



.connect-btn:hover {

    color: #fff;

}



.connect-to-page {

    padding-bottom: 40px;

}



.reminder {

    text-align: center;

}



.reminder a i {

    position: relative;

    top: 2px;

}



.w-lg {

    width: 115px

}



.connect-to .connected {

    color: #13ce66;

    display: block;

    text-align: center;

}



.connect-to .connected .ioni {

    font-size: 30px;

    position: relative;

    top: 7px;

    padding-right: 5px

}



.connect-to .connected:hover {

    text-decoration: none

}



.main {

    height: 100%;

}



.main-content {

    height: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.main-content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.root-fchat {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2;

}



.root-fchat {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.left-col-main {

    position: relative;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 215px;

    flex: 0 0 215px;

}



.left-pos {

    position: absolute;

    overflow: hidden;

    width: 100%;

    top: 0;

    bottom: 0;

    background: #f9fafc;

}



.left-content {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 215px;

}



.fc-navigation-left {

    overflow-y: auto;

}



.fc-header-left {

    display: block;

    padding-right: 15px;

    height: 47px;

    line-height: 47px;


    font-size: 16px;

    text-align: center;

    color: #0084ff;

    white-space: nowrap;

    background: #053589;

}



.fc-header-left:after {

    content: " ";

    position: absolute;

    left: 100%;

    top: -40px;

    bottom: -40px;

    width: 0;

    box-shadow: 0 0 21px 3px rgba(108, 129, 168, .25)

}



.logo {

    text-align: center;

}



.logo img {

    max-width: 100%;

    height: 30px;

    position: relative;

    margin-top: -7px

}



.app,

.app-hotkeys,

.app-shortcuts,

.react-root,

body,

html {

    height: 100%;

}



.nav-link-dashboard {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    min-height: 100%

}



.nav-link-dashboard ul li {

    position: relative;

    display: block;

    color: #818a91;

    font-size: 15px;

}



.nav-link-dashboard ul li a .i-icon {

    flex: 0 0 65px;

    width: 65px;

    font-size: 24px;

}



.nav-link-dashboard ul {

    -webkit-box-flex: 2;

    -ms-flex: 2 0;

    flex: 2 0

}



.middle-xs {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.col-auto {

    -webkit-box-flex: 0.8;

    -ms-flex-positive: 0.8;

    flex-grow: 0.8;

    -ms-flex-preferred-size: 0;

    max-width: 100%

}



.row-line {

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 0;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.card-header .fa {

    transition: .4s transform ease-in-out;

    transform: rotate(-90deg);

    color: #3c4858;

    margin-right: 10px;

    margin-top: 4px

}



.card-header .collapsed .fa {

    transform: rotate(90deg);

    margin-right: 10px;

    margin-top: 4px;

    color: #3c4858;

}



.card-header {

    border-bottom: 1px solid #e1e1e1;

}



.card-header h5 {

    margin: 0;

}



.card-header h5 a,

.card-header h5 a:focus {

    text-decoration: none;

}



.avatar-selected img {

    width: 100%;

    height: 100%;

    border-radius: 50%;

    -o-object-fit: cover;

    object-fit: cover;

}



.avatar-selected {

    width: 32px;

    height: 32px;

    vertical-align: middle;

    border-radius: 50%;

    overflow: hidden

}



.label-free {

    background-color: #818a91

}



.label-free {

    position: absolute;

    right: -3px;

    bottom: -1px;

    padding: 0px 5px;

    font-size: 8px;

    font-weight: 400;

    line-height: 11px;

    border: 1px solid #fff;

    border-radius: 3px;

    color: #fff;

    -webkit-font-smoothing: subpixel-antialiased;

}



.ava-profile {

    position: relative;

    padding-left: 5px;

}



.col-profile {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    width: 32px;

    margin-right: 10px;

}



.show-list-pages .text-name {

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2;

    min-width: 0;

}



.show-list-pages .text-name .page_name_select {

    font-size: 14px;

    color: #3c4858;

    font-weight: 400;

}



.other-list {

    /*padding: 20px 0px;*/

    min-height: 300px;

    overflow-y: auto;

    max-height: 300px;

}



.logout-dash {

    border-top: 1px solid #e1e1e1;

    border-bottom: 1px solid #e1e1e1;

}



.logout-dash a {

    position: relative;

    display: block;

    color: #818a91;

    font-size: 14px

}



.logout-dash .i-icon {

    flex: 0 0 65px;

    width: 65px;

    font-size: 24px

}



.col-auto.col-grow,

.col-grow {

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2;

    min-width: 0

}



.pages-items-logo {

    width: 32px;

    -webkit-box-pack: center;

    justify-content: center;

    padding-left: 5px;

    margin-right: 15px;

}



.profile-photo {

    position: relative;

    width: 32px

}



.img-ava {

    vertical-align: middle;

    border-radius: 50%;

    overflow: hidden;

    width: 32px;

    height: 32px;

    border: solid 1px #ccc;

}



.img-ava img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 50%

}



.select-items {

    font-size: 14px;

    color: #3c4858;

    font-weight: 400

}



.change-page:hover {

    background-color: #ecf5ff

}



.change-page .text-sm {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 95%;

}



.change-page .select-items-page {}



/*.title-bar-main{border-bottom: 1px solid #e1e1e1;}*/

.top-head-bar {

    position: relative;

    -ms-flex-wrap: wrap-reverse;

    flex-wrap: wrap-reverse;

}



.top-head-bar {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.title-txt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 8px 0;

    margin-left: 20px;

}



.title-txt h1 {

    margin: 0;

    min-width: 0;

    font-size: 24px;

    font-weight: 400;

    color: #fff

}



.title-bottom {

    position: absolute;

    display: block;

    overflow: hidden;

    visibility: hidden;

    height: 0;

    margin: 0;

    left: 0;

    right: 0;

    top: 100%;

    opacity: 0;

    z-index: 10;

    font-size: 1rem;

    line-height: 1.4rem

}



.title-help {

    position: relative;

    margin-bottom: 15px;

    padding: 0 2.5rem 14px;

    background-color: #f9fafc;

    border-bottom: 1px solid #e1e1e1

}



.title-tools {

    -webkit-box-flex: 2;

    -ms-flex: 2 0;

    flex: 2 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    padding: 5px

}



.main-dashboard {

    position: relative;

    -webkit-box-flex: 2;

    -ms-flex: 2 0;

    flex: 2 0;

    overflow: auto

}



.app-content {

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2;

    position: relative;

    overflow: auto;

    padding: 15px;

    background-color: #f1f1f1;

}



.app-content-dashboard {

    padding: 10px 25px;

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2;

    position: relative;

    overflow: auto;

    background-color: #efefef;

}



.short-info .account-img {

    flex: 0 0 90px;

    width: 90px;

}



.short-info .account-avatar {

    width: 72px;

    height: 72px;

    vertical-align: middle;

    border-radius: 50%;

    overflow: hidden;

}



.short-info .account-avatar img {

    width: 100%;

    height: 100%;

    border-radius: 50%;

    -o-object-fit: cover;

    object-fit: cover

}



.short-info .account-title {

    font-weight: 400;

    font-size: 24px;

}



.short-info .account-title {

    margin: 0;

}



.account-info {

    font-size: 13px;

}



.row-line.gutter {

    margin-right: -.5rem;

    margin-left: -.5rem

}



.box {

    border-radius: 5px;

    border: 1px solid #e1e1e1;

    transition: background-color .2s

}



.box,

.box-color {

    background-color: #fff;

    position: relative;

    margin-bottom: 1.5rem

}





.chat-active-page {

    margin-left: 30px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.active-page {

    margin-right: 10px

}



.active-page-profile {

    vertical-align: middle;

    border-radius: 50%;

    overflow: hidden;

    width: 30px;

    height: 30px

}



.active-page-profile img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    border: solid 1px #ccc

}



.messenger-box {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    overflow-x: hidden;

}



.conversations {

    -webkit-box-flex: 0.8;

    -ms-flex-positive: 0.8;

    flex-grow: 0.8;

    background: #fff;

    height: 100%

}



.conversations-list {

    position: relative;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    overflow: hidden;

    height: 100%

}



/*.conversations-list,.icon-fillter{display:-webkit-box;display:-ms-flexbox;display:flex}*/

.conversations-item {

    position: relative;

    overflow: hidden;

    width: 100%;

}



.conversations-item {

    height: -moz-calc(100% - 100px);

    /* WebKit */

    height: -webkit-calc(100% - 100px);

    /* Opera */

    height: -o-calc(100% - 100px);

    /* Standard */

    height: calc(100% - 50px);

}



.conversations-item {

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2

}



.pick-consv {

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    overflow: auto;

    /*margin-right: -17px;*/

    /*margin-bottom: -17px;*/

}



.conversation {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: hidden;

    padding: 12px 8px 12px 8px;

    ;

    border-bottom: 0px solid #e1e1e1;

}



.conversation:hover {

    text-decoration: none

}



.convs-img {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    position: relative;

    margin-right: 5px

}



.profile-convs {

    vertical-align: middle;

    border-radius: 50%;

    overflow: hidden;

    width: 50px;

    height: 50px;

    position: relative;

    top: 5%;

}



.profile-convs img {

    width: 100%;

    height: 100%;

    border-radius: 50%;

    -o-object-fit: cover;

    object-fit: cover

}



.convs-short-text {

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2;

    overflow: hidden;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 70px;

    width: 73%;

}



.msg-preview {

    margin-bottom: 3px;

    font-size: 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    white-space: nowrap

}



.name-uid {

    overflow: hidden;

    /*margin-bottom:8px;*/

    color: #3c4858;

    text-overflow: ellipsis

}



.convs-text-preview {

    overflow: hidden;

    text-overflow: ellipsis;

    display: block;

    min-height: 1.3125rem;

    position: relative;

    line-height: 1.2;

}



.owl-page img {

    height: 18px;

    width: 18px;

    border-radius: 50%;

    border: solid 1px #ddd;

}



.owl-page span {

    font-size: 10px;

}



.text-msg {

    font-size: 11px;

    color: #999;

    width: 90%;

    outline: none;

    white-space: pre-wrap;

    word-wrap: break-word;

    overflow: hidden;

    white-space: nowrap !important;

    -webkit-user-select: auto;

    -moz-user-select: auto;

    -ms-user-select: auto;

    user-select: auto;

    counter-reset: section

}



.text-msg p {

    margin-bottom: 0;

    text-overflow: ellipsis;

    overflow: hidden;

}



.default-msg {

    -webkit-box-flex: 2;

    -ms-flex-positive: 2;

    flex-grow: 2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    padding-top: 10px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #bdcadd;

    background: #fff;

    border-left: 1px solid #e1e1e1;

    border-right: 1px solid #e1e1e1;

    z-index: 1;

    font-size: 16px

}



.chat-messages-list {

    -webkit-box-flex: 1.2;

    -ms-flex-positive: 1.2;

    min-width: 390px;

    height: 100%;

    background: #fff;

    box-shadow: 0 14px 77px rgba(132, 146, 166, .28);

    border-left: 1px solid #e1e1e1;

    border-right: 1px solid #e1e1e1;

    z-index: 1

}



.chat-messages {

    height: 100%;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.msg-bar {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-bottom: 1px solid #e1e1e1;

    min-height: 51px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.nav-msg-bar {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.hidden-chat {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 50px;

    padding: 0 5px;

    color: #8492a6;

    font-size: .875rem;

    cursor: pointer;

}



.tooltip-inner,

.tooltip.bottom .tooltip-arrow {

    border-bottom-color: rgba(60, 72, 88, .9)

}



.tooltip-inner {

    background: rgba(60, 72, 88, .9);

}



.col-h {

    height: 24px;

    border-right: 1px solid #e1e1e1

}



.reopen-msg {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 50px;

    padding: 0 10px;

    color: #8492a6;

    font-size: 14px;

    cursor: pointer

}



.reopen-msg:hover {

    color: #13ce66;

}



.conversation.active {

    position: relative;

    background-color: #d8e7fc;

}



.conversation.active .name-uid,

.conversation.active .convs-text-preview {

    /* color: #111;font-weight: 700;*/

}



.conversation.isRead {

    background-color: #fff;

    position: relative;

}



.conversation:hover {

    background-color: #e6f0f5;

}



.subscriber {

    background: #fff;

    height: 100%;

    max-width: 350px;

}



.subscriber-info {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

}



.convs-subscriber {

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    overflow: auto;

    /*margin-right: -17px;*/

    margin-bottom: -17px;

    height: 100%;

}



.order-box {

    padding-bottom: 10px;

}



.participant-info {

    overflow: hidden;

    padding: 12px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-bottom: 1px solid #e1e1e1;

    margin-bottom: 5px;

}



.profile-show {

    height: 50px;

    width: 50px;

    margin-right: 10px;

    border-radius: 4px;

    background-size: cover;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    border: 1px solid #e1e1e1;

    display: block;

    -ms-flex-preferred-size: 50px;

    flex-basis: 50px;

    border-radius: 50%;

    overflow: hidden

}



.detail-subscriber .uid-name {

    font-size: 18px;

    line-height: 20px;

    font-weight: 700;

    margin-top: 0;

    margin-bottom: 1px;

    display: block

}



.subscriber-uid {

    font-size: 13px;

    line-height: 18px;

    margin-top: 8px;

    display: block;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

}



.subscriber-uid i {

    margin-right: 8px

}



.unsubscribe {

    color: #b5b8bd !important;

    text-decoration: underline

}



.unsubscribe:hover {

    color: #0084ff !important;

    text-decoration: none

}



.label-title {

    margin-bottom: 10px;

    font-size: 15px;

    font-weight: 600

}



.uid-profile {

    padding: 5px 20px;

}



.uid-profile ul li {

    line-height: 18px;

    display: block;

    display: flex

}



.uid-profile ul li .icon-ioni {

    align-items: center;

    /*display:flex;*/

    flex: 0 0 35px;

    max-height: 44px;

    max-width: 40px;

    padding-left: 5px;

    text-align: center;

}



.uid-profile ul li .icon-ioni i {

    font-size: 18px;

    color: #0084ff;

    margin-right: 10px;

}



.uid-profile ul li .icon-ioni {

    padding: 5px 0;

}



.uid-profile ul li .icon-ioni a.edit_text i {

    margin-left: 3px;

    font-size: 11px;

    margin-top: 4px;

    ;

}



.uid-profile ul li .txt-sm {

    color: rgba(0, 0, 0, 1);

    flex: 1 1 100%;

    padding: 5px 0 6px

}



.uid-profile ul li .customer-info {

    color: rgba(0, 0, 0, 1);

    flex: 1 1 100%;

    margin-bottom: 8px;

}



.uid-profile ul li .customer-info input {

    width: 100%;

    border: solid 1px #ccc;

    padding: 6px;

}



.uid-profile ul li .customer-info input:focus {

    outline: none;

}



.uid-profile ul li .txt-sm span,

.uid-profile ul li .txt-sm span a {

    font-size: 15px

}



.uid-profile ul {

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.uid-profile ul li {

    position: relative;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 50%;

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-right: 10px;

    text-overflow: ellipsis

}



.notes-uid {

    padding: 15px;

}



::-webkit-scrollbar {

    background: rgba(0, 0, 0, 0.1);

    width: 6px;

    border-radius: 3px;

    transition: opacity 1000ms;

}



::-webkit-scrollbar-track {

    background: #fff

}



::-webkit-scrollbar-thumb {

    background: rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    transform: translateY(0px);

    transition: opacity 1000ms

}



::-webkit-scrollbar-thumb:hover {

    background: rgba(0, 0, 0, 0.2);

    border-radius: 3px;

    transform: translateY(0px);

    transition: opacity 1000ms

}



.btn-add-note {

    display: block;

    margin-bottom: 7px;

    margin-right: 0;

    width: 100%;

    position: relative;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 13px;

    line-height: 2;

    padding: 0 22px 0 9px;

    color: #0084fc;

    background-color: #fff;

    border: 1px solid #e1e1e1;

    border-radius: 4px;

    cursor: pointer;

    outline: none !important

}



.btn-add-note:hover {

    background-color: #dfe5ec;

}



.btn-add-note i {

    margin-right: 8px;

}



.create-note {

    margin-top: 10px;

}



.autoExpandTextarea {

    border: 1px solid #e1e1e1;

    box-shadow: none;

    margin-bottom: 10px;

}



.btn-add-note:hover,

.btn-add-note:focus {

    text-decoration: none;

}



.pick-consv::-webkit-scrollbar {

    background: #eee;

    width: 5px;

    transition: opacity 1000ms;

}



.pick-consv::-webkit-scrollbar-track {

    background: #eee

}



.pick-consv::-webkit-scrollbar-thumb {

    background: rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    transform: translateY(0px);

    transition: opacity 1000ms

}



.pick-consv::-webkit-scrollbar-thumb:hover {

    background: rgba(0, 0, 0, 0.2);

    border-radius: 3px;

    transform: translateY(0px);

    transition: opacity 1000ms

}



.tooltip-inner {

    white-space: nowrap;

}



.msg-txt-sm {

    display: inline-block;

    margin: 8px 0;

    border-radius: 10px;

    font-size: 15px;

    word-wrap: break-word;

    background: #cddef3;

    position: relative;

    -webkit-box-shadow: 0 1px 0.5px rgba(0, 0, 0, .13);

    box-shadow: 0 1px 0.5px rgba(0, 0, 0, .13);

}



.txt-chat {

    padding: 10px;

    position: relative;

    padding-bottom: 5px;

}



.txt-chat .status_view {

    position: absolute;

    right: 0px;

    bottom: 0px;

    font-size: 11px;

    color: #ff2c2c;

}



.txt-chat .status_view.successmsg {

    color: #13ce66 !important;

}



.msg-avatar {

    vertical-align: middle;

    border-radius: 50%;

    overflow: hidden;

    position: absolute;

    bottom: 11px;

    width: 32px;

    height: 32px

}



.msg-avatar img {

    width: 100%;

    height: 100%;

    border-radius: 50%;

    -o-object-fit: cover;

    object-fit: cover

}



.left-side .msg-avatar {

    left: 16px;

    top: 10px;

}



.right-side .msg-avatar {

    right: 16px

}



.right-side .msg-view {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.right-side .msg-txt-sm {

    background: #ccf5ae

}



.msg-txt-sm img {

    height: 150px;

    border: 1px solid #e1e1e1;

    background: none !important;

    border-radius: 20px

}



.logs-msg span {

    font-size: 10px;

    font-style: italic;

    text-align: center;

    padding: 5px;

    color: #b5b8bd;

}



.sender_agent_name {

    text-align: right;

    font-size: 10px;

    position: absolute;

    right: 0px;

}



.sender_agent_name span {

    display: inline-block;

    padding: 5px;

    padding-right: 0px;

    color: #b5b8bd;

    white-space: nowrap;

}



.reaction {

    padding: 0px 10px;

    padding-bottom: 5px;

}



.reaction span {

    display: inline-block;

}



.reaction .message-action,

.reaction .message-action-disabled {

    cursor: pointer;

    font-size: 15px;

    width: 24px;

    height: 24px;

    padding: 4px;

    text-align: center;

    margin: 0 1px;

    border-radius: 2px;

    border: 1px solid transparent;

    color: rgb(136, 136, 136);

}



.reaction .message-action:hover,

.reaction .message-action-disabled:hover {

    border: 1px solid #ccc;

}



.right-side .reaction {

    text-align: right;

}



.reaction span.active svg {

    color: #13ce66;

}



.reaction.disabled .message-action {

    cursor: not-allowed;

    color: #ccc;

    pointer-events: none;

}



.reaction.disabled .message-action:hover,

.reaction.disabled .message-action-disabled:hover {

    cursor: not-allowed;

    color: #ccc;

    border: none;

}



.reaction.disabled span a {

    pointer-events: none;

}



.reaction span.disabled {

    cursor: not-allowed;

    pointer-events: none;

    color: #ccc;

    border: none;

}



.reaction span.disabled svg {

    color: #ccc;

}



.reply-message {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto

}



.repyly-bar {

    font-size: 15px

}



.reply-msg-bar {

    max-width: 100%;

    overflow-x: auto;

    overflow-y: hidden

}



.reply-tab {

    position: relative;

    white-space: nowrap

}



.reply-tab a {

    display: inline-block;

    padding: 9px 0;

    overflow: hidden;

    color: rgba(0, 0, 0, .56);

    font-weight: 500;

    vertical-align: bottom;

    margin: 0 10px

}



.reply-tab a.active {

    color: #0f9f4f;

    margin-left: 0 !important

}



.border-line {

    position: relative;

    /*height:2px*/

}



.border-line div {

    position: absolute;

    top: 0;

    bottom: 0;

    background-color: #13ce66;

    transition: all .3s cubic-bezier(.6, -.15, .35, 1.2);

    will-change: left, width;

    left: 0;

    width: 37px

}



.fpc-type-msg {

    position: relative;

}



.fpc-type-msg .dropzone {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.reply-box-button,

.update-comment-btn,

.send-image-button {

    border: 1px solid #bbb;

    border-radius: 3px;

    font-size: 18px !important;

    width: 37px;

    height: 37px;

    line-height: 20px !important;

    padding: 8px;

    text-align: center;

    vertical-align: top;

    margin: 4px;

    cursor: pointer;

}



.send-image-button {

    height: 30px;

    width: 30px;

}



.reply-box-button:hover,

.update-comment-btn:hover,

.send-image-button:hover {

    color: #4eb76e;

    border-color: #44a762;

}



.content-inbox,

.content-comment-update {

    padding: 10px;

    border: solid 1px #ccc;

}



.content-inbox:focus,

.content-comment-update:focus {

    outline: none;

}



.send-private-message-user {

    padding: 3px 10px;

    background-color: #deefff;

    border: 1px solid #c7e4ff;

    border-radius: 8px;

    cursor: default;

    color: #3c4858;

    text-align: left;

    font-size: 14px

}



.textbox-reply {

    -webkit-user-select: auto;

    -moz-user-select: auto;

    -ms-user-select: auto;

    user-select: auto;

    counter-reset: section;

    resize: none;

    -moz-appearance: textfield-multiline;

    -webkit-appearance: textarea;

    overflow-y: scroll;

    max-height: 120px;

    min-height: 60px;

}



.reply-user .placeholder-span {

    color: #3c4858;

    pointer-events: none;

    display: inline-block;

    width: 0px;

    max-width: 100%;

    white-space: nowrap;

    opacity: 0.4;

    -webkit-user-modify: read-only;

    position: absolute;

    top: 0;

    left: 0;

}



.emoji-reply {

    position: absolute;

    top: 10px;

    left: 10px;

}



.reply-to {

    outline: none;

    white-space: pre-wrap;

    word-wrap: break-word;

    -webkit-user-modify: read-write-plaintext-only;

    min-height: 57px;

    max-height: 57px;

    overflow: auto;

    font-size: 15px

}



.textbox-reply p {

    margin: 0 !important;

    line-height: inherit

}



.textbox-reply p .placeholder {

    pointer-events: none;

    display: inline-block;

    width: 0;

    max-width: 100%;

    white-space: nowrap;

    opacity: .333

}



.textbox-reply .placeholder {

    pointer-events: none;

    display: inline-block;

    width: 0;

    max-width: 100%;

    white-space: nowrap;

    opacity: .333

}



.textbox-reply,

.textbox-reply:focus {

    border: none;

    outline: none;

    color: #3c4858;

    box-shadow: none;

}



.reply-user {

    position: relative;

}



.photo-libraries i {

    position: relative;

    top: -2px;

    font-size: 20px;

}



.temp-toggle .dropdown-menu {

    bottom: 100%;

    top: inherit;

}



.prd-toggle .dropdown-menu {

    bottom: 100%;

    top: inherit;

}



.edit-uid {

    font-size: 15px;

    cursor: pointer;

    margin-right: 10px;

}



.edit-uid:hover {

    color: #13ce66;

}



.nav-link-dashboard ul li a.active-sub {

    color: #0ed215

}



.nav-link-dashboard ul li a.active-sub .col-grow {

    background-color: #fff

}



.box {

    border-radius: 5px;

    border: 1px solid #e1e1e1;

    transition: background-color .2s;

}



.m-t-2 {

    margin-top: 2rem !important;

}



.box,

.box-color {

    background-color: #fff;

    position: relative;

    margin-bottom: 1.5rem;

}



.wap_avatar img {

    width: 50px;

    height: 50px;

}



.table img.avatar {

    border-radius: 50%;

    -o-object-fit: cover;

    object-fit: cover;

}



.checkcontainer {

    display: block;

    position: relative;

    padding: 5px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 17px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.checkcontainer input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}



.checkcontainer input:checked~.checkmark {

    background-color: #2196F3;

}



.checkmark {

    position: absolute;

    top: 15px;

    left: 8px;

    height: 16px;

    width: 16px;

    border: 1px solid #0084ff;

}



.checkcontainer input:checked~.checkmark:after {

    display: block;

}



.checkcontainer .checkmark:after {

    left: 4px;

    top: 0px;

    width: 7px;

    height: 12px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



.pop_wap_sub {

    display: block;

}



.pop_wap_sub .a-avatar-sub {

    height: 200px;

    width: 200px;

    margin: 0 auto;

    object-fit: cover;

}



.a-avatar-sub {

    height: 140px;

    width: 140px;

    margin-right: 18px;

    border-radius: 4px;

    background-size: cover;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    border: 1px solid #e1e1e1;

    display: block;

    -ms-flex-preferred-size: 140px;

    flex-basis: 140px;

}



.span-sub {

    font-size: 15px;

}



.span-sub i {

    margin-right: 8px;

}



.span-sub-i.active {

    color: #13ce66;

}



.span-sub {

    line-height: 1.125rem;

    margin-top: 10px;

    display: block;

    text-align: center;

}



.label-sub {

    color: #b5b8bd !important;

    text-decoration: underline;

}



.pop-u-name-sub {

    margin: 0;

}



.border-right1 {

    border-right: 1px solid #e1e1e1;

}



.padding2 {

    padding: 5px 20px !important;

}



.button-fchat {

    background-color: #0084ff;

    color: #fff;

    display: inline-block;

    height: 34px;

    line-height: 32px;

    padding: 0 20px;

    background-clip: padding-box;

    border: 1px solid #e1e1e1;

    border-radius: 2px;

    outline: none;

    font-size: 15px;

    font-weight: 400;

    text-align: center;

    white-space: nowrap;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    transition: all .15s ease-in-out;

}



a.label-sub:hover {

    color: #0084ff !important;

    text-decoration: none;

}



.pop-text-value-sub {

    font-weight: bold;

}



.pop-text-value-sub i {

    color: #0062cc

}



button.btn.btn-primary.editable-submit i {

    color: #fff;

}



div#dynamic-table_filter input.form-control.input-sm {

    margin-left: 5px;

}



.nav-link ul {

    display: none;

    max-height: 300px;

}



.nav-link.open ul {

    display: block;

}



.color-f1 {

    color: #8492a6;

}



.border-f1 {

    border-color: #13ce66 !important;

}



input.broadcast-input-name {

    border: 1px solid #ccc;

    padding: 5px;

}



.broad-bg1 {

    background: #e1e1e1;

}



.broad-cast-content {

    padding: 19px;

    text-align: center;

    font-size: 16px;

}



.broadcast-colum2 {

    border-left: 1px solid #e1e1e1;

    border-right: 1px solid #e1e1e1;

    border-bottom: 1px solid #e1e1e1;

    padding-bottom: 10px;

}



.icon-tool {

    height: 26px;

    line-height: 24px;

    padding: 0 8px;

    font-size: 13px;

}



.icon-tool {

    display: inline-block;

    line-height: 25px;

    padding: 0 5px;

    padding: 0 20px;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #e1e1e1;

    border-radius: 2px;

    outline: none;

    font-size: 15px;

    font-weight: 400;

    text-align: center;

    text-transform: capitalize;

    white-space: nowrap;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    transition: all .15s ease-in-out;

}



#dynamic-table tr td {

    vertical-align: middle;

}



.mb5 {

    margin-bottom: 5px !important;

}



.mt20 {

    margin-top: 20px;

}



.mb10 {

    margin-bottom: 10px !important;

}



.pointer {

    cursor: pointer

}



.title-bar-main {

    background-color: #053589;

    color: #fff;

}



.global_message_popup {

    margin-right: 0;

}



.global_message_popup a {

    color: #ffff00

}



#menu-config .panel-primary>.panel-heading {

    color: #fff;

    background-color: #76b1cf;

    border-color: #76b1cf;

}



#menu-config .panel-primary {

    border-color: #ddd;

}



.label-pro {

    color: #ff0000;

    font-weight: 500;

}



.nav-link-dashboard ul li a.active {

    font-weight: bold;

}



.owl-page i.fas.fa-star,

.owl-page i.fa-star.far {

    float: right;

}



div#load_more_notification {

    margin-top: 10px;

    text-align: center;

    display: none;

}



div#audience-table_wrapper .row .col-xs-6:first-child {

    display: none;

}



input.form-control.input-sm {

    margin-left: 5px;

}



.dataTable>thead>tr>th.sorting:after,

.dataTable>thead>tr>th.sorting_asc:after,

.dataTable>thead>tr>th.sorting_desc:after {

    float: right;

    display: inline;

    content: "\f0dc";

    font-family: FontAwesome;

    font-size: 13px;

    font-weight: 400;

    color: #555;

    cursor: pointer;

}



.dataTable>thead>tr>th[class*=sort] {

    cursor: pointer;

}



label.text-smaller {

    font-weight: normal;

}



.order_statistic_label {

    display: block;

    width: 100%;

    text-align: center;

    margin-bottom: 15px;

}



.order_statistic_label .border-custom {

    font-size: 13px;

    text-align: center;

    color: #fff;

}



.order_statistic_label .border-custom a {

    color: #fff;

}



.border-custom span.title {

    white-space: nowrap;

    display: block;

    padding: 2px;

}



.border-custom span.number {

    font-size: 20px

}



.border-custom {

    display: inline-block;

    border: 1px solid #cccccc;

    padding: 5px 0px;

}



.mg-auto {

    margin: 0 auto;

}



.link {

    color: #4080ff;

}



.fsize12 {

    font-size: 12px;

}



.btn-pink,

.btn-pink.focus,

.btn-pink:focus {

    background-color: #D6487E !important;

    border-color: #D6487E;

}



.btn-purple,

.btn-purple:active:hover,

.btn-purple:focus:active,

.btn-purple:focus:hover,

.btn-purple:hover,

.open>.btn-purple.dropdown-toggle,

.open>.btn-purple.dropdown-toggle.focus,

.open>.btn-purple.dropdown-toggle:active,

.open>.btn-purple.dropdown-toggle:focus,

.open>.btn-purple.dropdown-toggle:hover {

    background-color: #7461AA !important;

    border-color: #9585BF;

    color: #fff;

}



.audience-tags {

    padding: 0 15px;

}



.f-chatbox ol li {

    list-style: decimal;

}



.home-login img {

    height: 30px;

    width: 30px !important;

    border-radius: 50%;

    margin-right: 5px;

}



.content-print p {

    margin-bottom: 0;

}



.content-print a {

    color: #3285F8;

}



.footer-bg {

    background-color: #333;

    color: #eee;

}



.footer-bg a {

    color: #eee;

    z-index: 1;

}



/*.logo-print img{max-width: 200px;}*/

.head-print {

    text-align: center;

}



.btn-zalo-add-page .fa-zalo {

    position: relative;

    top: 2px;

}



.btn-zalo-add-page {

    margin-right: 20px;

}





._affiliate_fchat ol {

    padding-inline-start: 10px;

    margin-bottom: 20px;

}



._affiliate_fchat ol li {

    line-height: 38px;

    font-size: 15px;

}



.traloi ol li {

    list-style: inherit;

}



._head_landing_aff {

    background-image: url(../images/unnamed.jpg);

    position: relative;

    text-align: center;

    background-size: cover;

    padding: 100px 0;

    color: #fff;

    min-height: 660px;

}



._head_landing_aff .row {

    align-items: center;

    display: flex;

}



._head_contant {

    margin-top: -10%;

    margin-left: 2%;

}



._head_landing_aff_left {

    position: relative;

    /*display: contents;*/

}



._head_landing_aff_right .img-thumb-banner {

    width: 100%;

    animation: float 5s ease-in-out infinite;

}



@keyframes float {

    0% {

        transform: translatey(0px);

    }



    50% {

        transform: translatey(-20px);

    }



    100% {

        transform: translatey(0px);

    }

}



/*----_bottom_landing_aff------*/

._bottom_landing_aff {

    padding: 50px 0px;

    overflow: hidden;

    color: #333;

}



._bottom_landing_aff h2 {

    font-weight: bold;

    color: #232e4e;

    font-family: 'Poppins';

}



._bottom_landing_aff .heading-title p {

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    font-family: 'Poppins';

    margin-bottom: 0px;

    max-width: 520px;

}



.affiliate_list {

    position: relative;

    margin-top: 50px !important;

}



.affiliate_list:before {

    position: absolute;

    width: 6px;

    height: 100%;

    background: #eee;

    border-radius: 30px;

    left: 50%;

    transform: translateX(-50%);

    content: "";

}





.affiliate_list .item-affiliate {

    height: 100px;

    position: relative;

}



.affiliate_list .item-left .step {

    right: -22px;

}



.affiliate_list .item-affiliate .step {

    position: absolute;

    width: 50px;

    height: 50px;

    background: #eee;

    border-radius: 46px;

    line-height: 38px;

    color: #0BB1D3;

    /*background: linear-gradient(to top, #9F2FFF, #0BB1D3 70%);*/

    text-align: center;

    font-size: 22px;

    font-weight: 500;

    border: 5px solid #fff;

    top: 50%;

    transform: translateY(-50%);

}



.affiliate_list .item-affiliate .text {

    display: flex;

    height: 100%;

    position: relative;

}



.affiliate_list .img-thumb {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.affiliate_list .item-left .img-thumb {

    float: right;

    right: 30px;

}



.affiliate_list .item-right .img-thumb {

    float: left;

    left: 30px;

}



.affiliate_list .item-left p {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    text-align: right;

    padding-right: 0px;

    right: 110px;

}



.affiliate_list .item-affiliate p {

    font-size: 16px;

    margin-bottom: 0rem;

    line-height: 26px;

    font-family: 'Poppins';

}



.affiliate_list .item-right .step {

    left: -23px;

}



.affiliate_list .item-right p {

    padding-left: 110px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.affiliate_list .item-affiliate .img-thumb {

    height: 64px;

}



.mt-100 {

    margin-top: 100px;

}



.affiliate_list li span {

    height: 30px;

    width: 30px;

    border-radius: 50%;

    background: #fff;

    display: inline-block;

    color: #333;

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    margin-right: 10px;

    line-height: 28px;

    float: left;

}



._affiliate_fchat li p {

    /*line-height: 25px;*/

    /*width: calc(100% - 40px);*/

    float: right;

}



._affiliate_fchat li {

    padding: 8px 0px;

}



._form_aff_join {

    padding: 50px 0;

    background: url(../images/daily/bg-mbs-3.jpg) repeat;

    color: #fff;

    background-size: cover;

}



#affiliate-register-form {

    width: 40%;

    margin: auto;

}



._form_aff_join h3 {

    font-weight: bold;

    color: #ff0;

    font-family: 'Poppins';

    margin-bottom: 20px;

}



/*---------------*/

/* code 20/08 by ngocbich85hd------- */

._head_landing_aff,

.fc-header .navbar.fixed {

    position: relative;

    background-image: radial-gradient(circle at 46% 76%, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, .03) 3%, transparent 3%, transparent 100%),

        radial-gradient(circle at 36% 87%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 3%, transparent 3%, transparent 100%),

        radial-gradient(circle at 50% 78%, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .01) 3%, transparent 3%, transparent 100%),

        radial-gradient(circle at 22% 99%, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, .03) 7%, transparent 7%, transparent 100%),

        radial-gradient(circle at 38% 63%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 7%, transparent 7%, transparent 100%),

        radial-gradient(circle at 55% 50%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 7%, transparent 7%, transparent 100%),

        radial-gradient(circle at 93% 55%, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .01) 7%, transparent 7%, transparent 100%),

        radial-gradient(circle at 24% 100%, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .01) 7%, transparent 7%, transparent 100%),

        radial-gradient(circle at 26% 53%, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, .03) 5%, transparent 5%, transparent 100%),

        radial-gradient(circle at 17% 5%, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, .03) 5%, transparent 5%, transparent 100%),

        radial-gradient(circle at 53% 51%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 5%, transparent 5%, transparent 100%),

        radial-gradient(circle at 10% 25%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 5%, transparent 5%, transparent 100%),

        radial-gradient(circle at 31% 56%, rgba(255, 255, 255, .01) 0, rgba(255, 255, 255, .01) 5%, transparent 5%, transparent 100%),

        radial-gradient(circle at 40% 69%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 5%, transparent 5%, transparent 100%),

        radial-gradient(circle at 33% 89%, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 5%, transparent 5%, transparent 100%),

        radial-gradient(circle at 96% 22%, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, .03) 5%, transparent 5%, transparent 100%),

        linear-gradient(296deg, #510093, #006afe) !important;

}



.fc-header .navigation {

    padding: 0px 0;



}

.fc-header .navbar.fixed {

    margin-top: 0px;

}



._head_landing_aff:before {

    content: "";

    position: absolute;

    bottom: 0px;

    width: 100%;

    background-image: url(../images/aff/wave_overlay.png);

    height: 155px;

    left: 0px;

}



._head_landing_aff h1 {

    line-height: 53px;

    color: #fff000;

    font-weight: bold;

    font-family: 'Poppins';

}



._head_landing_aff h3 {

    font-family: 'Poppins';

    font-size: 20px;

    line-height: 32px;

}



._head_landing_aff h3 i {

    margin-right: 10px;

}



.head_mid_policy h5 {

    font-size: 20px;

}



/*----------*/



/*---------_mid_lading_aff---------*/

._mid_lading_aff {

    padding: 30px 0px;

    overflow: hidden;

}



._mid_lading_aff h2 {

    font-weight: bold;

    color: #232e4e;

    font-family: 'Poppins';

}



.aff_step img {

    width: 200px;

}



.step-01:before {

    background: #e1e1e1;

    height: 6px;

    width: 80%;

    position: absolute;

    right: -160px;

    top: 164px;

    content: "";

    transform: rotate(18deg);

    z-index: -1;

}



.step-02:before {

    background: #e1e1e1;

    height: 6px;

    width: 80%;

    position: absolute;

    right: -160px;

    top: 85px;

    content: "";

    transform: rotate(-18deg);

    z-index: -1;

}



.aff_step {

    margin: 40px 0px;

    position: relative;

}



.aff_step p {

    font-size: 16px;

    line-height: 26px;

    font-family: 'Poppins';

    max-width: 332px;

}



.aff_step h4 {

    font-weight: 700;

    font-family: 'Poppins';

    color: #232e4e;

    font-size: 20px;

}



.aff_step span {

    position: absolute;

    top: 154px;

    background: #565CA9;

    width: 40px;

    line-height: 38px;

    height: 40px;

    text-align: center;

    border-radius: 50px;

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    left: 50%;

    transform: translateX(-50%);

}



.step-02 span {

    background: #EE4E9C;

}



.step-03 span {

    background: #7D53A2;

}



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

    .step-02 {

        margin-top: 120px;

    }



}



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



    ._head_landing_aff .row {

        display: block;

    }



    ._head_landing_aff h3 br {

        display: none;

    }



    ._introduce_landing_aff {

        padding: 30px 0px;

    }



    ._policy_fchat_aff {

        padding: 0px 0px !important;

    }



    .head_mid_policy h3 {

        font-size: 22px;

        text-align: center;

    }



    ._mig_top_landing_aff h2 {

        text-align: center;

        FONT-SIZE: 26PX;

    }



    ._mig_top_landing_aff .items_policy .items_policy_text {

        padding: 0px 0px 0px 30px;

    }



    ._policy_fchat_aff_right {

        margin-top: 20px;

    }



    .step-01:before,

    .step-02:before {

        display: none;

    }



    .aff_step {

        margin: 20px 0px;

    }



    ._affiliate_fchat h2 {

        font-size: 20px;

    }



    .affiliate_list:before {

        left: 2%;

    }



    .affiliate_list .item-right .step,

    .affiliate_list .item-left .step {

        left: -13px;

    }



    .affiliate_list .item-left .step {

        right: auto;

    }



    .affiliate_list .item-left .img-thumb {

        float: left;

        right: auto;

        left: 32px;

    }



    ._bottom_landing_aff .heading-title p {



        color: #888;

    }



    .affiliate_list .item-left p {

        text-align: left;

        padding-right: 0px;

        right: auto;

        left: 110px;

        top: 0%;

        transform: translateY(0%);

        position: relative;

        width: 73%;

    }



    .affiliate_list .item-right p {

        position: relative;

    }



    .affiliate_list {

        margin-top: 0px !important;

    }



    .affiliate_list .item-affiliate {

        height: 100%;

    }



    .is-transparent .navbar-default .navbar-nav>li>a {

        color: #333 !important;

    }



    #navigation-bar .nav>li>a {

        padding: 10px 0;

    }



    #navigation-bar .nav .nav-login a {

        padding: 11px 0;

        border: 1px solid #006afe;

        overflow: hidden;

        border-radius: 4px !important;

        background: rgba(255, 255, 255, 0.1);

    }



    .nav-login {

        border: 0px solid #006afe !important;

        padding: 0px 20px;

    }



    ._head_landing_aff h1 {

        text-align: center;

    }



    ._head_landing_aff h3 {

        font-size: 18px;

        text-align: center;

        margin-bottom: 25px;

        margin-top: 10px;

    }



    .affiliate_list .mt-100,

    .affiliate_list .item-left {

        margin-top: 40px;

        display: inline-grid;

    }



    ._policy_fchat_aff_right img {

        max-width: 280px;

    }



    .income {

        background: #f1f1f1 !important;

        padding: 20px 0px !important;

    }



    .cal-reward {

        display: block !important;

    }



    .cal-reward input[type=range] {

        width: 74%;

        margin-top: 5px;

    }



    .cal-reward .cal-item.text-right {

        position: absolute;

        top: 30px;

        right: 6px;

    }



    .income .get-reward h3 {

        font-size: 22px;

    }



    .income .cal-item:first-child {

        width: 100%;

        font-size: 20px;

        font-weight: bold;

    }

}



@media screen and (max-width: 360px) {

    ._head_landing_aff h3 {

        font-size: 16px;

        line-height: 26px;

    }



    ._head_landing_aff h1 {

        line-height: 38px;

        font-size: 26px;

    }



    ._mig_top_landing_aff h2 {

        FONT-SIZE: 22PX;

    }



    .affiliate_list .item-left p {

        width: 70%;

    }

}



@media screen and (max-width: 330px) {

    .cal-reward input[type=range] {

        width: 68%;

    }



    ._head_landing_aff h1 {

        line-height: 36px;

        font-size: 24px;

    }



    ._head_landing_aff h3 {

        font-size: 14px;

        line-height: 24px;

    }



    ._mig_top_landing_aff h2,

    ._mid_lading_aff h2 {

        font-size: 20px;

    }



    ._mig_top_landing_aff .items_policy .items_policy_text span {

        top: -6% !important;

    }



    ._mig_top_landing_aff .items_policy .items_policy_text {

        padding: 10px 0px 0px 10px !important;

    }



    .affiliate_list .img-thumb {

        display: none;

    }



    .affiliate_list p {

        width: 94% !important;

        left: 35px !important;

        padding-left: 0px !important;

    }

}



.head_mid_policy h3 {

    line-height: 30px;

}



.btn-sign-aff {

    margin-top: 5px;

    outline: none;

    border: none;

    color: #fff;

    text-transform: uppercase;

    padding: 12px 40px;

    margin-bottom: 10px;

    display: inline-block;

    border-radius: 5px;

    background: red;

    font-weight: bold;

    transition: 0.5s;

    font-size: 18px;

}



._end_landing_aff .btn-primary {

    font-weight: bold;

    height: 48px;

    padding: 12px 30px;

    font-size: 18px;

}



.btn-sign-aff:hover,

.btn-sign-aff:focus {

    background-color: #006158;

    border-color: #006158;

    color: #fff;

    outline: none;

}



.sign-up-aff {

    padding: 0;

}



._end_landing_aff p {

    font-size: 16px;

    font-family: 'Poppins';

}



/*-----------------*/

._policy_fchat_aff {

    padding: 50px 0px;

}



._mig_top_landing_aff h3 {

    font-weight: bold;

    color: #006afe;

    font-size: 22px;

    font-family: 'Poppins';

}



._mig_top_landing_aff h2 {

    font-weight: bold;

    color: #232e4e;

    font-family: 'Poppins';

}



._mig_top_landing_aff .items_policy p {

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    font-family: 'Poppins';

    margin-bottom: 0px;

}



._mig_top_landing_aff .items_policy {

    padding: 20px;

    box-shadow: 2px 8px 20px rgb(8 8 8 / 10%);

    border-radius: 6px;

    margin-top: 20px;

    min-height: 100%;

}



._mig_top_landing_aff .items_policy .items_policy_text {

    /*border-left: 1px solid #ccc;*/

    padding-left: 30px;

    position: relative;

    padding: 20px 0px 20px 30px;

}



/*._mig_top_landing_aff .items_policy .items_policy_text:after{

    height: 1px;

    width: 30px;

    background: #ccc;

    position: absolute;

    content: "";

    top: 0px;

    left: 0px

}

._mig_top_landing_aff .items_policy .items_policy_text:before{

    height: 1px;

    width: 30px;

    background: #ccc;

    position: absolute;

    content: "";

    bottom: 0px;

    left: 0px

}*/

._mig_top_landing_aff .items_policy .items_policy_text span {

    position: absolute;

    left: -20px;

    background: #006afe;

    color: #fff;

    width: 36px;

    height: 36px;

    font-size: 20px;

    font-weight: 700;

    line-height: 34px;

    text-align: center;

    top: 50%;

    transform: translateY(-50%);

    border-radius: 50px;

}



/*------------------------*/

.head_mid_policy h3,

.head_mid_policy h5 {

    margin-bottom: 5px;

    margin-top: 0;

}



.head_mid_policy h5 {

    font-size: 16px;

    margin-bottom: 10px;

    font-weight: 400;

}



.items_policy {

    padding: 20px;

    box-shadow: 2px 8px 20px rgba(8, 8, 8, 0.18);

    border-radius: 10px;

    margin-top: 20px;

    min-height: 150px;

}



.items_policy img {

    width: 100px;

}



._mig_top_landing_aff {

    padding: 20px 0px;

    overflow: hidden;

}



._affiliate_fchat {

    /*width: 90%;*/

    margin: auto;

}



._affiliate_fchat a:hover {

    color: #CDDC39;

}



/*._affiliate_fchat ol li{list-style: inherit;}*/

.content-blog ol li {

    list-style: inside;

    list-style-type: decimal;

}



.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;

}



@page {

    size: auto;

    /* auto is the initial value */

    margin: 0;

    /* this affects the margin in the printer settings */

}



#data-print {

    width: 80%;

    height: 100%;

    page-break-after: always

}



.nav-link .menu-item {

    display: inline-flex;

}



.nav-link .arrow-submenu {

    margin-top: -3px;

    margin-left: 5px;

}



@media print {

    footer {

        page-break-after: always;

    }

}



.messenger_checkbox_col .tooltip.left {

    top: -3px !important;

}



.messenger_checkbox_col .tooltip-inner {

    max-width: 220px;

}



.collapsed .arrow-submenu i {

    transform: rotate(180deg);

}



.ava-shop-connect {

    height: 40px;

    width: 40px;

    margin-right: 10px;

    float: left;

}



.shop_connect_name p {

    margin-bottom: 0;

}



.shop_connect_name small {

    font-weight: 600;

    color: #4cae4c;

}



@media (min-width: 768px) {

    .modal-dialog {

        /*width: 600px;*/

        margin: 10% auto;

    }



    .modal-dialog.modal-lg {

        width: 900px;

        margin: 5% auto;

    }

}



@media (max-width: 768px) {



    #affiliate-register-form,

    ._affiliate_fchat {

        width: 100%;

    }



    ._head_landing_aff h1 {

        line-height: 40px;

        font-size: 28px;

    }



    ._affiliate_fchat ol {

        padding-inline-start: 0px;

    }



    ._affiliate_fchat h2 {

        font-size: 23px;

        line-height: 30px;

    }

    ._form_aff_join {

    padding: 30px 0;}

}



@media (max-width: 420px) {

    ._head_landing_aff h1 {

        line-height: 40px;

        font-size: 28px;

    }



    .head_mid_policy h3 {

        font-size: 20px;

    }



    ._mid_lading_aff h2 {

        font-size: 22px;

    }



    ._form_aff_join h3 {

        font-size: 20px;        

        line-height: 28px;

    }



    ._affiliate_fchat h2 {

        font-size: 22px;

        line-height: 30px;

    }

}

@media screen and (max-width: 320px){

.navbar-toggle {

    padding: 9px 10px !important;

}

}

.p-r-sm.col-auto.col-grow.text-name .text-sm {

    margin-left: 5px;

}



.profile-page .page-role {

    display: block;

    font-size: 10px;

}



.cover-spin {

    position: absolute;

    width: 100%;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: rgba(255, 255, 255, 0.7);

    z-index: 9999;

    display: none;

}



@-webkit-keyframes spin {

    from {

        -webkit-transform: rotate(0deg);

    }



    to {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes spin {

    from {

        transform: rotate(0deg);

    }



    to {

        transform: rotate(360deg);

    }

}



.cover-spin::after {

    content: '';

    display: block;

    position: absolute;

    left: 48%;

    top: 40%;

    width: 40px;

    height: 40px;

    border-style: solid;

    border-color: black;

    border-top-color: transparent;

    border-width: 4px;

    border-radius: 50%;

    -webkit-animation: spin .8s linear infinite;

    animation: spin .8s linear infinite;

}



div#load_more {

    margin: 10px auto;

    cursor: pointer;

    position: relative;

}



.footer .box-social ul li a {

    width: 30px !important;

    height: 30px !important;

    background-color: #ababab;

    color: #484848;

    font-size: 18px;

    border: none;

    display: inline-block;

    text-align: center;

    border-radius: 50%

}



.box-social ul li {

    float: left;

    margin-right: 10px

}



.social {

    margin-bottom: 10px;

}



.social ul li i {

    font-size: 30px;

    margin-right: 10px;

}



.social ul li {

    display: inline-block;

}



.line-30 {

    line-height: 30px;

}



.none-border {

    background: transparent;

    border: solid 1px transparent;

    outline: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    resize: none;

}



.none-border:hover {

    border: 1px solid #ccc;

    outline: none;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

}



.select2-selection {

    /*height: 33px !important;*/

    border: 1px solid #ccc !important;

}



.warnings {

    font-size: 12px;

}



.disable {

    background-color: #e6e6e6 !important;

    border-color: rgba(118, 118, 118, 0.3) !important;

}



.not-allow {

    cursor: text;

    border: none;

}



a.error_text,

.error_text {

    color: red;

    font-size: 12px;

    margin-top: 15px;

}



.d-none {

    display: none !important;

}



.ol_ps {

    list-style: none;

    padding-left: 0;

}



.numChange {

    padding: 3px 9px;

    font-size: 13px;

    background: #c5ccc9;

    border-radius: 3px;

    position: relative;

    top: -5px;

}



.note_res {

    margin-left: 0px !important;

}



.lastUp {

    font-size: 14px;

    color: #888;

    position: relative;

    top: -6px;

}



.iconChange {

    font-size: 18px !important;

    color: #8492a6;

    cursor: pointer;

}



.mobile_prov {

    border-radius: 5px;

    border: 1px solid #dc6702fa;

    padding: 0px 5px;

    margin-top: -3px;

    color: #dc6702fa;

    margin-left: 5px;

}



.trans {

    padding: 3px 6px;

    border-radius: 3px;

    color: #ffff;

    font-size: 12px;

}



.status_new {

    background: #dc6702fa;

    /*float: right;*/

}



.status_contact {

    background: orange;

}



.status_waiting {

    background: #a4da21;

}



.status_picked {

    background: #5fdc74;

}



.status_sending {

    background: #22bd6f;

}



.status_success {

    background: #2b9a43;

}



.status_returning {

    background: gray;

}



.status_returned {

    background: #4e4a4a;

}



.status_delete,

.status_false {

    background: red;

}



.status_confirm {

    background: #096dd9;

}



.mla-10 {

    margin-left: -10px;

}



.ml-0 {

    margin-left: 0px !important;

}



.bold {

    font-weight: bold;

}



.color_0 {

    color: #dc6702fa;

}



.color_1 {

    color: orange;

}



.color_2 {

    color: #a4da21;

}



.color_3 {

    color: #5fdc74;

}



.color_4 {

    color: #22bd6f;

}



.color_8 {

    color: #2b9a43;

}



.color_6 {

    color: gray;

}



.color_7 {

    color: #4e4a4a;

}



.color_5 {

    color: red;

}



.color_9 {

    color: #096dd9;

}



a.trans:hover {

    color: white !important;

}



.ml-90 {

    margin-left: 90px !important;

}



.divStatus {

    line-height: 31px !important;

    width: 44px;

}



.divCnt {

    /*width: calc(100% - 56px);*/

    width: 100%;

    max-width: 300px;

}



.mb-5 {

    margin-bottom: 5px;

}



.jus_center {

    justify-content: center;

}



.send_MSG .block-list {

    margin-right: 10px;

}









.tag-product {

    width: 100%;

    background: #f5f5f5;

    border-radius: 3px;

    margin-right: 0px;

    margin-left: 0px;

}



.item_cat {

    height: 34px;

    border: 1px solid #c7c4c4;

    background: #f7f7f7;

    border-radius: 4px;

    text-align: center;

    line-height: 32px;

    margin-bottom: 4px;

    cursor: pointer;

    color: #333;

}



#newProduct {

    position: absolute;

    z-index: 1;

}



.app-contents,

.item_cat:hover {

    background: #e6e6e6;



}



.app-contents {



    display: inline-table;

}



.app-contents .active {

    background: #006afe;

    color: white;

}



.catl .chosen-container {

    width: 100% !important;

}



.catl .chosen-choices {

    border-radius: 5px;

    border: 1px solid #d4d1d1 !important;

}



#newProduct .form-horizontal .form-group {

    margin-right: 0px !important;

    margin-left: 0px !important;

}



.height-100 {

    height: 100%;

}



.toDelete {

    position: absolute !important;

    right: 3px;

    top: 7px;

    color: red;

}



.item2 {

    position: relative;

}



.toeditCat {

    position: absolute;

    top: 7px;

    right: 27px;

}



.actionform .form-control {

    padding: 3px 6px !important;

}



.no_product {

    border: 1px solid #e6dfdf;

    border-radius: 6px;

    padding: 15px 10px;

}



.sActive {

    background: #0fc00c;

    padding: 3px;

    color: white;

    border-radius: 3px;

}



.dActive {

    background: #c00c36;

    padding: 3px;

    color: white;

    border-radius: 3px;

}



/*order_detail_right------------*/

.order_detail_right {

    position: relative;

    width: calc(100% - 385px);

}



.order_detail_right:after {

    position: absolute;

    top: 0PX;

    left: 0px;

    width: 113%;

    height: 48px;

    background: #e1e1e1;

    border-bottom: 1px solid #e1e1e1 !important;

    content: '';

}



.order_detail_right .col-md-12 {

    width: 100%;

    Z-INDEX: 9;

}



.order_detail_right .col-md-12 h3 {

    margin-top: 0px;

    margin-bottom: 10px;

    background: #e1e1e1;

    padding: 10px 10px 12px 10px;

    color: #000;

}



.order_detail_right .col-md-12 h3 #order_code {

    font-weight: 700;

}



.order_detail_right .info-customers .col-sm-2 {

    width: 17.666%;

    padding-right: 0px;

}



.order_detail_right .info-customers .col-sm-4 {

    width: 32.333%;

}



.info-customers {

    background: #fff;

    -webkit-box-shadow: 0px 1px 2px 1px rgba(154, 154, 204, 0.22);

    -moz-box-shadow: 0px 1px 2px 1px rgba(154, 154, 204, 0.22);

    box-shadow: 0px 1px 2px 1px rgba(154, 154, 204, 0.22);

    border-width: 0;

    transition: all .2s;

    padding: 10px 0 10px 5px;

    border-radius: 5px;

}



.info-customers .list-unstyled li {

    font-width: bold;

}



/* form-horizontal-------------*/

.form-horizontal {

    padding: 0 15px;

}



.form-horizontal .list-unstyled li .ace-icon,

.form-horizontal .list-unstyled li .fas,

.form-horizontal .list-unstyled li .fa,

.form-horizontal .list-unstyled li .fab {

    width: 25px;

    text-align: center;

    color: #999;

}



.form-horizontal .list-unstyled li {

    margin-bottom: 10px;

}



.form-horizontal .list-unstyled li a {

    color: #111;

}



.order_detail_right .btn {

    padding: 5px 14px;

    font-size: 14px;

    line-height: 1.5;

    border-radius: 4px;

    border: 0px;

}



.order_detail_right .nav-tabs>li>a {

    font-size: 18px;

    color: #333;

    padding: 10px 30px;

}



.order_detail_right .nav-tabs>li.active>a {

    font-weight: bold;

    border-top: 2px solid #053589;

    color: #053589;

}



.order_detail_right .tab-content {

    background: #fff;

    padding: 12px;

    border-bottom: 1px solid #ddd;

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

}



.order_detail_right .tab-content .table-primary {

    border-left: 0px solid #dddddd !important;

    border-bottom: 0px solid #dddddd !important;

}



.order_detail_right .tab-content .table-primary .table-striped {

    margin-bottom: 0px;

}



.order_detail_right .tab-content .table-primary .th:first-child {

    padding-left: 0px !important;

}



@media (max-width: 1366px) {

    .resp_font {

        font-size: 10px;

    }

}



.reply-msg-bar .pick-tag-lc {

    max-width: 310px;

    display: flex;

}



.reply-msg-bar .pick-tag-lc ul {

    display: inline-flex;

}



.editableform .control-group {

    white-space: normal !important;

}



.popup_image span {

    text-align: center;

}



.label_line1 {

    word-break: break-all;

    white-space: pre-wrap;

    overflow: hidden;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

}



#modal-templates .popup_image .other_image {

    bottom: 0 !important;

    right: 20px !important;

}



#modal-templates .popup_image div span {

    font-size: 14px !important;

}



#modal-templates .popup_image div i {

    font-size: 40px !important;

}



#modal-templates .popup_image div {

    width: 100px !important;

    height: 100px !important;

    padding: 0 !important;

    margin-bottom: 10px !important;

    margin-right: 10px !important;

}



#modal-templates {

    z-index: 999;

}



#modal-templates .col-md-3 {

    padding-right: 0;

}



.template-hover-list .template-img-item {

    margin: 3px;

    width: 30px;

}



.template-hover-list {

    position: relative;

}



.template-hover-list .tooltip-item img {

    height: 30px;

    width: 30px;

}



.template-hover-list .tooltip-item {

    cursor: pointer;

    display: inline-block;

}



.template-hover-list .template-over {

    background-color: rgba(0, 0, 0, 0.3);

    font-size: 13px;

    position: absolute;

    top: -14px;

    bottom: 4px;

    left: 0;

    right: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #ccc;

}



.template-hover-list .tooltip-content {

    position: absolute;

    z-index: 9999;

    bottom: 100%;

    font-size: 14px;

    -webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);

    box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);

    background: #2b2b2b;

    opacity: 0;

    cursor: default;

    padding: 5px;

}



.template-hover-list .tooltip-content img {

    position: relative;

    display: inline-block;

}



.template-hover-list .tooltip-item::after {

    content: '';

    position: absolute;

    width: 360px;

    height: 20px;

    bottom: 100%;

    left: 50%;

    pointer-events: none;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.template-hover-list:hover .tooltip-item::after {

    pointer-events: auto

}



.template-hover-list:hover .tooltip-content {

    pointer-events: auto;

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);

    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);

    display: inline-flex;

}





.head-alert {

    margin-right: 12px;

    margin-top: 2px;

}



.shop-options {

    margin-right: 12px

}



.btn-sm,

.btn-group-sm>.btn {

    padding: 8px 12px 9px 12px;

    font-size: 13px;

}



.fchat-market .box-table,

#tracking .box-product-table {

    background: #fff;

    box-shadow: 0 0 2px 2px rgb(0 0 0 / 8%);

    border-radius: 8px

}



.table>thead>tr>th,

.table>tbody>tr>th,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>tbody>tr>td,

.table>tfoot>tr>td {

    padding: 5px 8px;

}



.filter_static {

    position: absolute;

    right: 12px;

    top: 80px;

}



.filter_static .col-md-3 {

    width: 70%;

    padding-right: 10px;

}



.filter_static .col-md-2 {

    padding-left: 0px;

}



.box-layout .box-role {

    background-color: #fff;

    box-shadow: 0 0 2px 2px rgb(0 0 0 / 5%);

    border-radius: 8px;

}



.box-layout .box-role .list-roles th {

    height: 44px;

    line-height: 44px;

    background: #e1e1e1;

    margin: 2px;

    /*border: 2px solid #fff;*/

}



.box-layout .box-role .table,

#tagcons .box-table {

    /*border: 2px solid #fff;*/

    border-radius: 0px;

    overflow: hidden;

}



.box-layout .box-role .col-lg-12 {

    width: 100% !important;

}



.add-role {

    /*float: right;

    min-width: 50%;

    position: absolute;

    top: -15px;

    right: 0px;*/

}



.notes-role {

    margin-bottom: 10px;

}





#contact_module .box-table {

    background-color: #fff;

    box-shadow: 0 0 2px 2px rgb(0 0 0 / 5%);

    border-radius: 8px;

}



#contact_module {

    padding: 0px 15px

}



#contact_module .pull-right {

    float: left !important;

    width: 100%;

    font-size: 18px;

    margin-top: 15px

}



#contact_module .box-table {

    margin-top: 10px !important;

}



.app-contents .tag-product,

.app-contents .tag-product .col-md-3,

.app-contents {

    /*height: 100vh !important*/

}



.app-contents .tag-product .col-md-3 {

    background: #e6e6e6 !important;

    padding: 10px 12px 0px 10px !important;

}



/*.app-contents .tag-product .col-md-9 {

    background: #fff;

}*/



.form-group .col-md-8 p {

    font-size: 18px;

    font-weight: bold !important;

}



.app-contents .tag-product .col-md-9 .form-group {

    margin-bottom: 5px;

}

.toCount {

    font-weight: bold !important;



    color: #ff0000

}



.newP {

    margin-left: 5px;

}



.aff-faq {

    padding-top: 50px;

    padding-bottom: 80px;

}



.aff-faq h2 {

    font-weight: bold;

    color: #232e4e;

    font-family: 'Poppins';

}



.aff-faq .block-questions-pri {

    padding: 20px;

    box-shadow: 2px 8px 20px rgb(8 8 8 / 10%);

    border-radius: 6px;

    margin-top: 20px;

    min-height: 100%;

}



.aff-faq .block-questions-pri p {}



.aff-faq .card h2 .btn-link span {

    position: absolute;

    left: 10px;

    background: #006afe;

    color: #fff;

    width: 30px;

    height: 30px;

    font-size: 18px;

    font-weight: 700;

    line-height: 32px;

    text-align: center;

    top: 50%;

    transform: translateY(-50%);

    border-radius: 50px;

    font-family: 'Poppins';

}



.aff-faq .tt-questions,

.aff-faq .card h2 .btn-link {

    color: #232e4e;

    font-weight: 600;

    margin-top: 0px;

    font-family: 'Poppins';

    margin-bottom: 0px;

    padding: 15px 20px 12px 54px;

    font-size: 18px;

    line-height: 26px;

    width: 100%;

    text-align: left;

    white-space: inherit;

    position: relative;

}



.aff-faq .block-questions-pri p {

    font-size: 16px;

    line-height: 24px;

}



.step-member-introduction .section-item .item:hover,

.salekit-ceo .item:hover {

    transition: all ease 0.3s;

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 45%);

    -moz-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.45);

    -webkit-box-shadow: 0px 2px 92px 0px rgb(0 0 0 / 45%);

    transform: translate(0, -3px);

    z-index: 999;

    background: #fff;

}



/*_introduce_landing_aff*/

._introduce_landing_aff {

    padding: 50px 0px;

}



._introduce_landing_aff .img-thumb {

    height: 184px;

    width: auto;

    margin: 0px auto;

}



/*._introduce_landing_aff .row {

    box-shadow: 2px 8px 20px rgb(8 8 8 / 10%);

    padding: 20px;

}*/

._introduce_text p {

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    font-family: 'Poppins';

    margin-bottom: 0px;

}



.title-h2 {

    font-weight: bold;

    color: #232e4e;

    font-family: 'Poppins';

}



/*-----*/

.aff-faq {

    /*overflow: hidden;*/

}



.aff-faq-list .card {

    box-shadow: 2px 8px 20px rgb(8 8 8 / 10%);

    border-radius: 6px;

    margin-top: 20px;

    min-height: 100%;

}



.aff-faq .card h2 .btn:focus,

.aff-faq .card h2 .btn:active:focus,

.aff-faq .card h2 .btn.active:focus,

.aff-faq .card h2 .btn.focus,

.aff-faq .card h2 .btn:active.focus,

.aff-faq .card h2 .btn.active.focus {

    outline: thin dotted;

    outline: 0px auto -webkit-focus-ring-color;

    outline-offset: -2px;

    background: #006afe;

    color: #fff;

    text-decoration: none;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

}



.aff-faq .card h2 .btn:focus,

.aff-faq .card h2 .btn:active:focus,

.aff-faq .card h2 .btn.active:focus,

.aff-faq .card h2 .btn.focus,

.aff-faq .card h2 .btn:active.focus,

.aff-faq .card h2 .btn.active.focus {

    outline: thin dotted;

    outline: 0px auto -webkit-focus-ring-color;

    outline-offset: -2px;

    background: #006afe;

    color: #fff;

    text-decoration: none;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

}



.aff-faq .card h2 .btn:focus span,

.aff-faq .card h2 .btn:active:focus span,

.aff-faq .card h2 .btn.active:focus span,

.aff-faq .card h2 .btn.focus span,

.aff-faq .card h2 .btn:active.focus span,

.aff-faq .card h2 .btn.active.focus span {

    background: #fff;

    color: #006afe;



}



.aff-faq .card-body {

    padding: 20px;

    font-size: 16px;

    line-height: 24px;

    font-family: 'Poppins';

}



/*------------*/

.income {

    /*background: #f1f1f1 url(../images/aff/income.svg) top right no-repeat;*/

    background: #f1f1f1;

    padding: 40px 0px;

}



.income .get-reward H2 {

    font-weight: bold;

    color: #232e4e;

    font-family: 'Poppins';

}





.currency {

    color: red;

    font-weight: bold;

}



.income .cal-item {

    width: 140px;

}

.highcharts-legend-box{

    display: none;

}



/*notification dashbroad*/

.modal-content-notifi {

    height: calc(100vh - 20px);

    position: fixed;

    width: 400px;

    overflow: hidden;

    top: 10px;

    opacity: 1;

    transition: opacity 0.25s ease-in 0s, transform 0.2s ease-in 0s;

    z-index: 2147483001;

    transform: translateX(0px);

    box-shadow: rgb(0 0 0 / 19%) 0px 2px 13px 0px;

    pointer-events: auto;

    border-radius: 4px;

    left: 10px;

    bottom: 10px;

}

#notification_widget {

    background-color: rgb(12, 97, 242);

    box-shadow: rgb(0 0 0 / 18%) 0px 1px 7px 0px;

    position: fixed;

    bottom: 20px;

    left: 20px;

    z-index: 2147483000;

    display: block;

    width: 58px;

    height: 58px;

    border-radius: 50px;

    cursor: pointer;

    right: auto;

}

.notification_icon {

    position: absolute;

    top: 50%;

    left: 50%;

    display: inline-block;

    transform: translateX(-50%) translateY(-50%);

}

#dashboardNotifi .modal-dialog {

    margin:0 !important;

}


.language_btn .btn_flag {
    line-height: 12px;
    border-radius: 0;
    padding: 0;
}

.language_btn .flag_list {
    left: inherit;
    min-width: 80px;
    right: 0;
    border-radius: 2px !important;
}