.copyAndLink:hover{

  transform: scale(1.05);
}

.autorAndLinkReply{

}

.buttonSvg{
  border: none;
  background-color: transparent;

  display: inline-flex !important; 
  visibility: visible !important;
  opacity: 1 !important;
  background: none; 
  border: none; 
  padding: 0; 
  margin: 0;
  width: auto; 
  height: auto; 


}



.checkMarkSvg{

  margin-left: 8px;
  margin-top: -6px;;
}

.checkMarkSvgReply{

  margin-top: -30px;;
}


.linkComment{

  margin-top: -3px;
  margin-right: 8px;
} 
  
.copyComment{

margin-top: -4px;
margin-left: 2px;
}

.copyAndLink{

  position: relative;
  bottom: 1px;
}

.copyAndLinkReply{

  position: relative;
  bottom: 26px;
}



.autorAndLink{
display: flex;
flex-direction: row;
justify-content: center;
width: max-content;
height: fit-content;
}

.toggleButton{

  padding-top: 10px;
  margin-bottom: -4px;
}


.toggle-button{

	position: relative;
	display: inline-block;
	width: 84px;
	height: 42px;
}
.toggle-button input{

	opacity: 0;
	width: 0;
	height: 0;
}
.toggle-button .knob{

	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to bottom, hsl(117deg 100% 43.56%), hsl(148deg 99.61% 11.01%)) !important;
	transition: .2s;
	border-radius: 50px;
}

.toggle-button .knob:before {
  position: absolute;
  content: '';
  height: 34px;
  width: 34px;
  left: 4px;
  bottom: 4px;
  transition: .2s;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff; 
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="%23000000"><path d="M160-200v-66.67h80v-296q0-83.66 49.67-149.5Q339.33-778 420-796v-24q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v24q80.67 18 130.33 83.83Q720-646.33 720-562.67v296h80V-200H160Zm320-301.33ZM480-80q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM306.67-266.67h346.66v-296q0-72-50.66-122.66Q552-736 480-736t-122.67 50.67q-50.66 50.66-50.66 122.66v296Z"/></svg>'); 
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

.toggle-button input:checked + .knob{

	background: linear-gradient(to bottom, hsl(0, 100%, 53%), hsl(0, 100%, 30%)) !important;

}

.toggle-button input:checked + .knob:before {
  background-color: #000000; 
  content: '';
  color: #ffffff;
  -webkit-transform: translateX(43px);
  -ms-transform: translateX(43px);
  transform: translateX(43px);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="%23ffffff"><path d="M160-200v-66.67h80v-296q0-33 8.33-65 8.34-32 25-61l50 50q-8.33 18-12.5 37.14-4.16 19.14-4.16 38.86v296H602l-533.33-534 46.66-46.66 729.34 730L798-70.67 668-200H160Zm560-137.33L653.33-404v-158.67q0-72-50.66-122.66Q552-736 480-736q-32.09 0-61.71 11.33-29.62 11.34-52.29 33.34l-50-49.34q22-20.66 48-34.66 26-14 56-20.67v-24q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v24q80.67 18 130.33 83.83Q720-646.33 720-562.67v225.34Zm-265.33-77.34ZM480-80q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80Zm29.67-467.67Z"/></svg>'); 
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px; 
}




#kontenerWpisywania {

  box-sizing: border-box;
  padding: 27px 50px 0px 50px;
  background-image: url("/obrazekTla");
  border-radius: 60px;
  max-width: 768px;
  margin: 0 auto;
  max-height: auto;
  line-height: 1.8;
  font-size: 1.9rem;
  color: black;
  text-align: center; 
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5); 
  background-color: #f4f4f4;
}
.ocenaKomtekst{

  font-size: 20px;
  margin-left: 5px;
  margin-top: 5px;
  cursor: default;
}

.wysOceKom{

  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
}

.wysOceKomOdp{

  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
}

.sysOcKom{

  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
}

.ocenaKomLicz{

  margin-top: 7px;
  font-size: 20px;
  cursor: default;
  opacity: 0;
  position: relative;
  left: -1px;
  width: 40px;
  text-align: end;
}


