﻿/*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 */
.odd
{
    background-color: #FFFFFF;
}

.even
{
    background-color: #EEEEEE;
}
.odd:hover, .even:hover
{
    /*background-color: #DEDEDE;*/
    background-color: #EFFFE0;
    background-position: left center;
    /*color: #FFFFFF;*/
    cursor: default;
}
.paging_four_button
{
    display: block;
    width: 104px !important;
}
.paginate_button
{
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    float: left;
    margin: 0px 4px 0px 4px;
    cursor: pointer;
}

.first
{
    background-image: url(images/tablenavigation.png);
    background-position: left 0px;
}
.previous
{
    background-image: url(images/tablenavigation.png);
    background-position: left -20px;
}
.next
{
    background-image: url(images/tablenavigation.png);
    background-position: left -40px;
}
.last
{
    background-image: url(images/tablenavigation.png);
    background-position: left -60px;
}

.paginate_hidden
{
    display: none;
    visibility: hidden;
}
.dataTables_length
{
    width: 40%;
    float: left;
}

.dataTables_filter
{
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_info
{
    width: 60%;
    float: left;
}
.dataTables_paginate
{
    width: 44px; /* width: 50px;*/
    float: right;
    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_show
{
    background-image: url("images/tablebutton.png");
    background-position: left 0px;
}
.dataTables_downloadFile
{
    background-image: url("images/tablebutton.png");
    background-position: left 22px;
}
.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_add
{
    background-image: url("images/tablebutton.png");
    background-position: left -90px;
}
.dataTables_print
{
    background-image: url("images/Pdf.png");
}
.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_SsElement
{
    background-image: url("images/tablebutton.png");
    background-position: left -205px;
}
.dataTables_eval
{

}
.dataTables_eval span
{
    display: inline;
    visibility: visible;
}
.listEval
{
    list-style: none outside none;
    margin: 0 0 5px;
    padding: 0;    
}
/**/
.alignLeft
{
    text-align: left;
}
.icon30px
{
    padding-left:5px;
    padding-right:5px;
}


.dataTables_Actions
{
    background-image: url("images/btnAction.png");
    background-repeat: no-repeat;
    background-position: 1px center;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    display: block;
    font-weight: bold;
    height: 20px;
    padding-bottom: 3px;
    padding-left: 25px;
}


.dataTables_Actions_on
{
    background-color: #ffffff;
    background-image: url("images/btnAction.png");
    background-repeat: no-repeat;
    border-color: #aaaaaa #aaaaaa #ffffff;
    border-style: solid;
    border-width: 1px;
    position: relative;
    z-index: 9999;
}



.dataTables_Actions span
{
    background-image: url("images/down.png");
    background-position: right 7px;
    background-repeat: no-repeat;
    display: block;
    height: 20px;    
    padding-right: 15px;
}

.dataTables_FicheRenseignement
{
    background-image: url("images/tablebutton.png");
    background-position: left -248px;
    background-repeat: no-repeat;
    display: block;
    height: 20px;    
    padding-left: 24px;  
}
.dataTables_Convention
{
    background-image: url("images/tablebutton.png");
    background-position: left -226px;    
    background-repeat: no-repeat;
    display: block;
    height: 20px;    
    padding-left: 24px;  
}
.dataTables_Contrat
{
    background-image: url("images/tablebutton.png");
    background-position: left -269px;
    background-repeat: no-repeat;
    padding-left: 24px;  
}
.dataTables_Email
{
    background-image: url("images/Mail.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 20px;
    padding: 2px 0 2px 24px;   
}
.dataTables_Email span
{
    /*display: none;*/
}
.dataTables_Download
{
    background-image: url("images/Download.png");
    background-position: left center;
}
.dataTables_addAvenant
{
    background-image: url("images/add.png");
    background-repeat: no-repeat;
    height: 20px;
    padding: 2px 0 2px 24px;   
}
.dataTables_sign {
    background-image: url("images/agreement.png");
    background-repeat: no-repeat;
    background-size: 22px;
    height: 20px;
    padding: 2px 0 2px 24px;
}



.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;   
}








/*
.menuAction
{
    margin-top: 2px;
    padding: 10px;
    right: 30px;
    z-index: 999;
}
*/
.menuAction
{
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    box-shadow: 3px 5px 6px #aaaaaa;
    margin-top: -1px;
    padding: 10px;
    right: 1%;
    z-index: 999;
}
.menuAction a
{
    display: block;
}

.menuAction a:hover
{
    background-color: #d1f1a6;
}

.menuAction table
{
    border: 1px dashed #BBBBBB;
    font-size: 13px;
    margin: 0;
    padding: 0 5px;
    width: 350px;
}
.menuAction td
{
    /*border: 1px dashed #BBBBBB;*/
}
.menuAction h3
{
    font-size: 15px;
    margin: 0;
}

.Download
{
    background-image: url("images/Download.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 20px;    
    padding: 2px 0 2px 24px;   
}

.DownloadPdf
{
    background-image: url("images/Pdf.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 20px;    
    padding: 2px 0 2px 24px;   
}

.DownloadDocx
{
    background-image: url("images/doc.gif");
    background-position: left center;
    background-repeat: no-repeat;
    height: 20px;    
    padding: 2px 0 2px 24px;   
}

.Download_Avenant
{
    background-image: url("images/Download.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 20px;
    margin-left: 5px;
    padding: 2px 10px;
}
.Download_Avenant span
{
    display: none;
}


.DetailMailContrat
{
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 11px;
    margin-bottom: 15px;
    text-align: left;
    width: 100%;
}
.DetailMailContrat th
{
    border: 1px dashed #CEA500;
    padding: 2px 5px;
    /*width: 33%;*/
}
.DetailMailContrat td
{
    border: 1px dashed #CEA500;
    padding: 2px 5px;
}
.DetailMailContrat .save
{    
    background-image: url('images/floppy.png');
    width: 20px;
    height: 20px;
    float: right;
}
.DetailMailContrat .save span
{    
    display: none;
}
.DetailMailContrat .datePicker
{
    width: 70px;
}

.DetailAvenants
{
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 11px;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
}
.DetailAvenants th
{
    border: 1px dashed #CEA500;
    padding: 2px 5px;
    width: 33%;
}
.DetailAvenants td
{
    border: 1px dashed #CEA500;
    padding: 2px 5px;
}
.DetailAvenants .save
{    
    background-image: url('images/floppy.png');
    width: 20px;
    height: 20px;
    float: right;
}
.DetailAvenants .save span
{    
    display: none;
}
.DetailAvenants .datePicker
{
    width: 70px;
}
.DetailAvenants .avenantEdit
{
    background-image: url("images/tablebutton.png");
    background-position: left -60px;    
}
.DetailAvenants .avenantEmail
{
    background-image: url("images/Mail.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 20px;
}
.DetailAvenants .avenantSupp
{
    background-image: url("images/tablebutton.png");
    background-position: left -30px;
}
.DetailAvenants a
{
    display: block;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 20px;
}
.DetailAvenants a span
{
    display: none;
}






.addAutoEval
{
    background-image: url("images/add.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin-top: 10px;
    padding-left: 24px;
}

.eval_show
{
    background-image: url("images/tablebutton.png");
    background-position: left 0;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    margin-left: 5px;
    width: 20px;
}

.eval_show span
{
    display: none;      
}

.eval_write
{
    background-image: url("images/tablebutton.png");
    background-position: left -60px;
    background-repeat: no-repeat;
    float: left;
    margin-left: 5px;
    height: 20px;
    width: 20px;
}

.eval_write span
{
    display: none;      
}

.selectEval
{
    float: left;
    width: 230px;
}

.icon-inline {
    display: inline-block;
    width: 20px;
    height: 20px;
}