Sign upLogin

superdesk/superdesk-client-core

View on GitHub
Star
styles/sass/sf-icons.scss

Summary

Maintainability
Test Coverage
/* classic icons*/
.icon-unplug {
    background-image: url("~images/unplug.png");
}

.active {
    [class^="big-icon-"], 
    [class*=" big-icon-"],
    button:hover [class^="big-icon-"], 
        button:hover [class*=" big-icon-"],
        a:hover [class^="big-icon-"], 
        a:hover [class*=" big-icon-"] {
        opacity: 1;
        color: white;
    }
}
.sd-sidetab-menu--right {
    .active {
        [class^="big-icon-"], 
        [class*=" big-icon-"],
        button:hover [class^="big-icon-"], 
            button:hover [class*=" big-icon-"],
            a:hover [class^="big-icon-"], 
            a:hover [class*=" big-icon-"] {
            color: var(--sd-colour-interactive--active) !important;
            opacity: 1;
        }
    }
}

[class^="filetype-icon-"], [class*="filetype-icon-"] {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-family: 'sd_icons';
    font-size: 16px;
    color: $sd-text;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.filetype-icon-photo:before, .filetype-icon-picture:before {
    content: "\e600";
}
.filetype-icon-video:before {
    content: "\e601";
}
.filetype-icon-slideshow:before {
    content: "\e603";
}
.filetype-icon-audio:before {
    content: "\e608";
}
.filetype-icon-file:before {
    content: "\e605";
}
.filetype-icon-maps:before {
    content: "\e602";
}
.filetype-icon-calendar:before {
    content: "\e606";
}
.filetype-icon-text:before, .filetype-icon-preformatted:before {
    content: "\e604";
}
.filetype-icon-composite:before {
    content: "\e607";
}
.filetype-icon-graphic:before {
    content: "\e66d";
}
.filetype-icon-highlight-pack:before {
    content: "\e671";
}

[class^="filetype-icon-large-"], [class*="filetype-icon-large"] {
    font-family: Arial, Helvetica, sans-serif;
    height: 24px;
    width: 24px;
    display: inline-block;
    color: var(--color-icon-default);
    line-height: 24px;
    vertical-align: top;
    position: relative;
    padding-inline-start: 0;
    float: none;
    background-repeat: no-repeat;
}

.filetype-icon-large-composite {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB5PSIyIiB3aWR0aD0iMjQiIGhlaWdodD0iNCIvPg0KCTxwYXRoIGQ9Ik0yLDIwYzAsMSwxLDIsMiwyaDE2YzEsMCwyLTEsMi0yVjdIMlYyMHogTTcsOWgxMHYzSDdWOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    &.icon-white {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB5PSIyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMjQiIGhlaWdodD0iNCIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLDIwYzAsMSwxLDIsMiwyaDE2YzEsMCwyLTEsMi0yVjdIMlYyMHogTTcsOWgxMHYzSDdWOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    }
}
.lightbox-composite .icons-holder .filetype-icon-large-composite {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB5PSIyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMjQiIGhlaWdodD0iNCIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLDIwYzAsMSwxLDIsMiwyaDE2YzEsMCwyLTEsMi0yVjdIMlYyMHogTTcsOWgxMHYzSDdWOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
}


.filetype-icon-large-text {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNNCwydjIwaDE2VjJINHogTTE3LDE2SDd2LTFoMTBWMTZ6IE0xNywxM0g3di0xaDEwVjEzeiBNMTcsMTBIN1Y5aDEwVjEweiBNMTcsN0g3VjZoMTBWN3oiLz4NCjwvc3ZnPg0K);
    &.icon-white {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwydjIwaDE2VjJINHogTTE3LDE2SDd2LTFoMTBWMTZ6IE0xNywxM0g3di0xaDEwVjEzeiBNMTcsMTBIN1Y5aDEwVjEweiBNMTcsN0g3VjZoMTBWN3oiLz4NCjwvc3ZnPg0K);
    }
}
.lightbox-composite .icons-holder .filetype-icon-large-text {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwydjIwaDE2VjJINHogTTE3LDE2SDd2LTFoMTBWMTZ6IE0xNywxM0g3di0xaDEwVjEzeiBNMTcsMTBIN1Y5aDEwVjEweiBNMTcsN0g3VjZoMTBWN3oiLz4NCjwvc3ZnPg0K);
}


