#results, #baskets {   
    position:                   relative;
    height:100%;
}

.filter-button {
	position:fixed;	
	left:25px;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	z-index:9999;
}

.details-value {
	font-style:normal;
}

.invisible .search_visible {
    display: none;
}
.search_invisible {
    display: none;
}
.invisible .search_invisible {
    display: inline-block;
}
#results.invisible_search_block {
    height: 100%;
}

#result, #basket {
	height:						100%;
	overflow-y:auto;
	overflow-x:hidden;
	 -webkit-overflow-scrolling: touch;
	margin-top:48px;
	margin-left:-15px;
	margin-right:-15px;
	z-index:100;			
}

.datatable thead tr th div.fake-header {	
	height:48px;
	position:absolute;
	top:-48px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;	
	padding:15px 5px;
	background:#f2f3f1;
	margin-left:-1px;
	width:100%;
	text-align:left;
	font-family:'Roboto';
	font-weight:normal;		
	-webkit-box-shadow: inset 0 3px 5px -5px rgba(50, 50, 50, 0.7);
	-moz-box-shadow: inset 0 3px 5px -5px rgba(50, 50, 50, 0.7);
	box-shadow: inset 0 3px 5px -5px rgba(50, 50, 50, 0.7);
	
}

.datatable thead tr th:first-child div.fake-header {
	right:0px;
	left:0px;
	padding-left:25px;
	margin-left:0px;
	border-left:0px;
}

.datatable thead tr th div.fake-header-sort-container {
	float:right;
	margin-right:15px;
}

.datatable thead tr th div.fake-header-sort {
	position:absolute;
	top:-32px;	
	width:10px;
	height:20px;
}

.datatable tbody tr.addInfo .row {
	margin:0px;
}

.datatable tbody tr.addInfo .row > div {
	padding-left:0px;

}

#results table, #baskets table {	
	border-bottom:1px solid #ddd;	
	table-layout:fixed;
	border-collapse:collapse;
	width:100%;
	display:none;
}

.datatable tbody tr td{
	border-bottom:1px solid #ddd;	
}

.datatable tbody tr td[data-func="remember"] {
	font-size:16px;
	text-align:center;	
	color:#ccc;
}

.datatable tbody tr td[data-func="remember"]:hover {
	color:#000;
}

.datatable tbody tr[data-func="more"]:hover td{	
	cursor:pointer;
}

.datatable tbody tr:hover td {	
	background:#ffc;
	border-left:1px solid #e8e1bc;
	border-bottom:1px solid #e8e1bc;
}

.datatable tbody tr.remembered .remember span {
	color:#edc240;
	transition: 1s;	
	transform: rotateZ(360deg);
}

.datatable tbody tr.addInfo td {	
	box-shadow: 0px 3px 5px 0px rgba(50,50,50,0.2);
}

.datatable tbody tr td.add_content {
	padding:10px;
}

.datatable tbody tr td {
	padding:3px 6px;
	background:#fff;
	border-right:1px solid #e0e1dd;
	border-bottom:1px solid #e0e1dd;
}

.datatable tbody tr.row-selected td {
	background:#ffc;
	border-left:1px solid #e8e1bc;
	border-bottom:1px solid #e8e1bc;
}


.datatable tbody tr td:first-child {
	padding-left:25px;
	    border-left: none;
}

.datatable th {
	height:1px;
	overflow-x:hidden;	
}



#small_result {
    display:                    inline-block;
    margin-left:                3px;
    text-align:                 left;
    width:                      35px;
}
.table-pagination {
	float:right;
	display:none;	
}

.pagination {
	margin:0px;
}
.pagination li span:hover , .pagination li a:focus {
	background:transparent;
	color:#888;	
}

.table-pagination .prev i {
	margin-right:5px;
}

.table-pagination .next i {
	margin-left:5px;
}

.table-pagination .prev, .table-pagination .currentPage, .table-pagination .next {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	border:none;
	color:#888;
	background:transparent;
}

.table-pagination .currentPage {
    border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

.pagination li a:hover {
	color:#000;
	background-color:#eee;
}

.table_header {
    height:                     24px;
	display:table-row;
}

.table_body div.no_border {
    background-color:           rgb(215, 234, 247);
    border-top:                 medium none;
}

th.remember, td.remember {
    width:                      55px;
}

thead tr th[data-field] div.fake-header:hover {
	background:#e0e1dd;
	cursor:pointer;
}

th[data-field] div.fake-header-sort {
    background-image:           url("images/sort.png");
    background-origin:          content-box;
    -webkit-background-origin:  content-box;
    background-position:        right center;
    background-repeat:          no-repeat;   
}

th.sort_asc div.fake-header, th.sort_desc div.fake-header {
	font-weight:700;
}

th.sort_asc div.fake-header-sort {
    background-image:           url("images/sort_asc.png");

}
th.sort_desc div.fake-header-sort {

    background-image:           url("images/sort_desc.png");
}
tbody tr td.sort_td {
    background-color:#eef7fd;
}
.more.loadingData {
    background-image:           url("images/loading.gif");
}

.no_results {
	display:none;
	margin:0px auto;
	margin-top:100px;	
    font-size:                  13px;
    font-weight:                bold;
    margin-bottom:              5px;	
	text-align:center; 
	border:1px solid #ddd; 
	padding:30px 40px; 
	border-radius:7px; 
	box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.1);
	min-width:280px;
	width:280px;
}

