.box {

}
.table-y {
    display: flex;
    flex-flow: column;
    width: 100%;
}

@media (max-width: 450px) {
	.table-y thead {
		/* head takes the height it requires, 
		and it's not scaled when table is resized */
		flex: 0 0 auto;
		width: 100%;
	}
}
@media (min-width: 450px) {
	.table-y thead {
		/* head takes the height it requires, 
		and it's not scaled when table is resized */
		flex: 0 0 auto;
		width: calc(100% - 16px);
	}
}

.table-y tbody {
    /* body takes all the remaining available space */
	height: 150px;
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
	overflow-x: hidden;
}
.table-y tbody tr {
    width: 100%;
}
.table-y thead, .table-y tbody tr {
    display: table;
    table-layout: fixed;
}

.table-y .left{
	width:70%;
	text-align: left;
	color:#444;
}

.table-y .right{
	width:30%;
	text-align: left;
	color:#444;
}

.table-y .center{
	width:100%;
	text-align: left;
	color:#444;
}

.table-env {
	width:100%;
}

.table-env th:not(:first-child), .table-env td:not(:first-child){
	width:30%;
}

.table-env th, .table-env td{
	text-align: left;
	vertical-align: middle;
}

.table-tee {
	width:100%;
}

.table-tee th, .table-tee td{
	width:33.33%;
	text-align: left;
}

.table-y th, .table-tee th, .table-env th, #tm-infoData th {
	font-weight: bold;
}

.table-tee, .table-env, #tm-infoData table {
	border-collapse: separate;
	border-spacing: 2px 0px;
}

label.tm-checkbox-inline {
	margin:2px;
}

label.tm-checkbox-inline input[type=checkbox]{
    position: relative;
    bottom: -1px;
}

.tm-checkbox-label{
	font-weight: normal;
	margin-left:5px;
}

#tm-buttonBar{
	text-align:right;
	margin: 5px;
}

#tm-img-load{
	display:inline;
	vertical-align: middle;
	padding-bottom: 5px;
}

#tm-textSupportedEnv{
	margin-top: 25px;
	display:none;
}

#tm-infoData table {
	width:100%;
}

#tm-infoData .table-1-col th, #tm-infoData .table-1-col td {
	text-align: left;
	width: 100%;
}

#tm-infoData .table-2-col th, #tm-infoData .table-2-col td {
	text-align: left;
	width: 50%;
}

#tm-infoData td {
	border-bottom: 5px solid #fff;
} 

#tm-infoData h3 {
	margin-top:15px;
}

.tm-selected{
	background:#F2F5A9;
}

#tm-contactMail{
	color:#000000;
	text-decoration: underline;
}

#tm-reset{
	height:35px;
	cursor:pointer;
}

.tm-search-wrapper {
	width:200px;
    border:1px solid #d6d6d6;
	border-radius:2px;
    display:inline-block;
    position:relative;
}

#tm-search, #tm-reset-search, #tm-do-search {
    background-color:transparent;
    border:0;
}

#tm-reset-search {
    position:absolute;
    right:0px;
    top:7px;
	cursor:pointer;
	color:#888;
	background: url("/system/modules/TessyMatrix/assets/reset.png") center center no-repeat;
	width: 30px;
	height: 20px;
}

#tm-search {
   /*padding-right:30px !important;*/
   width:165px;
}

p.tm-checkbox-label {
	padding-left:28px;
}

td.tm-env-link{
	padding: 5px 0 0 0;
}