/* WRAPPING DIV CELLS */

.ads-table-1 {width: 50%;}


/* ADS - TABLES */

.i-table {padding: 0px 0px 25px 0px;}


.i-table-label a {font-size: 18px; color: #000000; background: url(/images/arrow_orange.gif) no-repeat left center; padding-left: 20px;}
.i-table-label a:hover {padding-right: 12px; background: url(/images/arrow_orange2.gif) no-repeat right center;}
td.i-table-label {border-bottom: 1px solid #aaa; padding: 8px 0px 8px 0px;}


.i-table thead th {font-size:14px; text-align: left; border-bottom: 1px solid #000; padding: 7px 5px;}
.i-table .i-table-price {text-align: right;}

.i-table tbody td div {margin-top: -4px;}
.i-table tbody td div {position: relative; width: 100%;}
.i-table tbody td div div {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; width: 100%;}
.i-table tbody th, .i-table tbody td, .i-table tbody td {border-bottom: 1px solid #ddd; padding: 9px 3px; line-height: 17px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear;}
.i-table tbody th {text-align: left;}
.i-table tbody th a {font-weight: normal;}
.i-table tbody a:visited {color: #770000;}
.i-table tbody td, .i-table tbody th {white-space: nowrap;}
.i-table tbody th, .i-table tbody td, .i-table tbody td div {font-size: 14px;}
.i-table tbody td {width: 20%;}
.i-table tbody td:first-child {width: auto;}
.i-table tbody .i-table-price {padding: 9px 12px 9px 3px;}
 
/* .i-table1, .i-table-bg tbody tr:nth-child(even) td, .i-table-bg tbody tr:nth-child(even) th {background: #f8f8f8;}
.i-table2, .i-table-bg tbody tr:nth-child(odd) td, .i-table-bg tbody tr:nth-child(odd) th {background: #fff;} */

.i-table tbody tr.clickable:hover td, .i-table tbody tr.clickable:hover th  {cursor: pointer !important;}
.i-table tbody tr.clickable:hover td, .i-table tbody tr.clickable:hover th, .i-table tbody tr:hover td {background: #ffebcd !important; border-bottom: 1px solid #DFAC8A !important;}

.i-table .flag {margin: -2px 4px 0px 0px;}

.strike {text-decoration: line-through; color: gray;}
img.cam {border: none !important; height: 12px; width: auto; margin-left: 5px;}

.i-table tfoot td {text-align: center; line-height: 19px; padding: 6px;}

.i-table span {display: none;}

/* MORE ADS - ALL CATEGORIES */
div.i-table-more {padding: 6px 0px 36px 0px; text-align: center; font-size: 15px; font-weight: bold;}


/* HEADER - TITLE */
.ad-table-label {padding: 20px 15px 0px 20px;}
.ad-table-label h1,.ad-table-label h2 {display: inline; font-size: 23px;}
.ad-table-label h2 {color: #777;}

.green img {max-width: 16px; margin: 0px 4px 0px 0px;}




/* ---- SEARCH AND CLASSIFICATION ---- */
.i-search {background: #F7F0E6;}
.i-search div {vertical-align: top; text-align: center; line-height: 14px;}
.i-search table {margin: auto;}
.i-search-label {font-size: 23px; font-weight: bold; color: #a48d6a; text-shadow: #fff 1px 1px 4px; padding: 25px 0px 20px}
.i-search td {overflow: visible; padding: 9px 7px; vertical-align: top; text-align: left;}
.i-search th {background: none; font-size: 17px; font-weight: normal; color: rgba(0,0,0,0.7); overflow: visible; white-space: nowrap !important; padding: 14px 0px 7px 6px; vertical-align: top; text-align: right;}
.i-search select {border: 1px solid rgba(0,0,0,0.35); width: 220px; padding: 4px 3px; margin-top: -3px; overflow: visible; font-size: 17px;}
.i-search-1cell {width: 400px; padding: 15px 10px;}



.google-maps {border: none; border-right: 5px solid #fff;}





@media screen and (min-width: 1024px) and (max-width: 1279px) {
.i-table tbody td:nth-last-child(2){display: none;}
.i-table thead th:nth-last-child(2){display: none;}
}





@media screen and (max-width: 1023px) {
.google-maps {display: none;}
.i-search-1cell {width: auto; padding: 15px 15px 35px 15px;}
.i-search select {width: 320px;}

.ads-table-1 {width: 100%; display: block;}
.ads-table-2 {width: 100%; display: block;}

.i-table span {display: inline}
.colorTip, .tooltip {display: none !important;}
.i-table tbody td, .i-table tbody th {white-space: normal;}
.i-table tbody td div {margin: 0px;}
.i-table tbody td div div {white-space: normal; position: static;}
.i-table {padding: 10px 0px;}
}





@media screen and (max-width: 769px) {
.i-search th {padding: 10px 0px 4px 0px;}
.i-search th, .i-search td {display: block; text-align: center;}
.i-search select {width: 100%; padding: 5px 4px; font-size: 20px;}
.i-search-1cell {width: auto; padding: 5px 5px;}
.tools-overlap, .i-search-label {display: none;}
}









/* TOOLTIP */

.tooltip_description{display: none;}
div.tooltip {position: absolute; z-index: 10000; top: 0px; left: 0px; display: none;}
div.tooltip div.toolcontent {border: 1px solid white; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;}
div.tooltip div.toolcontent {padding: 14px 18px; float: left; -webkit-box-shadow: #888 0px 0px 16px; -moz-box-shadow: #888 0px 0px 16px; box-shadow: #888 0px 0px 16px;}
div.tooltip div {font-size: 13.5px; list-style: none; margin: 0px; padding: 0px; line-height: 25px; white-space: nowrap;}

div.tooltip div i {color:grey}
div.tooltip h5 {font-size: 18px; border-bottom: 1px solid #C4C4C4; padding-bottom: 5px; margin-bottom: 5px; text-shadow: #fff 1px 1px 3px; color: #777;}
div.tooltip h6 {font-size: 16px;}
div.tooltip b {font-size: 14px;}
div.tooltip strong {font-size: 16px;}
div.tooltip div img {margin-top: 5px; width: auto; height: 100px;}

div.tooltip div.up_arrow {width: 100%; height: 0px;}
div.tooltip div.down_arrow {width: 100%; height: 20px;}
div.tooltip div.left_arrow {height: 100%;}
div.tooltip div.left_arrow {float:left; width: 20px; height: 20px; position: relative; top: 165px; left: -15px;}










table.tablesaw {empty-cells: show;}
.tablesaw th,.tablesaw td {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label {display: none;}


/* Mobile first styles: Begin with the stacked presentation at narrow widths */

@media only all {
  /* Show the table cells as a block level element */

  .tablesaw-stack td,
  .tablesaw-stack th {
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    min-width: 30%;
    display: inline-block;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}



@media (max-width: 767px) {
/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {border-bottom: 1px solid #000 !important}
.tablesaw-stack tbody td, .tablesaw-stack tbody th {clear: left; float: left; width: 100% !important; padding: 12px 24px !important;}
.tooltip_description {display: none !important; visibility: 0;}
.i-table .i-table-price {text-align: left; border-bottom: 1px solid #777;}
}




@media (min-width: 768px) {
.tablesaw-stack tr {display: table-row;}

/* Show the table header rows */
.tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th {display: table-cell;}

/* Hide the labels in each cell */
.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label {display: none !important;}

}