.icon-dashboardPurple{
    /* display: none; */
    width: 16px;
    height: 16px;
}
.icon-profilePurple{
    display: none;
}
.icon-communityPurple{
    display: none;
}
.icon-carePurple{
    display: none;
}
.icon-calendarPurple{
    display: none;
}
.icon-listPurple{
    display: none;
}
.icon-visitPurple{
    display: none;
}
.icon-contractsPurple{
    display: none;
}
.icon-paymentsPurple{
    display: none;
}
.icon-clientsPurple{
    display: none;
}
.btnViewWhite{
    display: none;
}
.search-Icon-white{
    display: none;
}
.save-Icon-white{
    display: none;
}
.signUp-Icon-white{
    display: none;
}
.book-Icon-white{
    display: none;
}
.circleIconBtn-white{
    display: none;
}
.plus-icon-white{
    display: none;
}
.manageAccountImg-white{
    display: none;
}
.addLovedBtnImg-white{
    display: none;
}
.createLovedBtnImg-white{
    display: none;
}
.switchProfileBtnImg-white{
    display: none;
}
.maleIconWhite{
    display: none;
}
.unListBtnImg-white{
    display: none;
}
.dublicateListBtnImg-white{
    display: none;
}
.editBtnImg-white{
    display: none;
}
.viewListBtnImg-white{
    display: none;
}
.shareBtnImg-white{
    display: none;
}
.deleteListBtnImg-white{
    display: none;
}
.reListBtnImg-white{
    display: none;
}




.icon-dashboard {
    width: 16px;
    height: 16px;
    /* background-image: url(../icons/dashboard-purple.svg); */
}
/* .icon-dashboard:hover, .icon-dashboard:focus {
    background-image: url(../icons/dashboard-purple.svg);
} */

.hoverDashboard:hover, .hoverDashboard:focus {
    .icon-dashboardPurple{
        width: 16px;
        height: 16px;
        display: inline-block;
    }
    .icon-dashboard{
        display: none;
    }
}

.icon-profile {
    width: 14px;
    height: 16px;
    /* background-image: url(../icons/user.svg); */
}
/* .icon-profile:hover, .icon-profile:focus { */
    /* background-image: url(../icons/user-purple.svg); */
/* } */

.hoverProfile:hover, .hoverProfile:focus {
    .icon-profilePurple{
        width: 14px;
        height: 16px;
        display: inline-block;
    }
    .icon-profile{
        display: none;
    }
}

.icon-community {
    width: 29px;
    height: 16px;
    /* background-image: url(../icons/community.svg); */
}
/* .icon-community:hover, .icon-community:focus {
    background-image: url(../icons/community-purple.svg);
} */

.hoverCommunity:hover, .hoverCommunity:focus {
    .icon-communityPurple{
        width: 29px;
        height: 16px;
        display: inline-block;
    }
    .icon-community{
        display: none;
    }
}

.icon-care {
    width: 20px;
    height: 16px;
    /* background-image: url(../icons/carer.svg); */
}
/* .icon-care:hover, .icon-care:focus {
    background-image: url(../icons/carer.svg);
} */
.hoverCare:hover, .hoverCare:focus {
    .icon-carePurple{
        width: 20px;
        height: 16px;
        display: inline-block;
    }
    .icon-care{
        display: none;
    }
}

.icon-calendar {
    width: 18px;
    height: 16px;
    /* background-image: url(../icons/calendar.svg); */
}
/* .icon-calendar:hover, .icon-calendar:focus {
    background-image: url(../icons/calendar-purple.svg);
} */
.hoverCalendar:hover, .hoverCalendar:focus {
    .icon-calendarPurple{
        width: 18px;
        height: 16px;
        display: inline-block;
    }
    .icon-calendar{
        display: none;
    }
}

.icon-list {
    width: 21px;
    height: 16px;
    /* background-image: url(../icons/list.svg); */
}
/* .icon-list:hover, .icon-list:focus {
    background-image: url(../icons/list-purple.svg);
} */
.hoverList:hover, .hoverList:focus {
    .icon-listPurple{
        width: 21px;
        height: 16px;
        display: inline-block;
    }
    .icon-list{
        display: none;
    }
}

