*:not(i) {
    /* font-family: Open Sans, Arial, Helvetica, sans-serif; */
    font-family: 'Google Sans', sans-serif !important;
}

.card-title {
    min-height: 54px;
}

.icon-premium-editor-button {
    padding: 8px;
    right: 3%;
    top: -3px;
    z-index: 99;
    position: absolute;
    display: inline-flex;
    border-radius: 3px;
    /* background-color: rgba(0, 0, 0, 0.91); */
}

.icon-hot {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: #ea4335;
    line-height: 35px;
    float: right;
    color: #fff;
    /* margin-top:4px; */
}

.icon-free {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: #edf3ff;
    line-height: 32px;
    float: right;
    color: #4285f4 !important;
}

.icon-vip {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: #e46d6d46;
    line-height: 35px;
    float: right;
    color: #e23131;
}

.icon-premium-editor-button::before {
    display: block;
    top: 10px;
    right: 10px;
    width: 19px;
    height: 19px;
    background: url('../../assets/images/icon-premium/premium.svg') center center no-repeat;
    background-size: 16px 16px;
    content: '';
    cursor: pointer;
}

.widget_setting_container,
.widget_color_container {
    color: white;
}

.nav-tabs.nav-tabs-line.nav-tabs-space-xl .nav-item {
    margin-right: 4px !important;
}

.button-team-widget {
    padding: 15px 35px !important;
}

.team-widget-teamplate .box-shadown-widget:hover {
    -webkit-box-shadow: -1px 2px 7px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 2px 7px 5px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 1px 11px -3px rgba(0, 0, 0, 0.28) !important;
}

.font-widget-tool-detail {
    color: #fff;
    font-size: 40px;
}


/* report-detail */

#getDataCustomerWidgetReportDetail {
    padding: 20px
}

#getDataCustomerWidgetReportDetail .paging_simple_numbers {
    float: none !important;
    display: block !important;
    justify-content: left !important;
    padding-top: 20px !important;
    border-top: none;
}

#getDataCustomerWidgetReportDetail .dataTables_info {
    display: none;
}

#getDataCustomerWidgetReportDetail .dataTables_length {
    display: none;
}

#getDataCustomerWidgetReportDetail .dataTables_filter {
    /* float: none !important; */
    display: block !important;
    background: #fff;
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 25px;
    float: right !important;
}

#getDataCustomerWidgetReportDetail .dataTables_filter input {
    height: 40px;
}

#getDataCustomerWidgetReportDetail .noneReportDeatilCustomer {
    display: none !important;
}

#getDataCustomerWidgetReportDetail .reportDeatilCustomer {
    display: block !important;
}


/* #getDataCustomerWidgetReportDetail .odd>.dataTables_empty {
    display: none;
} */

#getDataCustomerWidgetReportDetail tr:nth-child(even) {
    background-color: #f2f7fd;
}

#getDataCustomerWidgetReportDetail table {
    background: #fff !important
}


/* report */

#chooseWebsiteReport {
    cursor: context-menu !important;
    color: #333 !important
}

#chooseWebsiteReport:hover {
    background: none !important;
}

.chatOnline {
    background: #3f85ff;
    border-radius: 50%;
    top: 0px;
    left: 25px;
    position: absolute;
    font-weight: normal;
    font-size: 9px;
    color: #fff;
    display: none;
    padding: 2px 4px 2px 4px;
    z-index: 9;
}

.text-noData {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    margin-top: 11px;
}

#datatable_customer_widget_processing {
    margin-top: 110px
}

.href_report_widget {
    float: right;
    background: #e9faf8 !important;
    color: #2bc9b7 !important;
    padding: 5px 10px !important;
    border-radius: 2px !important;
    font-weight: 600;
}

.href_report_widget:hover {
    background: #2bc9b7 !important;
    color: #e9faf8 !important;
    padding: 5px 10px !important;
    border-radius: 2px !important;
}

.customTabColor-widget-report {
    line-height: 20px !important;
}

.widgetReportDashBoard::after {
    content: none !important;
}

.nav-widget-report>li>a {
    padding: 14px 15px !important;
}

.customTabColor .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #1bbc9b !important;
}


.blockReport {
    display: block !important;
}

.blockReport a {
    margin-top: -24px !important;
}

.noneReportDetail {
    display: none !important;
}

#getDataCustomerWidget .dataTables_length {
    display: none;
}

#getDataCustomerWidget .dataTables_info {
    display: none;
}

#getDataCustomerWidget .dataTables_processing {
    display: none !important;
}

#getDataCustomerWidget .dataTables_paginate {
    float: right !important;
    display: none !important;
}

#getDataCustomerWidget .odd>.dataTables_empty {
    line-height: 150px;
    font-size: 14px;
}

#getDataCustomerWidget tr:nth-child(even) {
    background-color: #e9faf8;
}

.robot_chat_widget {
    color: #fd397a !important;
    background: #fd397a1c !important;
}

.robot_chat_widget:hover {
    color: #fff !important;
    background: #fd397a !important;
}

.nameWebsiteWidget {
    max-width: 350px;
    background: #d4f8ed;
    border-radius: 5px;
    text-align: center;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    color: #0abb87;
    margin-right: 10px;
}

.nameWebsiteWidget i {
    padding: 0px !important;
}

#getDataCustomerWidget table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 18px !important;
}

@media(max-width:375px) {
    #getDataCustomerWidget .kt_reponsive_mobile {
        display: none;
    }

    #getDataCustomerWidget .kt_reponsive_mobile_set {
        font-size: 10px;
    }
}


/* end */

@media(max-width:500px) {
    .table-mobile {
        width: 800px !important
    }
}

.tfooterDashboard table.dataTable tfoot th,
table.dataTable tfoot td {
    border-top: 1px solid #e9ecef;
}

.font-black {
    color: #333;
}

.text-primary-widget {
    color: #009efb !important;
}


/* table widget tool detail */

.kt-widget-tool-detail .table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #ebedf2;
    font-size: 11px !important;
}