.dolneInfKom {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: flex-end;
  align-items: stretch;
}

.timeAndRatingCom{

    order: 1;
    width: 100%;
    display: flex;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
}

.dolneInfKomOdp{

  display: flex;
  align-items: flex-end;
  margin-bottom: 0px;
  margin-left: -62px;
}

.ocenaKomLiczOdp{

  position: relative;
  top: -2px;
}

.ocenaKom{

  font-size: 40px;
  cursor: pointer;
}

.nieZalKom{

  display: flex;
}

.ocenaKomSta{

  cursor: default;
  font-size: 40px;
}

#tuSaKomentarze{

  position: relative;
  max-width: 768px;
  margin: 0 auto;
  margin-bottom: 15px;
}

#entireCommentsSection{
    display: none;
}

#wiadPodz{

  font-size: 30px;
}

.wiadPodzBocz{

  font-size: 30.4px;
  color: #b70014;
  margin-top: -10px;
  margin-bottom: 20px;
}

#username, .username{

  box-sizing: border-box;
  border: solid 2px black;
  border-bottom: none;             
  border-radius: 20px 20px 0px 0px;
  width: 100%;
  height: 55px;
  padding: 10px;
  background:none;
  text-align: center;
  font-size: 24px;
  outline: none;
  font-family:'Times New Roman', Times, serif;
  }

#commentForm{

    display: none;
}

/*
img{

  max-width: 100%;
  cursor: pointer;
  display: flex;
  margin: 0 auto;
  border-radius: 30px;
}
*/

.counter{
  
  margin-top: -65px;
  display: flex;
  flex-direction: row;
  align-content: space-around;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-right: 30px;
  font-size: 24px;
}

.nowykomentarz2{

  display: flex;
  height: fit-content;
}

.caleKomBoczne{
  
  border: 3px solid;
  border-top: none;
  border-color:black; 
  border-radius: 0px 0px 50px 50px;
  width: fit-content;
  margin: 0 auto;
  margin-top: 0px;
  position: relative;
  width: 665px;
}

#sortowanie1{

  box-sizing: border-box;
  padding: 15px 65px 15px 65px;
  background-image: url("/obrazekTla");
  border-radius: 60px;
  max-width: 768px;
  max-height: auto;
  line-height: 1.8;
  font-size: 1.9rem;
  color: black;
  text-align: center; 
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-top: 15px;
  font-weight: bold;
  background-color: #f4f4f4;
}

#sortingStaff{
  display: none;
}

#miejsceNaKomentarz, .miejsceNaKomentarz{

  box-sizing: border-box;
  width: 100%;
  height: 210px;
  border: solid 2px black;
  border-radius: 0px  0px 20px 20px;
  font-size: 1.5rem;
  background-color: transparent;
  padding: 20px 20px 50px 20px;
  resize: none;
  overflow: hidden;
  font-family:'Times New Roman', Times, serif;
  outline: none;
  text-align: justify;

}

#submit1 {
  
  cursor: pointer;
  padding: 10px 20px;
  border: none;
  font-size: 25px;
  margin-top: 40px;
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  background-color: rgba(179, 172, 179, 0.308);
}

#showCom{

  display: flex;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 25px;
  border-radius: 45px;
  margin-bottom: 0px;
  box-shadow: 18px 18px 27px -5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  color: rgb(0, 0, 0);
  border: 2px solid;
  border-radius: 14px;
  background-color: rgba(223,221,223);
  position: relative;
  margin-bottom: 15px;
}

.submit2:hover{

  background-color: rgba(191,187,187);
  transform: scale(1.05);
}

#showCom:hover{

  background-color: rgba(191,187,187);
  transform: scale(1.05);
}

#pokazKom{

  box-sizing: border-box;
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  width: 768px;
  border-radius: 60px;
  margin: 0 auto;
}

.submit2 {

  cursor: pointer;
  padding: 10px 20px;
  border: none;
  font-size: 25px;
  margin-top: 25px;
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  background-color: rgba(179, 172, 179, 0.308);
}


