:root{
    --box-box-shadow: 0 0 2px 0 rgba(0,0,0,.24),0 8px 10px 1px rgb(0 0 0/5%),0 3px 14px 2px rgb(0 0 0/6%),0 5px 5px -3px rgba(0,0,0,.1);
    --color_7c: #73767c;
}
.font_14{
    font-size:14px;
}

.leads_main_content {
    display: flex;
}

.secondary_menu {
    display: flex;
    width: 240px;
}

.leads_main_content main.layout_main {
    background: #fff;
    min-width: 1px;
    flex: 1;
}

.secondary_menu .secondary_menu_wrapper {
    display: flex;
    width: 100%;
    position:relative;
}

.secondary_menu .secondary_menu_wrapper .leads_menu {
    width: 100%;
    padding-left: 0px;
    padding: 10px;
}

.secondary_menu .secondary_menu_wrapper .leads_menu li a {
    padding: 8px 15px;
    display: block;
    color: #21232c;
    font-weight: 400;
    transition: 0.5s;
    border-radius: 4px;
    font-size:14px;
}

.secondary_menu .secondary_menu_wrapper .leads_menu li a:hover {
    background:  rgb(33 35 44/5%);
}

.secondary_menu .secondary_menu_wrapper .leads_menu li a i {
    margin-right: 5px;
}
.menu_section_title {
    padding: 20px 0 6px 20px;
    font-weight: 600;
    font-size: 13px;
    color: #65686f;
}

li.leads_menu_item.info_parent {
    position: relative;
}

li.leads_menu_item.info_parent .info_icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
li.leads_menu_item.info_parent .info_icon i:before{
    font-size: 20px !important;
    color: #65686f!important;
}

.secondary_menu .secondary_menu_wrapper .leads_menu li a i:before {
    font-size: 24px;
    color: #65686f;
}
.secondary_menu .secondary_menu_wrapper .leads_menu li.active a i:before{
    color:#0d68c5;
}
.secondary_menu .secondary_menu_wrapper .leads_menu li.active a{
    color:#0d68c5;
    background:#e1eeff
}

li.leads_menu_item.info_parent {
    position: relative;
}

li.leads_menu_item.info_parent .info_icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
li.leads_menu_item.info_parent .info_icon i:before{
    font-size: 20px !important;
    color: var(--color-2) !important;
}

.secondary_menu .secondary_menu_wrapper .leads_menu li a i:before {
    font-size: 24px;
    color: var(--color-2);
}
.secondary_menu .secondary_menu_wrapper .leads_menu li.active a i:before{
    color:var(--color-link);
}
.secondary_menu .secondary_menu_wrapper .leads_menu li.active a{
    color:var(--color-link);
    background:#e1eeff
}

