/*-----------------------------------------------------------------------------------
	    customize.css
-----------------------------------------------------------------------------------*/

/* = Table
-------------------------------------------------------------- */
table.ta-line{
    font-size: 14px;
	line-height: 36px;
}
@media (max-width: 900px){
    table.ta-line{
        font-size: 14px;
    }
}
@media (max-width: 500px){
    table.ta-line{
        font-size: 14px;
    }
}
.ta-line th{
	color: #17ABAA;	
}

.ta-line tr:last-child th,
.ta-line tr:last-child td{
    border-bottom: 1px solid #ddd!important;
}


/* table ta-type1
_____________________________________________________________________ */

table.ta-type1 {
 border: 2px solid #17ABAA;
	margin-bottom:10px;
 width: 100%;
}
table.ta-type1 tr th {
color: #000000;
background-color: #f2f2f2;
}

table.ta-type1 > tbody > tr > th,
table.ta-type1 > tbody > tr > td {
  line-height: 1.42857;
  padding: 10px 8px;
  vertical-align: top;
  border: 1px solid #17ABAA;
}


table.ta-type1 > thead > tr > th, table.ta-type1 > tbody > tr > th,
table.ta-type1 > tfoot > tr > th, table.ta-type1 > thead > tr > td,
table.ta-type1 > tbody > tr > td, table.ta-type1 > tfoot > tr > td {
    border-top: 0 !important;
}

@media (max-width: 500px){
 table.ta-type1 tr td{	border-bottom:1px solid #ccc;}
	
	 .table-wrapper{
    width: 100%;
    overflow-x: scroll;
				 -webkit-overflow-scrolling: touch;
  }
}