body,
html {
    font-family: "Inter" !important;
    background-color: #F9FAFB !important;
    color: #181C32 !important;
}

:root {
    --kt-app-header-height:50px !important;
    --kt-app-header-height-actual:50px !important;
    /**chart-detail-social*/
    /*--red-main: #F87B7B !important;*/
    /*--blue-main: #2F81FC !important;*/
    /*--green-main: #50CD89 !important;*/
    --red-main: #F64E60 !important;
    --blue-main: #2B00FF !important;
    --green-main: #FFA800 !important;
    /**END-chart-detail-social*/
}

.login-body {
    background-image: url("../images/login_bg.jpg") !important;
    background-size: cover !important;
}

@media (min-width: 768px) {
    .start-90 {
        left: 100% !important;
    }
}
.text-blue-main {
    color: #2F81FC !important;
}

.text-black-main {
    color: #181C32 !important;
}

.text-texxt {
    color: #5E6278 !important;
}

.text-fail {
    color: #F1416C !important;
}

.text-sub-text {
    color: #7E8299 !important;
}

.text-green-main {
    color: #50CD89 !important;
}

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

.text-table-text {
    color: #7E8299 !important;
}

.text-table-head {
    color: #B5B5C3 !important;
}

.border-gray {
    color: #E4E6EF !important;
}

.textbox-color {
    color: #F5F8FA !important;
}

.text-muted {
    color: #B5B5C3 !important;
}

.bg-gradient {
    background: linear-gradient(180deg, #FFFFFF 42.24%, rgba(0, 203, 247, 0.22) 176.32%, rgba(0, 203, 247, 0.12) 176.32%), #FFFFFF !important;
}

.gradient {
    background: linear-gradient(180deg, #009EF7 0%, rgba(0, 158, 247, 0.08) 100%) !important;
}

.text-shadow {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

.bg-primary {
    background-color: #2F81FC !important;
}

.bg-secondary {
    background-color: #131242 !important;
}

/**Menu**/
@media (min-width: 1024px) {
    .app-header {
        display: none;
    }
}
#kt_app_sidebar {
    background-color: #F2F3F5 !important;
}

.app-sidebar .menu .menu-item.show > .menu-link .menu-title {
    color: #181C32 !important;
    font-weight: bolder;
}

.app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #5E6278 !important;
}

.app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #5E6278 !important;
}

.app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #131242 !important;
}

.app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet {
    background-color: #5E6278 !important;
}

.app-sidebar .menu .menu-item .menu-link {
    color: #5E6278 !important;
}

.app-sidebar .menu .menu-item .menu-link:hover .menu-title {
    font-weight: bold !important;
    color: #131242 !important;
}

.app-sidebar .menu .menu-item .menu-link:hover .menu-bullet .bullet {
    background-color: #131242 !important;
}

.app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet:hover {
    background-color: #131242 !important;
}

.app-sidebar .menu .menu-item .menu-link.active {
    background-color: #edeef2 !important;
    color: #181C32 !important;
}

.app-sidebar .menu .menu-item .menu-link.active .menu-title {
    font-weight: bold !important;
    color: #181C32 !important;
}

.app-sidebar .menu .menu-item.show > .menu-link .menu-arrow::after {
    background-color: #181C32 !important;
}

.app-sidebar .menu .menu-item.here > .menu-link .menu-arrow::after {
    background-color: #181C32 !important;
}

.app-sidebar .menu .menu-item.show > .menu-link .menu-icon {
    transition: transform 0.3s ease;
    transform: rotate(90deg);
}

/**END-menu**/
/**Dashboard**/
.bg-131242 {
    background-color: #131242 !important;
}

.icon-sms {
    background: rgba(248, 123, 123, 0.08) !important;
    color: #f87b7b !important;
}

.icon-mms {
    background: rgba(47, 129, 252, 0.08) !important;
    color: #2f81fc !important;
}

.icon-email {
    background: rgba(80, 205, 137, 0.08) !important;
    color: #50cd89 !important;
}

.chart-sms {
    background: #f87b7b !important;
}

