/*!
 *  by Anakeen from
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.flag {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    border-width: 0;
    border-radius: 1px;
    padding:0 3px 0 3px;
    background-color: rgba(0,0,0,0.08);
    color: #777;
    float: right;
}
.toc-flag {     background-color: rgba(0,0,0,0.08); color: #777; }
.flag.inline ,
.item\:toc .flag, .item\:subtoc .flag {
    float: none;
}
.flag:after {
    font-family: FontAwesome;
}
.flag:before {
    font-family: FontAwesome;
    content: "\f0c6";
    margin-right: 3px;
    padding-right: 2px;
}
span.flag.no-symbol:before {
    content: "";
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}


.toc-flag.new, .flag.new { background-color: rgba(67, 139, 0, 1); color: #FFFFFF; }
.flag.new:before { content: "\f055"; }

.toc-flag.update, .flag.update { background-color: rgba(188, 248, 160, 1); color: #5E5E5E; }
.flag.update:before { content: "\f06a"; }

.toc-flag.release, .flag.release {  background-color: rgba(255, 0, 0, 1);  color: #FFF; }
.flag.release:after {  margin-left: 3px; padding-left: 2px; }
.flag.release.until:before { content: "\f051"; }
.flag.release.from:before { content: ""; border-right: 0;  margin-right: 0; padding-right: 0; }
.flag.release.from:after { content: "\f051"; }
.flag.release.obsolete:before { content: "\f056"; }


.toc-flag.fixme, .flag.fixme { background-color: rgba(255, 194, 0, 1); color: #424242; }
.flag.fixme:before { content: "\f0e2"; }

.toc-flag.draft, .flag.draft { background-color: rgba(84, 139, 255, 0.7); color: #E9E9E9; }
.flag.draft:before { content: "\f040"; }

.toc-flag.review, .flag.review { background-color: rgba(40, 49, 255, 0.7); color: #E9E9E9; }
.flag.review:before { content: "\f040"; }

.toc-flag.nota-bene, .flag.nota-bene {background-color: rgba(0, 111, 218, 0.7);color: #FFF; }
.flag.nota-bene:before { content: "\f0a1"; }
.flag.nota-bene:after { font-size: 80%; content: "N.B.:";
}
.flag.nota-bene.inline {margin-right: 1em; }


.toc-flag.warning, .flag.warning { background-color: #F00; color: #FFF; }
.flag.warning:before { content: "\f071"; }

.flags-zone {
    position: absolute;
    bottom: 30px;
    right: 20px;
    transform: rotate(90deg) ;
    -webkit-transform: rotate(90deg) ;
    -moz-transform: rotate(90deg) ;
    -o-transform: rotate(90deg) ;
    -ms-transform: rotate(90deg) ;
    transform-origin: top right;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -o-transform-origin: top right;
    -ms-transform-origin: top right;
    opacity: 0.6;
}
.flags-zone:hover {
    opacity: 1;
}
.flags-banner {
    float: left;
    margin-left: 3px;
    padding: 5px 10px;
    color: #fff;
    background-color: #000;
    text-align: center;
}
.flags-banner.flag-draft {
    background-color: #CC7272;
}
.flags-banner.flag-review {
    background-color: #B87B1F;
}

.flags-banner.flag-new { background-color: #008821; }
.flags-banner.flag-new.flag-draft { background: linear-gradient(to right,  #008821, rgba(84, 139, 255, 0.7)); }
.flags-banner.flag-new.flag-review { background: linear-gradient(to right,  #008821, rgba(40, 49, 255, 0.7)); }

.flags-banner.flag-update { background-color: #B6E69F; color: #288015; }
.flags-banner.flag-update.flag-draft { background: linear-gradient(to right,  rgba(188, 248, 160, 1), rgba(84, 139, 255, 0.7)); }
.flags-banner.flag-update.flag-review { background: linear-gradient(to right, rgba(188, 248, 160, 1), rgba(40, 49, 255, 0.7)); }

.flags-banner.flag-obsolete { background-color: rgb(218, 47, 47); }
.flag-label {
    padding: 0 2em 0 2em;
}