.filetype-icon-large-video {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGN4PSI0IiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZD0iTTE1LjksMTBIMS4xQzAuNSwxMCwwLDEwLjUsMCwxMS4xdjkuOEMwLDIxLjUsMC41LDIyLDEuMSwyMmgxNC44YzAuNiwwLDEuMS0wLjUsMS4xLTEuMXYtOS44QzE3LDEwLjUsMTYuNSwxMCwxNS45LDEweg0KCSBNNSwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTNi43LDE5LDUsMTl6IE0xMiwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTMTMuNywxOSwxMiwxOXoiLz4NCjxjaXJjbGUgY3g9IjEzIiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZD0iTTE2LDE0aDEuNWMwLjMsMCwwLjctMC4xLDEtMC4zbDMuMy0yLjVjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjJoMS4xYzAuMywwLDAuNiwwLjMsMC42LDAuNnY4LjhjMCwwLjMtMC4zLDAuNi0wLjYsMC42aC0xLjENCgljLTAuMiwwLTAuNC0wLjEtMC42LTAuMmwtMy4zLTIuNWMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjNIMTZWMTR6Ii8+DQo8Y2lyY2xlIGN4PSI1IiBjeT0iMTYiIHI9IjEiLz4NCjxjaXJjbGUgY3g9IjEyIiBjeT0iMTYiIHI9IjEiLz4NCjwvc3ZnPg0K);
    &.icon-white {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI0IiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjksMTBIMS4xQzAuNSwxMCwwLDEwLjUsMCwxMS4xdjkuOEMwLDIxLjUsMC41LDIyLDEuMSwyMmgxNC44YzAuNiwwLDEuMS0wLjUsMS4xLTEuMXYtOS44DQoJQzE3LDEwLjUsMTYuNSwxMCwxNS45LDEweiBNNSwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTNi43LDE5LDUsMTl6IE0xMiwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDMNCglTMTMuNywxOSwxMiwxOXoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEzIiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDE0aDEuNWMwLjMsMCwwLjctMC4xLDEtMC4zbDMuMy0yLjVjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjJoMS4xYzAuMywwLDAuNiwwLjMsMC42LDAuNnY4LjgNCgljMCwwLjMtMC4zLDAuNi0wLjYsMC42aC0xLjFjLTAuMiwwLTAuNC0wLjEtMC42LTAuMmwtMy4zLTIuNWMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjNIMTZWMTR6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI1IiBjeT0iMTYiIHI9IjEiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEyIiBjeT0iMTYiIHI9IjEiLz4NCjwvc3ZnPg0K);
    }
}
.lightbox-composite .icons-holder .filetype-icon-large-video {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI0IiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LjksMTBIMS4xQzAuNSwxMCwwLDEwLjUsMCwxMS4xdjkuOEMwLDIxLjUsMC41LDIyLDEuMSwyMmgxNC44YzAuNiwwLDEuMS0wLjUsMS4xLTEuMXYtOS44DQoJQzE3LDEwLjUsMTYuNSwxMCwxNS45LDEweiBNNSwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDNTNi43LDE5LDUsMTl6IE0xMiwxOWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM3MzLDEuMywzLDMNCglTMTMuNywxOSwxMiwxOXoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEzIiBjeT0iNSIgcj0iNCIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE2LDE0aDEuNWMwLjMsMCwwLjctMC4xLDEtMC4zbDMuMy0yLjVjMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjJoMS4xYzAuMywwLDAuNiwwLjMsMC42LDAuNnY4LjgNCgljMCwwLjMtMC4zLDAuNi0wLjYsMC42aC0xLjFjLTAuMiwwLTAuNC0wLjEtMC42LTAuMmwtMy4zLTIuNWMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjNIMTZWMTR6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI1IiBjeT0iMTYiIHI9IjEiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjEyIiBjeT0iMTYiIHI9IjEiLz4NCjwvc3ZnPg0K);
}