.chart-mms {
    background: #2f81fc !important;
}

.chart-email {
    background: #50cd89 !important;
}

/**END-Dashboard**/
/**social-audience**/
.badge-light-black-main {
    color: #2f81fc;
    background-color: rgba(47, 129, 252, 0.08);
}

.br-solid {
    border-right: 1px solid var(--kt-card-border-color) !important;
}

.bb-solid {
    border-bottom: 1px solid var(--kt-card-border-color) !important;
}

.bg-red-main {
    background-color: var(--red-main) !important;
}

.bg-blue-main {
    background-color: var(--blue-main) !important;
}

.bg-green-main {
    background-color: var(--green-main) !important;
}
.bg-gr{
    background-color: #8950FC!important;
}
.bg-bl{
    background-color: #1BC5BD!important;
}
.bg-t{
    background-color: #6993FF!important;
}
.badge-blue-main {
    background: rgba(47, 129, 252, 0.08) !important;
    color: #2F81FC !important;
}

.badge-red-main {
    background: rgba(248, 123, 123, 0.08) !important;
    color: #F87B7B !important;
}

.social-count {
    line-height: 0.9;
}

@media (min-width: 768px) {
    .social-count {
        line-height: 1;
    }
}
/**END-social-audience**/
/**your-audience**/
.upload-progressbar {
    display: none;
}

.create-new-import {
    display: none;
}

/**END-your-audience**/
/**campaign**/
.bg-table-head {
    background: #B5B5C3 !important;
}