#zmienKolWys{

  cursor: pointer;
  padding: 10px 20px;
  margin-top: 10px;
  border: none;
  font-size: 25px;
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  background-color: rgba(179, 172, 179, 0.308);
}

#doDodKom{

  cursor: pointer;
  padding: 10px 20px;
  border: none;
  font-size: 25px;

  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  margin: 0 auto;
  background-color: rgba(223,221,223);
  margin-bottom: 45px;
  display: none;
}

#zmienKolWys:hover{

  background-color: rgba(129, 121, 121, 0.462);
  transform: scale(1.05);
}

.limit{

  color: #b70014;
  display:none;
}

#submit1:hover{

  background-color: rgba(129, 121, 121, 0.462);
  transform: scale(1.05);
}


.komentarzCaly {

  margin: 0 auto;
  margin-top: 15px;
}

.komentarzGlowny{

  box-sizing: border-box;
  padding: 15px 50px 0px 50px;
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  background-size:cover;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  border-radius: 60px 60px 60px 60px;
  max-width: 768px;
  font-size: 1.5rem;
  text-align: center; 
  display: block;
  position: relative;
  z-index: 0;
}

#loading{

  height: 242px;
  position: relative;
  z-index: 1;
  margin-top: 15px;
  display: flex;
  border-radius: 60px;
  display: none;
}

#loadText{
  
  font-size: 60px;
  margin: 0 auto;
  margin-top: 180px;
  height: 100px;
  color: black;
  transform: rotate(35deg);
  cursor: default;
  user-select: none;
}

.komentarzBoczny{

  box-sizing: border-box;
  padding: 40px 40px 0px 40px;
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  background-size:cover;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  border-radius: 45px;
  width: 671px;
  font-size: 1.5rem;
  text-align: center; 
  margin: 0 auto;
  margin-left: 0;
  margin-right: 0;
  margin-top: 15px;
  position: relative;
}

.autor{

  font-weight: 600;
  font-size: 24px;
  width: max-content;
  height: fit-content;
}

.autorKomBoczny{
  
  font-weight: 600;
  margin-top: -26px;
  font-size: 24px;
  width: max-content;
  height: fit-content;
}

.data{

  font-size: 20px;
  border: 2px solid;
  border-radius: 14px;
  padding-top: 17px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 7px;
  margin-right: 7px;
  height: 59px;
  box-sizing: border-box;
}


#przyciskByOcKom{

  cursor: pointer;
  padding: 10px 20px;
  border: none;
  font-size: 25px;
  max-width: fit-content;
  box-shadow: 10px 8px 22px 0px rgba(0, 0, 0, 0.6);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  background-color: rgba(223,221,223);
  margin: 0 auto;
  font-family: arial;
}


.myslnik{

  margin-top: 3px;
  opacity: 0;
  width: fit-content;
}
.show-more{

  color: rgb(107, 5, 202);
  font-weight: 700;
}

#pojemikData{

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: space-between;
  align-items: baseline;
}


.tekstkomenatarza1 {

  text-align: justify;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 20px;
  flex-wrap: wrap; 
  line-height: 1.5;
  font-size: 24px;
  white-space: pre-line;
  word-break: break-word;
}

.tekstKomBocz{

  text-align:justify;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 20px;
  line-height: 1.5;
  flex-wrap: wrap; 
  line-height: 1.5;
  font-size: 24px;
  white-space: pre-line;
  word-break: break-word;
}

#odpowiedzDoKomentarza{

  border: 2px solid;
  margin-bottom: 15px;
}

.odpNaKom{

  display: flex;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 25px;
  border-radius: 45px;
  margin-bottom: 0px;
  box-shadow: 18px 18px 27px -5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  color: rgb(0, 0, 0);
  border: 2px solid;
  border-radius: 14px;
  background-color: rgba(223,221,223);
  position: relative;
}

.pokazKomBocz{

  cursor: pointer;
  padding: 10px 20px;
  font-size: 25px;
  border-radius: 45px;
  box-shadow: 18px 18px 27px -5px rgba(0, 0, 0, 0.5);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  display: block;
  margin: 0 auto;
  background-color: rgba(223,221,223);
}

