/*
    Font icon related changes
*/

@font-face {
    font-family: 'ti-glyph'; /*src: url('../images/GlyphFonts/ti-glyph/fonts/ti-glyph.eot?v=3.0.1');*/
    src: url('../fonts/fonts/ti-glyph.eot') format("embedded-opentype"), url('../fonts/fonts/ti-glyph.woff') format("woff"), url('../fonts/fonts/ti-glyph.ttf') format("truetype"), url('../fonts/fonts/ti-glyph.svg') format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bmc-glyph'; /*src: url('../ti-glyph/fonts/ti-glyph.eot?v=3.0.1');*/
    src: url('../fonts/bmc-fonts/dpl-iconfont.eot') format("embedded-opentype"), url('../fonts/bmc-fonts/dpl-iconfont.woff') format("woff"), url('../fonts/bmc-fonts/dpl-iconfont.ttf') format("truetype"), url('../fonts/bmc-fonts/dpl-iconfont.svg') format("svg");
    font-weight: normal;
    font-style: normal;
}

[class*="__icon-"]:before, [class*="__icon-right-"]:after {
    font-family: "ti-glyph";
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    vertical-align: baseline;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-question-circle:before {
    font-family: ti-glyph;
    font-size: 15px;
    color: black;
    content: "\e618";
}

.icon-solution-help:before {
    font-family: ti-glyph;
    font-size: 15px;
    color: black;
    content: "\e618";
}

.icon-arrow-circle-left:before {
    font-family: ti-glyph;
    font-size: 25px;
    content: "\e600";
}

.icon-info-circle-left:before {
    font-family: ti-glyph;
    font-size: 15px;
    color: black;
    content: "\e600";
}

.icon-getting-started:before
{
    font-family: bmc-glyph;
    font-size: 15px;
    color: black;
    content: "\e683";
}

.icon-configuration-left:before {
    font-family: ti-glyph;
    font-size: 15px;
    color: black;
    content: "\e60d";
}

.icon-exit-left:before {
    font-family: ti-glyph;
    font-size: 15px;
    color: black;
    content: "\e652";
}

.icon-pencil-square-o:before {
    font-family: ti-glyph;
    font-size: 65px;
    content: "\e63f";
    line-height: 0px;
    color: #89c341;
}

.icon-pencil-square-o-small:before {
    font-family: ti-glyph;
    font-size: 40px;
    content: "\e63f";
    line-height: 0px;
    color: #89c341;
    vertical-align: middle;
    padding-right: 10px;
}

.icon-file-checks-arrows:before {
    font-family: bmc-glyph;
    font-size: 65px;
    content: "\eab9";
    line-height: 0px;
    color: #00a79d;
}

.icon-file-checks-arrows-small:before {
    font-family: bmc-glyph;
    font-size: 40px;
    content: "\eab9";
    line-height: 0px;
    color: #00a79d;
    vertical-align: middle;
    padding-right: 10px;
}

.icon-list-alt:before {
    font-family: ti-glyph;
    font-size: 65px;
    content: "\e666";
    line-height: 0px;
    color: #00a79d;
}

.icon-list-alt-small:before {
    font-family: ti-glyph;
    font-size: 40px;
    content: "\e666";
    line-height: 0px;
    color: #00a79d;
    vertical-align: middle;
    padding-right: 10px;
}

.icon-profile:before {
    font-family: ti-glyph;
    font-size: 20px!important;
    content: "\e65b";
    color: #f98700;
}

.icon-books:before {
    font-family: ti-glyph;
    font-size: 65px;
    content: "\e638";
    line-height: 0px;
    color: #eaab10;
}

.icon-cogs:before {
    font-family: ti-glyph;
    font-size: 65px;
    content: "\e60a";
    line-height: 0px;
    color: #eaab10;
}

.icon-lock:before {
    font-family: ti-glyph;
    content: "\f023";
}

.ti-icon-announcement:before
{
    font-family: ti-glyph;
    font-size: 20px;
    color: black;
    margin-left: 5px;
    line-height: 5px;
    content: "\e605";
}

.ti-icon-announcement-new {
    color: Green !important;
}

.icon-next:before {
    font-family: ti-glyph;
    font-size: 16px;
    content: "\e622";
}

.icon-down:before {
    font-family: ti-glyph;
    font-size: 16px;
    content: "\e613";
}

.print-img:before{
    font-family: ti-glyph;
    font-size: 26px;
    content: "\e627";
    color: black;
    border: none;
}

.icon-filter:before {
    font-family: ti-glyph;
    font-size: 20px;
    content: "\e66c";
    color: #333333;
}

.incident-icon-filter:before {
    font-family: ti-glyph;
    font-size: 22px;
    line-height: 9px;
    content: "\e66c";
    margin-left: 130px;
    color: #333333;
}


.icon-success:before{
    font-family: ti-glyph;
    font-size: 25px;
    content: "\e604";
    color: #ffffff;
    vertical-align: text-bottom;
}

.splash-icon-selfService .x-panel-body{
        /* Important required due to the loading symbols CSS selector */
        background-image: url("../images/common/Getting_started_selfService.jpg") !important;
        background-repeat:no-repeat;
        background-size:contain;
}