/* 
    Created on : 2015.02.16., 22:04:04
    Author     : balazstx 
*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/DXI1ORHCpsQm3Vp6mXoaTRUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2');
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/u-WUoqrET9fUeobQW7jkRVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  src: local('Open Sans'), local('OpenSans'), url(fonts/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/MTP_ySUJH_bn48VBG8sNShUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2');
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/k3k702ZOKiLJc3WVjuplzBUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2');
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(fonts/UyYrYy3ltEffJV9QueSi4T3sPXe5Q4a3bCZMR7ryN4o.woff2) format('woff2');
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(fonts/UyYrYy3ltEffJV9QueSi4SKcWxPzpBdmMhLdnPeJyd4.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(fonts/toadOcfmlt9b38dHJxOBGJCDkYQxybH_Rl7Qv7ee2N4.woff2) format('woff2');
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(fonts/toadOcfmlt9b38dHJxOBGLhZfOo4eSOlrve6pGrXHAo.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(fonts/toadOcfmlt9b38dHJxOBGDRVvBvQIc1z78c__uoBcyI.woff2) format('woff2');
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(fonts/toadOcfmlt9b38dHJxOBGIPZSf8Ud0kNoe3bGnF7K24.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(fonts/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format('woff2');
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(fonts/ODelI1aHBYDBqgeIAH2zlBBHWFfxJXS04xYOz0jw624.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(fonts/toadOcfmlt9b38dHJxOBGFKFh1TDTPrUZWzVp6FtpG8.woff2) format('woff2');
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(fonts/toadOcfmlt9b38dHJxOBGAAD_zxmsR6vL1X3tnvCZYo.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(fonts/toadOcfmlt9b38dHJxOBGFxe-GPfKKFmiXaJ_Q0GFr8.woff2) format('woff2');
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(fonts/toadOcfmlt9b38dHJxOBGAE-U1AYRUXXE0Dth8uKIE0.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(fonts/toadOcfmlt9b38dHJxOBGEfh7q1GW6w7vv_rRnRqMrY.woff2) format('woff2');
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(fonts/toadOcfmlt9b38dHJxOBGLhvvL6PHcOvkHgRlzWiaCU.woff) format('woff');
}








body{
  background: #fff;
  background-image: url("/img/product/naturpani710x710.png");
  background-size: 100%, auto;
  color: #000;
  margin: 0;
  padding: 0;
  border: 0;
  font: 400 13px 'Open Sans',Arial,sans-serif;
}

b, strong {
  font-weight: 700;
}

#onAjaxSent{
  background: rgba(255,255,255,0.81);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}

*{
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
}

h1, h2, h3{
  font-family: "PT Sans Narrow", sans-serif;
}

.reszletek{

}

.leirasF span{
  background-color: red;
  padding: 5px;
}
.leirasF{
  padding-bottom: 4px;
  margin-bottom: 5px;
  border-bottom: solid 1px red;
  color: white;
}

.vevom{
  background-color: white;
  padding: 22px;
  margin-top: 20px;
}
.vevom img{
  display: block;
  float: left;
  max-width: 100%;
}

@media screen and (min-width: 1088px){
  .vevom .lancleiras{
    float: right;
  }
}


.lancleiras{
  max-width: 533px;
  display: block;
  margin-left: 20px;
  font-size: 13px;
  font-family: "Open Sans",sans-serif;
}

.lancleiras p{
  font-size: 15px;
  min-height: 1px;
  margin: 0 0 10px;
}

ul{
  padding-left: 40px;
}

li{
  margin-bottom: 4px;
}

.lancleiras h1{
  font-family: "PT Sans Narrow", sans-serif;
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 12px;
  font-size: 23px;
}

.rendeloMezokCim{
  background-color: #a7b0b8;
  color: #fff;
  padding: 9px 20px 8px;
  cursor: pointer;
  font-size: 22px;
  font-family: "PT Sans Narrow", sans-serif;
  margin-top: 5px;

}

.rendeloMezok{
  padding: 10px;
  background-color: #a9a9a9;
  display: block;
}

.rendeloMezok .cim{
  color: white;
  font-size: 25px;
}

.rendeles{
  background: #fff;
  padding: 20px 15px;
}

.rendeles .rmo{
  display: block;
  float: left;
}

@media screen and (min-width: 699px){
  .rendeles .rmo{
    width: 50%;
  }
}

@media screen and (max-width: 699px){
  .rendeles .rmo{
    width: 100%;
  }
}

.rendeles .rmo input{
  width: auto;
  width: 90%;
  font-size: 20px;
  margin: 5px 5px 15px 5px;
  height: 38px;
  padding: 0px 5px;
  position: relative;
  border: solid 1px #dbdbdb;
}

.rendeles input[name="torol"]{
  background-color: #990033;
  color: white;
}

.rendeles textArea{
  width: calc(100% - 33px);
  font-size: 20px;
  margin: 5px 5px 15px 5px;
  padding: 6px 12px;
  position: relative;
  border: solid 1px #dbdbdb;
  display: block;
  height: 200px;
}

.rendeles  input[type="button"]{
  float: right;
  color: white;
  background: #cc3304;
  padding: 10px 18px;
  line-height: 1.33;
  font-size: 18px;
  text-transform: uppercase;
}

.rmoCim{
  font: 23px 'PT Sans Narrow', sans-serif;
  color: #3e4d5c;
  padding-top: 10px;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.rmoInputCim{
  font-size: 19px;
  margin-bottom: 5px;
  color: #333;
  font-family: "Open Sans",sans-serif;
  margin-left: 5px;
  display: block;
}

.kotelezo{
  color: #A13311;
}

.rendeloMezok .gumimeret{
  font: 400 13px 'Open Sans',Arial,sans-serif;
  font-size: 20px;
  padding-top: 6px;
  padding-left: 2px;
  height: 32px;
}
.rendeloMezok input{
  font-size: 20px;
  padding: 0px 2px;
  height: 38px;
}
@media screen and (min-width: 974px){
  .rendeloMezok input{
    width: calc(18% - 13px);
    margin: 5px 3px;
    position: relative;
  }
  .rendeloMezok .gumimeret{
    width: calc(46% - 13px);
    margin: 5px 3px;
    position: relative;
    float: right;
  }
}

@media screen and  (max-width: 974px){
  .rendeloMezok input{
    width: 95%;
    margin: 5px auto;
    position: relative;
    display: block;
  }
  .rendeloMezok .gumimeret{
    width: calc( 95% + 2px);
    margin: 5px auto;
    position: relative;
    display: block;
  }
}

@media screen and  (max-width: 430px){
  .rendeloMezok .gumimeret{
    height: 64px;
  }
}

.kosarMezok{
  background: #fff;
  padding: 20px 15px;
}
.kosarMezok input[type="button"]{
  width: 90px;
  font-size: 20px;
  margin: 5px;
  height: 38px;
  padding: 0px 5px;
}


.kosarMezok  .darab{
  width: 40px;
  text-align: center;
  background: #edeff1;
  font-size: 20px;
  margin: 5px auto;
  height: 38px;
  position: relative;
}

.kosarMezok table{
  width: 100%;
  font-size: 15px;
}

.kosarMezok table tr td:nth-of-type(6),
.kosarMezok table tr td:nth-of-type(1)
{
  text-align: center;
}

@media screen and (min-width: 800px){
  .kosarMezok table tr td:nth-of-type(1){
    /*text-align: center;*/
  }
  .kosarMezok table{
    text-align: center;
  }
  .kosarMezok table td, .kosarMezok table th{
    border-bottom: solid 1px #ecebeb;
    padding: 5px;
  }
  table {
    border-spacing: 0;
    border-collapse: collapse;
  }
}

