/** ---- Directive cktlCommonFilter ----*/

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('fonts/glyphicons-halflings-regular.eot');
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.ngfilter {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 100%;
}

.ngfilter .input {
    display: inline-block;
}

.ngfilter .clear-x {
    display: inline-block;
    opacity: 0.6;
    position: absolute;
    right: 0px;
    font-size: 1.3em;
    padding-right: 5px;
    padding-top: 3px;
}

.ngfilter .clear-x:hover {
    opacity: 1;
}

/** ---- Directive cktlCommonSortable ----*/

.ngsortable_asc {
    background: transparent url("images/Sort_Up_H.png") no-repeat scroll right center;
    padding: 0 10px 0 0;
    display: inline-block;
}

.ngsortable_desc {
    background: transparent url("images/Sort_Down_H.png") no-repeat scroll right center;
    padding: 0 10px 0 0;
    display: inline-block;
}

/** Couleur du nom des colonnes triables */
cktl-common-sortable {
    color: #4E80C0;
}

/** Souligné du nom des colonnes triables dans les tableaux Angular lors du survol */
cktl-common-sortable:hover {
    text-decoration: underline;
}