.kt-widget-tool-detail .table th {
    font-weight: 600;
}

.kt-widget-tool-detail td {
    display: table-cell;
    vertical-align: inherit;
    font-size: 11px;
}

.kt-widget-tool-detail .dataTables_wrapper .dataTable {
    width: 100% !important;
    border-collapse: initial !important;
    border-spacing: 0 !important;
    margin: 1rem 0 !important;
}

.kt-widget-tool-detail table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

.kt-widget-tool-detail .table-bordered {
    border: 1px solid #ebedf2;
}

.kt-widget-tool-detail .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    background-color: transparent;
}

.kt-widget-tool-detail tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.kt-widget-tool-detail .table-bordered td,
.table-bordered th {
    border: 1px solid #ebedf2;
}

.kt-widget-tool-detail td {
    display: table-cell;
    vertical-align: inherit;
}

.kt-widget-tool-detail .table-hover tbody tr:hover {
    color: #212529;
    background-color: #fff;
}

.kt-widget-tool-detail .edit-widget {
    padding: 2px 8px;
    text-align: right;
}

.kt-widget-tool-detail .delete-widget {
    padding: 2px 0px;
    text-align: right;
}

.sum-widget-tools td {
    border: none !important;
    font-weight: 600;
    font-size: 16px !important;
}

.kt-detail-tools-wigdet td {
    border: none !important;
}

.sum-widget-tools:hover {
    background: #fff !important;
}

.kt-widget-tool-detail .dataTable tr:nth-child(even) {
    background-color: #f8f8f8 !important;
}

.rate-widget-tool {
    /* background: #1cb6ff; */
    color: #333;
}

.href-widget-dashboard a {
    color: #333;
}

.trhead-widget-tool td {
    border: none !important;
}

.trhead-widget-tool {
    background-color: #f8f8f8;
}


/* .kt-widget-tool-detail .action-widget {
    text-align: center;
} */


/* end */


/* table widget dashboard */

.kt-team-widget-das hboard .table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #ebedf2;
    font-size: 13px;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
    outline: none !important;
}

.footer-model {
    padding-top: 10px;
    border-top: 1px solid #e9ecef;
    background: #f5f4f6;
    border-radius: 0 0 .3rem .3rem;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

.btn-vips {
    display: none !important;
}

.sweet-alert-vip {
    background: none !important;
}

.tooltipss {
    position: relative;
    display: inline-block;
}

.tooltipss .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    font-size: 14px;
}

.page-pass .row .categories .category-block,
.v6-modal.pass-pricing .row .categories .category-block {
    box-sizing: border-box;
    height: 29.45%;
    position: relative;
    width: 29.45%;
}

.tooltipss:hover .tooltiptext {
    visibility: visible;
}

.tfooterBtn {
    width: 150px;
    margin: auto;
}

.btn-website-link-red {
    color: #fff;
    border-color: #35bff3;
    background-color: #35bff3;
}

.btn-website-link-red:hover {
    color: #fff;
    /* border-color: #e4ba6f; */
}

.kt-add-widget {
    float: right;
    margin-top: -6px;
}

.kt-team-widget-dashboard td {
    display: table-cell;
    vertical-align: inherit;
}

.kt-team-widget-dashboard .dataTables_wrapper .dataTable {
    width: 100% !important;
    border-collapse: initial !important;
    border-spacing: 0 !important;
    margin: 1rem 0 !important;
}

.kt-team-widget-dashboard table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

.kt-team-widget-dashboard .table-bordered {
    border: 1px solid #ebedf2;
}

.kt-team-widget-dashboard .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    background-color: transparent;
}

.kt-team-widget-dashboard tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.kt-team-widget-dashboard .table-bordered td,
.table-bordered th {
    border: 1px solid #ebedf2;
}

.kt-team-widget-dashboard td {
    display: table-cell;
    vertical-align: inherit;
}

.kt-team-widget-dashboard .table-hover tbody tr:hover {
    color: #212529;
    background-color: #fff;
}

.kt-team-widget-dashboard .edit-widget {
    padding: 2px 8px;
    text-align: right;
}

.kt-team-widget-dashboard .delete-widget {
    padding: 2px 8px;
    text-align: right;
}

.kt-team-widget-dashboard .action-widget {
    text-align: center;
}

.kt-team-widget-dashboard .action-widget a i:hover {
    color: #00c292 !important;
}


/* end */

.widget-editor {
    width: 340px !important;
    background-color: #1e1e2d;
}

.scroll-sidebar-editor {
    width: 340px !important;
    height: 100% !important;
    background-color: #1e1e2d;
}

.widget-iframe {
    padding-left: 340px !important;
}

.clr-white {
    color: white !important;
}

.btn-editor {
    cursor: pointer;
    height: 32px;
    width: auto;
    position: relative;
    background-color: #282a3c;
    color: white;
    border-radius: 4px;
}

.btn-editor:hover {
    background-color: #191a25;
}

.btn-editor span {
    position: absolute;
    left: 10px;
    top: 6px;
    font-weight: 400;
    font-size: 12px;
}

.btn-editor .btn-editor-icon {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
}

.btn-editor .btn-editor-icon svg {
    display: block;
    fill: #a7a7a7;
    transition: all 0.2s ease;
}

.widget-header {
    background-color: #1e1e2d !important;
    box-shadow: 0px 1px 2px rgba(76, 76, 76, 0.4);
    position: fixed;
    right: 0;
    left: 340px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 10px;
}

.widget-header .save-widget {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 10px; */
    color: #34a853;
    /* background: #c6fff9; */
    background: #282a3c;
    border-radius: 5px;
    cursor: pointer !important;
}

.widget-header .save-widget:hover {
    color: #fff;
    background: #34a853;
}

.widget-header .exit-widget {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 10px; */
    /* color: #4b8cfa; */
    /* background: #c1e0f9; */
    background: #282a3c;
    color: #ea4335 !important;
    /* border-radius: 5px; */
    cursor: pointer !important;
}

.widget-header .exit-widget:hover {
    color: #fff !important;
    background: #ea4335 !important;
}