@media screen and (max-width: 799px){
  .kosarMezok  .darab{
    margin-top:0;
  }
  .kosarMezok table{
    text-align: right;
  }
  .kosarMezok table thead{
    display: none;
  }
  .kosarMezok table tr td{
    display: block;
    margin: 10px;
    min-height: 35px;
  }
  .kosarMezok table tr td:nth-of-type(2),
  .kosarMezok table tr td:nth-of-type(3),
  .kosarMezok table tr td:nth-of-type(4),
  .kosarMezok table tr td:nth-of-type(5)
  {
    border-bottom: solid 1px #ecebeb;
  }
  .kosarMezok table tr td:nth-of-type(2){
    padding-bottom: 5px;
  }
  .kosarMezok table tr td:before{
    font-size: 13px;
    content: attr(data-title);
    float: left;
    color: rgba(94, 93, 82, 0.75);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
  }
  .kosarMezok table tr td:last-of-type{
    display: block;
    border-top: solid 1px #bbb;
  }
  /*    .kosarMezok table tr {
          display: block;
      }
      .kosarMezok table {
          display: block;
      }*/
}

input:read-only {
  background-color: #edeff1;
}

.kosarba:hover,
.kosarba:focus
{
  background: #05e601;
}
.kosarba{
  display: block;
  float: left;
  background: #37b901;
  font-size: 15px;
  margin-left: 20px;
  padding: 7px 20px;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
}


