@charset "UTF-8";

html body {
    font-family: 'Roboto', sans-serif;
    overflow: auto;
}

a {
    color: #4679CC;
}

/*Boostrap maxlength*/
.bootstrap-maxlength {
    background: white;
    font-size: 10px;
    line-height: 15px;
    padding-right: 5px;
    padding-left: 5px;
}

/*override theme*/
span.text-danger, div.text-danger {
    color: #FF3B30 !important;
}

.btn {
    font-size: 0.875rem;
}

.btn, .tooltip-inner {
    font-family: 'Roboto', sans-serif !important;
}

.original-font-size {
    font-size: 13px !important;
}

.height-fit-content {
    height: fit-content !important;
}

.border-top-as-hr {
    border-top: 1px solid #c5c5c7;
}

.text-normal {
    color: #666666 !important;
}

.is-invalid, .was-validated .form-control:invalid, .form-control.is-invalid {
    /*color: red;*/
    border: 1px solid #ff3b30;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff0000' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
}

.invalid-feedback {
    color: #ff3b30;
}

.border-red {
    border-color: #ff3b30 !important;
}

.red {
    color: #ff3b30 !important;
}
/*-----------top meunu-------------*/
#js-nav-menu-wrapper-left-btn, #js-nav-menu-wrapper-right-btn {
    display: none !important
}

/*nav bar autoads tool*/
#navbarAutoAdsTools a {
    height: 66px;
    line-height: 53px;
    color: #000000;
    font-size: 14px;
    _width: 140px;
    text-align: center;
    padding-right: 1rem;
    padding-left: 1rem;
}

.true-black-color {
    color: #666666;
}

#navbarAutoAdsTools li:hover a {
    color: rgba(255, 255, 255, 1) !important;
}

.nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
    font-size: 14px !important;
}

.nav-function-top #navbarAutoAdsTools .nav-item.active a {
    color: #FFFFFF;
}

.nav-function-top #navbarAutoAdsTools .nav-item:not(.active) a {
    color: rgba(255, 255, 255, 0.8);
}

#new {
    background: #4679CC;
    border-radius: 4px;
    float: right;
    margin-top: 12px;
    text-align: center;
    color: #FFFFFF;
    line-height: 16px;
    padding: 3px 4px 2px;
    font-size: 12px;
}

#user-name {
    padding: 5px;
    font-size: 14px !important;
    max-width: 50px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    white-space: nowrap;
    display: block;
}

.content-headerMenu .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after {
    background: none;
}

/* class helpper */
.none {
    display: none
}


/* Tooltip */
.tooltip.show {
    z-index: 99999;
}

.tooltip .tooltip-inner a {
    color: #ffffff;
    text-decoration: underline !important;
}

    .tooltip .tooltip-inner a:hover {
        color: #4679cc;
    }