.filetype-icon-large-audio {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNiw2SDguNmMtMC40LDAtMC43LDAuMS0xLDAuNEw1LDljLTAuNSwwLjUtMSwxLTIsMUgwLjlDMC40LDEwLDAsMTAuNCwwLDEwLjkNCgkJCWwwLDIuMUMwLDEzLjYsMC40LDE0LDAuOSwxNEgzYzAuOSwwLDEuNSwwLjUsMiwxbDIuNiwyLjZjMC4zLDAuMywwLjYsMC40LDEsMC40aDEuMWMwLjIsMCwwLjQtMC4yLDAuNC0wLjRWNi40DQoJCQlDMTAsNi4yLDkuOCw2LDkuNiw2eiBNMTkuMSwxbC0xLjIsMS42YzIuMiwyLjUsMy42LDUuOCwzLjYsOS40YzAsMy42LTEuMyw2LjktMy42LDkuNGwxLjIsMS42YzIuNS0yLjksNC4xLTYuOCw0LjEtMTENCgkJCUMyMy4yLDcuOCwyMS43LDMuOSwxOS4xLDF6IE0xNS45LDQuMWwtMS4xLDEuNmMxLjYsMS42LDIuNSwzLjksMi41LDYuM2MwLDIuNS0xLDQuOC0yLjYsNi40bDEsMS42YzItMi4xLDMuMi00LjksMy4yLTgNCgkJCUMxOSw4LjksMTcuOCw2LjIsMTUuOSw0LjF6IE0xMi44LDcuM0wxMiw5YzAuOCwwLjcsMS4zLDEuOCwxLjMsMi45YzAsMS4zLTEsMi40LTIsMy4xbDEuNiwxLjVjMS4yLTEuMSwyLTIuOCwyLTQuNw0KCQkJQzE0LjksMTAuMSwxNC4xLDguNCwxMi44LDcuM3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);
    &.icon-white {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuNiw2aC0xYy0wLjQsMC0wLjcsMC4xLTEsMC40TDUsOWMtMC41LDAuNS0xLDEtMiwxSDAuOUMwLjQsMTAsMCwxMC40LDAsMTAuOVYxM2MwLDAuNiwwLjQsMSwwLjksMUgzDQoJCQljMC45LDAsMS41LDAuNSwyLDFsMi42LDIuNmMwLjMsMC4zLDAuNiwwLjQsMSwwLjRoMS4xYzAuMiwwLDAuNC0wLjIsMC40LTAuNFY2LjRDMTAsNi4yLDkuOCw2LDkuNiw2eiBNMTkuMSwxbC0xLjIsMS42DQoJCQljMi4yLDIuNSwzLjYsNS44LDMuNiw5LjRzLTEuMyw2LjktMy42LDkuNGwxLjIsMS42YzIuNS0yLjksNC4xLTYuOCw0LjEtMTFTMjEuNywzLjksMTkuMSwxeiBNMTUuOSw0LjFsLTEuMSwxLjYNCgkJCWMxLjYsMS42LDIuNSwzLjksMi41LDYuM2MwLDIuNS0xLDQuOC0yLjYsNi40bDEsMS42YzItMi4xLDMuMi00LjksMy4yLThDMTksOC45LDE3LjgsNi4yLDE1LjksNC4xeiBNMTIuOCw3LjNMMTIsOQ0KCQkJYzAuOCwwLjcsMS4zLDEuOCwxLjMsMi45YzAsMS4zLTEsMi40LTIsMy4xbDEuNiwxLjVjMS4yLTEuMSwyLTIuOCwyLTQuN0MxNC45LDEwLjEsMTQuMSw4LjQsMTIuOCw3LjN6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
    }
}
.lightbox-composite .icons-holder .filetype-icon-large-audio {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuNiw2aC0xYy0wLjQsMC0wLjcsMC4xLTEsMC40TDUsOWMtMC41LDAuNS0xLDEtMiwxSDAuOUMwLjQsMTAsMCwxMC40LDAsMTAuOVYxM2MwLDAuNiwwLjQsMSwwLjksMUgzDQoJCQljMC45LDAsMS41LDAuNSwyLDFsMi42LDIuNmMwLjMsMC4zLDAuNiwwLjQsMSwwLjRoMS4xYzAuMiwwLDAuNC0wLjIsMC40LTAuNFY2LjRDMTAsNi4yLDkuOCw2LDkuNiw2eiBNMTkuMSwxbC0xLjIsMS42DQoJCQljMi4yLDIuNSwzLjYsNS44LDMuNiw5LjRzLTEuMyw2LjktMy42LDkuNGwxLjIsMS42YzIuNS0yLjksNC4xLTYuOCw0LjEtMTFTMjEuNywzLjksMTkuMSwxeiBNMTUuOSw0LjFsLTEuMSwxLjYNCgkJCWMxLjYsMS42LDIuNSwzLjksMi41LDYuM2MwLDIuNS0xLDQuOC0yLjYsNi40bDEsMS42YzItMi4xLDMuMi00LjksMy4yLThDMTksOC45LDE3LjgsNi4yLDE1LjksNC4xeiBNMTIuOCw3LjNMMTIsOQ0KCQkJYzAuOCwwLjcsMS4zLDEuOCwxLjMsMi45YzAsMS4zLTEsMi40LTIsMy4xbDEuNiwxLjVjMS4yLTEuMSwyLTIuOCwyLTQuN0MxNC45LDEwLjEsMTQuMSw4LjQsMTIuOCw3LjN6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
}