.drb{
  display: block;
  float: left;
  border: none;
  background: #edeff1!important;
  font: 300 23px 'Open Sans', sans-serif;
  color: #000;
  height: 28px;
  width: 50px!important;
  text-align: center;
  padding: 5px;
}
/* video  */


.video{
}


@media screen and (min-width: 1169px){
  .vf, .video{
    width: 560px;
    height: 315px;
    display:  block;
    float: left;
  }
  .videoleiras{
    width: calc( 100% - 570px);
    display:  block;
    float: right;
  }
}

@media screen and (min-width: 964px) and (max-width: 1169px){ /*970px  1170*/
  .vf, .video{
    width: 480px;
    height: 270px;
    display:  block;
    float: left;
  }
  .videoleiras{
    width: calc( 100% - 490px);
    display:  block;
    float: right;
  }
}

@media screen and (max-width: 964px) {
  .vf, .video{
    display: block;
    margin: auto;
  }
  .videoleiras{
    margin: 12px;
  }
}

@media screen and (min-width: 799px) and (max-width: 964px) {
  .vf, .video{
    width: 800px;
    height: 450px;
  }
}

@media screen and (min-width: 559px) and (max-width: 799px) {
  .vf, .video{
    width: 560px;
    height: 315px;
  }
}

@media screen and (min-width: 399px) and (max-width: 559px) {
  .vf, .video{
    width: 400px;
    height: 225px;
  }
}

@media screen and (min-width: 319px) and (max-width: 399px) {
  .vf, .video{
    width: 320px;
    height: 180px;
  }
}

@media screen and (max-width: 319px){
  .vf, .video{
    width: 100%;
    height: 158px;
  }
}

/*pag box ---------------------*/

.content{
  padding-bottom: 30px;
}

.xaxtonimgdiv{
  border: #f7f7f7 solid 5px;
  box-shadow:0px 3px 15px -5px #000;
}

@media screen and (min-width: 971px) {
  .xaxtonimgdiv{
    margin: 5px 0px;
  }
}

@media screen and (max-width: 970px) {
  .xaxtonimgdiv{
    margin: 5px;
  }
}

.xaxtonimg{
  width: 100%;
  display: block;
}