/* jq validation  */
.field-validation-error {
    color: red;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error, textarea.input-validation-error {
    border: 1px solid red !important;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: red;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.error {
    color: #e80c4d;
}

.area-error {
    float: left;
    width: 100%;
    padding-left: 0px;
}
/* end jq validation  */


/* Fb setup step  */
.fbads-container {
    color: #1d243e;
    font-style: normal;
    font-size: 13px;
    font-weight: normal;
    line-height: 24px;
}

.fbads--header-title {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
}

.fbads--box-content {
    background: #fff;
    box-shadow: 0px 1px 2px rgba(29, 36, 62, 0.16);
    border-radius: 4px;
    margin-top: 16px;
    padding: 16px;
}

.fbads--step-title {
    font-weight: bold;
    color: #666666;
    font-size: 16px;
    min-height: 24px;
    margin-bottom: 4px;
}

.fbads--text-content {
    color: #868E96;
    min-height: 24px;
    line-height: 24px;
    /*margin-bottom: 16px;*/
    font-size: 13px;
}

.mt-16 {
    margin-top: 16px;
}

.fbads--button-step1 {
    color: #4679cc;
    font-weight: normal;
    border-radius: 4px;
    cursor: pointer;
}

.fbads--box-account-ads {
    border: 1px solid #d8dde6;
    border-radius: 4px;
    padding: 16px;
}

.fbads-flexbox {
    display: flex;
    align-items: center;
}

.fbads-dropdown {
    border-radius: 4px;
    border: 1px solid #E9EEF7;
    height: 32px;
    padding: 4px 8px;
}

.fbads-mr-8 {
    margin-right: 8px;
}

.fbads-lstAcc {
    padding-top: 15px;
}

    .fbads-lstAcc .custom-checkbox {
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .fbads-lstAcc .custom-checkbox span {
            float: right;
        }

            .fbads-lstAcc .custom-checkbox span.disabled {
                color: #868e96;
            }


#list_accFb_scroll {
    max-height: 180px;
}

.pb-8 {
    padding-bottom: 8px;
}

.btn_connect {
    float: right;
    margin-top: 16px;
}

.dropdown-item {
    padding: 8px 13px;
}

    .dropdown-item .img-fb {
        width: 32px;
        height: 32px;
        border-radius: 50%;
    }

.dropdown-menu .input-group {
    width: auto;
    margin: 16px 12px;
}

.ads-account-box {
    -webkit-transition: all linear 1s !important;
    transition: all linear 0.5s;
}

    .ads-account-box.ng-hide {
        opacity: 0;
    }

.fbads-spinner {
    width: 3rem;
    height: 3rem;
    margin-top: 7%;
    margin-bottom: 7%;
    color: #4679CC
}

.fbads-dropdown-account {
    min-width: 240px;
    position: absolute;
    will-change: top, left;
    top: 37px;
    left: 0px;
}

.table--add-staff tr th {
    color: #666666;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 500;
}

.fbads-textlink {
    color: #4679CC;
    cursor: pointer !important;
    outline: none;
}

.empty-ads-box {
    height: 180px;
    text-align: center;
}

    .empty-ads-box img {
        width: 56px;
        height: 56px;
        margin-top: 4%;
        margin-bottom: 16px;
    }

.border-circle {
    border-radius: 50% !important;
}

a.link-direct {
    color: #4679CC !important;
    font-weight: normal !important;
}

@keyframes spinnerLoading {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.active.btn-default {
    background-color: #4679CC !important;
}
/*End loading css*/


/*Căn trái head table*/
.thead {
    text-align: left !important;
}
/*min-height datatables*/
.dataTables_scrollBody {
    /*min-height: 140px;*/
}

.subheader-title {
    font-weight: bold !important;
}
/*title của trang*/
.header-page-title {
    font-weight: 600;
    font-size: 22px;
    color: #666666;
}

/*--------chart css-----------*/
.highcharts-legend-item tspan {
    font-weight: normal;
}
/*-------end chart css-------*/

/*---------breadcum------------*/
.breadcrumb > li > a {
    color: #4679CC;
}

.breadcrumb > li.breadcrumb-item {
    max-width: unset !important;
}

/*menu-Active*/
.menu-active {
    color: #4679CC !important;
    font-weight: bold !important;
}

/*DataTables - remove background of processing*/
/*.dataTables_processing {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}*/
.no-border {
    border: none !important;
}
/* Loading data */
.box-loading-data .spinner-border {
    width: 2.5rem;
    height: 2.5rem;
    color: #4679CC;
}

.box-loading-data .spinner-text {
    margin-top: 5px;
}


/* Table */
table.dataTable th {
    line-height: 20px !important;
    vertical-align: middle;
    /*font-weight: bold;*/
}

table.dataTable thead th:before,
table.dataTable thead th:after {
    font-weight: 100;
}

table.dataTable td {
    line-height: 24px !important;
    vertical-align: middle;
}

table.dataTable .no-wrap {
    white-space: nowrap;
}

table.dataTable .vertical-middle {
    vertical-align: middle;
}

/*TOAST CSS CUSTOM*/
.toast-error {
    background-color: #B31A1A !important;
}

/*DashBoard*/
.view-details-link {
    color: #4679CC !important;
}
/*End DashBoard*/
/*----------Block Rule-----------------*/
a.custom-nav.active {
    color: #886ab5 !important;
    background: none !important;
}

a.custom-nav {
    color: #494949;
    padding: 0.5rem 0rem !important;
}

.head-left-tab {
    font-weight: 600;
    color: #000;
    font-size: 17px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dde6e9;
    margin: 0px -20px 0px -20px;
}
/*.switch input:checked + span {
    background-color: #2BCB97 !important;
    border-color: #2BCB97 !important;
    transition: all .5s;
}
.switch span {
    width: 35px !important;
    height: 20px !important;
    position: relative;
    display: inline-block;
    border: 1px solid #bbb;
    border-radius: 100px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
    vertical-align: middle;
}
.switch * {
    cursor: pointer;

.dropdown-changeWS {
    float: left;
    width: 119px;

border-left: 1px solid #5e78a1;
border-right: 1px solid #5e78a1;
height: 44px;
margin-left: -20px
}*/

.role {
    font-style: normal;
    font-size: 11px;
    line-height: 16px;
    color: #FFFFFF;
    opacity: 0.64;
}

.wsname {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    font-style: normal;
    line-height: normal;
    left: 30px;
}

.switch input:checked + span:after {
    left: 50%;
    transition: all .2s;
}

.switch span:after {
    background-color: white !important;
    border: #ccc !important;
    height: 18px !important;
    width: 17px !important;
    content: "";
    position: absolute;
    top: 0;
    border-radius: 400px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

/*----------End Block Rule-----------------*/
.dropdown-changeWS {
    padding-top: 4px !important;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    margin: 23px 9px 23px 11px;
}

.container-changWS {
    padding: 11px 0 !important;
    min-width: 144px;
    border-left: 1px solid #4679cc75;
    border-right: 1px solid #4679cc69;
    color: #fff;
    margin: 12px 0;
    /*justify-content: center;*/
}

.conten-changetWS a:hover {
    color: #fff;
}

.dropdowContentMenu {
    width: fit-content;
    right: 0;
    left: 0;
    float: right;
}

.divider-dropdown {
    border-bottom: 1px solid #dee2e6
}

.dropdowContentMenu a {
    color: #666 !important;
}

    .dropdowContentMenu a:hover {
        color: #6e4e9e !important;
    }

.item-padding {
    padding-left: 16px;
    padding-right: 16px;
}


.container-WS {
    font-size: 13px;
    line-height: 24px;
}

.Managerws {
    line-height: 24px;
    font-size: 13px;
}

.icon-marginright {
    margin-right: 10px;
}
/*end Change workspace*/

/*TOP Menu*/
.nav-item.active {
    /*border-bottom: 3px solid #fff;*/
    box-shadow: inset 0px -3px 0px #fff;
}

.nav-item.active {
    font-weight: bold;
}

.cls-fbads {
    padding-right: 32px;
}

.hide-paging {
    display: none !important;
}
/*partial GMC*/
#non-data-GMC {
    width: 554px;
}

.non-data-padding {
    margin: 32px auto 21px;
}

#non-data-ggads {
    width: 642px
}

#non-data-analytics {
    width: 650px
}

/* Common margin */

.mt-1px {
    margin-top: 1px;
}

.mt-4px,
.my-4px {
    margin-top: 4px !important;
}

.mb-4px,
.my-4px {
    margin-bottom: 4px !important;
}

.ml-4px,
.mx-4px {
    margin-left: 4px !important;
}

.mr-4px,
.mx-4px {
    margin-right: 4px !important;
}

.mt-8px,
.my-8px {
    margin-top: 8px !important;
}

.mb-8px,
.my-8px {
    margin-bottom: 8px !important;
}

.ml-8px,
.mx-8px {
    margin-left: 8px !important;
}

.mr-8px,
.mx-8px {
    margin-right: 8px !important;
}

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

.mb-14px,
.my-14px {
    margin-bottom: 14px !important;
}

.ml-14px,
.mx-14px {
    margin-left: 14px !important;
}

.mr-14px,
.mx-14px {
    margin-right: 14px !important;
}

.mt-16px,
.my-16px {
    margin-top: 16px !important;
}

.mb-16px,
.my-16px {
    margin-bottom: 16px !important;
}

.ml-16px,
.mx-16px {
    margin-left: 16px !important;
}

.mr-16px,
.mx-16px {
    margin-right: 16px !important;
}

.mt-24px,
.my-24px {
    margin-top: 24px !important;
}

.mb-24px,
.my-24px {
    margin-bottom: 24px !important;
}

.ml-24px,
.mx-24px {
    margin-left: 24px !important;
}

.mr-24px,
.mx-24px {
    margin-right: 24px !important;
}

.mb-12px {
    margin-bottom: 12px !important;
}

.ml-12 {
    margin-left: 12px !important;
}

.mb-15px {
    margin-bottom: 15px !important;
}
/* End Common margin */

/* Common padding */

.pt-1px {
    padding-top: 1px !important;
}

.pt-2px {
    padding-top: 2px !important;
}

.pt-8px {
    padding-top: 8px !important;
}

.p-24px {
    padding: 24px !important;
}

.page-content {
    color: #3c3c43 !important;
}

.text-color1 {
    color: #3c3c43 !important;
}

.text-color2 {
    color: #6c6c70 !important;
}

.text-color3 {
    color: #c5c5c7 !important;
}

.fs-13 {
    font-size: 13px !important;
}

.text-color-danger {
    color: #FF3B30 !important;
}



/* End Common padding */

.circle-title {
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    line-height: 23px;
}

.circle-title-PN-color {
    border: 1px solid #3c3c43;
    color: #3c3c43;
}




/*MaxLead YENNT*/
/*scroll responsive*/
.nav-scroller {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.nav-scroller-nav {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    align-self: center;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.nav-scroller-content, .nav-scroller-items {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.nav-scroller-content {
    min-height: 44px;
    will-change: transform;
}

    .nav-scroller-content:not(.no-transition) {
        transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.nav-scroller-item {
    cursor: pointer;
}

.nav-scroller-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    min-height: 44px;
    padding: 12px 5px 10px 5px;
    font-size: 1.25rem;
    color: #000;
    background: #fff;
    transition: color .3s, opacity .3s;
    cursor: pointer;
    box-shadow: 0 2.9px 2.2px rgba(0,0,0,0.034), 0 6.7px 5.3px rgba(0,0,0,0.048), 0 12.5px 10px rgba(0,0,0,0.06), 0 22.3px 17.9px rgba(0,0,0,0.072), 0 41.8px 33.4px rgba(0,0,0,0.086), 0 100px 80px rgba(0,0,0,0.12);
}

    .nav-scroller-btn:hover {
        color: #666;
    }

    .nav-scroller-btn:focus {
        outline: 0;
    }

    .nav-scroller-btn:not(.active) {
        opacity: 0;
        pointer-events: none;
    }

.nav-scroller-icon {
    display: inline-block;
    position: relative;
    top: -0.1em;
    fill: currentColor;
    vertical-align: middle;
}

.nav-scroller-btn--left {
    left: 0;
}

.nav-scroller-btn--right {
    right: 0;
}

.nav-scroller-logo {
    display: inline-block;
    padding: .5rem;
    margin-right: 1rem;
    font-size: 1.75rem;
    font-weight: bold;
}


.nav-scroller--controls-inline .nav-scroller-btn:not(.active) {
    opacity: 0;
    pointer-events: none;
}

.nav-scroller--expand .nav-scroller-nav, .nav-scroller--expand .nav-scroller-content {
    width: 100%;
}

.nav-scroller--right .nav-scroller-nav {
    margin-left: auto;
}

.nav-scroller--snap .nav-scroller-nav {
    -ms-scroll-snap-type: x proximity;
    scroll-snap-type: x proximity;
    scroll-padding: 0 44px;
}

.nav-scroller--snap .nav-scroller-content:not(.no-transition) .nav-scroller-item {
    scroll-snap-align: start;
}

.nav-scroller--snap .nav-scroller-content:not(.no-transition).snap-align-end .nav-scroller-item {
    scroll-snap-align: end;
}

.nav-scroller-group {
    flex-direction: column;
    align-items: flex-start;
}

    .nav-scroller-group:not(:first-child) {
        border-left: 1px solid #ddd;
        margin-left: -1px;
    }

.nav-scroller-group-title {
    font-weight: bold;
}

.nav-scroller-items .nav-scroller-item {
    text-align: center;
    min-width: 80px;
}

.nav-scroller-item.active {
    border-bottom: 3px solid #4679cc
}

aside {
    box-shadow: 0px 0px 14px 0px rgba(37, 74, 135, 0.13);
}
/*scroll responsive*/
/* End MaxLead YENNT */

/*custom color checkbox*/
.custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    color: #fff;
    border-color: #4679CC;
    background-color: #4679CC;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #4679CC;
}

input[type="radio"]:checked + .custom-control-label,
input[type="checkbox"]:checked + .custom-control-label {
    font-weight: normal;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #AAC1E8;
}

@media (min-width: 992px) {
    .nav-function-top .page-sidebar .primary-nav .nav-menu {
        /*flex:none!important;*/
        justify-content: center;
    }
}

.footer-note-order strong i {
    transform: rotate(90deg);
    margin-right: 3px;
}

.form-control:focus ~ .input-group-prepend {
    background: #fff !important;
}

/*Upload Image*/
.file-selection-area .warning-extension {
    font-size: 12px;
    line-height: 16px;
    color: #6C6C70;
    float: left;
    word-break: break-word;
    width: 100%;
}

.file-selection-area .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

/*Popup Cropper Image*/
#cboxContent {
    position: relative;
    margin-left: 30px !important;
    margin-top: 20px;
    padding: 0;
    border-radius: 6px;
    background: #ffff;
    overflow: hidden;
}

#cboxLoadedContent {
    margin-bottom: 0 !important;
}

#cboxLoadedContent {
    overflow: hidden !important;
}