.no_results span {
	color:#c1002a;
	font-size:64px; margin-bottom:20px;
}

.table_body > div:first-child > div {
 
    border-top:                 medium none;
}
.table_header > div {
    font-weight:                bold;
    display:                    table-cell;
    border:                     1px solid grey;
    padding:                    3px;
    vertical-align: middle;
    text-align: center;
}
.table_header div.scrolly {
    overflow-y:                 scroll;
    padding:                    0px;
    border:                     0px none;
    visibility:                 hidden;
	
}
.table_body {
    height:                     calc(100% - 24px);
    overflow-y:                 scroll;
    border-collapse:            collapse;	
	width:100%;
}

tr.addInfo .more {
	background:#fcf8e3;
}

div.addInfo {
    display:                    block;
}

div.addInfo label {
    width:                      150px;
}
div.addInfo span {
    vertical-align:             text-top;
    display:                    inline-block;
    width: 680px;
}
div.addInfo .no_border {
    border-bottom:              1px solid grey;
}
.external_link {
    background-image: url("images/link.png");
    background-repeat: no-repeat;
    font-weight: bold;
    display: inline-block;
    border: 1px solid grey;
    padding-left: 20px;
    background-position-x: 2px;
    text-decoration: none;
    background-position-y: center;
    height: 25px;
    line-height: 25px;
    padding-right: 5px;
}
.external_link:hover {
    background-color: rgb(215, 234, 247);
}

.add_content {
	position:relative;
	}

.add_content .link-feedback {
	position:absolute;
	bottom:10px;
	right:20px;
	z-index:1049;
}

.feedback-header {
	font-weight:700;
	margin-bottom:20px;
}

#feedback-desc {
	background:#ffc;
	border:1px solid #e8e1bc;
	padding:15px;
	margin-bottom:15px;
}

/* small devices rules */

@media screen and (max-width: 767px) {
	#results table, #baskets table { display:table; width:100%;	margin-bottom:0px; border:none;	}
	.datatable tbody tr { background:#fff; display:block; width:100% !important; margin-bottom:20px; border:1px solid #ddd;	border-radius:5px; }
	.datatable tbody tr.row-selected { border-bottom-left-radius:0px; border-bottom-right-radius:0px; border-bottom:1px dashed #ddd;}
	.datatable tbody tr td { display:block; width:100% !important;	border:none; border-top:1px dashed #ddd; padding:5px 8px; }
	.datatable tbody tr td.sort_td {background:#fff;}
	.datatable tbody tr:hover td {	border:none; border-bottom:none; border-top:1px dashed #ddd; background:#fff;}
	.datatable tbody tr td:first-child { border-top:none; }
	.datatable tbody tr td:first-child { background:#f4f4f4; }		
	.datatable tbody tr:hover td:first-child {	background:#333; color:#fff;}		
	.datatable tbody tr.row-selected td { background:#fff;	border:none; border-bottom:none; border-left:none; border-top:1px dashed #ddd; }
	.datatable tbody tr.row-selected td:first-child { border-top:none; }
	.datatable tbody tr.row-selected td.remember { border-radius:0; }
	.datatable tbody tr.row-selected td.add_content:first-child { background:#fff; color:#000;}
	
	.datatable tbody tr.addInfo { margin-top:-20px; border-top:none; border-top-left-radius:0px; border-top-right-radius:0px;}		
	
	#results thead, #baskets thead { display:none; }
	.table_body { overflow-y:auto; }
	.table-pagination .currentPage { background-color:#fff; padding-top:0px; padding-bottom:0px;	}
	.sort_td { background-color:#fff; }
	.datatable tbody tr td, .datatable tbody tr td:first-child { padding:5px 10px; }
	.pagination>li>span:focus, .pagination>li>span:hover { background:transparent; color:#fff;}
	.pagination>li>a { background:#337ab7; color:#fff; display:inline-block; opacity:0.7; cursor:default;  }
	.pagination .prev, .pagination .next {  padding: 0px 16px; }
	.pagination>li>a:hover, .pagination>li>a:focus  { background:transparent; color:#fff; }
	.pagination li span:hover {color:#fff; }
	.results-header, .baskets-header { min-height:0px;}
	#result, #basket { height:auto; min-height:200px; margin-top:20px; }
	.no_results { margin-top:30px; background:#fff; margin-bottom:100px;}	
	


	.table-pagination .next i , .table-pagination .prev i { font-size:24px; line-height:24px; }
	.table-pagination .currentPage { border:none; line-height:24px; }
	.table-pagination .clickable {opacity:1; cursor:pointer;}
}

/* i !<3 apple and ios fixes... */

@media screen and (min-width: 767px) and (max-width: 1199px) {
	body.ios .container-results-inner {
		height:calc(100% - 60px);
	}

	.results-header, .baskets-header {
		z-index:3;
	}
}

body.ios table th {
	height:48px;	
}

body.ios thead tr th {
	position:relative;
}

body.ios #result, body.ios #basket {
	margin-top:0px;
}

body.ios thead tr th div.fake-header {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}

body.ios thead tr th div.fake-header-sort {
	position:absolute;
	top:15px;
}