.icon {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.icon-article {
    background: url('/Portals/_default/Skins/XPI360/img/svg/article.svg') no-repeat center;
    background-size: contain;
}

.icon-calendar {
    background: url('/Portals/_default/Skins/XPI360/img/svg/calendar.svg') no-repeat center;
    background-size: contain;
}

.icon-case-study {
    background: url('/Portals/_default/Skins/XPI360/img/svg/case-study.svg') no-repeat center;
    background-size: contain;
}

.icon-chat {
    background: url('/Portals/_default/Skins/XPI360/img/svg/chat.svg') no-repeat center;
    background-size: contain;
}

.icon-close {
    background: url('/Portals/_default/Skins/XPI360/img/svg/close.svg') no-repeat center;
    background-size: contain;
}

.icon-devices {
    background: url('/Portals/_default/Skins/XPI360/img/svg/devices.svg') no-repeat center;
    background-size: contain;
}

.icon-donation {
    background: url('/Portals/_default/Skins/XPI360/img/svg/donation.svg') no-repeat center;
    background-size: contain;
}

.icon-location {
    background: url('/Portals/_default/Skins/XPI360/img/svg/location.svg') no-repeat center;
    background-size: contain;
}

.icon-menu {
    background: url('/Portals/_default/Skins/XPI360/img/svg/menu.svg') no-repeat center;
    background-size: contain;
}

.icon-partner {
    background: url('/Portals/_default/Skins/XPI360/img/svg/partner.svg') no-repeat center;
    background-size: contain;
}

.icon-piggybank {
    background: url('/Portals/_default/Skins/XPI360/img/svg/piggybank.svg') no-repeat center;
    background-size: contain;
}

.icon-security {
    background: url('/Portals/_default/Skins/XPI360/img/svg/security.svg') no-repeat center;
    background-size: contain;
}

.icon-support {
    background: url('/Portals/_default/Skins/XPI360/img/svg/support.svg') no-repeat center;
    background-size: contain;
}

.icon-thumb-badge {
    background: url('/Portals/_default/Skins/XPI360/img/svg/thumb-badge.svg') no-repeat center;
    background-size: contain;
}

.icon-tick-badge {
    background: url('/Portals/_default/Skins/XPI360/img/svg/tick-badge.svg') no-repeat center;
    background-size: contain;
}

.icon-facebook {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-facebook.svg') no-repeat center;
    background-size: contain;
}

.icon-facebook-light {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-facebook-light.svg') no-repeat center;
    background-size: contain;
}

.icon-instagram {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-instagram.svg') no-repeat center;
    background-size: contain;
}

.icon-instagram-light {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-instagram-light.svg') no-repeat center;
    background-size: contain;
}

.icon-linkedin {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-linkedin.svg') no-repeat center;
    background-size: contain;
}

.icon-linkedin-light {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-linkedin-light.svg') no-repeat center;
    background-size: contain;
}

.icon-twitter {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-twitter.svg') no-repeat center;
    background-size: contain;
}

.icon-twitter-light {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-twitter-light.svg') no-repeat center;
    background-size: contain;
}

.icon-youtube {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-youtube.svg') no-repeat center;
    background-size: contain;
}

.icon-youtube-light {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-youtube-light.svg') no-repeat center;
    background-size: contain;
}

.google_icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/google_icon.svg') no-repeat center;
    background-size: contain;
}
.ios-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/ios-icon.svg') no-repeat center;
    background-size: contain;
}
.linkedin_icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/linkedin_icon.svg') no-repeat center;
    background-size: contain;
}
.star-yellow-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/star-yellow-icon.svg') no-repeat center;
    background-size: contain;
}
.twitter_x_icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/twitter_x_icon.svg') no-repeat center;
    background-size: contain;
}
.facebook_primary_icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/facebook_primary_icon.svg') no-repeat center;
    background-size: contain;
}
.certified_B_icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/certified_B_icon.png') no-repeat center;
    background-size: contain;
}
.single_quote_icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/single_quote_icon.png') no-repeat center;
    background-size: contain;
}
.linkedin_icon_black {
    background: url('/Portals/_default/Skins/XPI360/img/svg/icon-linkedIN.svg') no-repeat center;
    background-size: contain;
}

.left_arrow_icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/leftarrow.png') no-repeat center;
    background-size: contain;
}
.right_arrow_icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/rightarrow.png') no-repeat center;
    background-size: contain;
}
.play-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/play-icon.svg') no-repeat center;
    background-size: contain;
}

.study-feature-logo {
    background: url('/Portals/_default/Skins/XPI360/img/svg/study-feature-logo.svg') no-repeat center;
    background-size: contain;
}
.play-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/play-icon.svg') no-repeat center;
    background-size: contain;
}

.leftarrow {
    background: url('/Portals/_default/Skins/XPI360/img/svg/leftarrow.svg') no-repeat center;
    background-size: contain;
}
.rightarrow {
    background: url('/Portals/_default/Skins/XPI360/img/svg/rightarrow.svg') no-repeat center;
    background-size: contain;
}