.filetype-icon-large-picture,
.filetype-icon-large-image {
    background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTAsMHYyMGgyNFYwSDB6IE0yMywxNkgxVjFoMjJWMTZ6Ii8+DQo8Y2lyY2xlIGN4PSI1LjUiIGN5PSI1LjUiIHI9IjIuNSIvPg0KPHBhdGggZD0iTTIsMTVsMy01bDIsMmw0LTVsMiwzbDQtN2MwLDAsMi43LDUuNywzLjQsNi43UzIyLDEyLDIyLDEydjNIMnoiLz4NCjwvc3ZnPg0K);
    &.icon-white {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMCwwdjIwaDI0VjBIMHogTTIzLDE2SDFWMWgyMlYxNnoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjUuNSIgY3k9IjUuNSIgcj0iMi41Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMiwxNWwzLTVsMiwybDQtNWwyLDNsNC03YzAsMCwyLjcsNS43LDMuNCw2LjdTMjIsMTIsMjIsMTJ2M0gyeiIvPg0KPC9zdmc+DQo=);
    }
}
.lightbox-composite .icons-holder .filetype-icon-large-picture,
.lightbox-composite .icons-holder .filetype-icon-large-image {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMCwwdjIwaDI0VjBIMHogTTIzLDE2SDFWMWgyMlYxNnoiLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjUuNSIgY3k9IjUuNSIgcj0iMi41Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMiwxNWwzLTVsMiwybDQtNWwyLDNsNC03YzAsMCwyLjcsNS43LDMuNCw2LjdTMjIsMTIsMjIsMTJ2M0gyeiIvPg0KPC9zdmc+DQo=);
}

.arrow-icon-large-left {
    width: 32px;
    height: 56px;
    display: inline-block;
    background: url(~images/navigation-arrows.png) no-repeat 0 0;
}
.arrow-icon-large-right {
    width: 32px;
    height: 56px;
    display: inline-block;
    background: url(~images/navigation-arrows.png) no-repeat -32px 0;
}


/* * * * * *  SVG ICONS  * * * * * */

[class^="svg-icon-"], [class*="svg-icon-"] {
    display: inline-block;
    width:20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.svg-icon-plus {
    width: 10px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwIDEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTAsNCA2LDQgNiwwIDQsMCA0LDQgMCw0IDAsNiA0LDYgNCwxMCA2LDEwIDYsNiAxMCw2ICIvPg0KPC9zdmc+DQo=);
}