@media screen and (min-width: 1901px) {
  .wMax{

  }
  .w1900{
    display: none;
    visibility: hidden;
  }
  .w1200{
    display: none;
    visibility: hidden;
  }
  .w800{
    display: none;
    visibility: hidden;
  }
  .w600{
    display: none;
    visibility: hidden;
  }
  .w400{
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 1201px) and (max-width: 1901px) {
  .wMax{
    display: none;
    visibility: hidden;
  }
  .w1900{
  }
  .w1200{
    display: none;
    visibility: hidden;
  }
  .w800{
    display: none;
    visibility: hidden;
  }
  .w600{
    display: none;
    visibility: hidden;
  }
  .w400{
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 801px) and (max-width: 1201px) {
  .wMax{
    display: none;
    visibility: hidden;
  }
  .w1900{
    display: none;
    visibility: hidden;
  }
  .w1200{
  }
  .w800{
    display: none;
    visibility: hidden;
  }
  .w600{
    display: none;
    visibility: hidden;
  }
  .w400{
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 601px) and (max-width: 801px) {

  .wMax{
    display: none;
    visibility: hidden;
  }
  .w1900{
    display: none;
    visibility: hidden;
  }
  .w1200{
    display: none;
    visibility: hidden;
  }
  .w800{
  }
  .w600{
    display: none;
    visibility: hidden;
  }
  .w400{
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 401px) and (max-width: 601px) {

  .wMax{
    display: none;
    visibility: hidden;
  }
  .w1900{
    display: none;
    visibility: hidden;
  }
  .w1200{
    display: none;
    visibility: hidden;
  }
  .w800{
    display: none;
    visibility: hidden;
  }
  .w600{
  }
  .w400{
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width: 401px){

  .wMax{
    display: none;
    visibility: hidden;
  }
  .w1900{
    display: none;
    visibility: hidden;
  }
  .w1200{
    display: none;
    visibility: hidden;
  }
  .w800{
    display: none;
    visibility: hidden;
  }
  .w600{
    display: none;
    visibility: hidden;
  }
  .w400{
  }
}

.Outcontent{
  background-color: #f9f9f9;
}

.content{
  max-width: 1170px;
  margin: auto;
}

.leiras{
  background: #fff;
  padding: 30px;
  font-size: 15px;
}

.leiras p{
  margin-bottom: 20px;
}

.leiras ul{
  padding-left: 20px;
  margin-bottom: 10px;
}

/*jon a menu   felso-------------------------------------*/
.header .container {
  max-width: 970px;
  margin: auto;
}

.header span{
  display: block;
  margin-right: 20px;
  margin-left: 7px;
}

.kosarlink img{
  float: right;
}

@media screen and (min-width: 900px){

  .header span{
    float: left;
  }
  .kosarlink{
    margin: 0px 0px 0 0;
    padding: 0 15px !important;
  }
}
@media screen and (max-width: 899px){

  .header span{
    float: none;
    padding: 0px 10px;
  }
  .header .kosar span{
    float: left;
  }
  .kosarlink{
    margin-right: 30px;
    width: calc(100% - 30px);
  }
  .kosarlink div{
    width: calc(100% - 30px);
    margin-left: 25px;
  }
  .kosarlink span{
    /*width: 50px;*/
  }
}

.header li{
  float: left;
  display: block;
}

.header .home a:visited{
  color: #B01717;
}

.header a:hover{
  color: #B01717;
}

.header a{
  color: #54595F;
  padding: 5px 0 18px;
  display: block;
  font: 19px "PT Sans Narrow", sans-serif;
  text-transform: uppercase;
}

/*jon a menu   also--------------------------------*/

.privacypolicy{
  margin: 0 5px 15px 5px;
  text-align: center;
}

.kosar{
  background: #f9f9f9;
  color: #595f65;
  border: solid 1px #ececec;
  border-radius: 16px !important;
  float: left;
  padding: 0px 0px 0px 15px;
  line-height: 2.2;
  height: 32px;
  font-size: 15px;
  overflow: hidden;
  text-transform: none;
}

.kosar span{
  margin-right: 10px;
}
.kosar img{
  border-radius: 16px !important;
  height: 32px;
}

.termekekKosarba{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  top: 0px;
  left: 0px;
}

.tkTartalom {
  background-color: white;
  position: relative;
  margin: auto;
  display: block;
  top: 20%;
  max-width: 600px;
  padding-top: 10px;
}

.tkTartalom h1{
  margin: 10px;
}

.tkTartalom h2{
  margin: 10px;
}

.tkTartalom a{
  display: block;
  position: relative;
  float: right;
  margin: 10px;
  padding: 5px;
  color: white;
  font-size: 14px;
}

.tktTovVas{
  background: #45b6af;
}

.tktKosar{
  background: #A13311;
}

.osszArr{
  float: right;
  border-bottom: 1px solid rgb(236, 235, 235);
  padding: 9px 0;
  width: 100%;
  max-width: 515px;
  clear: both;
  font: 18px 'PT Sans Narrow', sans-serif;
}
.osszarcim{

}
.osszarmeny{
  float: right;
  color: #e84d1c;
}

#megrendelesellenorzes{
  display: none;
}

.rendelesPar{
  float: left;
  margin-left: 10px;
  font-size: 23px;
}

.penztarPar{
  margin-left: 5px;
  font-size: 21px;
}

@media print
{
  .no-print, .no-print *
  {
    display: none !important;
  }
}



#cookie_warn_text {
  width:100%;
  position: fixed;
  bottom: 0;
  display: none;
}

#cookie_warn_text_content{
  width: 96%;
  max-width: 950px;
  background-color: #ffffff;
  color: #666666;
  font-size: 11px;
  padding: 10px;
  z-index: 999;
  margin: auto;
  opacity: 0.9;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
}

#cookie_warn_text p {
  margin: 0;
  padding: 0;
  line-height: 22px;
  font-size: 15px;
}

.ok_button{
  float: right;
  color: #fff;
  background: #A13311;
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  text-transform: uppercase;
}

#felugrok{
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0,0,0,0.5);
  display: none;
}