.schowajKomBoczPra{

  cursor: pointer;
  padding: 10px 20px;
  font-size: 25px;
  border-radius: 45px;
  box-shadow: 18px 18px 27px -5px rgba(0, 0, 0, 0.5);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  margin: 0 auto;
  background-color: rgba(223,221,223);
  position: absolute;
  margin-left: 605px;
  margin-top: -372px;
  transform: rotate(90deg);
  width: max-content;
}

.deleteButton {

  display: none;
}

.deleteButtonLeft{

  position: relative;
  right: 90px ;
  user-select: none;
  cursor:auto;
  pointer-events: none;
  opacity: 0;
}

.deleteButtonRight{

  position: relative;
  left: 90px;
}

.deleteButtonReplyLeft{

  position: relative;
  right: 41px;
  user-select: none;
  cursor:auto;
  pointer-events: none;
  opacity: 0;
  margin-bottom: 7px;
}

.divForDelete{

  display: flex;
  justify-content: center;
    height: 0px;
}

.deleteButtonReplyRight{

  height: fit-content;
  position: relative;
  left: 41px;
}



.deleteButtonReply{
  
  position: relative;
  top: -41px;
  height: fit-content;
}

.schowajKomBoczPra:hover {

  background-color: rgba(191, 187, 187);
}

#doDodKom:hover{

  background-color: rgba(191, 187, 187);
  transform: scale(1.05); 
}

.pokazKomBocz:hover{

  background-color: rgba(191,187,187);
  transform: scale(1.05);
}

.odpNaKom2{

  cursor: pointer;
  padding: 10px 20px;
  font-size: 25px;
  margin-bottom: 40px;
  box-shadow: 4px 7px 8px 0px rgba(0, 0, 0, 0.5);
  color: rgb(0, 0, 0);
  border: 2px solid;
  background: none;
  border-radius: 14px;
  position: relative;
  top: -3px;
  background: linear-gradient(to bottom, hsl(0, 100%, 53%), hsl(0, 100%, 30%));
}

.odpNaKom:hover{

  background-color: rgba(191,187,187);
  transform: scale(1.05);
}

.odpNaKom2:hover{

  background: linear-gradient(to bottom, hsl(0, 100%, 43%), hsl(0, 100%, 20%));
  transform: scale(1.05); 
}

.else-state {

  display: flex;
  margin: 0 auto;
  background: linear-gradient(to bottom, hsl(0, 100%, 53%), hsl(0, 100%, 30%));
  cursor: pointer;
  padding: 10px 20px;
  border: none;
  font-size: 25px;
  border-radius: 14px;
  color: black;
  border: 2px solid ;
  margin-bottom: 0px;
  box-shadow: 18px 18px 27px -5px rgba(0, 0, 0, 0.5);
}

.else-state:hover {

  background: linear-gradient(to bottom, hsl(0, 100%, 43%), hsl(0, 100%, 20%));
  transform: scale(1.05); 
}


.kontenerOdpowiadania{

  box-sizing: border-box;
  padding: 0px 40px 0px 40px;
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  border-radius: 60px;
  width: 671px;
  max-height: auto;
  line-height: 1.8;
  font-size: 1.9rem;
  color: black;
  text-align: center; 
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-top: 15px;
  display: none;
}

#zmienKolWy2{

  margin-top: 20px;
}

#komentarzWpisz{

  font-size: 30px;
  font-family: 'Times New Roman', Times, serif;
  font-weight: bold;
  margin-top: -18px;
  margin-bottom: 18px;
}


#komentarzWpisz2{

  font-size: 30.4px;
  font-family: 'Times New Roman', Times, serif;
  font-weight: bold;
  margin-top: -25px;
  margin-bottom: 15px;
}


#miejsceNaKomentarz2{

box-sizing: border-box;
border: solid 2px black;
border-bottom: none;             
border-radius: 20px 20px 0px 0px  ;
width: 94%;
height: 55px;
margin: 0 auto;
padding: 10px;
background:none;
text-align: center;
font-size: 25px;
outline: none;
}