.svg-icon-ok {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNjI2MzYzIiBkPSJNMjEuNjUyLDMuMjExYy0wLjI5My0wLjI5NS0wLjc3MS0wLjI5NS0xLjA2MiwwTDkuNDEsMTQuMzRjLTAuMjkzLDAuMjk3LTAuNzcxLDAuMjk3LTEuMDYyLDBMMy40NDksOS4zNTENCglDMy4zMDQsOS4yMDMsMy4xMTQsOS4xMywyLjkyMyw5LjEyOUMyLjczLDkuMTI4LDIuNTM0LDkuMjAxLDIuMzg3LDkuMzUxbC0yLjE2NSwxLjk0NkMwLjA3OCwxMS40NDUsMCwxMS42MywwLDExLjgyMw0KCWMwLDAuMTk0LDAuMDc4LDAuMzk2LDAuMjIzLDAuNTQ0bDQuOTQsNS4xODRjMC4yOTIsMC4yOTcsMC43NzEsMC43NzYsMS4wNjIsMS4wN2wyLjEyNCwyLjE0MWMwLjI5MiwwLjI5MywwLjc2OSwwLjI5MywxLjA2MiwwDQoJbDE0LjM2Ni0xNC4zNGMwLjI5My0wLjI5NCwwLjI5My0wLjc3NywwLTEuMDcxTDIxLjY1MiwzLjIxMXoiLz4NCjwvc3ZnPg0K);
    &.inverse {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjEuNjUyLDMuMjExYy0wLjI5My0wLjI5NS0wLjc3MS0wLjI5NS0xLjA2MiwwTDkuNDEsMTQuMzRjLTAuMjkzLDAuMjk3LTAuNzcxLDAuMjk3LTEuMDYyLDBMMy40NDksOS4zNTENCglDMy4zMDQsOS4yMDMsMy4xMTQsOS4xMywyLjkyMyw5LjEyOUMyLjczLDkuMTI4LDIuNTM0LDkuMjAxLDIuMzg3LDkuMzUxbC0yLjE2NSwxLjk0NkMwLjA3OCwxMS40NDUsMCwxMS42MywwLDExLjgyMw0KCWMwLDAuMTk0LDAuMDc4LDAuMzk2LDAuMjIzLDAuNTQ0bDQuOTQsNS4xODRjMC4yOTIsMC4yOTcsMC43NzEsMC43NzYsMS4wNjIsMS4wN2wyLjEyNCwyLjE0MWMwLjI5MiwwLjI5MywwLjc2OSwwLjI5MywxLjA2MiwwDQoJbDE0LjM2Ni0xNC4zNGMwLjI5My0wLjI5NCwwLjI5My0wLjc3NywwLTEuMDcxTDIxLjY1MiwzLjIxMXoiLz4NCjwvc3ZnPg0K);
    }
}

.svg-icon-move {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iTGF5ZXJfMV8xXyI+DQo8L2c+DQo8ZyBpZD0ibW92ZSI+DQoJPGc+DQoJCTxwb2x5Z29uIGZpbGw9IiM2MTYzNjMiIHBvaW50cz0iMTgsMjAgMTgsMjYgMjIsMjYgMTYsMzIgMTAsMjYgMTQsMjYgMTQsMjAgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzYxNjM2MyIgcG9pbnRzPSIxNCwxMiAxNCw2IDEwLDYgMTYsMCAyMiw2IDE4LDYgMTgsMTIgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzYxNjM2MyIgcG9pbnRzPSIxMiwxOCA2LDE4IDYsMjIgMCwxNiA2LDEwIDYsMTQgMTIsMTQgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iIzYxNjM2MyIgcG9pbnRzPSIyMCwxNCAyNiwxNCAyNiwxMCAzMiwxNiAyNiwyMiAyNiwxOCAyMCwxOCAJCSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
    &.inverse {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0iTGF5ZXJfMV8xXyI+DQo8L2c+DQo8ZyBpZD0ibW92ZSI+DQoJPGc+DQoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTgsMjAgMTgsMjYgMjIsMjYgMTYsMzIgMTAsMjYgMTQsMjYgMTQsMjAgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxNCwxMiAxNCw2IDEwLDYgMTYsMCAyMiw2IDE4LDYgMTgsMTIgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMiwxOCA2LDE4IDYsMjIgMCwxNiA2LDEwIDYsMTQgMTIsMTQgCQkiLz4NCgkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIyMCwxNCAyNiwxNCAyNiwxMCAzMiwxNiAyNiwyMiAyNiwxOCAyMCwxOCAJCSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
    }
}

