/* http://tympanus.net/Tutorials/StickyTableHeaders/index3.html */  

/* Component styles */ 
.sticky-wrap table { margin-bottom: 3em;/* width: 100%; */ background: #fff; border-spacing: 2px; border-collapse: separate; color: #0c1735; font-size: 13px;}
.sticky-wrap td, .sticky-wrap th, .sticky-col td, .sticky-col th { padding: 8px; text-align: left;  box-sizing: border-box; }
.sticky-wrap td.err, .sticky-col td.err { background-color: #e992b9; color: #fff; font-size: 0.75em; text-align: center; line-height: 1; }
.sticky-wrap th, .sticky-col th { white-space: nowrap; }
.sticky-wrap thead th, .sticky-col thead th { background-color: #8094c7; color: #fff; font-weight: 700; text-align: center; vertical-align: middle; min-width: 224px; font-size: 15px; white-space: normal;}
.sticky-wrap tbody th, .sticky-col tbody th { text-align: left; vertical-align: middle; font-weight: 700; font-size: 15px; }
.sticky-wrap tbody tr, .sticky-col tbody tr { background-color: #b1bbd4; transition: all .250s ease-in-out; }
.sticky-wrap tbody tr:nth-child(2n-1), .sticky-col tbody tr:nth-child(2n-1) { background-color: #ccd4e9; transition: all .250s ease-in-out; }
.sticky-wrap tfoot td, .sticky-col tfoot td { text-align:center; }
.sticky-wrap tfoot th, .sticky-col tfoot th { background:#fff; }
.sticky-wrap tfoot td a:before, .sticky-col tfoot td a:before{ transition: all .250s ease-in-out; display: block; content: ""; overflow: hidden; color: #ff0000; background: url("../images/btn-arrow-up.png") no-repeat top 0px left 50% transparent;   top: -10px; position: relative; height: 11px; }
.sticky-wrap tfoot td a:hover:before, .sticky-col tfoot td a:hover:before{  background: url("../images/btn-arrow-up-hover.png") no-repeat top 0px left 50% transparent; }
.sticky-wrap tfoot td a, .sticky-col tfoot td a{ background: #8094c7; color:#fff; padding: 0px 12px 10px 12px; border-radius:4px; text-transform:uppercase; display: block; font-weight: 700; font-size: 14px; transition: all .250s ease-in-out; margin-top: 4px; }
.sticky-wrap tfoot td a:hover, .sticky-col tfoot td a:hover{ background:#0c1735; text-decoration:none;}
.sticky-wrap tbody .price-box  {line-height:12px;}
.sticky-wrap tbody .price-box .regular-price:after {content:'\A'; white-space:pre;}
.sticky-wrap tbody .price-box .label {}

table.sticky-col  { opacity: 1; position: absolute; top: 15px; left: 8px; z-index: 50; width: auto; margin-bottom: 65px; background: #fff; border-spacing: 2px; border-collapse: separate; color: #0c1735; font-size: 13px; border:1px solid #fff;}
  
/* For appearance */ 
.sticky-wrap { overflow-x: auto; overflow-y: hidden; position: relative; margin: 16px 0; width: 100%; padding-bottom: 6px;}
.sticky-wrap .sticky-thead, .sticky-col, .sticky-wrap .sticky-col, .sticky-wrap .sticky-intersect { opacity: 1; position: absolute; top: 0; left: 0; transition: all .250s ease-in-out; z-index: 50; width: auto; /* Prevent table from stretching to full size */ }
.sticky-col, .sticky-wrap .sticky-col{ }
.sticky-wrap .sticky-thead {  /*box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);*/  z-index: 100;  width: 100%; /* Force stretch */ }
.sticky-wrap .sticky-intersect {  opacity: 1;  z-index: 150;   background: transparent; }
.sticky-wrap .sticky-intersect th {  background-color: transparent;  color: #eee;  }
.sticky-wrap td, .sticky-wrap th { box-sizing: border-box; vertical-align: middle;}
.sticky-wrap.overflow-y { overflow-y: auto; max-height: 50vh; }

.plans-table .sticky-wrap td, .sticky-wrap th, .sticky-col td, .sticky-col th { text-align:center; }
.plans-table .choose-label {font-weight: 300; font-size: 14px;padding-top: 8px;display: block;}

@media (max-width: 767px){
	
	.mobile-enabled table.sticky-col {display:none!important;}
	/* /!\ content : attr(data-row)  */
	.mobile-enabled .sticky-enabled tbody tr td::before {background-color:rgba(255, 255, 255,0.2);border-bottom:1px solid #999999;color:#000000;content:attr(data-row);display:block;font-size:0.9em;left:0;padding:2px 16px;position: absolute;top:0;width:100%;font-weight:bold;text-align:center;}
	.mobile-enabled .sticky-enabled tbody tr td {padding-top:30px;position:relative;width:264px;}
	.mobile-enabled .sticky-enabled tbody tr th {/*display:none;*/}
	.mobile-enabled .sticky-enabled thead th:first-child, .floating-headers.sticky-enabled tfoot th:first-child {/*display:none;*/}
	
}



@media (max-width: 767px){
	.sticky-wrap thead th, .sticky-col thead th {  min-width: 186px; }
}
@media (min-width: 768px){
	.sticky-wrap thead th, .sticky-col thead th {  min-width: 176px;}
}
@media (min-width: 992px){
	.sticky-wrap thead th, .sticky-col thead th {min-width: 206px;}

}
@media (min-width: 1200px){
	.sticky-wrap thead th, .sticky-col thead th {min-width: 226px;}
	
}