.display_none {
    display: none !important;
}

/*Push Notification Campaign*/
.changeOS {
    cursor: pointer;
}

.btnwindow {
    background-image: url('/Campaign.web/Content/Images/icon/windows/normal.svg');
    background-position-x: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

    .btnwindow:hover {
        background-image: url('/Campaign.web/Content/Images/icon/windows/hover.svg');
        background-position-x: center;
        width: 40px;
        height: 40px;
    }

    .btnwindow.active {
        background-image: url('/Campaign.web/Content/Images/icon/windows/active.svg');
        background-position-x: center;
        width: 40px;
        height: 40px;
    }

.btnandroid {
    background-image: url('/Campaign.web/Content/Images/icon/android/normal.svg');
    background-position-x: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

    .btnandroid:hover {
        background-image: url('/Campaign.web/Content/Images/icon/android/hover.svg');
        background-position-x: center;
        width: 40px;
        height: 40px;
    }

    .btnandroid.active {
        background-image: url('/Campaign.web/Content/Images/icon/android/active.svg');
        background-position-x: center;
        width: 40px;
        height: 40px;
    }

.btnios {
    background-image: url('/Campaign.web/Content/Images/icon/apple/normal.svg');
    background-position-x: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

    .btnios:hover {
        background-image: url('/Campaign.web/Content/Images/icon/apple/hover.svg');
        background-position-x: center;
        width: 40px;
        height: 40px;
    }

    .btnios.active {
        background-image: url('/Campaign.web/Content/Images/icon/apple/active.svg');
        background-position-x: center;
        width: 40px;
        height: 40px;
    }

.custom-panel {
    background: #fff;
    box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 4px;
    transition: border 500ms ease-out;
    display: inline-flex;
}

.changeOS:hover {
    color: #3366b9;
}

.btnwindow-text.active, .btnios-text.active, .btnandroid-text.active {
    color: #4679cc !important;
    font-weight: bold;
}

.fs-32 {
    font-size: 32px !important;
}

.border-bottom {
    border-bottom: 1px solid #e6e6e6;
}

.border-right {
    border-right: 1px solid #e6e6e6 !important;
}

.border {
    border: 1px solid #e6e6e6;
}

.mb-12 {
    margin-bottom: 12px !important;
}
/*End Push Notification Campaign*/

.no-data-chart {
    background: url(/Content/Images/no-data-chart.svg) no-repeat center calc(50% - 48px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.number-box {
    position: relative;
    padding: 16px 14px;
    background: white;
    line-height: 24px;
    border: 1px solid #E6E6E6;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

    .number-box .last-number-line {
        position: absolute;
        bottom: 16px;
        right: 14px;
    }

.code-box {
    width: 100%;
    position: relative;
    background: #F5F5F5;
    line-height: 24px;
    border: 1px solid #E6E6E6;
    border-left: 0px;
    padding: 16px 0px 16px 16px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.widget-code {
    display: block;
    margin-right: 130px;
    border-radius: 8px;
    white-space: pre-line;
}

.btn-copy-code {
    position: absolute;
    top: 10px;
    right: 10px;
}

.apn-copied {
    color: #fff;
    background: #666666;
}

.form-control:focus {
    border-color: #4679cc;
}

.daterangepicker table tr td.active:active, .daterangepicker table tr td.active.highlighted:active, .daterangepicker table tr td.active.active, .daterangepicker table tr td.active.highlighted.active, .daterangepicker table tr td.selected, .daterangepicker table tr td.selected.highlighted, .daterangepicker table tr td span.active.active, .daterangepicker table tr td span.focused {
    background-color: #4679CC !important;
}

.daterangepicker .ranges li.active {
    background-color: #4679CC !important;
}

.pagination .active .page-link {
    background-color: #4679CC !important;
    color: white !important;
}

.pagination .page-link:hover {
    background-color: #4679CCdb !important;
    color: white !important;
}

.daterangepicker .drp-buttons .btn {
    font-size: 14px !important;
    height: 37px !important;
    font-weight: normal;
}

.pagination .page-item:first-child:not(.active) .page-link, .pagination .page-item:last-child:not(.active) .page-link, .pagination .page-item.disabled .page-link {
    background: #AAC1E8 !important;
}

.page-link {
    color: #4679CC !important;
}

.pagination .next i, .pagination .previous .i {
    font-weight: bold;
}

.form-control.is-invalid {
    background-image: none !important;
}

    .form-control.is-invalid:focus {
        box-shadow: unset;
    }

.btn-danger {
    background-color: #ff3b30 !important;
    border-color: #ff3b30 !important;
}

body #cboxOverlay {
    background: none !important;
    background-color: #1D243E !important;
    opacity: 0.4 !important;
}

.breakline-anchor {
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto
}

.nav-tabs .nav-link.active {
    font-weight: bold !important;
    color: #4679CC !important;
}

.nav-tabs-clean .nav-item .nav-link.active {
    border-bottom: 2px solid #4679CC;
}

.btn-outline-default:hover,
.btn-outline-default:not(:disabled):not(.disabled):active,
.btn-outline-default:not(:disabled):not(.disabled).active,
.show > .btn-outline-default.dropdown-toggle {
    background-color: #fff !important;
    border-color: #4679CC !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #4679CC;
    text-decoration: none;
    background-color: #F5F5F5;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #4679CC;
    text-decoration: none;
    background-color: #F5F5F5;
}

.no-paddingleft {
    padding-left: 0 !important
}

.push-info-total {
    display: flex;
    justify-content: center;
    flex-flow: column
}

.dataTables_empty {
    color: #3c3c43 !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below,
.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #4679cc !important
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #F5F5F5 !important;
    color: #4679cc !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4679cc !important;
    color: #fff !important;
}

.pb-12 {
    padding-bottom: 0.75rem !important;
}

.pt-12 {
    padding-top: 0.75rem !important;
}

/* form validation */
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
    color: #FF3B30;
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
    .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #FF3B30;
    }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #FF3B30;
    background-color: #FF3B30;
}

input[type="radio"]:not(:checked).custom-control-input.is-invalid + label:hover:before {
    border-color: #FF3B30;
}

.text-color-success {
    color: #13867A !important;
}

.text-color-warning {
    color: #F4A500 !important;
}

.bg-color-warning {
    background-color: #FFC241 !important;
}

.bg-danger-color {
    background-color: #FFD0CE !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.border-radius-1 {
    border-radius: 4px !important;
}

.text-color-white {
    color: #fff !important;
}

.bg-thead {
    background: #f5f5f5;
    color: #6C6C70;
}

.bg-default {
    background-color: #F5F5F5 !important;
}

.bg-full-limited {
    background-color: #FF9E99 !important;
}

.none-border {
    border: none !important;
}

.border-left {
    border-left: 1px solid #e6e6e6 !important;
}

.text-color-primary {
    color: #4679CC !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

/*nav- box -right*/
#nav-box-right {
    top: 0;
    left: 75%;
    height: 50px;
    display: block;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    #nav-box-right .dropdown-multilevel > .dropdown-item:first-child:after {
        display: none !important;
    }

    #nav-box-right .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
        background-color: transparent !important;
    }

    #nav-box-right .dropdown-multilevel .dropdown-menu {
        top: 45px;
        right: 0;
        left: 0;
    }

.pl-28 {
    padding-left: 28px !important;
}

.text-color-checkcircle {
    color: #1DC9B7 !important;
}

.bg-success-custom {
    background-color: #E4FBF9 !important;
}

.bg-custom1 {
    background-color: #EBF0FA !important;
}

.text-color-mainblue {
    color: #2B559B !important;
}

.border-gray3 {
    border: 1px solid #c5c5c7 !important;
}

.border-left-gray3 {
    border-left: 1px solid #c5c5c7 !important;
}

.border-right-gray3 {
    border-right: 1px solid #c5c5c7 !important;
}

.border-top-gray3 {
    border-top: 1px solid #c5c5c7 !important;
}

.border-bottom-gray3 {
    border-bottom: 1px solid #c5c5c7 !important;
}

.border-gray4 {
    border: 1px solid #E6E6E6 !important;
}

.border-left-gray4 {
    border-left: 1px solid #E6E6E6 !important;
}

.border-right-gray4 {
    border-right: 1px solid #E6E6E6 !important;
}

.border-top-gray4 {
    border-top: 1px solid #E6E6E6 !important;
}

.border-bottom-gray4 {
    border-bottom: 1px solid #E6E6E6 !important;
}

.p-12 {
    padding: 12px !important
}

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

.bg-color-warning {
    background-color: #FFC241 !important;
}

.mt-12 {
    margin-top: 12px;
}

.upgrade-popover_line-break {
    width: 100%;
    position: absolute;
    bottom: 66px;
    left: 0;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    content: "\f176" !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    content: "\f175" !important;
}

.DTFC_LeftHeadWrapper:before, .DTFC_LeftBodyWrapper:before, .DTFC_LeftFootWrapper:before {
    background: #c5c5c7 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner {
    overflow-y: hidden !important;
}

.bg-gray {
    background-color: #e6e6e6 !important;
}

.bg-tag {
    background-color: #EBF0FA !important;
}

.ml-g {
    margin-left: 1.25rem;
}

.mt-g {
    margin-top: 1.25rem;
}

.mr-g {
    margin-right: 1.25rem;
}

.m-g {
    margin: 1.25rem;
}

.pl-g {
    padding-left: 1.25rem;
}

.pb-g {
    padding-bottom: 1.25rem;
}

.pt-g {
    padding-top: 1.25rem;
}

.pr-g {
    padding-right: 1.25rem;
}

.p-g {
    padding: 1.25rem;
}

.custom-menu-icon {
    width: 19px;
    height: 18px;
    margin-right: 8px;
}

.other-report-icon {
    background-image: url('../../Images/Icons/other-report-icon.png');
}

.goole-ads-icon {
    background-image: url('../../Images/Icons/google-ads-icon.png');
}

.danh-sach-icon {
    background-image: url('../../Images/Icons/danh-sach-icon.png');
}

.border-success {
    border: 0.5px solid #4de505;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background: rgba(70, 121, 204, 0.12) !important;
    -webkit-box-shadow: inset 0 0 0px 1px #4679CC !important;
    box-shadow: inset 0 0 0px 1px #4679CC !important;
}

.select2-results__message {
    color: #D32E2A !important;
}


/* Fix style dropdown website */
.wrap-listWebsite-dropdown .current-webiste-name {
    max-width: 450px !important;
}

.wrap-listWebsite-dropdown .dropdown-menu .dropdown-item {
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}