/* override table width restrictions, breaks lines */
@media screen and (min-width: 767px) {

   .wy-table-responsive table td {
      /* !important prevents the common CSS stylesheets from overriding
         this as on RTD they are loaded after this stylesheet */
      white-space: normal !important;
   }

   .wy-table-responsive {
      overflow: visible !important;
   }
}


table {
    /*border: 2px solid black;*/
	width: 100%;
    margin-top: 10px;
	text-align: left;
	}


tr:hover td {
    background-color: #FFFAF0;
}


th {
    background-color: #eee;
    /*border: 1px solid black;*/
    /*padding: 5px;*/
    text-align: left;
	vertical-align: middle;

}

td {
    background-color: white;
    /*border: 1px solid black;*/
    text-align: left;
	vertical-align: middle;

}


/*att-table specifies a table format for attributes 
tables. First 3 columns are aligned left*/

table.att-table td:nth-child(1),
table.att-table td:nth-child(2) {
    text-align: left;
	vertical-align: middle;
}

table.att-table td:nth-child(4),
table.att-table td:nth-child(5),
table.att-table td:nth-child(6),
table.att-table td:nth-child(7),
table.att-table td:nth-child(3) {
    text-align: center;
	vertical-align: middle;

}


table.att-table th:nth-child(1),
table.att-table th:nth-child(2),
table.att-table th:nth-child(3) {
    text-align: left;
	background-color: #eee;
	vertical-align: middle;}
	
table.att-table th:nth-child(4),
table.att-table th:nth-child(5),
table.att-table th:nth-child(6),
table.att-table th:nth-child(7),
table.att-table th:nth-child(3) {
    text-align: center;
	background-color: #eee;
	vertical-align: middle;
}

table.att-table {
	border-width: 1px;
	border-style: solid;
	border-color: #c1c1c1;
	min-width: 70%
}

table.att-table th, table.att-table td{
    border-right: 1px solid #c1c1c1;
    padding-left: 8px;
    padding-right: 8px;

}