@import "../../../../Base/Content/sass/compass";
@import "../../../../Base/Content/sass/bootstrap/variables";
@import "Variables";

//* ICONS TEST! **//
@font-face {
    font-family: 'wizdom';
    src: url('#{$icon-font-path}wizdom.eot?75385805');
    src: url('#{$icon-font-path}wizdom.eot?75385805#iefix') format('embedded-opentype'), url('#{$icon-font-path}wizdom.woff?75385805') format('woff'), url('#{$icon-font-path}wizdom.ttf?75385805') format('truetype'), url('#{$icon-font-path}wizdom.svg?75385805#wizdom') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */


@font-face {
    font-family: 'streamline-icons';
    src: url('#{$icon-font-path}Streamline/streamline-icons.ttf?iyun5n') format("truetype"), url('#{$icon-font-path}Streamline/streamline-icons.woff?iyun5n') format("woff"), url('#{$icon-font-path}Streamline/streamline-icons.svg?iyun5n#streamline-icons') format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}



.streamline::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "streamline-icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'wizdom';
        src: url('#{$icon-font-path}wizdom.svg?75385805#wizdom') format('svg');
    }
}



// support for ms ui fabric fonts
@font-face {
    font-family: 'FabricMDL2Icons';
    src: url('#{$icon-font-path}fabricmdl2icons-3.54.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.ms-Icon {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'FabricMDL2Icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    position: relative; // added to be able to control top:
}

.ms-Icon--posTop {
    line-height: 10px;
    vertical-align: top;
}

.ms-Icon--xxs {
    font-size: 8px;
}

.ms-Icon--xs {
    font-size: 10px
}

.ms-Icon--s {
    font-size: 12px
}

.ms-Icon--m {
    font-size: 16px
}

.ms-Icon--l {
    font-size: 20px
}




.wizdom-icon:before {

    &.strong {
        font-weight: bold;
    }

    font-family: "wizdom";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit !important;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}



.modal-dialog .modal-header .modal-title .wizdom-icon {
    font-size: $wizdom-webpartTitleIcon-size;
    font-weight: bold;
}


.bootstrap-wrapper i.wt-icon {
    /*color: $wizdom-iconlink-color;*/
    /*padding: 2px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 13px;*/
    cursor: pointer;
}



.wizdom-icon {

    &.icon-burger:before {
        content: '\e800' !important;
    }

    &.icon-magnify:before {
        content: '\e801' !important;
    }

    &.icon-picture:before {
        content: '\e802' !important;
    }

    &.icon-hand-like-2:before {
        content: '\e803' !important;
    }

    &.icon-hand-unlike-2:before {
        content: '\e804' !important;
    }

    &.icon-bubble-conversation-5:before {
        content: '\e805' !important;
    }

    &.icon-reply-mail-2:before {
        content: '\e806' !important;
    }

    &.icon-mail-1:before {
        content: '\e807' !important;
        font-size: 22px;
    }

    &.icon-contacts-2:before {
        content: '\e808' !important;
    }

    &.icon-user-1:before {
        content: '\e809' !important;
    }

    &.icon-user-2:before {
        content: '\e80a' !important;
    }

    &.icon-icon-clock:before {
        content: '\e80b' !important;
        font-size: 15px;
    }

    &.icon-mail-read-1:before {
        content: '\e80c' !important;
        font-size: 22px;
    }

    &.icon-bubble-conversation-1:before {
        content: '\e80d' !important;
    }

    &.icon-bubble-2:before {
        content: '\e80e' !important;
    }

    &.icon-film-3:before {
        content: '\e80f' !important;
    }

    &.icon-document-1:before {
        content: '\e810' !important;
    }

    &.icon-bubble-ask-2:before {
        content: '\e811' !important;
    }

    &.icon-bubble-attention-4:before {
        content: '\e812' !important;
    }

    &.icon-plus:before {
        content: '\e813' !important;
        font-weight: bold;
    }

    &.icon-cabinet:before {
        content: '\e814' !important;
    }

    &.icon-circle-empty:before {
        content: '\e815' !important;
    }

    &.icon-circle-filled:before {
        content: '\e816' !important;
    }

    &.icon-circle-with-dot:before {
        content: '\e817' !important;
    }

    &.icon-circle-in-progress:before {
        content: '\e818' !important;
    }

    &.icon-circle-dashed:before {
        content: '\e819' !important;
    }

    &.icon-wizdom-icon:before {
        content: '\e81a' !important;
    }

    &.icon-notification-icon:before {
        content: '\e81b' !important;
    }
}
