.baseCustomIcon{
    background-size: 44px;
    width: 22px;
    height: 22px;
    /*background-color: #ffffff;*/
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.whiteArrow {
    /*background-image: url('../img/whiteArrow.svg');*/
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 100 100"><defs><radialGradient id="g" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="%23ffffff" stop-opacity="1"/><stop offset="100%" stop-color="%23ffffff" stop-opacity="0"/></radialGradient></defs><circle cx="50" cy="50" r="35" fill="url(%23g)"><animate attributeName="opacity" values="1;0;1" dur="2.5s" repeatCount="indefinite"/></circle><circle cx="50" cy="50" r="9" fill="%23fff"><animate attributeName="opacity" values="1;0.4;1" dur="2s" repeatCount="indefinite"/></circle></svg>');
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: 16px;*/
    /*width: 22px;*/
    /*height: 22px;*/
    /*background-color: #ffffff;*/
    /*border-radius: 50%;*/
}
.base_iconurl{
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image:none;
}
.span-iconUrl {
    margin-left: 0 !important;
}