.svg-icon-down, .svg-icon-top, .svg-icon-right, .svg-icon-left {
    width: 25px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIzcHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDIzIDEzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMyAxMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiM2MjYyNjIiIGQ9Ik0yMi42IDAuNEwyMi42IDAuNGMtMC42LTAuNi0xLjUtMC42LTIuMSAwbC04LjkgOC45TDIuNiAwLjRDMi0wLjEgMS0wLjEgMC40IDAuNHYwQy0wLjEgMS0wLjEgMiAwLjQgMi42IGwxMCAxMGMwIDAgMCAwIDAgMGMwLjMgMC4zIDAuNyAwLjQgMS4xIDAuNGMwLjQgMCAwLjgtMC4xIDEuMS0wLjRjMCAwIDAgMCAwIDBsMTAtMTBDMjMuMSAyIDIzLjEgMSAyMi42IDAuNHoiLz4KPC9zdmc+Cg==);
    &.inverse {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIzcHgiIGhlaWdodD0iMTNweCIgdmlld0JveD0iMCAwIDIzIDEzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMyAxMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yMi42IDAuNEwyMi42IDAuNGMtMC42LTAuNi0xLjUtMC42LTIuMSAwbC04LjkgOC45TDIuNiAwLjRDMi0wLjEgMS0wLjEgMC40IDAuNHYwQy0wLjEgMS0wLjEgMiAwLjQgMi42IGwxMCAxMGMwIDAgMCAwIDAgMGMwLjMgMC4zIDAuNyAwLjQgMS4xIDAuNGMwLjQgMCAwLjgtMC4xIDEuMS0wLjRjMCAwIDAgMCAwIDBsMTAtMTBDMjMuMSAyIDIzLjEgMSAyMi42IDAuNHoiLz4KPC9zdmc+Cg==);
    }
}

.svg-icon-left {
    @include rotate(90deg);
}

.svg-icon-top{
    @include rotate(180deg);
}

.svg-icon-right {
    @include rotate(-90deg);
}

.svg-icon-add-to-list {
    height: 18px;
    opacity: 0.5;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDIwIDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHk9IjQiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeT0iOCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4NCgk8cG9seWdvbiBwb2ludHM9IjE2LDEyIDE2LDggMTQsOCAxNCwxMiAxMCwxMiAxMCwxNCAxNCwxNCAxNCwxOCAxNiwxOCAxNiwxNCAyMCwxNCAyMCwxMiAJIi8+DQoJPHJlY3QgeT0iMTIiIHdpZHRoPSI4IiBoZWlnaHQ9IjIiLz4NCjwvZz4NCjwvc3ZnPg0K);
    &.inverse {
        opacity: 1;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDIwIDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMTYiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHk9IjQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeT0iOCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjIiLz4NCgk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE2LDEyIDE2LDggMTQsOCAxNCwxMiAxMCwxMiAxMCwxNCAxNCwxNCAxNCwxOCAxNiwxOCAxNiwxNCAyMCwxNCAyMCwxMiAJIi8+DQoJPHJlY3QgeT0iMTIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI4IiBoZWlnaHQ9IjIiLz4NCjwvZz4NCjwvc3ZnPg0K);
    }
}

.sf-logo {
    display: block;
    background: url(~images/SF_logo.svg) no-repeat 0 0;
    width: 124px;
    height:32px;
}