/***************** XAGIO ICONS START ******************/
.xagio-icon {
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background-color: currentColor;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    vertical-align: middle;
    transition: transform 150ms ease-in;
    mask-size: 1em;
    mask-position: -1px -1px;
    /*align-self: baseline;*/
}

.xagio-icon-link {
    mask-image: url('../image/link.svg');
    -webkit-mask-image: url('../image/link.svg');
}

.xagio-icon-link-off {
    mask-image: url('../image/link-off.svg');
    -webkit-mask-image: url('../image/link-off.svg');
}

.xagio-icon-refresh {
    mask-image: url('../image/refresh.svg');
    -webkit-mask-image: url('../image/refresh.svg');
}
.xagio-icon-file {
    mask-image: url('../image/file.svg');
    -webkit-mask-image: url('../image/file.svg');
}
.xagio-icon-info {
    mask-image: url('../image/info.svg');
    -webkit-mask-image: url('../image/info.svg');
}

.xagio-icon-upload {
    mask-image: url('../image/upload.svg');
    -webkit-mask-image: url('../image/upload.svg');
}

.xagio-icon-download {
    mask-image: url('../image/download.svg');
    -webkit-mask-image: url('../image/download.svg');
}

.xagio-icon-gear {
    mask-image: url('../image/gear.svg');
    -webkit-mask-image: url('../image/gear.svg');
}

.xagio-icon-draw {
    mask-image: url('../image/draw.svg');
    -webkit-mask-image: url('../image/draw.svg');
}
.xagio-icon-plus {
    mask-image: url('../image/plus.svg');
    -webkit-mask-image: url('../image/plus.svg');
}
.xagio-icon-close {
    mask-image: url('../image/close.svg');
    -webkit-mask-image: url('../image/close.svg');
}
.xagio-icon-arrow-down {
    mask-image: url('../image/arrow_down.svg');
    -webkit-mask-image: url('../image/arrow_down.svg');
}
.xagio-icon-check {
    mask-image: url('../image/check.svg');
    -webkit-mask-image: url('../image/check.svg');
}
.xagio-icon-code {
    mask-image: url('../image/code.svg');
    -webkit-mask-image: url('../image/code.svg');
}
.xagio-icon-arrow-right {
    mask-image: url('../image/arrow_right.svg');
    -webkit-mask-image: url('../image/arrow_right.svg');
}
.xagio-icon-folder-open {
    mask-image: url('../image/folder_open.svg');
    -webkit-mask-image: url('../image/folder_open.svg');
}
.xagio-icon-dots-horizontal {
    mask-image: url('../image/dots_h.svg');
    -webkit-mask-image: url('../image/dots_h.svg');
}

