table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  top: 8px;
  left: 4px;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
  display: none;
}
table.dataTable.dtr-column tbody td.control,
table.dataTable.dtr-column tbody th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column tbody td.control:before,
table.dataTable.dtr-column tbody th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 16px;
  text-align: center;
  line-height: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-column tbody tr.parent td.control:before,
table.dataTable.dtr-column tbody tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable tr.child {
  padding: 0.5em 1em;
}
table.dataTable tr.child:hover {
  background: transparent !important;
}
table.dataTable tr.child ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable tr.child ul li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
  white-space: nowrap;
}
table.dataTable tr.child ul li:first-child {
  padding-top: 0;
}
table.dataTable tr.child ul li:last-child {
  border-bottom: none;
}
table.dataTable tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
/* #Ipad (Portrait)
================================================== */
/* Note: Design for a width of 1150px */
@media all and (min-width: 1150px) and (max-width: 1250px) {
	table {
		width: 100%;
	}	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10 
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
}
/* Note: Design for a width of 1059px */
@media all and (min-width: 1050px) and (max-width: 1149px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9 
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}

/* Note: Design for a width of 950px */
@media all and (min-width: 950px) and (max-width: 1049px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9,
	th.display-priority-8, 
	td.display-priority-8 
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}

/* Note: Design for a width of 850px */
@media all and (min-width: 850px) and (max-width: 949px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9,
	th.display-priority-8, 
	td.display-priority-8, 
	th.display-priority-7, 
	td.display-priority-7
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}

/* Note: Design for a width of 750px */
@media all and (min-width: 750px) and (max-width: 849px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9,
	th.display-priority-8, 
	td.display-priority-8, 
	th.display-priority-7, 
	td.display-priority-7,
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}

/* Note: Design for a width of 750px */
@media all and (min-width: 750px) and (max-width: 849px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9,
	th.display-priority-8, 
	td.display-priority-8, 
	th.display-priority-7, 
	td.display-priority-7,
	th.display-priority-6, 
	td.display-priority-6
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}

/* Note: Design for a width of 750px */
@media all and (min-width: 750px) and (max-width: 849px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9,
	th.display-priority-8, 
	td.display-priority-8, 
	th.display-priority-7, 
	td.display-priority-7,
	th.display-priority-6, 
	td.display-priority-6
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}
/* Note: Design for a width of 650px */
@media all and (min-width: 650px) and (max-width: 749px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9,
	th.display-priority-8, 
	td.display-priority-8, 
	th.display-priority-7, 
	td.display-priority-7,
	th.display-priority-6, 
	td.display-priority-6,
	th.display-priority-5, 
	td.display-priority-5
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}
/* Note: Design for a width of 550px */
@media all and (min-width: 550px) and (max-width: 649px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9,
	th.display-priority-8, 
	td.display-priority-8, 
	th.display-priority-7, 
	td.display-priority-7,
	th.display-priority-6, 
	td.display-priority-6,
	th.display-priority-5, 
	td.display-priority-5,
	th.display-priority-4, 
	td.display-priority-4
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}
/* Note: Design for a width of 450px */
@media all and (min-width: 450px) and (max-width: 549px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9,
	th.display-priority-8, 
	td.display-priority-8, 
	th.display-priority-7, 
	td.display-priority-7,
	th.display-priority-6, 
	td.display-priority-6,
	th.display-priority-5, 
	td.display-priority-5,
	th.display-priority-4, 
	td.display-priority-4,
	th.display-priority-3, 
	td.display-priority-3
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}

/* Note: Design for a width of 350px */
@media all and (min-width: 350px) and (max-width: 449px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9,
	th.display-priority-8, 
	td.display-priority-8, 
	th.display-priority-7, 
	td.display-priority-7,
	th.display-priority-6, 
	td.display-priority-6,
	th.display-priority-5, 
	td.display-priority-5,
	th.display-priority-4, 
	td.display-priority-4,
	th.display-priority-3, 
	td.display-priority-3, 
	th.display-priority-2,
	td.display-priority-2
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}
/* Note: Design for a width of 350px */
@media all and (min-width: 200px) and (max-width: 349px) {	
	table  tr 
	th.display-priority-10, 
	td.display-priority-10,
	th.display-priority-9, 
	td.display-priority-9,
	th.display-priority-8, 
	td.display-priority-8, 
	th.display-priority-7, 
	td.display-priority-7,
	th.display-priority-6, 
	td.display-priority-6,
	th.display-priority-5, 
	td.display-priority-5,
	th.display-priority-4, 
	td.display-priority-4,
	th.display-priority-3, 
	td.display-priority-3, 
	th.display-priority-2,
	td.display-priority-2,
	th.display-priority-1,
	td.display-priority-1
	{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	table {
		width: 100%;
	}
}