.toggleButtonComments{

  position: absolute;
  display: flex;
  flex-direction: row-reverse;
  align-content: space-between;
  align-items: stretch;
  order: 3;
  right: -5px;
  }
  

  .dolneInfKom {
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    }

  .timeAndRatingCom {
    order: 1;
    width: 100%;
    justify-content: center;
    margin-left: -6px;
}
  



  .sysOcKom,
  .wysOceKom {
    flex-wrap: wrap;
    justify-content: center;
  }

  
.deleteButtons{
  display: inline-flex;
  width: max-content;
  height: fit-content;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: unset;

}
.deleteButtonComment{

  top: -16px;
}



@media (max-width: 768px){

  

    
.mobileDeleteBin{

  margin: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  top: -1px;
}


.mobileDeleteBinRight{
    left: 3px;
}

.mobileDeleteBinLeft {

  user-select: none;
  cursor:auto;
  pointer-events: none;
  opacity: 0;
  right: 3px;
}
  
.svgDeleteBin{

  height: 30px;
  width: 30px;
}

  .tekstKomBocz, .tekstkomenatarza1{

    margin-top: 10px;
  }
  

  .copyAndLink{

    bottom: 6px;
  }

  .autorAndLink{

    padding: 15px 0px 0px 0px;
  }

  .copyComment, .linkComment{

    margin-top: 0px;
    }

.linkComment{

 margin-right: 2px
}

  .divForDelete{

    display: inline-flex;
    height: fit-content;
  }
  

.dolneInfKomOdp{
  margin-left: -58px;
  margin-bottom: -3px;
}
  
  
#username, .username{

  width: 100%;
  height: 50px;
  font-size: 18px;
  overflow: hidden;
}

.wysOceKom{

  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1px;
}
    
.username{

  width: 100%;
  height: 50px;
  font-size: 18px;
  overflow: hidden;
}
  

.komentarzCaly {

  width: 100vw;
  align-items: center;
}
  
#pokazKom{

  width: 100vw;
  border-radius: 15px;
}
  
#miejsceNaKomentarz, .miejsceNaKomentarz{

width: 100%;
font-size: 18px;
}
  
.miejsceNaKomentarz{

width: 100%;
font-size: 18px;
}

.counter{
margin-top: -63px;
font-size: 20px;
}
  
.komentarzGlowny{
border-radius: 35px;
width: 100vw;
z-index: 2;
padding: 0;

}


.komentarzBoczny{
  
  border-radius: 35px;
  padding: 0px
}
    
  
#kontenerWpisywania {
  
border-radius: 35px;
padding: 30px 20px 0px 20px;
text-align: center;
width: 100vw;
}

#sortowanie1{

border-radius: 35px;
width: 100vw;
padding: 15px 27px 10px 27px;
}
  
.tekstkomenatarza1, .autor, .tekstKomBocz, .autorKomBoczny{

font-size: 20px;
}

.tekstkomenatarza1{

  padding: 0px 27px 0px 27px;

}

.tekstKomBocz{

  padding: 0px 14px 0px 14px;

}
  
.autorKomBoczny{
 margin-top: 0px;
 margin: 0 auto;

}
  
.data{

font-size: 16px;
padding: 17px;
padding-left: 5px;
padding-right: 5px;
margin-left: 3px;
margin-right: 3px;
height: 56px;
margin-bottom: 0px;
}

.ocenaKomtekst{

  display: none;
}
  
#komentarzWpisz, #sortowanie1, #komentarzWpisz2{

font-size: 27px;
}
  
.odpNaKom2{

margin-bottom: 35px;
position: relative;
top: -9px;
}
  
#submit1, .submit2, #zmienKolWys, .odpNaKom, .pokazKomBocz, .else-state, .odpNaKom2, .schowajKomBoczPra, #doDodKom, #showCom {

font-size:  19px;
}

.odpNaKom{

  margin-top: -26px;
}