.xagio-icon-search {
    mask-image: url('../image/search.svg');
    -webkit-mask-image: url('../image/search.svg');
}
.xagio-icon-store {
    mask-image: url('../image/store.svg');
    -webkit-mask-image: url('../image/store.svg');
}
.xagio-icon-travel-explore {
    mask-image: url('../image/travel_explore.svg');
    -webkit-mask-image: url('../image/travel_explore.svg');
}
.xagio-icon-school {
    mask-image: url('../image/school.svg');
    -webkit-mask-image: url('../image/school.svg');
}
.xagio-icon-history {
    mask-image: url('../image/history.svg');
    -webkit-mask-image: url('../image/history.svg');
}
.xagio-icon-google {
    mask-image: url('../image/google.svg');
    -webkit-mask-image: url('../image/google.svg');
}
.xagio-icon-quora {
    mask-image: url('../image/quora.svg');
    -webkit-mask-image: url('../image/quora.svg');
}
.xagio-icon-copy {
    mask-image: url('../image/copy.svg');
    -webkit-mask-image: url('../image/copy.svg');
}
.xagio-icon-sync {
    mask-image: url('../image/sync.svg');
    -webkit-mask-image: url('../image/sync.svg');
}
.xagio-icon-edit {
    mask-image: url('../image/edit.svg');
    -webkit-mask-image: url('../image/edit.svg');
}
.xagio-icon-delete {
    mask-image: url('../image/delete.svg');
    -webkit-mask-image: url('../image/delete.svg');
}
.xagio-icon-list {
    mask-image: url('../image/list.svg');
    -webkit-mask-image: url('../image/list.svg');
}
.xagio-icon-external-link {
    mask-image: url('../image/external_link.svg');
    -webkit-mask-image: url('../image/external_link.svg');
}
.xagio-icon-filter {
    mask-image: url('../image/filter.svg');
    -webkit-mask-image: url('../image/filter.svg');
}
.xagio-icon-chart-line {
    mask-image: url('../image/chart_line.svg');
    -webkit-mask-image: url('../image/chart_line.svg');
}
.xagio-icon-warning {
    mask-image: url('../image/warning.svg');
    -webkit-mask-image: url('../image/warning.svg');
}
.xagio-icon-ban {
    mask-image: url('../image/ban.svg');
    -webkit-mask-image: url('../image/ban.svg');
}
.xagio-icon-comment {
    mask-image: url('../image/comment.svg');
    -webkit-mask-image: url('../image/comment.svg');
}
.xagio-icon-quote {
    mask-image: url('../image/quote.svg');
    -webkit-mask-image: url('../image/quote.svg');
}
.xagio-icon-star {
    mask-image: url('../image/star.svg');
    -webkit-mask-image: url('../image/star.svg');
}
.xagio-icon-star-o {
    mask-image: url('../image/star_o.svg');
    -webkit-mask-image: url('../image/star_o.svg');
}
.xagio-icon-thumbs-up {
    mask-image: url('../image/thumb_up.svg');
    -webkit-mask-image: url('../image/thumb_up.svg');
}
.xagio-icon-thumbs-down {
    mask-image: url('../image/thumb_down.svg');
    -webkit-mask-image: url('../image/thumb_down.svg');
}
.xagio-icon-hourglass {
    mask-image: url('../image/hourglass.svg');
    -webkit-mask-image: url('../image/hourglass.svg');
}
.xagio-icon-plug {
    mask-image: url('../image/plug.svg');
    -webkit-mask-image: url('../image/plug.svg');
}
.xagio-icon-arrow-left {
    mask-image: url('../image/arrow_left.svg');
    -webkit-mask-image: url('../image/arrow_left.svg');
}
.xagio-icon-folder {
    mask-image: url('../image/folder.svg');
    -webkit-mask-image: url('../image/folder.svg');
}
.xagio-icon-image {
    mask-image: url('../image/image.svg');
    -webkit-mask-image: url('../image/image.svg');
}
.xagio-icon-zip {
    mask-image: url('../image/zip.svg');
    -webkit-mask-image: url('../image/zip.svg');
}
.xagio-icon-save {
    mask-image: url('../image/save.svg');
    -webkit-mask-image: url('../image/save.svg');
}
.xagio-icon-mobile {
    mask-image: url('../image/mobile.svg');
    -webkit-mask-image: url('../image/mobile.svg');
}
.xagio-icon-desktop {
    mask-image: url('../image/desktop.svg');
    -webkit-mask-image: url('../image/desktop.svg');
}
.xagio-icon-cogs {
    mask-image: url('../image/cogs.svg');
    -webkit-mask-image: url('../image/cogs.svg');
}
.xagio-icon-eye {
    mask-image: url('../image/eye.svg');
    -webkit-mask-image: url('../image/eye.svg');
}
.xagio-icon-eye-slash {
    mask-image: url('../image/eye_slash.svg');
    -webkit-mask-image: url('../image/eye_slash.svg');
}
.xagio-icon-arrow-up {
    mask-image: url('../image/arrow_up.svg');
    -webkit-mask-image: url('../image/arrow_up.svg');
}
.xagio-icon-arrows {
    mask-image: url('../image/arrows.svg');
    -webkit-mask-image: url('../image/arrows.svg');
}
.xagio-icon-branch {
    mask-image: url('../image/branch.svg');
    -webkit-mask-image: url('../image/branch.svg');
}
.xagio-icon-tag {
    mask-image: url('../image/tag.svg');
    -webkit-mask-image: url('../image/tag.svg');
}
.xagio-icon-align-justify {
    mask-image: url('../image/align_justify.svg');
    -webkit-mask-image: url('../image/align_justify.svg');
}
.xagio-icon-map {
    mask-image: url('../image/map.svg');
    -webkit-mask-image: url('../image/map.svg');
}
.xagio-icon-globe {
    mask-image: url('../image/globe.svg');
    -webkit-mask-image: url('../image/globe.svg');
}
.xagio-icon-ai {
    mask-image: url('../image/ai_chip.svg');
    -webkit-mask-image: url('../image/ai_chip.svg');
}
.xagio-icon-magnifying-glass-chart {
    mask-image: url('../image/magnifying_glass_chart.svg');
    -webkit-mask-image: url('../image/magnifying_glass_chart.svg');
}
.xagio-icon-key {
    mask-image: url('../image/key.svg');
    -webkit-mask-image: url('../image/key.svg');
    transform: scale(1, -1) rotate(-135deg);
}