@media screen and (min-width: 1068px){
  .products{
    max-width: 1068px;
  }
}
@media screen and (min-width: 712px) and (max-width: 1067px){
  .products{
    max-width: 712px;
  }
}
@media screen and (max-width: 711px){
  .products{
    max-width: 356px;
  }
}

.products{
  /*  max-width: 1100px;
    width: calc(360px * floor(100vw / 360px));
    margin: auto;*/
  /*width: min(100%, calc(360px * floor(100vw / 346px)));*/
  margin: 0 auto;
  display: block;
  overflow: hidden;
  min-width: 320px;
}

.product img{
  max-width:  calc(100vw - 30px);
  /*width: 320px;*/
  aspect-ratio: 1/1;
  /*height: 320px;*/
  display: block;
}

.product{
  max-width: calc(100% - 36px);
  float: left;
  width: max-content;
  font-size: 20px;
  margin: 5px;
  padding: 6px 12px;
  position: relative;
  border: solid 1px #dbdbdb;
  display: block;
  height: auto;
}

.product span, .product a{
  display: block;
  width: max-content;
}

input, select{
  width: auto;
  width: 90%;
  font-size: 20px;
  margin: 5px 5px 15px 5px;
  height: 38px;
  padding: 0px 5px;
  position: relative;
  border: solid 1px #dbdbdb;
}

.elmult {
  color: #990033;
}

.datum{
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: solid #aaa 1px;
}

.valaszthato0 {
  border-color: #990033;
  color: #990033;
}

.valaszthato1{
  border-color: #37b901;
  color:  #37b901;
}

.kozepre {
  display: block;
  float: none;
  margin: auto;
}

.kosartermekdoboz{
  width: 100%;
}

.kosarelem{
  padding: 0 5px;
  margin: 5px 10px;
  float: left;
  border-bottom: solid 1px #595f65;
  border-right: solid 1px #595f65;
  overflow: hidden;
}

.kosarelem input{
  width: 46px;
  margin-bottom: 3px;
  margin-top: 0px;
  height: 28px;
  text-align: right;
}

.delete:read-only{
  background-color: #990033;
  color: white;
}

#openCreatePostModal{
  clear: both;
  display: block;
  visibility: hidden;
  width: fit-content;
  margin: auto;
}

.appinstall{
  float: none !important;
  text-align:center;
  /*border: solid 1px #a7b0b8;*/
  margin: auto !important;
  width: fit-content;
  background-color: #ccffcc;
  border-radius: 5px;
}

.product table{
  border:  2px solid rgb(140 140 140);
}

.product th,
.product td {
  border: 1px solid rgb(160 160 160);
  margin: 3px;
  padding: 3px;
}

.product td:last-child {
  text-align: right;
}

.product tr:nth-of-type(even) {
  background-color: rgb(237 238 242);
}

/*.appinstall span::before, .appinstall span::after{
  content: "⇩⤓⬇"; 
}*/
.hidden {
    display: none;
    visibility: hidden;
}