.icon-visit {
    width: 20px;
    height: 18px;
    /* background-image: url(../icons/home-user.svg); */
}
/* .icon-visit:hover, .icon-visit:focus {
    background-image: url(../icons/home-user-purple.svg);
} */
.hoverVisit:hover, .hoverVisit:focus {
    .icon-visitPurple{
        width: 20px;
        height: 18px;
        display: inline-block;
    }
    .icon-visit{
        display: none;
    }
}

.icon-contracts {
    width: 18px;
    height: 20px;
    /* background-image: url(../icons/docs.svg); */
}
/* .icon-contracts:hover, .icon-contracts:focus {
    background-image: url(../icons/docs-purple.svg);
} */
.hoverContracts:hover, .hoverContracts:focus {
    .icon-contractsPurple{
        width: 18px;
        height: 20px;
        display: inline-block;
    }
    .icon-contracts{
        display: none;
    }
}

.icon-payments {
    width: 20px;
    height: 20px;
    /* background-image: url(../icons/coin.svg); */
}
/* .icon-payments:hover, .icon-payments:focus {
    background-image: url(../icons/coin-purple.svg);
} */
.hoverPayments:hover, .hoverPayments:focus {
    .icon-paymentsPurple{
        width: 20px;
        height: 20px;
        display: inline-block;
    }
    .icon-payments{
        display: none;
    }
}

.icon-clients {
    width: 22px;
    height: 17px;
    /* background-image: url(../icons/group.svg); */
}
/* .icon-clients:hover, .icon-clients:focus {
    background-image: url(../icons/group-purple.svg);
} */
.hoverClients:hover, .hoverClients:focus {
    .icon-clientsPurple{
        width: 22px;
        height: 17px;
        display: inline-block;
    }
    .icon-clients{
        display: none;
    }
}

.btnCircleImg {
    background-image: url(../icons/circle.svg);
}
.btn-purple:hover .btnCircleImg {
    background-image: url(../icons/circle.svg);
}

.btnViewPurple{
    width: 18px;
    height: 12px;
    margin-right: 4px;
    margin-top: -3px;
}
.btn-viewAll:hover, .btn-viewAll:focus {
    /* .btnViewWhite{
        width: 18px;
        height: 12px;
        margin-right: 4px;
        margin-top: -3px;
        display: inline-block;
    }
    .btnViewPurple{
        display: none;
    } */
    .svgIcon{
        stroke: #ffffff; 
    }
}

.search-Icon{
    width: 14px;
    height: 14px;
    margin-top: -3px;
}
.hoverFind:hover, .hoverFind:focus{
    .search-Icon-white{
        width: 14px;
        height: 14px;
        margin-top: -3px;
        display: inline-block;
    }
    .search-Icon{
        display: none;
    }
}

.book-Icon{
    width: 16px;
    height: 13px;
    margin-top: -3px;
}
.hoverBookVisit:hover, .hoverBookVisit:focus{
    .book-Icon-white{
        width: 16px;
        height: 13px;
        margin-top: -3px;
        display: inline-block;
    }
    .book-Icon{
        display: none;
    }
}

.circleIconBtn{
    width: 20px;
    height: 20px;
    margin-right: 4px;
}
.hoverUpdateBtn:hover, .hoverUpdateBtn:focus{
    .circleIconBtn-white{
        width: 20px;
        height: 20px;
        margin-right: 4px;
        display: inline-block;
    }
    .circleIconBtn{
        display: none;
    }
}

.plus-icon{
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-top: -3px !important;
}
.btn-data:hover, .btn-data:focus{
    color: #ffffff;
    background-color: #783E8B;
    .svgIcon{
        stroke: #ffffff; 
    }
    
    /* .plus-icon-white{
        width: 12px;
        height: 12px;
        margin-right: 4px;
        margin-top: -3px !important;
        display: inline-block;
    }
    .plus-icon{
        display: none;
    } */
}

.icon-uploads {
    width: 22px;
    height: 20px;
}