.xagio-icon-note {
    mask-image: url('../image/note.svg');
    -webkit-mask-image: url('../image/note.svg');
}
.xagio-icon-note-o {
    mask-image: url('../image/note_o.svg');
    -webkit-mask-image: url('../image/note_o.svg');
}
.xagio-icon-cloud {
    mask-image: url('../image/cloud.svg');
    -webkit-mask-image: url('../image/cloud.svg');
}
.xagio-icon-cloud-o {
    mask-image: url('../image/cloud_o.svg');
    -webkit-mask-image: url('../image/cloud_o.svg');
}
.xagio-icon-eye-o {
    mask-image: url('../image/eye_o.svg');
    -webkit-mask-image: url('../image/eye_o.svg');
}
.xagio-icon-brain {
    mask-image: url('../image/brain.svg');
    -webkit-mask-image: url('../image/brain.svg');
}
.xagio-icon-rocket {
    mask-image: url('../image/rocket.svg');
    -webkit-mask-image: url('../image/rocket.svg');
}
.xagio-icon-target {
    mask-image: url('../image/target.svg');
    -webkit-mask-image: url('../image/target.svg');
}
.xagio-icon-sort {
    mask-image: url('../image/sort.svg');
    -webkit-mask-image: url('../image/sort.svg');
}
.xagio-icon-sort-up {
    mask-image: url('../image/sort.svg');
    -webkit-mask-image: url('../image/sort.svg');
    rotate: 180deg;
}
.xagio-icon-minus {
    mask-image: url('../image/minus.svg');
    -webkit-mask-image: url('../image/minus.svg');
}
.xagio-icon-robot {
    mask-image: url('../image/robot.svg');
    -webkit-mask-image: url('../image/robot.svg');
}
.xagio-icon-clock {
    mask-image: url('../image/clock.svg');
    -webkit-mask-image: url('../image/clock.svg');
}
.xagio-icon-play-circle {
    mask-image: url('../image/play_circle.svg');
    -webkit-mask-image: url('../image/play_circle.svg');
}
.xagio-icon-long-arrow-up {
    mask-image: url('../image/long_arrow_up.svg');
    -webkit-mask-image: url('../image/long_arrow_up.svg');
    rotate: 45deg;
}
.xagio-icon-question-circle {
    mask-image: url('../image/question_circle.svg');
    -webkit-mask-image: url('../image/question_circle.svg');
}
.xagio-icon-align-right {
    mask-image: url('../image/align_right.svg');
    -webkit-mask-image: url('../image/align_right.svg');
}
.xagio-icon-analytics {
    mask-image: url('../image/analytics.svg');
    -webkit-mask-image: url('../image/analytics.svg');
}
.xagio-icon-home {
    mask-image: url('../image/home.svg');
    -webkit-mask-image: url('../image/home.svg');
}
.xagio-icon-send {
    mask-image: url('../image/send.svg');
    -webkit-mask-image: url('../image/send.svg');
    rotate: 45deg;
}
.xagio-icon-at {
    mask-image: url('../image/at.svg');
    -webkit-mask-image: url('../image/at.svg');
}
.xagio-icon-phone {
    mask-image: url('../image/phone.svg');
    -webkit-mask-image: url('../image/phone.svg');
}
.xagio-icon-frown {
    mask-image: url('../image/frown.svg');
    -webkit-mask-image: url('../image/frown.svg');
}
.xagio-icon-check-double {
    mask-image: url('../image/check-double.svg');
    -webkit-mask-image: url('../image/check-double.svg');
}

.xagio-icon-blue {
    color: #3a33e8;
}


.xagio-icon-spin {
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/***************** XAGIO ICONS END ******************/