/* Force table to not be like tables anymore */
.no-more-tables table, 
.no-more-tables thead, 
.no-more-tables tbody, 
.no-more-tables th, 
.no-more-tables td, 
.no-more-tables tr { 
    display: block; 
    cursor: pointer;
}

.no-more-tables table { border: 0; }
.no-more-tables table tbody  tr {         
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-bottom: 10px;
    background-color: #f2f2f2;
    background-image: url('../images/arrow-red-large.png');
    background-repeat: no-repeat;
    background-position: right center;
 }
 .no-more-tables table tbody  tr.select {  
     background-image: url('../images/arrow-red-bottom.png');
 }
/* Hide table headers (but not display: none;, for accessibility) */
.no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.no-more-tables td { 
        /* Behave  like a "row" */
        margin-top: 10px;

        border: none;
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
        
}

.no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 30%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
}

/*.no-more-tables tr.veolia { background-color: #ffa83e !important; color: #333; border:0; }
.no-more-tables tr.perso-non-declanche { background-color: #2ABC11 !important; color: #333; border:0; }
.no-more-tables tr.perso-declanche { background-color: #2571b2 !important; color: #333; border:0; }
*/
.no-more-tables tr.veolia { background-color: #9b8aa5 !important; color: #333; border:0; }
.no-more-tables tr.perso-non-declanche { background-color: #5cc5e4 !important; color: #333; border:0; }
.no-more-tables tr.perso-declanche { background-color: #e6a857 !important; color: #333; border:0; }

h3.red-button-style { 
    display: inline-block; 
    margin-right: 25px; margin-top: 0px; 
    font-size: 17px;
    width: 100%; height: 36px; line-height: 36px;
    border-radius: 0; background-color: #df0024; 
    color: #FFF !important; 
    font-weight: normal !important; border: 0; padding-left: 20px; text-align: left; 
    background: url('../images/arrow-white-large.png') 99% center no-repeat #df0024; 
    cursor: pointer;

  }
h3.red-button-style.select { 
    background: url('../images/arrow-white-bottom.png') 99% center no-repeat #df0024; 
}  

/*
form#j-estime-form input[type=submit], .red-square-button 
Label the data
*/
.no-more-tables td:before { content: attr(data-title); }


table:not(.ui-datepicker-calendar) { border: 0; border-collapse: separate !important; border-spacing: 0px 5px;}
table.responsive tr.orange th, .pinned tr.orange th {
    text-align: center;
    /*width: 100%;*/
    
}
		
.pinned { border-left: 0; border-right: 0}
th, td {   width: auto; text-align: center; }


table:not(.ui-datepicker-calendar) th:last-child { border-top-right-radius: 20px;}
table:not(.ui-datepicker-calendar) td, table:not(.ui-datepicker-calendar) th { text-align: center;  }
table:not(.ui-datepicker-calendar) td { font-size: 12px;}
table:not(.ui-datepicker-calendar) td:nth-child(odd) , table:not(.ui-datepicker-calendar) th:nth-child(odd) {background: #E0E1E3; }
table:not(.ui-datepicker-calendar) td:nth-child(even), table:not(.ui-datepicker-calendar) th:nth-child(even)  {background: #EEEFF0;}
table:not(.ui-datepicker-calendar) tr:last-child td:first-child { border-bottom-left-radius: 20px;}
tr { margin-bottom: 10px; }	
table.responsive tr.orange th:first-child { width: 130px;  }
table.responsive td:first-child { vertical-align: middle;}