/* AVATAR */

.sb-background {
    height: 50px;
    width: 60px;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    /* background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; */
    object-fit: cover;
    cursor: pointer;
    border: 1px #fff solid;
}

.group {
    width: 46%;
    position: relative;
    display: inline-flex;
    margin: 0;
}

.bg-tele {
    width: 46%;
    position: relative;
    display: inline-flex;
    margin: 0;
}

.wa-background {
    height: 50px;
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    border: 1px #fff solid;
}

.avatar-background,
.fake-background,
.banner-ads-background,
.banner-ads-background-2,
.banner-ads-background-product,
.hot-product-border,
.banner-ads-size,
.banner-ads-border,
.banner-ads-align,
.news-feed-layout {
    height: 50px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    border: 1px #fff solid;
}

.banner-ads-size,
.banner-ads-border,
.banner-ads-align {
    height: 85px;
    margin-right: 10px;
}

.wa-background {
    height: 80px;
    margin: 5px;
    cursor: pointer;
}

.fake-background,
.hot-product-border {
    height: 43px;
    margin-right: 10px;
}

.banner-ads-background {
    height: 30px;
    margin-right: 10px;
}

.banner-ads-background-2 {
    height: 100px;
    margin-right: 10px;
}

.banner-ads-background-product {
    height: 65px;
    margin-right: 10px;
}

.select-border-radius {
    display: flex;
}

.content-border {
    position: relative;
    text-align: left;
    border: #b2b4b7 solid 1px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 13px;
    width: 50%;
    color: #b2b4b7;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}

.content-border:nth-child(2) {
    margin-left: 10px;
}

.content-border:hover,
.active-border-ads {
    filter: brightness(150%);
    background-color: #949494;
    color: #000000;
}

.content-border:hover,
.active-border-sale {
    filter: brightness(150%);
    background-color: #949494;
    color: #000000;
}


/* scrolling table */


/* .fixed_header {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed_header tbody {
    overflow: auto;
    height: 100px;
}

.fixed_header th,
.fixed_header td {
    width: 200px;
}
 */


/* end */

.news-feed-layout {
    height: 80px;
    margin-right: 10px;
}

.img_left,
.img_right {
    height: 290px;
    margin-right: 10px;
}

.img_left_snow,
.img_right_snow {
    height: 250px;
    margin-right: 10px;
}

.avatar-background:hover,
.fake-background:hover,
.banner-ads-background:hover,
.banner-ads-background-product:hover,
.banner-ads-background-2:hover,
.hot-product-border:hover,
.news-feed-layout:hover {
    border: 1px #595959 solid;
}

.avatar-background-selected,
.fake-background-selected,
.banner-ads-background-product-selected,
.banner-ads-background-selected {
    border: 1px #595959 solid;
}

.widget-upload-avatar-container {
    width: 100px !important;
}

.dropify-wrapper {
    height: 100px !important;
    font-size: 12px !important;
}


/* END AVATAR */


/* ICON */

.icon-background {
    width: 36px;
    height: 36px;
    cursor: pointer;
    border: 1px #b2b4b7 solid;
    color: white;
    display: flex;
    margin-right: 4px;
    margin-bottom: 4px;
}

.icon-background i {
    margin: auto;
    font-size: 18px;
}

.icon-background:hover {
    border: 1px #595959 solid;
}

.icon-background-selected {
    border: 1px #595959 solid;
}


/* END ICON */


/* POSITION */

.position-item {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}


/* HIDE RADIO */

[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio_showpage[type=radio] {
    position: absolute;
    opacity: 1;
    width: 13px;
    height: 13px;
    margin: 3px;
}

.radio-show_facebook_fanpage[type=radio] {
    position: relative;
    opacity: 1;
    width: 13px;
    height: 13px;
    margin: 3px;
}


/* IMAGE STYLES */

[type=radio]+img {
    cursor: pointer;
    height: 80px;
}


/* CHECKED STYLES */

[type=radio]:checked+img {
    outline: 1px solid white !important;
}

[type=radio]:hover+img {
    outline: 1px solid white !important;
    filter: brightness(150%);
    transition: all 0.2s ease;
}

.active-position+img {
    outline: 1px solid white !important;
    filter: brightness(150%);
    transition: all 0.2s ease;
}

.sweet-alert-position {
    position: fixed !important;
    justify-content: start !important;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 !important;
}

.sweet-alert-overplay {
    background-color: rgba(0, 0, 0, 0) !important;
}


/* END POSITION */


/* EDITOR SWITCH */

.editor-switch-container {
    position: relative;
    /* height: 32px; */
    height: auto;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.editor-switch-right {
    position: absolute;
    right: 8px;
    display: flex;
}

.bootstrap-switch {
    border-radius: 10px !important;
}

.editor-switch-right label {
    margin-bottom: 0 !important;
}


/* END EDITOR SWITCH */

.widget-editor-title {
    font-size: 10px;
    color: #b2b4b7;
    font-weight: 400;
    margin-bottom: 20px !important;
    text-transform: uppercase;
}

.widget-editor-popup-title {
    font-size: 1.2rem;
    font-weight: 400;
}

.widget-editor-label {
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    color: #b2b4b7;
    display: flex;
}

.widget-editor-hr {
    margin-top: 0;
    margin-bottom: .5rem;
    background-color: #b2b4b7;
    opacity: 0.3;
}

.widget-editor-hr-popup {
    width: 300px !important;
}

.widget-editor-form-control {
    min-height: 32px !important;
    height: 32px !important;
    margin-bottom: 10px;
    padding: 0 0 0 4px;
}

.popup-confirm-button-sm {
    padding: .5rem 3rem !important;
    font-size: .875rem !important;
    line-height: 1.5 !important;
    border-radius: .2rem !important;
}


/* COLOR PICKER */

.btn-color {
    position: relative;
    text-align: left;
}

.btn-color .colorPickSelector {
    position: relative;
    text-align: left;
    border: #b2b4b7 solid 1px;
    border-radius: 3px;
    padding-left: 27px;
    line-height: 30px;
    cursor: pointer;
    font-size: 13px;
    width: auto;
    height: auto;
    color: #b2b4b7;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}

.btn-color .btn-color-swatch {
    width: 20px;
    height: 20px;
    left: 4px;
    top: 50%;
    margin-top: -10px;
}

.btn-color-swatch {
    position: absolute;
    border: 1px solid #fff;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 4px;
}

#colorPick {
    width: 300px !important;
    z-index: 9999;
    background: rgb(73, 73, 73) !important;
}


/* END COLOR PICKER */

.further {
    animation-duration: 250ms !important;
}

.popup-label {
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
    color: #b2b4b7;
    text-align: left;
}

.iframeContainer {
    position: fixed;
    right: 0px;
    top: 48px;
    width: calc(100% - 340px);
}

.iframeContainer .iframeDemo {
    width: calc(100% - 340px);
    height: calc(100% - 62px);
}


/* CUSTOM CLASS STYLE */

.nav-tabs.nav-tabs-line a.nav-link.active g [fill],
.nav-tabs.nav-tabs-line a.nav-link:hover g [fill],
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active g [fill],
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover g [fill] {
    color: #fff !important;
}

.nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active,
.nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover,
.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active,
.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover {
    color: white !important;
    border-bottom: 3px solid #fff !important;
}

.nav-tabs.nav-tabs-line a.nav-link.active g [fill],
.nav-tabs.nav-tabs-line a.nav-link:hover g [fill],
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active g [fill],
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover g [fill] {
    fill: #fff !important;
}


/* CHOOSE APP */

.application-container {
    /* margin-top: 24px; */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 400px));
    grid-template-rows: repeat(auto-fit, minmax(100px, max-content));
    grid-gap: 50px;
    /* min-height: 780px; */
}

.list-template-container {
    /* margin-top: 24px; */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(316px, 324px));
    grid-template-rows: repeat(auto-fit, minmax(100px, max-content));
    grid-gap: 20px;
    min-height: 780px;
    /* justify-items: center; */
    justify-content: space-evenly;
    /* display: grid;
    border: 2px dashed rgba(114, 186, 94, 0.35);
    min-height: 600px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    background: rgba(114, 186, 94, 0.05);
    justify-items: center; */
}