.xp360-logo {
    background: url('/Portals/_default/Skins/XPI360/img/svg/xp360-logo.svg') no-repeat center;
    background-size: contain;
}


.dashboard-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/dashboard-icon.svg') no-repeat center;
    background-size: contain;
}

.reports-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/reports-icon.svg') no-repeat center;
    background-size: contain;
}

.cases-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/cases-icon.svg') no-repeat center;
    background-size: contain;
}

.project-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/project-icon.svg') no-repeat center;
    background-size: contain;
}

.license-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/license-icon.svg') no-repeat center;
    background-size: contain;
}

.contact-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/contact-icon.svg') no-repeat center;
    background-size: contain;
}

.logout-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/logout-icon.svg') no-repeat center;
    background-size: contain;
}

.assets-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/assets-icon.svg') no-repeat center;
    background-size: contain;
}

.search-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/search.svg') no-repeat center;
    background-size: contain;
}

.gear-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/gear-icon.svg') no-repeat center;
    background-size: contain;
}

.email-sent-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/email-sent-icon.svg') no-repeat center;
    background-size: contain;
}

.visible-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/visible-icon.svg') no-repeat center;
    background-size: contain;
}

.hide-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/hide-icon.svg') no-repeat center;
    background-size: contain;
}

.grid-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/grid-icon.svg') no-repeat center;
    background-size: contain;
    width: 31px;
    height: 31px;
    flex-shrink: 0;
}

.list-light-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/list-light-icon.svg') no-repeat center;
    background-size: contain;
    width: 31px;
    height: 31px;
    flex-shrink: 0;
}

.grid-light-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/grid-light-icon.svg') no-repeat center;
    background-size: contain;
    width: 31px;
    height: 31px;
    flex-shrink: 0;
}

.list-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/list-icon.svg') no-repeat center;
    background-size: contain;
    width: 31px;
    height: 31px;
    flex-shrink: 0;
}

.project-icon-primary {
    background: url('/Portals/_default/Skins/XPI360/img/svg/project-icon-primary.svg') no-repeat center;
    background-size: contain;
    width: 75px;
    height: 75px;
    aspect-ratio: 1/1;
}

.loader-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/loader-icon.svg') no-repeat center;
    background-size: contain;
    width: 43px;
    height: 42px;
    flex-shrink: 0;
}

.arrow-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/arrow.svg') no-repeat center;
    background-size: contain;
    width: 44px !important;
    height: 44px !important;
    aspect-ratio: 1/1;
}

.tick-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/tick-icon.svg') no-repeat center;
    background-size: contain;
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
}

.warning-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/warning-icon.svg') no-repeat center;
    background-size: contain;
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
}

.info-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/info-icon.svg') no-repeat center;
    background-size: contain;
    width: 26px;
    height: 26px;
}

.ellipse-new-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/ellipse-circle-icon.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
.ellipse-active-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/ellipse-Active-icon.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
.ellipse-resolved-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/ellipse-resolved-icon.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
.ellipse-closed-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/ellipse-closed-icon.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.upload-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/upload-icon.svg') no-repeat center;
    background-size: contain;
    width: 90px;
    height: 90px;
    aspect-ratio: 1/1;
}
.x-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/x-icon.svg') no-repeat center;
    background-size: contain;
    width: 44px;
    height: 44px;
    aspect-ratio: 1/1;
}

.vector-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/vector-icon.svg') no-repeat center;
    background-size: contain;
    width: 12px;
    height: 7.41px;
}

.bin-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/bin-icon.svg') no-repeat center;
    background-size: contain;
    width: 31px;
    height: 31px;
    flex-shrink: 0;
}
.edit-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/edit-icon.svg') no-repeat center;
    background-size: contain;
    width: 31px;
    height: 31px;
    flex-shrink: 0;
}
.bin-primary-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/bin-primary-icon.svg') no-repeat center;
    background-size: contain;
    width: 75px;
    height: 75px;
}

.phone-sms-icon {
    background: url('/Portals/_default/Skins/XPI360/img/svg/phone-sms-icon.svg') no-repeat center;
    background-size: contain;
    width: 44px;
    height: 44px;
    aspect-ratio: 1/1;
}

.input-group .input-group-text {
    padding: 6px;
}

.input-group .icon {
    width: 24px;
    height: 24px;
}

.right_arrow_icon_hover {
    background: url('/Portals/_default/Skins/XPI360/img/svg/right_arrow_button_hover.svg') no-repeat center;
    background-size: contain;
}
.left_arrow_icon_hover {
    background: url('/Portals/_default/Skins/XPI360/img/svg/left_arrow_button_hover.svg') no-repeat center;
    background-size: contain;
}
.right_arrow_icon_default {
    background: url('/Portals/_default/Skins/XPI360/img/svg/right_arrow_button_default.svg') no-repeat center;
    background-size: contain;
}

.left_arrow_icon_default {
    background: url('/Portals/_default/Skins/XPI360/img/svg/left_arrow_button_default.svg') no-repeat center;
    background-size: contain;
}