.secondary_menu .secondary_menu_wrapper button {all: unset;position: absolute;top: 0;bottom: 0;display: flex;width: 11px;right: 0;cursor: pointer;}
.secondary_menu .secondary_menu_wrapper button:hover{
    border-right:1px solid var(--color-link);
}
.badge_parent{
    position:relative;
}
.beta_bage {
    background: var(--color-link);
    color: #fff;
    padding: 0 6px;
    border-radius: 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.secondary_menu.hide_menu .secondary_menu_wrapper .leads_menu {
    display: none;
}
.secondary_menu.hide_menu{
    width:24px;
}
.button_arrow.active {
    transform: scaleX(-1);
}
.button_arrow{
    cursor: pointer;
}

.take_lavel{
    padding-top:var(--pd-spacing-48);
    padding-bottom:var(--pd-spacing-32);
}

.section_title{
    font-size:25px;
    font-weight:400;
    color:var(--color-21);
    font-family: var(--bs-body-font-family);
}
.mb_30{
    margin-bottom:30px
}
.title_desc{
    font-family: var(--bs-body-font-family);
    font-size:16px;
    color:var(--color-2);
}
.add_existing_lead {
    padding-top: var(--pd-spacing-32);
    text-align: center;
    padding-bottom: 52px;
}
.card_title{
    font-size:16px;
    color:var(--color-21);
}
.card_desc{
    min-height: 21px;
    color:var(--color-2);
    margin-top:16px;
    font-size:14px;
    margin-bottom:0px;
}
.theme_button{
    background:var(--theme-color);
    height: 32px;
    padding:4px 12px;
    border:none;
    transition:0.5s;
    color:#fff;
    font-size:14px;
    font-weight:600;
    font-family: var(--bs-body-font-family);
    border-radius: 4px;
    display: inline-block;
}
.theme_button:hover{
    background:var(--theme-color-hover);
}
.mt-24{
    margin-top:24px !important;
}
.import_from_text{
    font-size:14px;
    font-weight: 600;
    color:var(--color-link);
    display: block;
    text-align: center;
    margin-top:16px;
}
.import_from_text:hover{
    text-decoration: underline;
}


/* ========================== live chat ======================== */
.you_will {
    position: relative;
    padding-right: 20px;
}

.you_will .acitcate_info {
    position: absolute;
    right: 25px;
    top: 0;
    width: 17px;
    height: 17px;
    background: var(--color_7c);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.you_will .acitcate_info:hover span{
    bottom:20px;
    opacity: 1;
    visibility: visible;
}
.you_will .acitcate_info span {
    position: absolute;
    bottom: 15px;
    width: 327px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 4px;
    display: block;
    padding: 13px 25px;
    box-shadow: var(--box-box-shadow);
    font-size: 14px;
    color:var(--color-21);
    opacity: 0;
    visibility: hidden;
    transition:0.5s;
}

.acitcate_info i:before {
    font-size: 10px;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.you_will .acitcate_info i {
    width: 12px;
    height: 12px;
    position: relative;
}

.you_will .acitcate_info span a{
    color:var(--color-link);
    font-weight: 500;
}
a.theme_button {
    line-height: 1.5;
}
a.theme_button:hover{
    color:#fff;
}
span.badge_button {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
    background: #2b74da;
    padding: 0 6px;
    border-radius: 10px;
    color: #fff;
}
.border-bottom {
    border-bottom:1px solid var(--border_color);
}
.leadBooster_container{
    position:relative;
}
.leadBooster_container .eImXmm {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 105%;
    background-color: #fff;
    z-index: -1;
}
.leadBooster_container {
    z-index: 1;
}

.secondary_menu .secondary_menu_wrapper .leads_menu li.leads_menu_item {
    list-style: none;
}
/* ========================== live chat ======================== */

/* --------------------------------------------------------------
Deals 
-------------------------------------------------------------- */
.deals_header {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}

.deals_header .navBar_nav{
    display: flex;
    list-style: none;
}
.deals_header .right_navbar .navBar_nav li {
    display: flex;
    align-items: center;
}

.deals_header .right_navbar .navBar_nav li .dropdown {
    display: flex;
    align-items: center;
}

.deals_header .right_navbar .navBar_nav li .dropdown .adite_deals {
    border: 1px solid var(--border_color);
    border-radius: 0px 4px 5px 0px;
    color: #222;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    padding: 5px 10px;
}

.deals_header .right_navbar .navBar_nav li .dropdown button {
    border-radius: 4px 0px 0px 4px;
    box-shadow: none !important;
}

.deals_header .right_navbar .navBar_nav li .dropdown {
    display: flex;
    align-items: center;
}

.deals_header .right_navbar .navBar_nav li .dropdown .adite_deals {
    border: 1px solid var(--border_color);
    border-radius: 0px 4px 5px 0px;
    color: #222;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    padding: 5.5px 10px;
}

.deals_header .right_navbar .navBar_nav li .dropdown button {
    border-radius: 4px 0px 0px 4px;
    box-shadow: none !important;
    border-right: none;
}

.left_navbar .deals_menu_item .action_button {
    border: none;
    transition:0.3s;
    padding: 5px 10px;
}
.left_navbar .deals_menu_item .action_button:hover {
    background: #f5f5f6 !important;
}
.left_navbar .deals_menu_item .action_button.active{
    background:#eff6ff !important;
}
.left_navbar .deals_menu_item {
    display: flex;
    align-items: center;
}
.left_navbar .deals_menu_item:first-child .action_button {
    background: none;
    padding: 5px 12px;
}

.left_navbar .deals_menu_item:first-child .action_button i {
    color: #222;
}
.left_navbar .deals_menu_item:first-child .action_button i:before{
    font-size:19px;
}

.left_navbar .deals_menu_item:first-child {
    background: #fff;
    border-radius: 4px;
    margin-right: 10px;
    border: 1px solid var(--border_color);
    overflow: hidden;
}

.left_navbar .deals_menu_item:first-child .action_button{
    border-right: 1px solid var(--border_color);
}

.left_navbar .deals_menu_item:first-child .action_button:last-child{
    border-right:none;
}
/* --------------------------------------------------------------
Deals 
-------------------------------------------------------------- */

.everyone_filter .searchBar {
    position: relative;
}

.everyone_filter .searchBar input.input_searchBar {
    width: 100%;
    border: 1px solid var(--border_color);
    color: #21232c;
    border-radius: 4px;
    padding: 4px 10px;
    padding-left:35px;
}

.everyone_filter .searchBar i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

.everyone_filter .searchBar i:before {
    font-size: 22px;
    color: #21232c;
}

.filter_tabWrapper .nav-tabs .nav-item .nav-link{
    display: flex;
    text-transform: capitalize;
    flex-direction: column;
    align-items: center;
    padding: 10px 28px;

}
.filter_tabWrapper .nav-tabs .nav-item .nav-link.active{
 color:var(--color-link);
}
.filter_tabWrapper .nav-tabs .nav-item .nav-link .waves_ripple{
    display: none !important;
}
.filter_tabWrapper .nav-tabs .nav-item button {
    font-size: 14px;
    padding: 0;
}

div:not(.nav-align-left):not(.nav-align-right) > .nav-tabs {
    display: inline-flex;
    width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden;
    border-bottom: 1px solid var(--border_color);
    max-width: 370px;
}
.filter_search_wrapper {padding: 10px;}

.filter_tabWrapper .nav-tabs {
    max-width: 377px;
    width: 100%;
}

.filter_tabWrapper .nav-tabs .nav-item i {
    margin-bottom: 10px;
}

.filter_footer {
    padding: 13px 10px;
    border-top: 1px solid var(--border_color);
}

.filter_footer button.add_filter_button {
    border: none;
    background: none;
    color: var(--color-link);
}

.filter_tabWrapper .tab-content {
    max-height: 280px;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 0px !important;
    padding:6px !important;
}
.filter_tabWrapper .tab-content ul {
    padding-left: 0px;
}
.filter_tabWrapper .tab-content ul h4 {
    background: #f2f2f2;
    font-size: 12px;
    margin-bottom: 7px;
    text-transform: uppercase;
    padding: 4px 10px;
    font-weight: 600;
}

.deals_header .right_navbar .navBar_nav li.fav_list_item {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    transition: 0.5s;
    border-radius: 4px;
    cursor: pointer;
}

.deals_header .right_navbar .navBar_nav li.fav_list_item .icon {
    width: 30px;
    height: 30px;
    background: #e6e6eb;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 12px;
}

.deals_header .right_navbar .navBar_nav li.fav_list_item .icon_1 {
    display: flex;
    margin-left: auto;
}

.deals_header .right_navbar .navBar_nav li.fav_list_item .icon_1 i {
    color: #57e32c;
}

.deals_header .right_navbar .navBar_nav li.fav_list_item:hover {
    background: var(--color-link);
}

.deals_header .right_navbar .navBar_nav li.fav_list_item:hover .icon_1 i {
    color: #fff;
}

.deals_header .right_navbar .navBar_nav li.fav_list_item:hover span.name_span{
    color: #fff;
}
.deals_header .right_navbar .navBar_nav li.fav_list_item .icon_2 i {
    color: #fff;
}

.deals_header .right_navbar .navBar_nav li.fav_list_item.active .icon_2 i {
    color: var(--color-link);
}

.deals_header .right_navbar .navBar_nav li.fav_list_item .icon_2 {
    display: flex;
    margin-left: 10px;
}

.deals_header .right_navbar .navBar_nav li.fav_list_item.active span:nth-child(2) {
    font-weight: 600;
}
.deals_header .right_navbar .navBar_nav li.fav_list_item span i.mdi-star-outline{
    color:#fff;
}
.content-wrapper.deals_wrappers {
    padding: 0px 24px;
}

.deals_header .right_navbar {
    color: #21232c;
}

.deals_header .right_navbar ul {
    margin-bottom: 0px;
    align-items: center;
}

.deals_header .right_navbar .navBar_nav li:first-child {
    margin-right: 8px;
}

.deals_header .right_navbar .navBar_nav li .deal_pipeline_btn i {
    margin-right: 8px;
}
.deals_header .right_navbar .navBar_nav li .dropdown button:hover{
    background: #f2f2f2 !important;
    color: #21232c !important;
    border-color: var(--border_color) !important;
}
.deals_header .left_navbar ul {
    margin-left: 0;
    padding-left: 0px;
    margin-bottom: 0px;
}

ul.dropdown-menu.deal_pipeline_list_item {
    padding: 0px;
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_head {
    margin-right: 0 !important;
    border-bottom: 1px solid var(--border_color);
    padding: 8px;
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline a {
    padding: 4px 10px;
    display: block;
    position: relative;
    border-radius: 4px;
}
ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline a:hover{
    background:var(--color-link);
    color:#fff;
}
ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline a:hover i{
    color:#fff;
}
ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline a i.right_icon {
    margin-left: auto;
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_footer {
    border-top: 1px solid var(--border_color);
    padding: 8px;
    color: var(--color-link);
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_footer a {
    color: var(--color-link);
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline a i.right_icon {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_head a {
    color: #21232c;
    font-weight: 500;
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_head a i {
    color: var(--color-link);
}

ul.dropdown-menu.deal_pipeline_list_item 
 .deal_pipeline_body {
    padding: 8px;
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_body li:first-child {
    margin-right: 0px;
}

ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_body a i {
    margin-right: 5px;
}
ul.dropdown-menu.deal_pipeline_list_item .deal_pipeline_footer i {
    margin-right: 10px;
}

.deals_header .right_navbar .navBar_nav li .dropdown button.deal_pipeline_btn:focus,
.deals_header .right_navbar .navBar_nav li .dropdown button.deal_pipeline_btn:focus-visible{
    background: #f2f2f2 !important;
    color: #21232c !important;
    border-color: var(--border_color) !important;
}
.deals_header .right_navbar .navBar_nav li span.price_value {
    margin-right: 10px;
}
.nolead_container {
    overflow: hidden;
    width: 100%;
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: calc(100vh - 158px);
}

/* .nolead_container .nolead_row {
    display: grid;
    grid-template-columns: 300px;
    grid-gap: 10px;
    height: 537px;
} */

.nolead_container .nolead_row .no_lead_stage {
    background: #eceff7;
    padding: 14px;
    height: 100%;
}

.lead_section {
    margin-top: 20px;
}

/* ------------------------------- no lead --------------------------------------- */
.nolead_container {
    overflow: hidden;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 158px);
    height: calc(100vh - 158px);
}
.nolead_container .nolead_row {
    display: table;
    height: 100%;
    border-collapse: separate;
    border-spacing: 10px 0;
    margin-left:-10px;
}

.nolead_container .nolead_row .no_lead_stage {
    background: #f5f5f6;
    padding: 14px;
    height: 100%;
    margin-right: 10px;
    display: table-cell;
}

.lead_section {
    margin-top: 20px;
}
.nolead_container .nolead_row .no_lead_stage .lead_stage_header {
    width: 220px;
    margin-bottom: 14px;
    position: relative;
}

.nolead_container .nolead_row .no_lead_stage .lead_stage_header .svg_wrapper_design {
    position: absolute;
    top: -16px;
    display: flex;
    right: -32px;
}
.nolead_container .nolead_row .no_lead_stage:last-child .lead_stage_header .svg_wrapper_design{
    display: none;
}
.nolead_container .nolead_row .no_lead_stage .lead_stage_header .svg_wrapper_design .filled-svg {
    fill: #f5f5f6;
}
.left_navbar .deals_menu_item:first-child button:nth-child(2) i:before {
    font-size: 19px;
}

.activity_dropdown {
    width: 18rem;
}

.activity_dropdown .schedule_you_activitiy {
    text-align: center;
    padding: 20px 20px 0;
}

.activity_dropdown .schedule_you_activitiy p {
    font-size: 14px;
    color: #21232c;
    margin-bottom: 10px;
}

.activity_dropdown .dropdown-item {
    border-top: 1px solid var(--border_color);
    padding: 12px 20px;
}

.nolead_container .nolead_row .no_lead_stage .lead_stage_header .svg_wrapper_design .filled-svg rect {
    fill: #ffffff;
}

.nolead_container .nolead_row .no_lead_stage .lead_stage_header .lead_title {
    font-size: 16px;
    font-weight: 600;
    color: #21232c;
    margin-bottom: 5px;
}

.nolead_container .nolead_row .no_lead_stage .lead_stage_header .price {
    font-size: 14px;
}

.nolead_container .nolead_row .no_lead_stage button.add_lead_stage {
    width: 100%;
    border: none;
    background: none;
    text-align: center;
    color: #21232c;
    transition: 0.5s;
    border-radius: 8px;
    margin-top: 10px;
}

.nolead_container .nolead_row .no_lead_stage button.add_lead_stage:hover {
    background: #f4f5fa;
}

.nolead_container .nolead_row .no_lead_stage .kanban-item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 6px 8px;
    margin-bottom: 1rem;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgb(0 0 0/5%),0 1px 2px -2px rgb(0 0 0/6%),0 1px 3px 0 rgb(0 0 0/7%);
    cursor: pointer;
}
.no_lead_stage .dragging {
    cursor: pointer;
}

.nolead_container .nolead_row .no_lead_stage .kanban-item .kanban-text {
    font-size: 1rem;
}
.nolead_container .nolead_row .no_lead_stage .kanban-item .kanban-tasks-item-dropdown i:after{
    display: none;
}
.bg-label-success.reminder {
    background: #e91f1f !important;
    color: #fff !important;
    font-size: 12px;
}

.nolead_container .nolead_row .no_lead_stage .kanban-item .kanban-text p {
    margin-bottom: 0px;
    color: #65686f;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
}

.nolead_container .nolead_row .no_lead_stage .kanban-item .lead_title h5 {
    font-size: 14px;
    margin-bottom: 2px;
    color: #21232c;
    font-weight: 600;
}

.nolead_container .nolead_row .no_lead_stage .kanban-item .kanban-text p.price_value {
    font-weight: 600;
    margin-top: 4px;
}
.nolead_container .nolead_row .no_lead_stage .kanban-item .assigned-activity {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f7f7f7;
    justify-content: center;
    cursor: pointer;
    align-items: center;
    font-size: 12px;
}
.nolead_container .nolead_row .no_lead_stage .kanban-item .assigned-activity i.mdi-alert:before{
    color:rgb(255, 223, 92);
    margin-top:-3px;
}
.nolead_container .nolead_row .no_lead_stage .kanban-item .labels_value {display: flex;margin-bottom: 5px;}

.nolead_container .nolead_row .no_lead_stage .kanban-item .labels_value span {
    width: 30px;
    height: 4px;
    display: block;
    background: red;
    margin-right: 3px;
    border-radius: 4px;
}

.nolead_container .nolead_row .no_lead_stage .kanban-item .labels_value span:nth-child(2) {
    background: rebeccapurple;
}

.nolead_container .nolead_row .no_lead_stage .kanban-item .labels_value span:nth-child(3) {
    background: darkolivegreen;
}

.nolead_container .nolead_row .no_lead_stage .kanban-item .labels_value span:nth-child(4) {
    background: #a1c768;
}

.nolead_container .nolead_row .no_lead_stage .kanban-item .kanban-text .item-badges.d-flex {
    margin: 5px 0;
}

/* ------------------------------- no lead --------------------------------------- */

/* ---------------------- bottom bar ------------------------------- */
.deals_wrappers .bottom_bar {
    margin-top: 20px;
}

.deals_wrappers .bottom_bar .bottom_bar_container {
    display: flex;
    justify-content: space-between;
}

.deals_wrappers .bottom_bar .bottom_bar_container .pin_filter {
    display: flex;
    align-items: center;
}

.deals_wrappers .bottom_bar .bottom_bar_container .pin_filter ul.pin_lists {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.deals_wrappers .bottom_bar .bottom_bar_container .pin_filter ul.pin_lists li {
    font-size: 12px;
    margin-right: 14px;
    padding: 6px;
    cursor: pointer;
    font-weight: 600;
    color: #21232cb8;
    border-radius: 4px;
    transition: 0.5s;
    line-height: 1;
}

.deals_wrappers .bottom_bar .bottom_bar_container .pin_filter ul.pin_lists li:hover {
    background: #f0f0f0;
}

.pin_filter_btn {
    border: none;
    background: none;
}

.pin_filter_btn:after {display: none !important;}

.pin_icon ul.dropdown-menu.show {
    padding: 0px;
    border-radius: 4px;
    overflow: hidden;
    width: 23.5rem;
}

.pin_icon ul.dropdown-menu.show .pin_filter_header {
    padding: 15px;
    background: #f2f2f2;
    color: #000000;
}

.pin_icon ul.dropdown-menu.show .pin_filter_header h4 {
    font-size: 16px;
    font-weight: 600;
}

.pin_filter .favorite_cat_list_name {
    font-size: 12px;
    font-weight: 600;
    background: #f2f2f2;
    padding: 4px;
    margin-bottom: 0;
}

.pin_filter ul {
    padding-left: 0;
    margin-bottom: 0px;
}

.pin_filter .nav-tabs {
    justify-content: center;
}

.pin_filter .nav-tabs .nav-item .nav-link {
    padding: 6px;
    border: 1px solid var(--border_color) !important;
    border-bottom: 1px solid var(--border_color) !important;
    margin-bottom: 2px;
}

.pin_filter .nav-tabs .nav-item:first-child .nav-link {
    border-radius: 4px 0 0 4px;
}

.pin_filter .nav-tabs .nav-item:last-child .nav-link {
    border-radius: 0 4px 4px 0;
}

.pined_fitler ul.all_lists {
    padding: 10px;
}

.pined_fitler ul.all_lists li {
    position: relative;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    color: #21232c;
    font-weight: 500;
    padding-left: 40px;
    transition: 0.5s;
}

.pined_fitler ul.all_lists li:hover{
    background: var(--color-link);
    color:#fff;
}
.pined_fitler ul.all_lists li:hover span{
    color:#fff;
}
.pined_fitler ul.all_lists li:hover span i:before{
    color:#fff;
}
.pined_fitler ul.all_lists li span.icon_1 {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.pin_filter .nav-tabs .nav-item:nth-child(3) .nav-link {
    border-radius: 0 4px 4px 0 !important;
}

.filter_tabWrapper.pinFilter .tab-content {
    padding: 0px !important;
    border: none !important;
}

.pin_filter .nav-tabs {
    border-bottom: none !important;
}

.pin_woners_list li {
    position: relative;
    padding: 5px 10px;
    padding-left: 40px;
    transition:0.5s;
    font-size:14px;
    color:#21232c;
    border-radius: 4px;
}
.pin_woners_list li i.mdi-pin-outline{
    color:#fff;
}
.pin_woners_list li:hover{
    background:var(--color-link);
    color:#fff;
}
.pin_woners_list li:hover span{
    color:#fff;
}
.pin_woners_list li:hover i,
.pin_woners_list li:hover i:before{
    color:#fff;
}
.pin_woners_list li .icon_1 {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

ul.fav_list_items.pin_woners_list {
    padding: 0 10px;
}
.borderTop{
    border-top:1px solid var(--border_color);
}
.borderBottom{
    border-bottom:1px solid var(--border_color);
}
.pin_filter .nav-tabs span.tab-slider {
    display: none;
}
.filter_tabWrapper.pinFilter .tab-content .pined_fitler ul.all_lists li{
    font-weight: 400;
}
button.add_filter_button.closeBtn {
    border: 1px solid var(--color-link);
    border-radius: 4px;
}
.shortBy .order_icon, .shortBy .fillterSelect {
    padding: 6px;
    font-size: 13px;
    background: #e8eff9;
    border-radius: 4px;
    color: #0d68c5;
    cursor: pointer;
    font-weight: 500;
}
.shortBy i .order_icon{
    color:#0d68c5;
}
.shortBy .order_icon {
    margin-right: 10px;
}
.short_by_activity{
    position:relative;
}
.shortBy .short_by_activity .filterDroupDown {
    position: absolute;
    right: 0;
    width: 238px;
    background: #fff;
    z-index: 9;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: var(--box-box-shadow);
}
.shortBy .short_by_activity .filterDroupDown h4 {
    font-size: 12px;
    background: #f2f2f2;
    padding: 6px 10px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
}
.shortBy .short_by_activity .filterDroupDown .list_body {
    padding: 8px;
}

.shortBy .short_by_activity .filterDroupDown li {
    font-size: 14px;
    list-style: none;
    padding: 4px 10px;
    transition: 0.5s;
    cursor: pointer;
    color: #21232c;
    border-radius: 4px;
    position:relative;
}
.shortBy .short_by_activity .filterDroupDown li i {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.shortBy .short_by_activity .filterDroupDown li:hover i:before{
    color:#fff;
    display: block;
}
.shortBy .short_by_activity .filterDroupDown li.active{
    font-weight: 600;
}
.shortBy .short_by_activity .filterDroupDown li.active i:before{
  color:var(--color-link);
}
.shortBy .short_by_activity .filterDroupDown li.active i{
    display: block;
}
.shortBy .short_by_activity .filterDroupDown li:hover{
    background:var(--color-link);
    color:#fff;
}
/* ---------------------- bottom bar ------------------------------- */