body { 
	font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;

background-image: url("/gymschema/hswback01.jpg") ;
 background-size: 100% 100%;
		background-attachment: fixed; 
}

.ped_fie { margin-top: 3px; border-radius: 4px; padding-left: 6px;
  background-color: rgb(255,255,255,0.6); background-color: rgba(255,255,255,0.6);
  border: 0px; max-width: 100px;
 }

.formtb {
  border-radius: 4px; margin-top: 5px; margin-bottom: 22px; font-size: 10pt; padding: 5px;
  background-color: rgb(255,255,255,0.6); background-color: rgba(255,255,255,0.6);
}


.imapool { margin-top: 120px;  border-radius: 9px;
  background-color: rgb(255,255,255,0.8); background-color: rgba(255,255,255,0.8);
  display: inline-block; min-height: 600px;  }

.ipoolsiz { max-width: 320px; }
@media ( min-width:650px ) {  .ipoolsiz {  max-width: 520px; } }

.but_ops { margin-top: 3px; border-radius: 5px; }

.butchck { font-size : 12pt; }

.recedit_lab { display: inline-block; padding: 2px; padding-left: 6px; border-radius: 4px; margin-top: 2px;
  background-color: rgb(255,255,255,0.6); background-color: rgba(255,255,255,0.6);
  }

@-webkit-keyframes animatop {
  from{ top:-100%;} to{top:0;}  }
@keyframes animatop {
 from{top:-100%;} to{top:0;}  }

.modaltopschuif {  left: 0px; z-index:3; 
   position:fixed;   top: -100%;
   width:100%; height:100%;
   overflow:auto;  transition: 0.8s;  overflow-x:hidden;
    -webkit-animation: animatop 0.5s ; 
   animation: animatop 0.5s ;

 }


.smelds_cl {  width: 350px; display: none; border-radius: 8px; margin: 4px;
 border: 2px solid red; background-color: rgb(255,255,255,0.7); background-color: rgba(255,255,255,0.7);
 color: darkblue; font-weight: bold;
 padding: 10px;
}



.prods_dis_cl { border: 1px solid white; float: middle; border-radius: 8px; padding-top: 10px;
  background-color: rgb(255,255,255,0.3); background-color: rgba(255,255,255,0.3);
  display: table-cell; overflow-y : auto;  height: 390px; max-height: 450px;
  
}


.dis_czi { width: 350px; }
@media ( min-width:650px ) { .dis_czi { width: 600px; } }