.list-template-container-fake-and-hot {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 400px));
    grid-template-rows: repeat(auto-fit, minmax(100px, max-content));
    min-height: 540px;
    justify-content: space-evenly;
}

.list-template-container-fake-and-hot .list-template-item {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    /* padding: 60px 20px; */
    padding-top: 40px;
    transition: all 0.35s ease;
    height: 100%;
}

.list-template-container-banner-ads {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(600px, 600px));
    grid-template-rows: repeat(auto-fit, minmax(100px, max-content));
    /* grid-gap: 20px; */
    min-height: 780px;
    /* justify-items: center; */
    justify-content: space-evenly;
    /* display: grid;
    border: 2px dashed rgba(114, 186, 94, 0.35);
    min-height: 600px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    background: rgba(114, 186, 94, 0.05);
    justify-items: center; */
}

.application-list-item {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px 28px 24px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(76, 76, 76, 0.15);
    background: #fff;
    transition: all 0.35s ease;
    height: 100%;
}

.list-template-item {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px;
    /* border-radius: 4px;
    box-shadow: 0 2px 8px rgba(76, 76, 76, 0.15);
    background: #fff; */
    transition: all 0.35s ease;
    height: 100%;
}

.list-template-items,
.list-template-items-hot {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 324px));
    grid-template-rows: repeat(auto-fit, minmax(100px, max-content));
    margin: auto 155%;
    z-index: 99;
}

/* .nav-tabs .nav-item-report {
    width: 260px!important;
} */

@media(max-width: 414px) {
    .nav-tabs .nav-item-report {
        width: 100% !important;
        text-align: center;
    }

    .nav-tabs .nav-item-report .font-14 {
        font-size: 12px !important;
    }

    .nav-tabs .nav-item-report .report-none {
        display: none;
    }

    .view-moblie-report {
        width: 100%;
        text-align: center;
    }

    .noneMoblie {
        width: 0% !important;
    }

    .dateFlatpickr {
        width: 220px;
        margin-left: 70px !important;
    }

    .dateFlatpickr input {
        text-align: center;
    }

    .viewMoblieDateFlatpickr {
        display: block;
    }
}

.viewMoblieDateFlatpickr {
    display: none !important;
}

.center-parent {
    position: relative;
}

.center-me {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* .list-template-items .widget_template_item,
.list-template-items-hot .widget_template_item {
    margin-bottom: 40px;
} */


/* .list-template-items .widget_template_item:after,
.list-template-items-hot .widget_template_item:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 50%;
    left: 25%;
    top: 27%;
    z-index: 999;
    background: #c7c7c7;
} */


/* .list-template-items .widget_template_item:before,
.list-template-items-hot .widget_template_item:before {
    content: 'Hoặc sử dụng mãu có sẵn';
    display: block;
    position: absolute;
    left: 42.5%;
    top: 24.5%;
    z-index: 9999;
    background: #ffffff;
    padding: 10px 50px;
} */

.list-template-item-hot {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 60px;
    /* border-radius: 4px;
    box-shadow: 0 2px 8px rgba(76, 76, 76, 0.15);
    background: #fff; */
    transition: all 0.35s ease;
    height: 100%;
}

.application-list-item:hover .application-list-item-overlay {
    visibility: visible;
    opacity: 1;
    display: flex;
}

.application-list-item-inner {
    transition: 0.3s ease;
    z-index: 1;
    display: flex;
}

.application-list-item-inner-icon {
    height: 48px;
    margin-right: 28px;
    position: relative;
    margin-top: 4px;
}

.application-list-item-inner-icon i {
    font-size: 40px;
}

.application-list-item-inner-info {
    /* height: 48px; */
    height: auto;
    /* margin-right: 28px; */
    position: relative;
    margin-top: 4px;
}

.application-list-item-inner-info-title {
    font-size: 18px;
    font-weight: 600;
    color: #111111;
}

.application-list-item-inner-info-label {
    font-size: 14px;
    margin: 10px 0;
}

.application-list-item-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 4px;
    transition: 0.2s ease;
    background: rgba(255, 255, 255, 0.9);
}

