/****************************************/
/* Grid */
/****************************************/
.gridToolbar{
    background-color:#3f3f3f;
    overflow: hidden;
}

.gridToolbar input
{
    background-color:#64aee9;
    color:white;
    border:3px solid #d5d5d5;
    border-radius:6px;
    height:32px;
    margin:4px 3px;
    box-shadow:none;
}

.gridTable{
        max-width:90%;
    }

.xsmallCol{
    width:100px;
    padding:2px 6px;
    overflow:hidden;
}

.smallCol{
    /*max-width:100px;
    padding:2px 6px;
    overflow:hidden;*/
}

.mediumCol{
    width:200px;
    padding:2px 6px;
    /*overflow:hidden;*/
}

.longCol {
     width:300px;
    padding:2px 6px;
    /*overflow:hidden;*/
}

.rowContainer {
    border:#3f3f3f 2px solid;
    border-top:none;
    box-shadow:#3f3f3f 5px 5px;
}

.gridDataRow
{
    /*display:inline-block;*/
}

.gridEnteteRow{
    background-color:#bc2323;
    color:white;
    font-size:16px;
    font-family:Calibri;
    font-weight:700;
    border:#6c0000 2px solid;
    border-radius:6px 6px 0 0;
    box-shadow:#3f3f3f 5px 5px;
}

.headerColTitle {
    position:relative;
    width:75%;
    top:0px;
    vertical-align:top;
    float:left;
    overflow:hidden;
}

.table thead .sorting,
.table thead .sorting_asc,
.table thead .sorting_desc {
    padding-right: 30px;
    cursor:pointer;
    position: relative;
}

.table th.sorting:after {
    content: "\e150";
    opacity:0.2 !important;
}

.table th.sorting_asc:after {
    content: "\e155";
}

.table thead th.sorting_desc:after {
    content: "\e156";
}

.table thead .sorting:after,
.table thead .sorting_asc:after,
.table thead .sorting_desc:after {
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
}

.headerColOrder {
    float:right;
    vertical-align:text-bottom;
    width:25%;
}
.btn-no-border {
    position:relative;
    right:0;
    border:none;
    background-color:transparent;
}

.gridEnteteCell{
    height:24px;
    /*display:inline-block;*/
}

.gridDataCell {
    margin-bottom:4px !important;
    /*display:inline-block;*/
}

.pair{
    background-color:#eaeaea;
}

.gridPageRow {

}

.gridPageCell {
    text-align:center;
    font-weight:bold !important;
    border:1px solid #3f3f3f;
    background-color:#ffffff;
}

.gridPageCell:hover {
    cursor:pointer;
}

.gridPageCellSelected {
    text-align:center;
    font-weight:bold !important;
    font-size:20px;
    border:1px solid #3f3f3f;
    background-color:#3f3f3f;
    color:white;

}

.gridFooterRow{
    width:100%;
    padding-left:10px;
    background-color:#bc2323;
    color:white;
    font-size:16px;
    font-family:Calibri;
    font-weight:700;
    border:#6c0000 2px solid;
    border-radius:6px 6px 0 0;
    box-shadow:#3f3f3f 5px 5px;
}

.gridButton{
  
    /*padding:2px 6px;
    min-width:25px;
    max-width:35px;
    margin:0;*/
    /*width:32px;*/
    /*display:inline-block;*/
}

.gridAjouter input{
    background-color:#3f3f3f;
    color:white;
    margin-left:20px;
    padding:10px 20px;
    border:#3f3f3f 1px solid;
    border-radius:6px;
    margin-bottom:8px;
}

.gridAjouter input:hover{
    background-color:white;
    color:black;
}

.Delete{
    /*padding-right:0 !important;
    background-color:white;
    background-image:url("/Images/delete.png");
    background-size:20px;
    width:22px !important;
    height:22px !important;
    border:1px solid #3f3f3f;
    border-radius:6px;
    /* Hide the text. 
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;*/
}

.Edit{
   /*padding-right:0 !important;
    background-color:white;
    background-image:url("/Images/edit.png");
    background-size:20px;
    width:22px;
    height:22px;
    border:1px solid #3f3f3f;
    border-radius:6px;
    /* Hide the text. 
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;*/
}

.selected {
    background-color:#a6d8ff !important;
    border:2px solid #67bcff;
}