.pedit_sheet {
  background-color: rgb(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
}

.txtedit { min-height: 500px; min-width: 310px; border-radius: 8px; margin-bottom: 8px; margin-top: 70px; }

.upload_cl { border: 4px solid #5355A7;  float: middle; margin-top: 20px; color: #c0c0c0;
  width: 350px; border-radius: 8px; padding-top: 10px; height: 600px; text-align: center;
  background-color: rgb(36,39,142,0.9); background-color: rgba(36,39,142,0.9);
  display: table; }

.txlab { background-color: rgb(255,255,255,0.5);   background-color: rgba(255,255,255,0.5); max-width: 95%; padding: 9px;
 border-radius:  6px;
  }

.bi_line {  width: 275px; color: white; }

.biltable { width: 300px; border-radius: 9px; border:  2px solid cyan;
  background-color: rgb(255,255,255,0.5);   background-color: rgba(255,255,255,0.5); }

.biltbw { width: 300px; border-radius: 9px; border:  2px solid cyan;
  background-color: rgb(255,255,255,0.7);   background-color: rgba(255,255,255,0.7); }

.bitotal {  width: 290px; text-align: left; display: inline-block; 
   background-color: rgb(255,255,255,0.4); background-color: rgba(255,255,255,0.4);
   padding: 5px; border-radius: 9px; font-weight: bold; font-style: italic;
 }

.baskfotos { border: 1px solid white; cursor: pointer;
 padding-top: 5px; border-radius: 8px; height: 65px;
  background-color: rgb(255,255,255,0.3); background-color: rgba(255,255,255,0.3);
  display: flex;
  overflow-x: auto;  overflow-y: hidden;
}


.baskfotsiz { width: 350px; }
@media ( min-width:650px ) { .baskfotsiz { width: 600px; } }

.shlogcla {  border: 0px solid black; display: table; }

.cardlogo {  cursor: pointer;
 background-color: rgb(255,255,255,0.3); background-color: rgba(255,255,255,0.3);
 height: 67px; border-radius: 10px; border: 1px solid white; margin:  4px;
}


.searchinp { border: 1px solid white;
 padding-left: 5px;
  width: 310px; border-radius: 8px;
    max-height: 450px; 
  height: 25px;
  background-color: rgb(255,255,255,0.3); background-color: rgba(255,255,255,0.3);
  
}

.searinp { border: 0px solid white; color: white; padding-top: 3px;
  width: 290px; border-radius: 8px; height: 22px; font-size: 12pt;
  background-color: rgb(255,255,255,0.0); background-color: rgba(255,255,255,0.0);
}

.sinpz { width: 290px; }
@media ( min-width:650px ) {  .sinpz { width: 490px; }  }

.searchlogo { cursor: pointer;
 
 height: 28px; border-radius: 10px; border: 0px solid white; 
}



.seartb { border: 0px solid white; height: 20px;  border-radius: 4px;  background-color: rgb(255,255,255,0.4); 
  background-color: rgba(255,255,255,0.4); margin-top: 15px;
  }



.shinlogdv { width:40px; height: 40px; margin:auto; cursor: pointer; display: inline-block;
background-color: rgb(255,255,255,0.1);  border-radius: 50%; position: fixed; bottom: 0px; left: 0px;
  background-color: rgba(255,255,255,0.1);
}
@media (max-width:900px) { .shinlogdv   {  display: none;  }  }



.updatappdv { width:300px; height: 40px; margin:auto; cursor: pointer; display: inline-block; }
@media (max-width:900px) { .updatappdv   {  display: none;  }  }


.prods_below
{

}




.thumb_ed { cursor: pointer;
 margin-left: 4px;  margin-top: 9px;
   height: 50px;
 border-radius: 5px;
}

.thumb_big {  cursor: pointer;
 margin-left: 4px;  margin-top: 6px; 
   height: 75px;
 border-radius: 5px;
}

.prodpict {  cursor: pointer;
 margin-left: 4px; 
   height: 95px;
 border-radius: 5px;
}

.plusminu { cursor: pointer;   height: 30px; }


.thumb_ima { cursor: pointer;
 margin-left: 4px;
   height: 50px;
 border-radius: 5px;
 border: 2px solid cyan;
}


.pro_ima { border-radius: 15px; cursor: pointer; float: middle; max-height: 360px; max-width: 300px; border: 4px solid #606060; }
@media ( min-width:650px ) { .pro_ima { border-radius: 15px; cursor: pointer; float: middle; max-height: 460px; max-width: 400px; border: 4px solid #606060;
  } }


.pro_ima:hover {   }

.pro_dv {  display: inline-block;
float: middle;
  margin-top: 2px;  margin-bottom: 10px; 

}
.prodsinf { display: inline-block; float: middle;
  margin-top: 10px;  margin-bottom: 10px; border: 0px solid white;  }



/* Style the tab */
.tab { 
   width: 350px;
  overflow: hidden;
  border: 0px solid #ccc;
  border-top-left-radius: 10px; border-top-right-radius: 10px;
background-color: rgb(255,255,255,0.4); background-color: rgba(255,255,255,0.4);  
  display: inline-block;
  float: middle;
}

/* Style the buttons inside the tab */
.tab button {

  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
.tablinks {
 border-top-left-radius: 10px; border-top-right-radius: 10px;

}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  width: 326px;
  border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;
  padding: 6px 12px;
  background-color: rgb(255,255,255,0.8); background-color: rgba(255,255,255,0.8);
  -webkit-animation: fadeEffect 0.5s;
  animation: fadeEffect 0.5s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


.prprice {  background-color: rgb(255,255,255,0.5); background-color: rgba(255,255,255,0.5); border-radius: 6px; margin-top: 15px; 
 font-family: times; font-size: 20pt; padding-left:12px; padding-right:12px; display: inline-block;
  }
.prnum { background-color: rgb(255,255,255,0.5); background-color: rgba(255,255,255,0.5); border-radius: 6px; margin-bottom: 5px; 
  font-size: 12pt; padding-left:12px; padding-right:12px; display: inline-block;
 }

.nex {  float:right;  background-color: rgb(255,255,255,0.3); background-color: rgba(255,255,255,0.3); border-radius: 6px; margin-bottom: 5px; cursor: pointer; height: 74px;  }
.prev { float:left;  background-color: rgb(255,255,255,0.3); background-color: rgba(255,255,255,0.3); border-radius: 6px;  margin-bottom: 5px; cursor: pointer; height: 74px;  }


.subfots { display: inline-block;
 height: 70px; 
 border: 1px solid white; border-radius: 3px;
 margin-bottom: 5px;
  display: flex;
  overflow-x: auto;  overflow-y: hidden;
 padding-top: 2px;
}
.subfosiz { width: 197px; }

@media ( min-width:650px ) { .subfosiz { width: 420px; } }


::-webkit-scrollbar {  width: 5px; }

/* Track */
::-webkit-scrollbar-track {  background: #f1f1f1; }

/* Handle */
::-webkit-scrollbar-thumb {  background: #888; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {  background: #555; }