.application-list-item-overlay-link {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.application-list-item-overlay-button {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 2;
}


/* CHOOSE APP */


/* DASH BOARD */

.application-dashboard-item-add-more {
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 4px;
    border: 1px dashed #111111;
    height: 100%;
}

.application-dashboard-item-add-more:hover .application-dashboard-overlay {
    visibility: visible;
    opacity: 1;
    display: flex;
}

.application-dashboard-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 4px;
    transition: 0.2s ease;
    background: rgba(255, 255, 255, 0.9);
}


/* DASH BOARD */

.bank_message {
    border: 1px #ccc dashed;
    background-color: #eeeeee;
    padding: 10px 20px;
    max-width: 180px;
    font-size: 16px;
    font-weight: bold;
    color: #0d75f6;
    text-align: center;
    margin: 20px 0;
}

.d-pointer {
    cursor: pointer;
}

.scaled-50 {
    transform: scale(0.45);
    width: 45%;
    /* height: 45%; */
}

.font-60 {
    font-size: 60px !important;
}

.font-40 {
    font-size: 40px !important;
}


/*facebook header size*/

.facebook-header [type='radio'] {
    opacity: 1;
    width: 10px;
    height: 10px;
    color: #fff;
}

.facebook-header label {
    color: #fff
}

.facebook-header {
    text-align: left;
}

.contact-form-edit-container {
    display: flex;
    flex-direction: column;
}

