@font-face{font-family:'XbolWebIcons';src:url('../font/xwebicons.otf');}
.Fx {
    display: inline-block;
    font: normal normal normal 18px /1 XbolWebIcons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.Fx1x {
    font-size: 1em;
}
.Fx2x {
    font-size: 2em;
}
.Fx3x {
    font-size: 3em;
}
.Fx4x {
    font-size: 4em;
}
.Fx5x {
    font-size: 5em;
}
.FxDel:before {
    content: "\34";
}
.FxNew:before {
    content: "\36";
}
.FxAdd:before {
    content: "\a4";
}
.FxOk:before {
    content: "\2d";
}
.FxPrint:before {
    content: "\4d";
}
.FxSave:before {
    content: "\e030";
}
.FxUpdate:before {
     content: "\3f";
 }
.FxX:before {
    content: "\e000";
}
.FxArrowL:before {
    content: "\7b";
}
.FxDoc:before {
    content: "\2202";
}
.FxActiveCompleet:before {
    content: "\79";
}
.FxActiveWite:before {
    content: "\37";
}
.FxLoad:after {
    content: "\e047";
}
div.FxActive {
    background: #edeef0;
    margin-top: -14px;
    margin-left: -17px;
    border-radius: 1em;
    /* box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.3); */
    /* color: green; */
    position: absolute;
    font-size: 30px;
}
/*div.FxActive.FxActiveCompleet {*/
    /*color: green;*/
/*}*/
.FxColorWite {
    color: #5e81a8;
}
.FxColorCompleet {
    color: #5fb053;;
}