/*<!-- Author:  Noxidsoft - Noel Dixon -->
<!-- Contact: support@noxidsoft.com -->
<!-- Version: 2.0.08082016 -->*/
body, table, tbody, tfoot, tr, td {
  /*padding:1em;*/
  color: #58585a;
}

.fullWidth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
}

.row {
  max-width: none; /*IE11 fix*/
}

.row .row {
  margin: 0 -0.9375rem;
  max-width: none;
  width: auto;
}

h2 {
  font-weight: 700;
  font-size: 2.2rem;
  /*color: #f70;*/
  margin: 0 0 25px 0;
}

hr {
  height: 2px;
  color: #C0CEE5;
  background-color: #C0CEE5;
  border: none;
}

button,
ul.pagination li.current a, ul.pagination li.current button {
  background-color: #6384bf;
}
button:hover,
ul.pagination li.current a:hover, ul.pagination li.current button:hover {
  background-color: #9AACD6
}

table {
  /*border: solid 1px #b47ca0;*/
}
#feesChargesDetail {
  border: 1px solid #dddddd;
  margin:1em;
  padding:1em;
}
#feesCharges_wrapper > div.dataTables_scroll > div.dataTables_scrollHead > div > table > thead,
body > table > thead,
#feesCharges_wrapper > div.dataTables_scroll > div.dataTables_scrollFoot > div > table > tfoot {
  background: #389252;
}
#feesCharges_wrapper > div.dataTables_scroll > div.dataTables_scrollHead > div > table > thead > tr > th,
#feesCharges_wrapper > div.dataTables_scroll > div.dataTables_scrollFoot > div > table > tfoot > tr > th,
body > table > thead > tr > th {
  color: #ffffff;
}
#honourboard > tbody > tr.even {
  /*background: #b47ca0;*/
  background: #f2e8ee; /*just a hint, alternatives: Try #e5d2df (86% desaturation) or #ecdde7 (90%) or f2e8ee (93%)*/
}
#feesChargesDetail > tbody > tr,
body > div.reveal-modal.open > table > tr {
  background: #ffffff; /*turn off alternate row colouring or details page*/
}
#honourboard > tbody > tr > td > a {
  color: #26803f;
  font-weight: bold;
}
#honourboard > tbody > tr.even > td > a {
  /*color: #ffffff;*/
}
#honourboard > tbody > tr > td > a:hover {
  text-decoration: underline;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
  background-color: #923671;
}
table.dataTable thead .sorting_asc {
  background-image: url("../DataTables/DataTables-1.10.12/images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("../DataTables/DataTables-1.10.12/images/sort_desc_disabled.png");
}

#honourboard > tbody > tr.group,
#feesChargesDetail > tbody > tr:nth-child(1) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(2) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(3) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(4) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(5) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(6) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(7) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(8) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(9) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(10) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(11) > td:nth-child(1),
#feesChargesDetail > tbody > tr:nth-child(12) > td:nth-child(1) {
  /*background:#ccc;*/
  font-size: 1.2em;
  font-weight: 600;
}
/*large screen only*/
#feesChargesDetail {
  margin-right:auto;
  margin-left:auto;
  width:890px;
}
/*smaller screens only*/
body > div.reveal-modal.open > table > tr:nth-child(1),
body > div.reveal-modal.open > table > tr:nth-child(3),
body > div.reveal-modal.open > table > tr:nth-child(7),
body > div.reveal-modal.open > table > tr:nth-child(9),
body > div.reveal-modal.open > table > tr:nth-child(10),
body > div.reveal-modal.open > table > tr:nth-child(14),
body > div.reveal-modal.open > table > tr:nth-child(15),
body > div.reveal-modal.open > table > tr:nth-child(17),
body > div.reveal-modal.open > table > tr:nth-child(18),
body > div.reveal-modal.open > table > tr:nth-child(19) {
  display:none;
}

div.feesChargesSpeal {
  /*position:absolute;
  right:1em;
  top:4em;
  text-align: right;
  color:red;*/
  /*width:0 auto;*/
}

@media (max-width: 600px) {
  .noteBox {
    display: block;
    float:left;
    bottom:0;
  }
}