.contact-form-edit-row {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.contact-form-edit-item {
    width: 120px;
    height: 120Px;
    color: white;
    display: flex;
    flex-direction: column;
    background-color: #282a3c;
    justify-content: space-evenly;
    /* align-items: center; */
}

.contact-form-edit-item:hover {
    border: #fff solid 1px;
    background-color: #191a25;
    cursor: pointer;
}

.contact-form-edit-item i {
    font-size: 30px;
}


/* li i {
    float: right;
    margin: 0 4px;
    cursor: pointer;
} */


/* maxlead */

[data-element='btn-max_lead_messenger'] span:before {
    content: "\f39f";
    padding-right: 5px;
    box-sizing: border-box;
    font-family: "Font Awesome 5 Brands";
    font-weight: normal;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

[data-element='btn-max_lead_clicktocall'] span:before {
    content: "\f2a0";
    padding-right: 5px;
    box-sizing: border-box;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

[data-element='btn-max_lead_zaloUI'] span:before {
    content: "\f075";
    padding-right: 5px;
    box-sizing: border-box;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

[data-element='btn-max_lead_whatsapp'] span:before {
    content: "\f232";
    padding-right: 5px;
    box-sizing: border-box;
    font-family: "Font Awesome 5 Brands";
    font-weight: 600;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

[data-element='btn-max_lead_message'] span:before {
    content: "\f0e0";
    padding-right: 5px;
    box-sizing: border-box;
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

[data-element='btn-max_lead_map'] span:before {
    content: "\f3c5";
    padding-right: 5px;
    box-sizing: border-box;
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.max-lead-zalo-info {
    text-align: left;
    font-size: 1rem;
}

.pac-container {
    z-index: 99999051 !important;
}

.detail-suport-content li {
    color: #545454;
}

.detail-suport-content {
    text-align: left;
    overflow-y: scroll;
    margin: 20px;
    height: 425px;
}

.detail-suport-content ul {
    font-size: inherit;
}

.max-lead-zalo-info:hover {
    cursor: pointer;
    color: #fff;
}

.place-preview {
    width: 80px;
    height: 80px;
    position: relative;
    border: 4px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.place-preview #imagePreviewPlace {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #fff;
}

.flatpickr-input[readonly] {
    padding: 0.65rem 1rem;
}


/* sortable */

.border-item {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .125);
}

.border-black {
    border-color: #191a25;
}

.bg-black {
    background-color: #282a3c;
}

.bg-white {
    background-color: #fff;
}

.border-white {
    border-style: dashed;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.2);
}

.p1 {
    padding: .5rem;
}

.mb1 {
    margin-bottom: .5rem;
}

li {
    display: list-item;
    text-align: left;
    /* color: white; */
    /* border-radius: 4px; */
    position: relative;
}

.px1 {
    padding-left: .5rem;
    padding-right: .5rem;
}

.list-reset {
    list-style: none;
    padding-left: 0;
}

ul {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 1rem;
}

.h-item {
    height: 34px;
}


/* .upload-container {
    max-width: 960px;
    margin: 30px auto;
    padding: 20px; 
} */

.avatar-upload {
    position: relative;
    max-width: 205px;
    /* margin: 50px auto; */
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    justify-content: center;
    display: flex;
    align-items: center;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}


/* .avatar-upload .avatar-edit input+label:after {
    content: "\f044";
    font-family: 'Font Awesome 5 Free';
    color: #757575;
    position: absolute;
    top: 11px;
    left: 4px;
    right: 0;
    text-align: center;
    margin: auto;
} */

.avatar-upload .avatar-edit i.upload-edit-icon {
    top: 10px;
}

.avatar-upload .avatar-edit-fake {
    position: absolute;
    right: -42px;
    z-index: 1;
    top: -5px;
}

.upload-fake {
    margin-bottom: 10px;
}

.avatar-upload .avatar-edit-fake input {
    display: none;
}

.avatar-upload .avatar-edit-fake input+label {
    display: inline-block;
    width: 26px;
    height: 26px;
    /* top: 10px; */
    margin-bottom: 0;
    /* border-radius: 100%; */
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.upload-edit-icon-fake {
    position: absolute;
    top: 7px;
    left: 7px;
}

.avatar-upload .avatar-edit-fake input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}


/* .avatar-upload .avatar-edit-fake input+label:after {
    content: "\f044";
    font-family: 'Font Awesome 5 Free';
    color: #757575;
    position: absolute;
    top: 6px;
    left: 2px;
    right: 0;
    text-align: center;
    margin: auto;
} */

.avatar-upload-fake-bg .avatar-edit-fake-bg {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}

.avatar-upload .avatar-preview {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 3px;
    border: 4px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-preview-fake {
    width: 130px;
    height: 50px;
    position: relative;
    border: 2px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    /* border-radius: 100%; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.avatar-preview-fake>div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.irs--flat.irs-with-grid {
    width: 100% !important;
}

.irs--flat .irs-handle>i:first-child {
    left: 0 !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50%;
    top: -2px !important;
    background-color: #696969 !important;
    cursor: pointer;
}

.irs--flat .irs-bar {
    background-color: #696966 !important;
    height: 5px !important;
}

.irs--flat .irs-line {
    height: 5px !important;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
    background-color: #a0a0a0 !important;
}

.irs-with-grid .irs-grid {
    display: none !important;
}

h4.type_time {
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    color: #b2b4b7;
    display: flex;
}


/* active layout size news feed */


/* .active {
    padding: 2px;
} */

.border_img_footer {
    border: 1px solid white;
    margin-bottom: 6px;
    margin-right: 1rem;
    width: 21rem;
}

.border_img_footer:hover {
    border: 1px solid red;
}

.border_img_left {
    border: 1px solid white;
    margin-bottom: 10px;
}

.border_img_left:hover {
    border: 1px solid red;
}

.border_img_right {
    border: 1px solid white;
    margin-bottom: 10px;
}

.border_img_right:hover {
    border: 1px solid red;
}

.header-widget-detail {
    align-items: center;
}

.header-widget-detail-web {
    width: 200px;
}

.kt-mb-15 {
    padding-bottom: 15px !important;
}

.kt-mt-20 {
    margin-top: 20px !important;
}

.kt-mt-14 {
    margin-top: 14px !important;
}

.kt-pl10 {
    padding-left: 10px !important;
}

hr {
    margin-top: 0.1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.custom-tab-editor {
    border-bottom: 0px solid #dee2e6;
    justify-content: space-between;
    padding-right: 30px;
}

.custom-tab-editor .nav-link {
    background-color: transparent !important;
    border: none !important;
    color: white;
    padding: 14px 0;
    font-weight: 600;
}

.custom-tab-editor .nav-link i {
    font-size: 12px;
}

.custom-tab-editor .nav-link.active {
    color: #ea4335 !important;
    box-shadow: 0px -2px 0px 0px #ea4335 inset;
    border-bottom: none !important;
}

.custom-tab-editor .nav-link:hover {
    color: #ea4335 !important;
    box-shadow: 0px -2px 0px 0px #ea4335 inset;
    border-bottom: none !important;
}

.kt-widget4 .kt-widget4__item:first-child {
    padding-top: 0;
}

.kt-widget4 .kt-widget4__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ebedf2;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic {
    padding-right: 1rem;
}

.kt-widget4 .kt-widget4__item .kt-widget4__title {
    color: #595d6e;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 1.25rem;
    flex-grow: 1;
    transition: color 0.3s ease;
}

.kt-mr-10 {
    margin-right: 10px !important;
}

.kt-widget__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    border-top: 1px solid #ebedf2;
    margin-top: 2rem;
}

.kt-widget__bottom .kt-widget__item {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 2rem 1.5rem 0 0;
}

.kt-widget__bottom .kt-widget__item .kt-widget__details {
    padding-left: 1rem;
}

.widget-report {
    border-top: 1px solid #f3f3f3;
    margin: 0 20px;
}


/*  */

.container {
    max-width: 1460px;
    max-height: 1000px;
    margin: 0 auto;
    padding: 5px;
}

.container {
    display: flex;
}

.col-box {
    margin: 5px;
    text-align: center;
}

.col-box {
    width: 1460px;
}

@media(max-width:441px) {
    .container {
        display: flex !important;
        flex-wrap: wrap;
    }
}


/*  */

.text-red {
    color: #ea4335 !important;
}

.btn-fake {
    /* display: flex; */
    padding: 0px;
}

.custome-fake {
    position: relative;
    padding: 10px;
    cursor: pointer;
    display: flex;
    color: #000000;
    background-color: #e9ecef;
    margin: 10px 0px;
}


/* Quan - Contact form edit */

.list-form-container {
    color: #fff;
}

.list-form-container i.icon-delete-item {
    float: right;
    padding-left: 3px;
}

.list-form-container i.icon-edit-item {
    float: right;
    padding-left: 3px;
}


/* maxlead style */

.maxlead-style {
    padding: 5px;
    width: 33%;
}


/* // hien thi theo trang  //*/

label.kt-radio.clr-white {
    /* margin-left: 10px; */
    /* padding: 5px; */
    display: flex;
    cursor: pointer;
    transition: .3s ease-in-out;
}


/* label.kt-radio.clr-white:hover {
    background: #ececec;
    color: #000000 !important
.radio_select {
    margin-bottom: 0;
    margin-left: 20px;
}







/* halloween background */

.halloween-bg {
    background-image: url('../../hotProduct/img/halloween-2-bg.png') !important;
}

.halloween-bg::before {
    content: '';
    position: absolute;
    bottom: calc(100% - 19px);
    left: 4px;
    width: 60px;
    transform: rotate(-5deg);
    height: 58px;
    background: url('../../hotProduct/img/bat_wing.svg') 0 0 no-repeat;
    background-size: 100%;
}


/* new-year */

.new_year-bg {
    background-image: url('../../hotProduct/img/new_year-bg.png') !important;
}

.new_year-bg::before {
    content: '';
    position: absolute;
    bottom: calc(100% - 10px);
    left: 5px;
    width: 60px;
    height: 58px;
    background: url('../../hotProduct/img/new_year-icon_top.svg') 0 0 no-repeat;
    background-size: 100%;
}


/*  xmas background */

.xmas-bg {
    background-image: url('../../hotProduct/img/xmas-bg.png') !important;
}

.xmas-bg::before {
    background: url('../../hotProduct/img/xmas-icon_top.png') no-repeat 0 0;
    content: '';
    position: absolute;
    top: -38px;
    z-index: 1;
    right: 20px;
    background-size: 100%;
    width: 70px;
    height: 55%;
}


/* valentine background  */

.valentine-bg {
    background-image: url('../../hotProduct/img/valentine-2-bg.png') !important;
}

.valentine-bg::before {
    background-image: url('../../hotProduct/img/valentine-icon_top.svg') !important;
    content: '';
    position: absolute;
    bottom: calc(100% - 10px);
    left: 5px;
    width: 60px;
    height: 58px;
    background-size: 100%;
}


/* thanks giving background  */

.thanks-giving-bg {
    background-image: url('../../hotProduct/img/thanks_giving-bg.png') !important;
    /* align-items: flex-end; */
}

.thanks-giving-bg::before {
    background-image: url('../../hotProduct/img/thanks_giving-icon_top.svg');
    z-index: -1;
    content: '';
    background-size: inherit;
    position: absolute;
    width: 100%;
    height: 85px;
    left: 0px;
    top: -30%;
    transform: rotate(4deg);
}

.thanks-giving-bg::after {
    background-image: url('../../hotProduct/img/thanks_giving-icon_top.svg');
    z-index: -1;
    content: '';
    background-size: inherit;
    position: absolute;
    width: 100%;
    height: 85px;
    left: 0px;
    bottom: -25%;
    transform: rotate(3deg) scale(-1);
}


/* tet background */

.tet-bg {
    background-image: url('../../hotProduct/img/tet-2.png') !important;
}

/* .tet-bg::before {
    content: '';
    position: absolute;
    bottom: calc(100% - 22px);
    right: 0px;
    width: 60px;
    height: 58px;
    background: url('../../hotProduct/img/hoa-mai.png') 0 0 no-repeat;
    background-size: 100%;
} */

.tet-bg::after {
    content: '';
    position: absolute;
    bottom: calc(100% - 16px);
    left: 5px;
    width: 60px;
    /* transform: rotate(-10deg); */
    height: 58px;
    background: url('../../hotProduct/img/bowl.svg') 0 0 no-repeat;
    background-size: 80%;
}


/* black friday background */

.black-friday-bg {
    background-image: url('../../hotProduct/img/blackFriday-2-bg.png') !important;
}

.black-friday-bg::before {
    content: '';
    position: absolute;
    bottom: calc(100% - 17px);
    right: 4px;
    width: 60px;
    transform: rotate(27deg);
    height: 58px;
    background: url('../../hotProduct/img/black-friday.svg') 0 0 no-repeat;
    background-size: 100%;
}

p.radio_select {
    padding-left: 20px !important;
    margin-bottom: 0;
}

.note-newsfeed {
    color: #ff3c3c;
    padding-left: 10px;
}

.bootstrap-switch {
    border: 0 !important;
}

textarea.form-control {
    min-height: 100px !important;
}

.maxlead-style:hover {
    cursor: pointer;
}


/* / custome demo button  */

.text-tool {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.button-demo-main {
    margin-left: auto;
    margin-top: 9px;
    margin-bottom: 8px;
}

.button-demo-main .demo-button {
    background: #e9faf8;
    padding: 10px;
    color: #2bc9b7;
    line-height: 0;
    font-weight: 600;
    border-radius: 4px;
}

.button-demo-main .demo-button i {
    font-size: 14px;
    padding-right: 4px;
}

.button-demo-main .demo-button:hover {
    background: #2bc9b7;
    padding: 10px;
    color: #e9faf8;
}

.button-demo-main .demo-button i:hover {
    color: #ffffff;
}

.icon-premium-fake {
    position: absolute;
    top: 4px;
    right: 5px;
    padding: 4px;
    /* border-radius: 3px; */
    background-color: rgba(8, 25, 43, 0.65);
}

.icon-premium-fake::before {
    display: block;
    width: 14px;
    height: 14px;
    background: url('../images/icon-premium/premium.svg') center center no-repeat;
    background-size: 12px 12px;
    content: '';
}

.icon-premium-uploadAvaChatBot {
    position: absolute;
    top: 0px;
    right: 64px;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    background-color: rgb(64, 64, 64);
}

.icon-premium-uploadAvaChatBot::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url('../images/icon-premium/premium.svg') center center no-repeat;
    background-size: 12px 12px;
    content: '';
}

.icon-premium-uploadAva-default {
    position: absolute;
    top: 0px;
    cursor: pointer;
    right: 64px;
    padding: 8px;
    border-radius: 50%;
    background-color: #404040;
}

.icon-premium-uploadAva-default::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url('../images/icon-premium/premium.svg') center center no-repeat;
    background-size: 12px 12px;
    content: '';
}

.icon-premium-uploadAva {
    position: absolute;
    top: 0px;
    right: 130px;
    cursor: pointer;
    padding: 4px;
    /* border-radius: 50%; */
    background-color: rgb(64, 64, 64);
}

.icon-premium-uploadAva::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url('../images/icon-premium/premium.svg') center center no-repeat;
    background-size: 12px 12px;
    content: '';
}

.icon-premium-uploadProduct {
    position: absolute;
    top: 0px;
    right: 73px;
    padding: 4px;
    /* border-radius: 50%; */
    background-color: rgb(64, 64, 64);
}

.icon-premium-uploadProduct::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url('../images/icon-premium/premium.svg') center center no-repeat;
    background-size: 12px 12px;
    content: '';
}

.icon-premium-uploadFakeAva {
    position: absolute;
    top: 2px;
    right: 73px;
    cursor: pointer;
    padding: 6px;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgb(64, 64, 64);
}

.icon-premium-uploadFakeAva::before {
    display: block;
    width: 18px;
    height: 18px;
    background: url('../images/icon-premium/premium.svg') center center no-repeat;
    background-size: 12px 12px;
    content: '';
}

.icon-premium-uploadCount {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0px;
    left: -66px;
    padding: 8px;
    border-radius: 50%;
    background-color: rgb(64, 64, 64);
}

.icon-premium-uploadCount::before {
    display: block;
    height: 15px;
    background: url('../images/icon-premium/premium.svg') center center no-repeat;
    background-size: 14px 14px;
    content: '';
}

.icon-premium-fake-editor {
    position: absolute;
    top: 5px;
    right: 15px;
    padding: 4px;
    cursor: pointer;
    background-color: rgba(8, 25, 43, 0.65);
}

.icon-premium-fake-editor::before {
    display: block;
    width: 10px;
    height: 10px;
    background: url('../images/icon-premium/premium.svg') center center no-repeat;
    background-size: 10px 10px;
    content: '';
}

.icon-premium-tele-editor {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px;
    cursor: pointer;
    background-color: rgba(8, 25, 43, 0.65);
}

.icon-premium-tele-editor::before {
    display: block;
    width: 10px;
    height: 10px;
    background: url('../images/icon-premium/premium.svg') center center no-repeat;
    background-size: 10px 10px;
    content: '';
}


/* fake customer editor */

.activeFake {
    color: #fff;
    background-color: #335de7;
    border-color: #2754e6;
}

.text-bg {
    display: flex;
    text-transform: uppercase;
    color: #ffffff;
    padding: 15px 10px 15px 0px;
}

.main-background {
    display: flex;
    flex-wrap: wrap;
}

.background-fake-main {
    position: relative;
}

.icon-premium-editor-button-ava {
    z-index: 99;
    position: absolute;
    width: auto !important;
    height: auto !important;
    padding: 8px;
    background-color: rgb(64, 64, 64);
    top: 5px;
    left: -15px;
}

.icon-premium-editor-button-ava::before {
    display: block;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url(../images/icon-premium/premium.svg) center center no-repeat;
    background-size: 12px 12px;
    content: '';
}

.avatar-child {
    display: flex;
}

.modal-toggle {
    margin: 10px 0px;
    width: 15%;
    background: #ffffff;
    border: 0;
}

.modal-toggle:hover {
    margin: 10px 0px;
    width: 15%;
    background: #4b8cfa;
    color: #c1e0f9;
    border: 0;
}

.content_images_select {
    width: 100%;
}

.wrapper {
    width: 90%;
    max-width: 800px;
    margin: 4em auto;
    text-align: center;
}


/* Icons */

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    fill: currentcolor;
}


/* mobi */

.widget-editor-title-mobi {
    font-size: 10px;
    display: flex;
    color: #b2b4b7;
    font-weight: 400;
    margin-bottom: 20px !important;
    text-transform: uppercase;
    line-height: 20px;
}

.widget-editor-mobi-config {
    width: 100%;
}

.widget-editor-text-input {
    margin-bottom: 0;
}

.widget-editor-text-title {
    margin-bottom: 5px !important;
    text-align: left;
    padding-left: 0;
}


/* editor cd banner img*/

.editor-cd-banner-1 {
    width: 100%;
    background-repeat: repeat;
    background-position: left;
    background-size: contain;
}

.editor-cd-banner-2 {
    height: 64px;
    width: 140px;
}

.editor-cd-banner-icon::after {
    display: block;
    top: 10px;
    right: 15px;
    width: 10px;
    height: 10px;
    background: url(../images/icon-premium/premium.svg) center center no-repeat;
    background-size: 10px 10px;
    content: '';
    position: absolute;
    padding: 8px;
    background-color: rgba(8, 25, 43, 0.65);
}

.editor-cd-banner-2 {
    margin-right: 0;
}

.editor-cd-banner-container {
    position: relative;
    width: 50%;
    display: flex;
    padding: 0 5px;
}

.editor-cdbanner-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.editor-cd-banner-1 {
    margin-right: 0px;
}


/* custom editor */

.nav-tabs .nav-item {
    width: 50%;
}

.custom-tab-editor {
    padding-right: 0px;
}

.custom-tab-editor .nav-link.active {
    color: #fff !important;
    background-color: #ea4335 !important;
}

.nav-tabs .nav-link {
    border-radius: 0;
}

.custom-tab-editor .nav-link {
    text-align: center;
}

.custom-tab-editor .nav-link i {
    padding-right: 3px;
}

.widget-header .save-widget {
    font-weight: 600;
    padding: 0 20px;
    width: auto;
    border-radius: 0;
}

.widget-header .save-widget i {
    padding-right: 5px;
}

.custom-tab-editor .nav-link {
    font-size: 13px;
}

.list-background-container {
    height: 86%;
    overflow: auto;
}

.custom-sweet-content {
    height: 100%;
}

.custom-sweet-content #swal2-content {
    height: 100%;
}

.fbchat-custom {
    width: 46% !important;
}

::-webkit-scrollbar {
    width: 5px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
}

/* add on css */
.nameWebsiteWidget {
    min-width: 38px;
}

.nameWebsiteWidget:hover {
    background: #0abb87;
    color: #fff;
}

.wd-dropdown {
    position: relative;
}

.wd-dropdown-content {
    right: -50px;
    display: block;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 1px 0 20px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, .08);
    -moz-box-shadow: 1px 0 20px rgba(0, 0, 0, .08);
    z-index: 1;
    border-radius: .25rem;
    border-color: #e9ecef;
    margin-top: 5px;
    margin-right: 35px;
    padding: .5rem 0;
}

.wd-dropdown i {
    padding: 7px;
    border-radius: .25rem;
    background: #c6d9ff;
    cursor: pointer;
}

.wd-dropdown:hover i {

    color: #fff !important;
    background: #4b8cfa;
    -webkit-transition: all 0.3s ease;
    transition: all 0.2s ease;
}

.wd-option {
    padding: 7px 1.5rem;
}

.wd-option:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}
#datatable_customer_widget tbody .CONTACTED{
    background: #28a745!important;
}