/*Custom style $.fn.dataTableExt.oStdClasses.sWrapper = "myDtWrapper"*/
.myCustomHeader
{
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
.myCustomHeaderBar
{
    border: 1px solid #aaaaaa;
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}
.myCustomHeaderBar a
{
    color: #222222;
}
/* tables */
.dataTable
{
    border-collapse:collapse;
}
.dataTable td,.dataTable th
{
    padding: 2px 5px;
    text-align: left;
}
.dataTable td div
{
    margin-top: 5px;
}
.dataTable td div:first-child
{
    margin-top: 0;
}

.odd
{
    background-color: #FFFFFF;
}

.even
{
    background-color: #F9F7DD;
}
.odd:hover, .even:hover
{
    background-color: #C7D1D6;
    background-position: left center;
    cursor: default;
}
.paging_four_button
{
    /*text-align: right;*/
}
.paginate_button {
    margin: 0 2px !important;
    padding: 1em !important;
    width: auto;
}
.paginate_hidden
{
    display: none;
    visibility: hidden;
}
.dataTables_length
{
    float: left;
    padding: 5px;
    width: 40%;
}

.dataTables_filter
{
    float: right;
    padding: 5px;
    text-align: right;
    width: 50%;
}

.dataTables_info
{
    float: left;
    padding: 5px;
    width: 60%;
}
.dataTables_paginate
{
    text-align: right;
}
/**/

.dataTables_button
{
    display: block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}
.dataTables_button span
{
    display: none;
    visibility: hidden;
}
.DataTables_sort_wrapper
{
    padding: 0 5px;
}
.DataTables_sort_wrapper .DataTables_sort_icon
{
    float: right;
}


/**/
.dataTables_show
{
    background-image: url("images/tablebutton.png");
    background-position: left 0px;
}
.dataTables_delete
{
    background-image: url("images/tablebutton.png");
    background-position: left -30px;
}
.dataTables_write
{
    background-image: url("images/tablebutton.png");
    background-position: left -60px;
}
.dataTables_lock
{
    background-image: url("images/tablebutton.png");
    background-position: left -120px;
}
.dataTables_unlock
{
    background-image: url("images/tablebutton.png");
    background-position: left -150px;
}

.dataTables_up
{
    display: block;
    background: url("images/up.png") no-repeat;
    width: 9px;
    height: 7px;
    margin-left: auto;
    margin-right: auto;
}
.dataTables_up span
{
    display: none;
    visibility: hidden;
}

.dataTables_down
{
    display: block;
    background: url("images/down.png") no-repeat;
    width: 9px;
    height: 7px;
    margin-left: auto;
    margin-right: auto;
}
.dataTables_down span
{
    display: none;
    visibility: hidden;
}

.dataTables_save
{
    display: block;
    background: url("images/save.png") no-repeat;
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
}
.dataTables_save span
{
    display: none;
    visibility: hidden;
}
.dataTables_add
{
    display: block;
    background-image: url("images/add.png");
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
}
.dataTables_see
{
    display: block;
    background-image: url("images/see.png");
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
}
.dataTables_frm_gr
{
    display: block;
    background-image: url("images/frm_gr.png");
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
}
.dataTables_frm_indiv
{
    display: block;
    background-image: url("images/frm_indiv.png");
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
}
.dataTables_frm_perso {
    display: block;
    background-image: url("images/frm_indiv.png");
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
}
.dataTables_copy {
    display: block;
    background-image: url("images/copy.png");
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
}




.dataTables_remove
{
    display: block;
    background-image: url("images/remove.png");
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
}
.dataTables_open
{
    display: block;
    background-image: url("images/details_open.png");
    background-position: center center;
    background-repeat: no-repeat;    
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;    
}
.dataTables_close
{
    display: block;
    background-image: url("images/details_close.png");
    background-position: center center;
    background-repeat: no-repeat;    
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;    
}
.dataTables_mail
{
    display: block;
    background-image: url("images/tablemail.png");
    background-position: center center;
    background-repeat: no-repeat;    
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;    
}
.dataTables_SsElement {
    background-image: url("images/tablebutton.png");
    background-position: left -205px;
}

.dataTables_actif
{
    display: block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
}
.dataTables_actif span
{
    display: none;
    visibility: hidden;
}
.compte_icon
{
    background: url("images/compte_on.png") no-repeat;
}
.no_compte_icon
{
    background: url("images/compte_off.png") no-repeat;
}

.DataTables_sort_wrapper .DataTables_sort_icon {
    float: right;
}
.SortUp {
    background-image: url("images/SortUp.png");
    background-repeat: no-repeat;
    height: 20px;
    padding: 2px 0;
}
.SortDown {
    background-image: url("images/SortDown.png");
    background-repeat: no-repeat;
    height: 20px;
    padding: 2px 0;
}

.dataTables_connexion {
    display: block;
    background-image: url("images/connexion.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
}

/**/
.alignLeft
{
    padding: 0 5px;
    text-align: left;
}
.alignLeft td
{
    font-size: 11px;
}
.alignLeft ul
{
    margin: 0 10px;
    padding: 0 10px;
}
.icon30px
{
    padding-left:5px;
    padding-right:5px;
}

td.colorRed {
    color:#FF452B;
    font-weight: bold;
}

.TableFilesPhasesProjets .even {
    background-color: transparent;
}

    .TableFilesPhasesProjets .even:hover {
        background-color: #C7D1D6;
    }

.TableFilesPhasesProjets .complementaire {
    background-color: #F9DEDD;
}

    .TableFilesPhasesProjets .complementaire:hover {
        background-color: #F2EC9B;
    }

.favorite {
    background-image: url("images/favorite.png");
}

.to-favorite {
    background-image: url("images/to-favorite.png");
}

.toggleFavorite {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}
.favorite-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}