.signUp-icon{
    width: 17px;
    height: 14px;
    margin-right: 4px;
    margin-top: -3px;
}
/* .hoverSignUp:hover, .hoverSignUp:focus{
    
    .signUp-Icon{
        display: none;
    }
    .signUp-Icon-white{
        width: 17px;
        height: 14px;
        display: inline-block;
        margin-left: -25px;
        margin-right: 4px;
    }
} */

.save-Icon{
    width: 16px;
    height: 16px;
    margin-top: -3px;
    margin-right: 4px;
}
.hoverSave:hover, .hoverSave:focus{
    .save-Icon-white{
        width: 16px;
        height: 16px;
        margin-top: -3px;
        margin-right: 4px;
        display: inline-block;
    }
    .save-Icon{
        display: none;
    }
}

.panelWorkerIcon{
    width: 20px;
    height: 16px;
    margin-right: 8px;
    margin-top: -5px;
}
.panelCircleIcon{
    width: 30px;
    height: 16px;
    margin-right: 8px;
    margin-top: -5px;
}
.lovedOneIcon{
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-top: -5px;
}
.signOutIcon{
    width: 14px;
    height: 18px;
    margin-right: 8px;
    margin-top: -5px;
}

.manageAccount:hover, .manageAccount:focus{
    .manageAccountImg-white{
        width: 24px;
        height: 24px;
        margin-top: -4px;
        margin-right: 4px;
        display: inline-block;
    }
    .manageAccountImg{
        display: none;
    }
}

.addLovedBtn:hover, .addLovedBtn:focus{
    .svgIcon{
        stroke: #ffffff; 
    }
}

.createLovedBtn:hover, .createLovedBtn:focus{
    .svgIcon{
        stroke: #ffffff; 
    }
}
.switchProfileBtn:focus{
    .switchProfileBtnImg-white{
        width: 22px;
        height: 22px;
        margin-top: -4px;
        margin-right: 4px !important;
        display: inline-block;
    }
    .switchProfileBtnImg{
        display: none;
    }
}

.hoverMale:hover, .hoverMale:focus{
    .maleIconWhite{
        margin-top: -4px;
        margin-right: 4px !important;
        display: inline-block;
    }
    .maleIcon{
        display: none;
    }
}

.unListBtn:hover, .unListBtn:focus{
    .svgIcon{
        stroke: #ffffff; 
    }
}

.hoverDublicate:hover, .hoverDublicate:focus{
    .dublicateListBtnImg-white{
        width: 15px;
        height: 16px;
        margin-top: -2px;
        margin-right: 4px;
        display: inline-block;
    }
    .dublicateListBtnImg{
        display: none;
    }
}

.hoverEditBtn:hover, .hoverEditBtn:focus{
    .editBtnImg-white{
        width: 16px;
        height: 16px;
        margin-top: -2px;
        margin-right: 4px;
        display: inline-block;
    }
    .editBtnImg{
        display: none;
    }
}

.hoverViewListing:hover, .hoverViewListing:focus{
    .viewListBtnImg-white{
        width: 18px;
        height: 12px;
        margin-top: -2px;
        margin-right: 4px;
        display: inline-block;
    }
    .viewListBtnImg{
        display: none;
    }
}

.hoverShare:hover, .hoverShare:focus{
    .shareBtnImg-white{
        width: 14px;
        height: 16px;
        margin-top: -2px;
        margin-right: 4px;
        display: inline-block;
    }
    .shareBtnImg{
        display: none;
    }
}

.hoverDeleteList:hover, .hoverDeleteList:focus{
    .deleteListBtnImg-white{
        width: 14px;
        height: 16px;
        margin-top: -2px;
        margin-right: 4px;
        display: inline-block;
    }
    .deleteListBtnImg{
        display: none;
    }
}

.hoverReListBtn:hover, .hoverReListBtn:focus{
    .reListBtnImg-white{
        width: 12px;
        height: 16px;
        margin-top: -2px;
        margin-right: 4px;
        display: inline-block;
    }
    .reListBtnImg{
        display: none;
    }
}