.pokazKomBocz{
  position: relative;
  top: 30px;
  margin-top: -4px;
  margin-bottom: 30px;
  
}

#przyciskByOcKom{

font-size: 19px;
width: fit-content;
}
  
#wiadPodz{

font-size: 25px;
}

#submit1{

  margin-top: 9px;
}
  
.submit2{

  margin-top: 9px;
}

.caleKomBoczne{

  border-radius: 0px 0px 35px 35px;
  width: 95vw;
  box-sizing: border-box;
  position: relative;
  top: -25px;
}

.kontenerOdpowiadania{
  
  border-radius: 35px;
  padding: 0px 23px 0px 23px;
  width: 95vw;
  margin-top: -12px;
}
  
#zmienKolWys:hover{

  background-color: rgba(129, 121, 121, 0.462);
  transform: scale(1.0);
}
  
#submit1:hover{
  
  background-color: rgba(129, 121, 121, 0.462); 
  transform: scale(1.00);
}
  
.odpNaKom:hover{

  background-color: rgba(191,187,187);
  transform: scale(1.00);
}


#doDodKom:hover{

  background-color: rgba(191, 187, 187);
  transform: scale(1.00); 
}

.odpNaKom2:hover{
  
  background: linear-gradient(to bottom, hsl(0, 100%, 43%), hsl(0, 100%, 20%));
  transform: scale(1.00); 
}

.schowajKomBoczPra{

  display: none !important;
}

.schowajKomBoczPra:hover{

  background-color: rgba(191,187,187);
  transform: rotate(90deg) scale(1.00); 
}
  
.else-state:hover {
  background: linear-gradient(to bottom, hsl(0, 100%, 43%), hsl(0, 100%, 20%));
  transform: scale(1.00); 
}
  
.pokazKomBocz:hover{

  background-color: rgba(191,187,187);
  transform: scale(1.00);
}

  .dolneInfKom {
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    }

  .timeAndRatingCom {
    order: 1;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
    margin-left: -29px;
    margin-bottom: -2px;
  }

.toggleButtonComments {

  order: 3;
  position: absolute;
  right: -5px;
  scale: 0.66;
  top: -1px;
}

  .deleteButtonLeft {
    display: none; 
  }

  .deleteButtonRight {
    display: none; 
  }

  .sysOcKom,
  .wysOceKom {
    flex-wrap: wrap;
    justify-content: center;
  }

  
}


@media (max-width: 430px){ 

  .mobileDeleteBin{

 
  top: 7px;
}


  .dolneInfKomOdp{

    margin-right: -9px;
  }
  
  .timeAndRatingCom {

    margin-left: -23px;
  }

  .ocenaKomLicz{

    left: -7px;
    }

  .myslnik{

    display: none;
  }

  .copyAndLink{

    bottom: 0px;
  }


  .checkMarkSvg{

    margin-top: -2px;
    width: 25px;
    height: 25px;
  }


  
  .autorAndLink{

    gap: 5px;
  }

  .copyAndLink{

    width: 25px;
    height: 25px;
  }

.toggleButtonComments {

  right: -15px;
  bottom: 3px;
  transform: rotate(90deg);
}

.toggle-buttonReplies .knob:before  {
  transform: rotate(-90deg); 
}

.toggle-buttonReplies input:checked + .knob:before {
  transform: translateX(43px) rotate(-90deg); 
}



}
@media (max-width: 360px){


  .dolneInfKom {
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    }

  .timeAndRatingCom {
    order: 1;
    width: 100%;
    justify-content: center;
    margin: 0 auto;
    margin-left: -16px;
  }


  .deleteButtonLeft {
    display: none; 
  }

  .deleteButtonRight {
    display: none; 
  }

  .sysOcKom,
  .wysOceKom {
    flex-wrap: wrap;
    justify-content: center;
  }



.data{

font-size: 13px;

}

#kontenerWpisywania{
  
  border-radius: 35px;
  padding: 20px 14px 0px 14px;
}



.wysOceKomOdp{

}


.dolneInfKomOdp{

  margin-right: -27px;
  margin-bottom: -1px;
}

}