.bg-tab-campaign {
    background: rgba(47, 129, 252, 0.25) !important;
    color: #2F81FC !important;
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.preview-layout {
    background-image: url("../images/bg-iphone.png") !important;
    background-size: cover !important;
    width: 294px;
    height: 547px;
}

.img-pic {
    margin-top: 150px;
    margin-left: 15px;
}

.message-preview {
    margin-top: 20px;
    margin-left: 15px;
}
.__title{
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
}
.__number{
    width: 120px;
    height: 39px;
    /* Number/Number Bold */
    /*font-family: 'Poppins';*/
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 39px;
    /* identical to box height */
    letter-spacing: -0.01em;

    /* Text/Text */
    color: #181C32;
    /*border: 1px solid #000000;*/
    /*text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
}
.responsive{
    border: solid 1px #e4e6ef;
    border-radius: 10px;
    width: max-content;
    margin: 20px;
    padding: 15px
}
.__social{
    padding: 35px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.5s;
}
.__social:hover{
    background: #0B0044!important;
}
.__social:hover .__number{
    color: white;
}
.__social .__text{
    color: #7E8299;
    font-weight: 500;
}
.__name{
    color: black;
    font-weight: 700;
}
.__social .__number{
    width: 120px;
    height: 39px;
    /* Number/Number Bold */
    /*font-family: 'Poppins';*/
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 39px;
    /* identical to box height */
    letter-spacing: -0.01em;

    /* Text/Text */
    color: #181C32;
    /*border: 1px solid #000000;*/
    /*text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
    margin-bottom: 25px;
}
.__login{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.bullet{
    display: inline-block;
    background-color: var(--kt-bullet-bg-color);
    border-radius: 6px;
    width: 5px!important;
    height: 5px!important;
    flex-shrink: 0;
}
.__customCssDetail .bullet{
    height: 14px!important;
}
.__line{
    width: 2px;
    background: #ECECEC;
}
.__item{
    padding: 30px;
    border-radius: 8px;
}
.__dtail{
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 8px;
}
.__dtail1{
    font-weight: 600;
    font-size: 16px;
    color: #5E6278;
}
.__dtail2{
    font-weight: 500;
    font-size: 12px;
    color: #7E8299;
}
.__dtail3{
    font-weight: 600;
    font-size: 30px;
    color: #181C32;
}
@media only screen and (max-width: 800px) {
    .__dashboardCSS{
        display: flex;
        justify-content: space-between;
    }
    .__dashboardEnd{
        flex-direction: column;
        gap: 20px;
    }
}
.__numberBT{
    width: 100px;
    font-size: 24px;
    font-weight: 600;
    color: #181C32;
    line-height: 36px;
}


.__loading .btn {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    border: none;
    background-color: #1d3557;
    color: #f1faee;
    padding: 0.8rem 1.5rem;
    border-radius: 2rem;
    cursor: pointer;
    transition: 0.3s ease;
    box-shadow: 0 1rem 2rem -1rem rgba(0, 0, 0, 0.445);
}

.__loading .btn:hover {
    background-color: #003049;
    color: #eae2b7;
    box-shadow: 0 1rem 1rem -1rem rgba(0, 0, 0, 0.445);
}

.__loading .btn__text {
    margin-left: 0.8rem;
}

.__loading .spinner {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    border: 3px solid #dddf00;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: spin 1s infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(180deg);
        border-top-color: #fcab41;
        border-bottom-color: #80ffdb;
        border-right-color: transparent;
        border-left-color: transparent;
    }
    100% {
        transform: rotate(360deg);
    }
}
/*----------- End Main Style ------*/
/* ======= Datlearn ======= */
.__loading .datlearn {
    position: fixed;
    top: 0;
    text-align: center;
    font-family: cursive;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    color: #222;
    visibility: hidden;
}

.__loading .datlearn--show {
    visibility: visible;
}
.__loading.datlearn__love {
    margin-left: 1rem;
}

.__loading a {
    text-decoration: none;
}

.__loading .typing {
    display: flex;
    align-items: center;
}

.__loading .typing::after {
    content: " |";
    background-color: #fff;
    font-size: 2rem;
    animation: blink 1s infinite;
}

.__loading.typing__text {
    color: #fff;
    font-size: 1.3rem;
    font-family: cursive;
    text-transform: capitalize;
    max-width: 0;
    background-color: #0d47a1;
    padding-left: 0.9rem;
    padding-right: 0.4rem;
    overflow: hidden;
    white-space: nowrap;
    animation: typing 3s steps(20) infinite;
}

@keyframes blink {
    25% {
        opacity: 0;
    }
    50%,
    70%,
    100% {
        opacity: 1;
    }
}

@keyframes typing {
    to {
        max-width: 20rem;
    }
}
.__opacity{
    opacity: 0.03;
    height: 250px;
}
.__loading{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.loader{
    display: flex;
}
.loader span{
    width: 20px;
    height: 20px;
    /*     background-color: #bbb; */
    border-radius: 50%;
    border: 5px solid #bbb;
    border-top: 5px solid #de4b4b;
    animation: animate 1s linear infinite;
}
@keyframes animate{
    0%{
        transform: rotate(0deg);
    }
    25%{
        transform: rotate(90deg);
    }
    50%{
        transform: rotate(180deg);
    }
    75%{
        transform: rotate(270deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.table.gy-4 td {
    padding-top: 14px!important;
    padding-bottom: 14px!important;
}
.symbol > img {
    width: 40px!important;
    height: 40px!important;
}
/*Rating*/
/*form {*/
/*  width: 250px;*/
/*  margin: 10px auto;*/
/*  padding: 10px;*/
/*  border: 1px solid #d9d9d9;*/
/*}*/

/*form p,*/
/*form input[type="submit"] {*/
/*  text-align: center;*/
/*  font-size: 20px;*/
/*}*/

#wrapper form input[type="submit"] {
    border: 1px solid #d9d9d9;
    background-color: #efefef;
}

/*input[type="radio"] {*/
/*    display: none;*/
/*}*/

label {
    color: grey;
}

.clasificacion {
    direction: rtl;
    unicode-bidi: bidi-override;
}

label:hover,
label:hover ~ label {
    color: orange;
}

input[type="radio"]:checked ~ label {
    color: orange;
}
/*end rating*/
.separator.separator-dashed {
    border-bottom-style: double!important;
}
.table.table-row-dashed tr {
    border-bottom-style: solid !important;
}

/**END-campaign**/
.__ctPa{
    border-radius: 8px;
    padding: 20px;
    background-color: #f9f5f6;
}
.__nameB{
    color: black;
    font-weight: 600;
    padding-bottom: 15px;
    font-size: 18px;
}
.__ctPa .table.table-row-dashed tr{
    border: unset!important;
}
.__ctPa .table.gy-4 td {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}
.__ctPa tr{
    border-radius: 6px;
    transition: 0.5s;
    margin-bottom: 20px;
    display: block;
}

.__ctPaBottom{
    border-radius: 8px;
    padding: 20px;
    background-color: white;
}
.__ctPaBottom tr{
    border-radius: 6px;
    transition: 0.5s;
    /*margin-bottom: 20px;*/
    display: block;
}


/*.__ctPa tr:hover .__name{*/
/*  color: white;*/
/*}*/
/*.__ctPa tr:hover .numberLeft{*/
/*  color: white;*/
/*}*/
.__ctPa tr span{
    padding: 0px 8px;
    border-radius: 50%;

}
.__ctPa tr:hover{
    background-color: white;
    cursor: pointer;
}
.__ctPa tr:nth-child(1){
    background: rgb(249,237,225);
    background: linear-gradient(90deg, rgba(249,237,225,1) 2%, rgba(250,241,236,1) 46%, rgba(249,244,243,1) 65%);
}
.__ctPa tr:nth-child(1):hover{
    background: #fca41f;
    cursor: pointer;
}
.__ctPa tr:nth-child(1) span{
    background: #fca41f;
    color: white;
    border: solid 2px #fdbb56;
}

.__ctPa tr:nth-child(2){
    background: rgb(238,234,235);
    background: linear-gradient(90deg, rgba(238,234,235,1) 0%, rgba(244,240,241,1) 46%, rgba(248,244,245,1) 65%);
}
.__ctPa tr:nth-child(2):hover{
    background: #c6c6c6;
    cursor: pointer;
}
.__ctPa tr:nth-child(2) span{
    background: #c6c6c6;
    color: white;
    border: solid 2px #d4d4d4;
}

.__ctPa tr:nth-child(3){
    background: rgb(241,231,225);
    background: linear-gradient(90deg, rgba(241,231,225,1) 0%, rgba(245,238,236,1) 46%, rgba(248,243,244,1) 65%);
}
.__ctPa tr:nth-child(3):hover{
    background: #a4651c;
    cursor: pointer;
}
.__ctPa tr:nth-child(3) span{
    background: #a4651c;
    color: white;
    border: solid 2px #bb8b54;
}
.__ctPa tr:nth-child(1):hover .__colorWhite{
    color: white;
}
.__ctPa tr:nth-child(2):hover .__colorWhite{
    color: white;
}
.__ctPa tr:nth-child(3):hover .__colorWhite{
    color: white;
}
.__stt{
    padding: 0 20px;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}

td {
    border: solid 1px #000;
    border-style: none solid solid none;
    padding: 10px;
}

.__ctPa tr:first-child td:first-child { border-top-left-radius: 10px; }
.__ctPa tr:first-child td:last-child { border-top-right-radius: 10px; }

.__ctPa tr:first-child td:first-child { border-bottom-left-radius: 10px; }
.__ctPa tr:first-child td:last-child { border-bottom-right-radius: 10px; }

/*tr:last-child td:first-child { border-bottom-left-radius: 10px; }*/
/*tr:last-child td:last-child { border-bottom-right-radius: 10px; }*/
.__ctPaBottom tr td{
    border: unset!important;
}
.__ctPaBottom .__nameB{
    padding-bottom: 5px;
}
.__ctPaBottom .__titleB{
    padding-bottom: 30px;
}
.__text1{
    font-size: 18px;
    font-weight: 600;
    color: #0B0044;
    padding-top: 15px;
}
.__text2{
    color: #646174;
    font-size: 13px;
}
.__addAudience{
    background: #0b0044;
    color: white;
    height: max-content;
    padding: 11px;
    border-radius: 8px;
    margin-top: 20px;
    cursor: pointer;
}
.__addToMyA{
    background-color: #f5f5fd;
    padding: 10px;
    border-radius: 6px;
    width: max-content;
    color: #0b0044;
    font-weight: 600;
    padding: 6px 9px;
}
.__addToMyA a{
    color: unset;
    font-size: 13px;
}
.__nano{
    padding: 4px 8px;
    border: solid 1px #f3f2f6;
    border-radius: 6px;
    height: max-content;
    margin-left: 10px;
    font-weight: 600;
}
.__diamond{
    padding: 4px 8px;
    background-color: #f5f5fe;
    border-radius: 6px;
    height: max-content;
    margin-left: 10px;
    color: #3733dc;
    font-weight: 600;
}
.__super{
    padding: 4px 8px;
    background-color: #35168e;
    border-radius: 6px;
    height: max-content;
    margin-left: 10px;
    color: white;
    font-weight: 600;
}
.__premium{
    padding: 4px 8px;
    background-color: #c59d37;
    border-radius: 6px;
    height: max-content;
    margin-left: 10px;
    color: white;
    font-weight: 600;
}
.__dataprocessing .card-flush{
    border: solid 1px #f3f2f6;
}
.__dataprocessing .tableShow{
    PADDING: 30px;
    /* background: #0B0044; */
    background: rgba(11, 0, 68, 0.02);
}
.__dataCt{
    width: 100%;
    padding: 10px;
    margin: 5px;
    cursor: pointer;

    border-radius: 6px;
}
.__active{
    background: white;
}
.tabcontent {
    display: none;
}
.page-profile .menu-tabs .active{
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    color: black!important;
    --bs-border-width: 3px;
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important;
}
.__btn1{
    background-color: #0b0044;
    color: white;
    padding: 12px 18px;
    border-radius: 6px;
}
.__btn2{
    background-color: #e8e7ea;
    color: #0b0044;
    padding: 12px 18px;
    border-radius: 6px;
    width: 100%;
    text-align: center;
}
.__dataBtn{
    justify-content: space-between;
    margin-top: 20px;
    gap: 50px;
}
.__ctPaBottom table{
    background: #fafafb;
    padding: 10px;
    border-radius: 10px;
}
.pagination .page-item {
    background: rgba(11, 0, 68, 0.05);
    border-radius: 5.2px;
    font-weight: 700;
}
.pagination .active>.page-link, .page-link.active{
    background: rgba(54, 51, 219, 0.08);
    color: #3633DB !important;
}
.pagination .page-link{
    font-weight: 700;
}
.package-nano{
    border: 1px solid rgba(11, 0, 68, 0.05);
    border-radius: 6px;
    color: #646174;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 10px;
}
.package-micro {
    background: rgba(51, 219, 158, 0.05);
    border-radius: 6px;
    color: #33DB9E;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px;

}
.package-silver {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    color: #808080;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px;

}
.package-gold {
    background: rgba(252, 164, 31, 0.05);
    border-radius: 6px;
    color: #FCA41F;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px;

}
.package-diamond {
    background: rgba(54, 51, 219, 0.05);
    border-radius: 6px;
    color: #3633DB;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px;
}
.package-premium {
    background: #C69D36;
    border-radius: 6px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px;

}
.package-super {
    background: #35168E;
    border-radius: 6px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px;
}
.chart-label {
    font-size: 13px;
    font-weight: 600;
}

.__date{
    background: #f7f7f8;
    padding: 10px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 13px;
    color: #646174;
    margin-top: 22px;
    height: max-content;
}
.__date2{
    background: #3733dc;
    color: white;

}
.__svgCustom{
    margin: 0 8px;
}
.__fill{
    flex: 0 0 25%;
    color: #646174;
    font-size: 14px;
    font-weight: 500;
}
.textCrm1{
    color: #0B0044;
    font-weight: 600;
    font-size: 14px;
}
.textCrm2{
    color: #7E8299;
    font-weight: 600;
    font-size: 14px;
}
.crmBtn .button{
    width: 100% !important;
    border: unset;
    padding: 10px 0;
    background: rgba(54, 51, 219, 0.05);
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    color: #0B0044;
    display: block;
    text-align: center;
}
.crmBtn {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}
.form_filters_post .form-group {
    margin-right: 20px;
    margin-bottom: 15px;
}
.spinner .spinner-border{
    display:  inline-block  !important;
}
.form_filters_post .form-control{
    background: rgba(11, 0, 68, 0.05) !important;
    padding: 6px 12px !important;
    min-height: unset !important;
    height: 40px !important;
}
.modal-add-audience .title {
    color: #0B0044;
    letter-spacing: -0.02em;
    font-weight: 600;
    font-size: 18px;

}

.modal-add-audience .modal-content {
    min-width: 600px;
}

.modal-add-audience {
    top: -100px;
}
.action-icon {
    cursor: pointer;
}
.action-icon:hover{
    opacity: 0.8;
}
a{
    cursor: pointer;
}
.__name {
    color: #0B0044 !important;
    font-size: 13px !important;
    font-weight: 600;
    font-family: 'Inter';
}
button:disabled {
    opacity: 0.7;
}
.segment-item-checked{
    border: none !important;
}

.segment-item-checked #border-bottom{
    border: 1px solid #3633DB !important;
    border-radius: 12px;
    padding: 10px !important;
    position: relative;
    margin-top: 15px;
}
.segment-item-checked td:after{
    content: 'Segment A';
    position: absolute;
    left: 0;
    background: #3633DB;
    border-radius: 4.85718px 4.85718px 0px 0px;
    color: #ffffff;
    font-weight: 600;
    content: 'Segment A';
    position: absolute;
    left: 0;
    background: #3633DB;
    border-radius: 4.85718px 4.85718px 0px 0px;
    color: #fff;
    top: -21px;
    left: 19px;
    font-weight: bold;
    padding: 0px 9px;
}
#border-bottom:last-child{
    border-bottom: 1px solid rgba(100, 97, 116, 0.25);;
}
.segment-item-checked #border-bottom:last-child{
    margin-bottom: 20px;
    border-bottom: none;
}

.ai-segment-trending-keyword1 .bullet {
    background: #3633DB
}

.ai-segment-trending-keyword2 {
    background: rgba(255, 94, 94, 0.05);
}

.ai-segment-trending-keyword2 .bullet {
    background: #FF5E5E
}

.ai-segment-trending-keyword3 {
    background: rgba(51, 219, 158, 0.05);
}

.ai-segment-trending-keyword3 .bullet {
    background: #33DB9E
}

.ai-segment-trending-keyword4 {
    background: rgba(252, 164, 31, 0.05);
}

.ai-segment-trending-keyword4 .bullet {
    background: #FCA41F
}

.form-filter-ai-segment .list-type {
    background: rgba(54, 51, 219, 0.05);
    border-radius: 8px;
    padding: 5px 8px;

}

.form-filter-ai-segment .list-type li {
    background: none;
    color: #0B0044;
    opacity: 0.35;
    font-size: 14px;
    padding: 6px 22px;
}

.form-filter-ai-segment .list-type li a {
    color: #0B0044;
    opacity: 0.35;
}
.form-filter-ai-segment .title {
    height: 41px;
    color: #0B0044;
    padding: 0;
    margin: 0;
    font-style: normal;
    line-height: 41px !important;
}

.form-filter-ai-segment .list-type > li.active {
    background: #3633DB;
    border-radius: 6px;
    color: #FFFFFF !important;
    opacity: 1;
}

.form-filter-ai-segment .list-type > li.active a {
    color: #FFFFFF !important;
    opacity: 1;
}

.form-filter-ai-segment .keyword::placeholder {
    color: #646174;
    font-weight: 600;
}

.btn-submit-search-audiences:hover {
    border: 1px solid #b8bbb9 !important;
    border-radius: 5px;
}
.form-filter-ai-segment .keyword{
     padding-left: 3.5em !important;
    min-height: unset !important;
    height: 41px;
}

.form-filter-ai-segment .form-control{
    background: transparent !important;

}
.select2-container .select2-selection--single {
    height: 41px !important;
}

.form-filter-ai-segment {
    font-weight: 600;
    font-family: 'Inter';
    font-style: normal;

}
#wrapper input[type=radio]{
    display: none;
}