@CHARSET "ISO-8859-1";

/* Sortable tables
table.sortable thead,tfoot{
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default; */


/*  the border-spacing's first argument is the horizontal spacing between the cells, and the second is the vertical spacing.
table.sortable
{
    border-collapse:separate;
    border-spacing:10px 5px;
}*/

table.sortable {
    border-collapse: collapse;
}

/* separate cells content */
table.sortable th, td {
    padding: 3px;
    font-size: small;
}



/* aaresti Sortable tables  */
table.sortable thead {
    background-color:#eee;
    color:white;
    font-weight: normal;
    cursor: default;
}

/* aaresti Adding a "left-hand-header" column */
table.sortable tbody {
    counter-reset: sortabletablescope;
}
table.sortable thead tr::before {
    content: "";
    display: table-cell;
    background-color:#01A9DB;
}
table.sortable tbody tr::before {
    content: counter(sortabletablescope);
    counter-increment: sortabletablescope;
    display: table-cell;
    text-align: center;
 /*   padding-top: 10px; */
    vertical-align: middle;
    font-size: small;
}

/* add label No. in header of counter */
table.sortable thead tr::before {
    content: 'No.';
    display: table-cell;
    text-align: center;
/*    padding-top: 5px; */
    vertical-align: middle;
}

table.sortable tbody tr:nth-child(2n) td {
    background: #f7f7f7;
}
table.sortable tbody tr:nth-child(2n+1) td {
    background: #ffffff;
}

th {
    background-color: #01A9DB;
    color: #FBF8EF;
    font-weight: bold;
    text-align: left;
}

/* aaresti align text in middle of cell  */
td {
    text-align: right;
}

/* css for datetimepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* hide enablethirdpartydata rows in enablethirdparty.php */
tr.enablethirdpartydata {display:none;}