.svgIcon{
    stroke: #783E8B; 
    stroke-width: 1.5;
    stroke-linecap: round; 
    stroke-linejoin: round;
    margin-top: -3px;
    margin-right: 4px;
}
.hoverSVGIcon:hover{
    .svgIcon{
        stroke: #ffffff; 
    }
}
.hoverSVGIcon:hover{
    .svgFillIcon{
        fill: #ffffff; 
    }
}
.svgFillIcon{
    fill: #783E8B; 
    stroke-width: 1.5;
    stroke-linecap: round; 
    stroke-linejoin: round;
    margin-top: -3px;
    margin-right: 4px;
}
.hoverSVGFillIcon:hover{
    .svgFillIcon{
        fill: #ffffff; 
    }
}
.svgMenuIcon{
    stroke: #3B3B3B; 
    stroke-width: 1.5;
    stroke-linecap: round; 
    stroke-linejoin: round;
    margin-top: -3px;
    margin-bottom: 4px;
    /* margin-right: 4px; */
}
.hoverMenuIcon:hover{
    .svgMenuIcon{
        stroke: #783E8B; 
    }
}
.svgMenuFillIcon{
    fill: #3B3B3B; 
    stroke-width: 1.5;
    stroke-linecap: round; 
    stroke-linejoin: round;
    margin-top: -3px;
    /* margin-right: 4px; */
}
.hoverSVGMenuFillIcon:hover{
    .svgMenuFillIcon{
        fill: #783E8B; 
    }
}

.svgAccountLeftMenuIcon{
    stroke: #3B3B3B; 
    stroke-width: 1.5;
    stroke-linecap: round; 
    stroke-linejoin: round;
    margin-top: -3px;
    margin-right: 8px;
    width: 25px;
}
.hoverSvgAccountLeftMenuIcon:hover{
    .personalMenuText{
        color: #783E8B;
    }
    .svgAccountLeftMenuIcon{
        stroke: #783E8B; 
    }
}
.svgAccountLeftBioIcon{
    stroke: #3B3B3B; 
    stroke-width: 0.3;
    stroke-linecap: round; 
    stroke-linejoin: round;
    margin-top: -3px;
    margin-right: 8px;
    width: 25px;
}
.hoverSvgAccountLeftBioIcon:hover{
    .personalMenuText{
        color: #783E8B;
    }
    .svgAccountLeftBioIcon{
        stroke: #783E8B; 
    }
}

.mobileMenuSelectedIcon{
    stroke:#ffffff; 
    stroke-width:1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.mobileMenuSelectedFillIcon{
    fill:#ffffff; 
    stroke-width:1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.mobileMenuIcons{
    stroke: #3B3B3B; 
    stroke-width:1.5; 
    stroke-linecap:round; 
    stroke-linejoin:round;
}
.mobileMenuFillIcons{
    fill: #3B3B3B; 
    stroke-width:1.5; 
    stroke-linecap:round; 
    stroke-linejoin:round;
}

.checkBtn{
    stroke: #198754; 
    stroke-width:1.5; 
    stroke-linecap:round; 
    stroke-linejoin:round;
    margin-top: -3px;
    margin-right: 4px;
}
.hoverCheckBtn:hover{
    .checkBtn{
        stroke: #ffffff; 
    }
}
.mapSvgIcon{
    stroke: #783E8B; 
    stroke-width: 1.5;
    stroke-linecap: round; 
    stroke-linejoin: round;
}
.favoriteListIcon{
    stroke: #AEB2B6; 
    stroke-width: 1.5;
    stroke-linecap: round; 
    stroke-linejoin: round;
}
.moreSvgInfo{
    fill: #3B3B3B;
    stroke: #3B3B3B;
    stroke-width: 2;
    stroke-linecap: round; 
    stroke-linejoin: round;
}
.btn-check:checked+.info-btn, .info-btn.active, .info-btn.show, .info-btn:first-child:active, :not(.btn-check)+.info-btn:active{
    background-color: #783E8B;
    .moreSvgInfo{
        fill: #ffffff;
        stroke: #ffffff;
    }
}

.svgLikeFillIcon{
    fill: #DC3545; 
    stroke-width: 1.5;
    stroke-linecap: round; 
    stroke-linejoin: round;
    margin-top: -3px;
    margin-right: 4px;
}