.violation-card-wrapper {
  position: relative;
}

.showAfterRemoval {
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-25deg);
  z-index: 10;
  pointer-events: none;
  font-size: 60px;
}

#isHtmlAllowedInMailText{
  margin-top: 20px;
}

#authorSortButton{

  display: flex;
  flex-direction: row;
  margin-top: 15px;
}

#responseLoginAdmin{
  height: 56px;
}

.deleteArtAndChangeAuthors{

  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.authorsDiv{

  border: 3px solid black;
  padding: 5px; 
  border-radius: 20px;
  display: flex;
  width: max-content;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  background-size:cover;
}

.authorsPicked{

display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
align-items: flex-start;
}

#formArticle{

  margin-top: 40px;
}

#changeDefaultAuthorDiv{

  position: relative;
  display: none;
}

.articleAuthorsList{

  font-size: 24px;
  padding: 10px;
  cursor: pointer;
  box-sizing: border-box;
}

.buttonClean{

  border: none;
  background-color: transparent;

}

.buttonForCleaningSearchAuthors{

  position: absolute;
  top: 14px;
  right: 0;
}

.buttonForCleaningSearchAuthorsEdit{

  position: absolute;
  top: 265px;
  right: 50px;
}

.buttonForCleaningSearchAuthorsEditSche{

  position: absolute;
  top: 252px;
  right: 50px;
}

.articleAuthorsList:hover{


}

#authorsDropdown{

  margin-top: 0px !important;
  max-height: 316px;
}


#sendMailTitle{

  border: 3px solid black !important;
  border-radius: 20px;
  height: 70px;
  border: 20px;
}


.searchInputAuthorsChange{

  border-bottom: 3px solid black !important;
  border-radius: 20px;
  height: 70px !important;
  border: 20px;
}

#toggleAuthorDefaultDiv {

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}
#toggleAndText{

  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
  align-items: center;
}

#loadMoreAuthors{
  opacity: 0;
}

#addAuthorsDivOpen{
  display: none;
}

#raportyOtw{

  display: none;
}

.buttonAuthor{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.editToggleButton{
  
  display: flex;
}

.numberOfArticle{

display: flex;
align-items: stretch;
justify-content: center;
gap: 5px;
}

.deleteAuthor{
  margin-top: 20px;
  margin-bottom: 30px;
}

.editAuthorDiv{

  display: none;

}

.submitEdit{

  margin-top: 30px;
}

.authorEditBox{

  padding-top: 15px;
}

#addAnotherButton{

  display: none;
  margin-top: 30px;
}

#submitAuthor{

  margin-top: 30px;
}

#usageStatisticsDivOpen{

  display: none;
}

.usageStatisticsText1{
  margin-top: 20px;
}
.dailyRow{

  display: none;
}

.statusText{

  margin-bottom: 10px;
}

#mainAdmin{

  display: none;
}



#logowanie{

  display: none;
  margin-bottom: 50px;
  
}

.buttonGen:hover{

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

.showMoreInfo{
  display: flex;
}

.dolneInfWIadUzyt{

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

.linkOnCom{

  margin-top: -7px;
  font-size: 24px;

}


.pokazKomBocz{
  
  margin: 0 auto;
}

.komentarzBoczny{

  box-sizing: border-box;
  padding: 20px 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: 664px;
  font-size: 24px;
  text-align: center; 
  margin: 0 auto;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  margin-top: 15px;

}

.tekstKomBocz{

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

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

.belowButton{

display: none;
}

.komentarzCaly{

  display: flex;
  flex-direction: column;
}

.hidden-reply {
  display: none;
}

#copyright-count{

  top: -2px;
}

#textMarkDown-count{
 display: none;
}

#textMarkDown{

  max-height: 1000px;
}

#textMarkDown::-webkit-scrollbar {

  width: 8px;
  border-radius: 6px;
}

#textMarkDown::-webkit-scrollbar-thumb {
  
  background-color: rgb(0, 0, 0);
  border-radius: 6px;
}

.textMarkDownEdit::-webkit-scrollbar {
  width: 8px !important;
  border-radius: 6px !important;
}

.textMarkDownEdit::-webkit-scrollbar-thumb {

  background-color: rgb(0, 0, 0) !important;
  border-radius: 6px !important;
}




.changeAuthorDiv{
  margin-bottom: 35px;
}
#arrowDownward{

  font-size: 45px;
  position: relative;
  padding: 10px;
  margin-bottom: -18px;
}

.textMarkDownEdit{

  max-height: 1000px !important;
  overflow-y: scroll !important;
}

#artykulyOtw{
  display: none;
}

.dynamic-timeframe-container{

  display: flex;
  gap: 64px;
  margin-top: 15px;
}

.arrowSvg{

  height: 45px;;
}

.paidAccessOnlyDiv{

display: flex;
justify-content: space-between;
margin-top: 15px;
gap: 15px;
}

.toggleButtonArt{

  margin-top: 7px;
}

#addingImageWholeThingFirst{
  opacity: 0.5;
}

#scheArtOpen{
  display: none;
}
#submitArt{

  margin-top: 5px;
}

.scheduleSvg{

  position: relative;
  margin-top: -25px;
  top: 15px;
  margin-left: -7px;
  margin-right: -10px;
  height: 48px;
  width: 48px;
}



.previewEdit{

  border-bottom: 3px solid black !important;
  border-radius: 0px 0px 20px 20px !important;
}

#forumCommentsOpen{
  display: none;
}

.bottomArtBut{

display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
align-content: flex-end;
flex-wrap: wrap;
margin-top: 20px;
}



#bottomArtBut2{
  margin-top: -30px;

}

.buttonSchedule{
  position: absolute;
  right: 0;
  top: 5px;

}

.buttonScheduleList{

  top: 0px;
}


.scheduleModal {
margin-top: 25px;
display: none;
}

.datePicker{
  display: flex;
  width: min-content;
  margin: 0 auto;

}

.datePicker > div {
  position: relative;
}

.dateHourBor{


  border-top: 3px solid black;
  border-bottom: 3px solid black;
  border-left: none;
  border-right: none ;
  height: 20px;
  font-size: 24px;
  padding: 15px;
  outline: none;
  background: transparent;
  margin: 0 auto;
  text-align: center;

}


.dateHourBorLeft{

  border-left: 3px solid black;
}


.dateHourBorRight{

  border-right: 3px solid black;
}

.day{

  border-radius: 20px 0px 0px 20px;
}

.confirmSchedule{

  margin-top: 50px;
  display: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none; 
    margin: 0; 
}

input[type="number"] {
    -moz-appearance: textfield; 
}

.dropDownMenu {
  display: none;
  position: absolute;
  background-image: url("/obrazekTla");
  border: 3px solid black;
  border-top: none;
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
  border-radius: 0px  0px 20px 20px;
  cursor: pointer;
  box-sizing: border-box;


}


.dropdownMenuMonth, .dropdownMenuDay, .dropdownMenuHour, .dropdownMenuMin, .dropdownMenuYear {
  width: calc(100% + 3px); 

  box-sizing: border-box;
}   

.dropdownMenuMin, .dropdownMenuYear{
  width: calc(100%); 
  box-sizing: border-box;


}



.dropDownMenu::-webkit-scrollbar {
  width: 0px; 
}

.selectedTimeDate{

  margin-top: 30px;
  margin-bottom: -15px;
}

.year{

  border-radius: 0px 20px 20px 0px;
}


#addArticle{

  font-size: 40px;
  margin-bottom: 20px;
  font-weight: 600;
}

#addObrazek{

  font-size: 40px;
  margin-bottom: -10px;
  font-weight: 600;
}

.imagePreviewFirst{
  margin-top: -30px;

}

#editArticle{

  font-size: 40px;
  font-weight: 600;
}

.deleteArtButt{

  margin-bottom: 25px;
  margin-top: 5px;
}

.deleteArtCont{
 
  display: none;
}

#addLinkToImage, #addLinkToImage2{

  border-radius: 20px 20px 0px 0px;
  border-bottom: 3px solid black ;
}

.addLinkToImage{

  border-radius: 20px 20px 0px 0px;
  border-bottom: 3px solid black !important;
}

.dropZone {

  box-sizing: border-box;
  width: 100%;
  color: #aaa;
  border-left: solid 3px black;
  border-right: solid 3px black;
  border-bottom: solid 3px black;
  border-top: none;
  height: 200px;
  margin-top: 20px;
  font-size: 1.5rem;
  vertical-align: middle;
  position: relative;
  top: -66px;
  padding-top: 90px;
  border-radius: 0px;
  user-select: none;
  z-index: 1;
}


.imageInButton{
  margin-top: -6px;
  position: relative;
  top: 3px;
  z-index: 2;
}

#addLink{

  font-size: 30px;
  margin-top: 10px;
  margin-bottom: -5px;
}

.addLink{

  font-size: 30px;
  margin-bottom: 34px;
  margin-top: 30px;
}
#hideImgDiv{

  display: none;
}

.conImgBox{

  padding-top: 10px;
  padding-bottom: 1px !important;
}

#imageLink{
  display: none;
}

.commentForm{

  margin-bottom: -20px;
}

.imageForm{

  margin-bottom: -50px;
}

.boxComDelete{
  
  display: none;
}

.deleteComCon{

  display: flex;
  flex-direction: column;
}

#conImgBox{

  display: none;
}

#addAnotherImg{

  display: none;
  margin-bottom: -2px;
}

#copyButton{

  margin-left: 15px;
}

a:link {

  color: rgb(107, 5, 202); 
  text-decoration: none;
  word-break: break-all;
}


a:active {
  color: rgb(107, 5, 202); 
}


#dropZoneFirst{

  border-radius: 0px 0px 20px 20px;
}

.imageIn{

  margin-top: 23px;
}

.imagePreview{

  border-radius: 20px;
  max-width: 100%;
  padding: 0;
}

.pictureInArticle{
  margin-top: 15px !important;
}

.deleteImageArticleEdit{

  margin-bottom: 50px;  
}

#title, .titleEdit, #addAuthor, .editAuthor{

  border-radius: 20px 20px 0px 0px;
}


.dodawanieArt{
  
  box-sizing: border-box;
  width: 100%;
  border-left: solid 3px black;
  border-right: solid 3px black;
  border-top: solid 3px black;
  border-bottom: none;
  height: 70px;
  font-size: 24px;
  background-color: transparent;
  padding: 20px 20px 20px 20px;
  resize: none;
  overflow: hidden;
  font-family:'Times New Roman', Times, serif;
  outline: none;
  text-align: justify;
}


.deleteArt{

  box-sizing: border-box;
  width: auto;
  border: 3px solid black;
  height: 70px !important;
  border-radius: 20px;
  font-size: 24px;
  background-color: transparent;
  padding: 20px 20px 20px 20px;
  resize: none;
  overflow: hidden;
  font-family:'Times New Roman', Times, serif;
  outline: none;
  text-align: justify;
  margin-bottom: 25px;
}

.deleteInputThing{

  box-sizing: border-box;
  width: auto;
  border: 3px solid black;
  height: 70px !important;
  border-radius: 20px;
  font-size: 24px;
  background-color: transparent;
  padding: 20px 20px 20px 20px;
  resize: none;
  overflow: hidden;
  font-family:'Times New Roman', Times, serif;
  outline: none;
  text-align: justify;
}


.banAndDeleteUser{
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.banInputUser{
  box-sizing: border-box;
  width: auto;
  border: 3px solid black;
  width: 304px;
  border-radius: 20px;
  font-size: 24px;
  background-color: transparent;
  padding: 20px 20px 20px 20px;
  resize: none;
  overflow: hidden;
  font-family:'Times New Roman', Times, serif;
  outline: none;
  text-align: justify;
  margin-bottom: 25px;
}

.changeDaysSubscription{
  box-sizing: border-box;
  width: 200px;
  border: 3px solid black;
  height: 70px !important;
  border-radius: 20px;
  font-size: 24px;
  background-color: transparent;
  padding: 20px 20px 20px 20px;
  resize: none;
  overflow: hidden;
  font-family:'Times New Roman', Times, serif;
  outline: none;
  text-align: justify;
}

.textarea-container {

  position: relative;
  margin-bottom: -10px; 
}

textarea.dodawanieArt {

  width: 100%;
  padding-right: 55px;
}

.text-red {

  color: red;
}

#loadMoreForumCom{
  opacity: 0;
}

textarea {

  width: 100%;
  box-sizing: border-box;
  resize: none; 
  overflow-y: auto;
}

.counting {

  position: absolute;
  top: 50%;
  right: 8px; 
  transform: translateY(-50%);
  font-size: 25px;
  margin-top: -3px;
}

.usersort {

  padding: 1px 50px 0px 50px !important;
}

#loadMoreArtSort{
  display: none;
  opacity: 0;

}

#loadMoreArtSche, #loadMoreReports{
  display: none;
  opacity: 0;

}

.placeForImagePre{
  height: fit-content;
}

#loadMoreUserSort{

  opacity: 0;
}

#loadMoreImgArt{

  opacity: 0;
}

#logOutBut{
  display: none;
}

#link, #addDescription, .editDescription{
  
  border-radius: 0px 0px 20px 20px;
  border-bottom: 3px solid black;
}

.copyright{

  border-radius: 0px 0px 20px 20px;
  border-bottom: 3px solid black;
  border-top: none;
  margin-top: -40px;
  position: relative;
}

.textarea-containerCopyright{

  top: -32px;
}

#wiadomosciOtw{

  display: none;
}

#loadMore{
  display: none;
  opacity: 0;
  margin: 0 auto; 
  margin-top: 15px;
}



.conMenBox{

  box-sizing: border-box;
  width: 768px;
  line-height: 1.8;
  color: black;
  text-align: center; 
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  background-size:cover;
  border-radius: 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-top: 15px;
  position: relative;
  z-index: 1;
}

.conMenBoxEditPad{

  box-sizing: border-box;
  width: 768px;
  line-height: 1.8;
  color: black;
  text-align: center; 
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  background-size:cover;
  border-radius: 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-top: 15px;
  position: relative;
  z-index: 1;
}

.conMenBoxEditPad2{

  padding: 15px 50px 0px 50px;
  position: relative;
  z-index: 0;
  margin-bottom: -15px;
}
.conMenBoxEditPadSche{

  padding: 15px 50px 0px 50px;
  position: relative;
  z-index: 0;
}

.imgEdit {

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

.editButton{

  align-items: center;
  display: flex;
}

.editButtonRed{

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

#artAdded{

  font-size: 60px;
  display: flex;
  position: relative;
  top: -142px;
  flex-direction: column;
  align-content: stretch;
  align-items: center;
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  padding-top: 15px;
  border: 3px solid black;
  border-radius: 60px;
  width: 768px;
}

.artEdited{

  font-size: 60px;
  display: flex;
  position: relative;
  top: -22px;
  flex-direction: column;
  align-content: stretch;
  align-items: center;
  user-select: none;
  text-align: center;
  padding-top: 20px;
  padding-left: 17px;
  padding-right: 17px;
  line-height: 1.4;
}

.artEditedSche{

  top: -15px;

}

#authorAdded{

  top: -18px;
}

.authorEdited{

  top: -18px;
}

.editTwoEdited{

  font-size: 60px;
  display: flex;
  position: relative;
  top:  -245px;
  flex-direction: column;
  align-content: stretch;
  align-items: center;
  background-image: url(/obrazekTla);
  padding-top: 33px;
  border: 3px solid black;
  border-radius: 60px;
}


#linkDoArtAdded{

  font-size: 24px;
  position: relative;
  bottom: 25px;
  margin: 0 auto;
  padding-bottom: 0px;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: -10px;

}

.linkDoArtEdit{

  font-size: 24px;
  position: relative;
  bottom: 30px;
  margin: 0 auto;
  padding-bottom: 0px;
  margin-bottom: -10px;
}



.linkDoArtEditScheduled{

  bottom: 23px;
}

.dateWhenPub{

}

#poDodaniu{

  position: relative;
  z-index: 3;
  border-radius: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  display: none;
}


.poEdytowaniu{

  position: relative;
  z-index: 3;
  border-radius: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  top: -62px;
  margin-bottom: -165px;
  display: none;
  width: 768px;
}


#maszSmakaContainer{

  height: 100px;
}

.dataWiad{

  font-size: 20px;
  border: 2px solid;
  border-radius: 14px;
  padding: 10px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
  height: inherit;
  box-sizing: border-box;
  line-height: 1.8;
  hyphens: auto;
  overflow-wrap: break-word;
  margin: 0 auto;
  width: max-content;
}

#sortUserOtw{
  display: none;
}

#sortUserNewsOtw{
  display: none;
}

.tableWrapper {
  max-height: 600px;
  overflow-y: auto;
}

.monthDiv{
  padding-top: 10px;
  padding-bottom: 40px;
}
.tableMailMonth {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}

.thTable, .tdTable {
  border-bottom: 5px solid black;
  border-right: 5px solid black;
  white-space: normal;     
  overflow-wrap: break-word; 
  word-break: break-all; 
}

.tableMailMonth .tableLower .tdTable:first-child, 
.tableMailMonth .tableLower .thTable:first-child {
  border-left: 5px solid black;
}

.tableMailMonth .tableLower .thTable {
  border-top: 5px solid black;
}

.tableMailMonth .tableLower:first-child .thTable:first-child {
  border-top-left-radius: 20px;
}

.tableMailMonth .tableLower:first-child .thTable:last-child {
  border-top-right-radius: 20px;
}

.tableMailMonth .tableLower:last-child .tdTable:first-child {
  border-bottom-left-radius: 20px;
}

.tableMailMonth .tableLower:last-child .tdTable:last-child {
  border-bottom-right-radius: 20px;
}

.countTableGeneral tr.last-visible .tdTable:first-child {
  border-bottom-left-radius: 20px;
}
.countTableGeneral tr.last-visible .tdTable:last-child {
  border-bottom-right-radius: 20px;
}

.tableMailMonth td:first-child,
.tableMailMonth th:first-child {
  width: 120px; 
}

.clickable:hover{
  cursor:default
}

.tableWrapper::-webkit-scrollbar {
  width: 0px; 
}



.deleteMesArea{

  display: none;
}


.deleteMes{

  box-sizing: border-box;
  width: 344px;
  border: 3px solid black;
  height: 70px;
  border-radius: 20px;
  font-size: 24px;
  background-color: transparent;
  padding: 20px 20px 20px 20px;
  resize: none;
  overflow: hidden;
  font-family: 'Times New Roman', Times, serif;
  outline: none;
  text-align: justify;
  margin-top: 30px;
  margin-bottom: -20px;
}

.deleteCom{

  box-sizing: border-box;
  width: 344px;
  border: 3px solid black;
  height: 71px;
  border-radius: 20px;
  font-size: 24px;
  background-color: transparent;
  padding: 20px 20px 20px 20px;
  resize: none;
  overflow: hidden;
  font-family: 'Times New Roman', Times, serif;
  outline: none;
  text-align: justify;
  margin-bottom: -4px;
}

.userNews{

  font-size: 35px;
  margin-top: -15px;
}



.dolneInfWIad{

  font-size: 20px;
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.dolneInfWIadBocz{

  font-size: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.markAsRead{

  margin-top: 0px;
  cursor: pointer;
  border: none;
  background: transparent;
  font-size: 20px;
  font-family: 'Times New Roman', Times, serif;
}

.markAsRead:hover{

  transform: scale(1.05);
  color:#340083
}


.daneUzy{

  font-size: 24px;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  flex-wrap: nowrap;
  align-content: space-around;
  justify-content: space-evenly;
  align-items: center;
  font-weight: bold;
}

.daneUzy.no-email {
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-end;
  justify-content: center;
  align-items: flex-end;
}

.wiadUzy{

  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.5;
  text-align: justify;
}

.boxWiad{

  box-sizing: border-box;
  padding: 17px 50px 0px 50px;
  width: 768px;
  line-height: 1.8;
  color: black;
  text-align: center; 
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  background-size:cover;
  border-radius: 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  margin-top: 15px;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

.boxWiadMain{

  position: relative;
  z-index: 2;
}

.loadTextWiad{
  
  font-size: 60px;
  margin: 0 auto;
  color: black;
  transform: rotate(14deg);
  cursor: default;
  margin-left: 235px;
  margin-top: 55px;
  position: absolute;
  display: none;
  z-index: 1;
  border: none;
  background: transparent;
  width: fit-content;
  padding: 0px;
  font-family: 'Times New Roman', Times, serif;
  z-index: 10;
}

.obrazekWTekst {

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

#conImgDisMain{

  display: none;
}

#loadMoreUserNews{

  display: none;
  opacity: 0;
}

#conImgArtDisMain{
  display: none;
}

#image-container-article{

}

.folderContainer {
  border: 7px solid black;
  width: 768px;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 15px;
  border-radius: 65px 65px 37px 37px;
}

.boxfolderContainer{

  box-sizing: border-box;
  padding: 0px 50px 0px 50px;
  max-width: 768px;
  line-height: 1.7;
  color: black;
  text-align: center; 
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  background-size:cover;
  border-radius: 60px;
  box-shadow: 10px 0px 40px 5px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  position: relative;
  min-height: 115px;
}

.artImgCont{

  max-width: 768px;
  margin-top: 15px;
}

.imageConOpen{

  display: none;
}

.afterImgDelete {

  display: none ;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -210px;
  margin-bottom: -90px;
  font-size: 75px;
  font-weight: 700;
}

#loadMoreCom{
  opacity: 0;
}

#komentarzeOtw{
  display: none
}

.articleSort{

  font-size: 24px;
  padding-top: 17px;
  font-family: 'Times New Roman', Times, serif;
}

.statystyki{
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-content: flex-end;
  justify-content: space-around;
  padding-bottom: 15px;
}

.subListDiv{

  padding-bottom: 10px;

}

.sortBy{

  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 5px;
}

.sortCont{

  padding-top: 5px;
  padding-bottom: 15px;

}

.redButtonClose{

  display: none;
}

.redButtonCloseSche{

  margin-top: 55px;
}

.redButtonCloseEdit{

  margin-top: 30px;
}

.artEdDel{

  position: relative;
  box-sizing: border-box;
  background-color: #f4f4f4;
  background-image: url("/obrazekTla");
  border-radius: 60px;
  width: 768px;
  border: 3px solid black;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 5px;
  z-index: 5 !important;
  pointer-events: auto;
  display: none;
}


#addArticleDiv{

  padding-top: 10px;
}

#prePushGraphDiv{

  display: none
}

#sortArtOtw{
  display: none;
}

#comSetOpen{

  display: none;

}

.setCom{

  padding-top: 10px;
}

.toggleButton{

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

.toggleButtonAd{

  padding-top: 10px;
  padding-bottom: 20px;
}

.toggleButton:last-child{

  /* //changed  padding-bottom: 40px;
 */

}

.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{

	color: #000000;
	background-color: #ffffff;
	position: absolute;
	content: '';
	height: 34px;
  font-family: Georgia, 'Times New Roman', Times, serif;
	width: 34px;
	left: 4px;
	bottom: 4px;
	transition: .2s;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toggle-button input:checked + .knob{

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

}
.toggle-button input:focus + .knob{

	box-shadow: 0 0 1px #2196F3;
}
.toggle-button input:checked + .knob:before{

	background-color: #000000;
	content: '';
	color: #ffffff;
	-webkit-transform: translateX(43px);
	-ms-transform: translateX(43px);
	transform: translateX(43px);
}

.searchInputSort {

  font-size: 30px;
  font-family: 'Times New Roman', Times, serif;
  background: none;
  width: 577.5px;
  box-sizing: border-box;
  padding: 18px;
  border-radius: 20px;
  outline: none;
  border: 3px solid black;
  box-sizing: border-box;
  border-radius: 20px;
  margin: 0 auto;
}


.passwordInput {

  font-size: 30px;
  font-family: 'Times New Roman', Times, serif;
  background: none;
  width: 577.5px;
  padding: 18px;
  outline: none;
  border: 3px solid black;
  box-sizing: border-box;
  border-radius: 20px;
  margin: 0 auto;
}

#hiddenButtons {

  display: none;
  transition: max-height 0.3s ease-out;
}

#hiddenButtons2 {

  display: none;
  transition: max-height 0.3s ease-out;
}

#hiddenButtons3 {

  display: none;
  transition: max-height 0.3s ease-out;
}

#hiddenButtons4 {

  display: none;
  transition: max-height 0.3s ease-out;
}


#hiddenButtons3.active {

  display: flex;
}

#hiddenButtons4.active {

  display: flex;

}


#hiddenButtons2.active {

  display: flex;
}

#hiddenButtons.active {

  display: flex;
}

.hiddenButtons {

  display: none;
  transition: max-height 0.3s ease-out;
}

.hiddenButtons.active {

  display: flex;
}


#arrowDownward {

  cursor: pointer;
  user-select: none;
}

.topButton, .topButton2, .topButton3, .topButton4 {

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sortButtons{

  display: flex;
  flex-direction: column;
  align-items: center;
}

.sortButton, .sortButton2, .sortButton3, .initialSortButton, .subFilterButton {

  margin: 10px;
  max-width: fit-content;
}

.loadTextWiad:hover{

  transform: scale(1.05);
  color:#340083;
}


.odpNaKomWiad{

  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;
}

.odpNaKomWiad:hover{

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


.odpNaKom2Wiad{

  cursor: pointer;
  padding: 10px 20px;
  font-size: 25px;
  margin-bottom: 20px;
  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%));
}

.odpNaKom2Wiad:hover{

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

.kontenerOdpowiadaniaWiad{

  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;
}

.komentarzWpisz2Wiad{

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

.miejsceNaKomentarzWiad{

  box-sizing: border-box;
  width: 100%;
  height: 210px;
  border: solid 3px black;
  border-radius: 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;
}

.submit2Wiad {

 margin-top: 40px;
}

.counterWiad{

  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;
}

.limitWiad{

  color: #b70014;
  display:none;
 
 }

.submit2Wiad:hover{

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

#sortPreSubscribersOtw{

  display: none;
}

#loadMorePushSubscribers{

  display: none;
}

#sortPushNotificationSubscribersOtw{

  display: none;
}

#loadMorePrePushSubscribers{

  display: none;
}

#sortPrePushNotificationSubscribersOtw{

  display: none;
}

.aColor{

  color: #610078;
  text-decoration: none;
}

#loginAndExt{

  display: inline-flex;
  gap: 30px;
}

.extBut{
  height:min-content ;
  margin-top: 10px;
}

#extendSessionButton{
  display: none;
}

.pickDate{
font-size: 30px;

}

#newPasswordsDiv{

  margin-top: 45px;
}

#passwordInputNew{
  border-radius: 20px 20px 0px 0px;
  border-bottom: none;
}

#passwordInputNewRepeat{
  border-radius: 0px 0px 20px 20px;
}

#reposneMessagePassAdmin{
  margin-top: 15px;
  margin-bottom: 15px;
}

#changePassword{
  margin-bottom: 15px;
}

#changePasswordDivOpen{

  display: none;
  margin-bottom: 15px;
}

#deleteImageArticle{

  display: none;
  margin-bottom: 40px;
}


 #deleteImageArticleFirst{

  display: none;
  margin-bottom: 30px;
}


#addAdButton{
  position: relative;
  top: 0px;
  margin-bottom: 19px;
}

.mainAndAds {
  display: grid;
  grid-template-columns: none;
  align-items: center;
  width: 100%;
  display: none !important
}

#inputForIdForAd{

  width: 57%;
  border-bottom: 3px solid black;
  border-radius: 20px;
  height: 70px !important;
}

#addingAdSuccessDiv{
  display: none;
}

#addingNewAdOpen{
  display: none;
}

#listOfAdsOpen{
  display: none;
}

#showAdManagementOpen{
  display: none;
}

#loadMoreAdsSort{
  display: block;
  opacity: 0;
}

.generalAdDiv{

  border: 3px solid black;
  border-radius: 60px 60px 30px 30px;
  margin-top: 15px;
}


.showAfterAdDeleted{

  display: none;
  position: relative;
  z-index: 1;
  margin-top: -85px;
  font-size: 60px;
  transform: rotate(45deg);
  top: 363px;
  left: 50px;
}

#alertMesAd{
  
  position: relative;
  top: -16px;
}

.containerForAllMails{

  display: block;
  box-sizing: border-box;
  border-radius: 60px;
  max-height: auto;
  line-height: 1.8;
  font-size: 1.9rem;
  color: black;
  text-align: center; 
  margin: 0 auto;
  margin-top: 15px;
}

#messageAfterSend{

  display: none;
}

#sendMailOpen{

  display: none;
}

#sendMailText{

  height: 208px;
}



.buttonArtView{

  position: absolute;
  left: 51px;
}

#buttonArtView:active, .buttonArtView:active, .buttonArtViewSche:active{
  color: black;
}

.paddingAButton{
  padding: 2px 20px !important;  
}


.bottomArtEditBut {

  display: flex;
  align-items: flex-end;
  margin-top: 25px;
}

.radioItem2 span {
  flex: 1;
  text-align: center;
}

.spanDays{
  margin-right: 36px;
}

.inputForDays{
  
  margin-bottom: 35px;
}

.changeDaysSubscriptionOpen{
  display: none;
}

.changingSubForUser{
  display: none;
}

.userInfoCon{

  display: none;
}

@media (max-width: 1450px){



  #imageAddVerticalRightUp{

    display: none;
  }


  .mainAndAds {
    
    justify-content: center
  }

  .adsContainerVertical{
    display: grid;
  }


}

@media (max-width: 768px){

  


.dynamic-timeframe-container{

  flex-direction: column;
  gap: 25px;
}
  
  .buttonForCleaningSearchAuthorsEditSche{

    position: absolute;
    top: 224px;
    right: 28px;
  }

  .buttonArtView{

    position: absolute;
    left: 27px
  }
  
  .sortBy{

    margin-bottom: 0px;
  }

  .sortButton, .sortButton2, .sortButton3, .initialSortButton, .subFilterButton {

    margin: 5px;
  }

.arrowSvg{

height: 40px;;
}
  
#isHtmlAllowedInMailText{
  margin-top: 30px;
}

  .showAfterAdDeleted{

    margin-top: -168px;
  }

#inputForIdForAd{

  height: 60px !important;
}

  #radioForAds{

  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  }

  .usersort {

    padding: 1px 27px 0px 27px !important;
  }

  .submit2Wiad {

    margin-top: 60px;
   }

  .buttonForCleaningSearchAuthorsEdit {
    position: absolute;
    top: 240px;
    right: 28px;
}

  #authorSortButton{

    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 15px;
  }


  .authorsPicked{

    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center !important;
    }

  .generalAdDiv{

    border-radius: 35px;
  }
  

  #linkDoArtAdded{

    bottom: 23px;

  }

  #addArticle, #addObrazek, #editArticle{

    font-size: 30px;
  }

  #copyButton{

    margin-left: 0px;
    margin: 0 auto !important;
  }
  

  .linkDoArtEdit{

    bottom: 25px;
  }

  .linkDoArtSche{

    bottom: 8px;
  }


  .linkDoArtEditScheduled{

    bottom: 15px;
  }

  .pickDate{
    font-size: 20px;
    
    }

  .dateHourBor{

    border-top: 3px solid black;
    border-bottom: 3px solid black;
    border-left: none;
    border-right: none;
    height: 16px;
    font-size: 19px;
    padding: 10px;
    outline: none;
    background: transparent;
    margin: 0 auto;
    text-align: center;
  }

  .dateHourBorLeft{

    border-left: 3px solid black;
  }
  
  
  .dateHourBorRight{
  
    border-right: 3px solid black;
  }

  .scheduleModal{

    width: 100%;
  }


  

  .scheduleSvg {
    position: relative;
    margin-top: -30px;
    top: 11px;
    margin-left: -18px;
    margin-right: -18px;
    height: 35px;
    width: 35px;
}

  .closeForMobile{

    height: 30px;
    width: 30px;
  }

  .extBut{
    margin-top: 0px;
  }

  #loginAndExt{

    display: flex;
    flex-direction: column-reverse;
    gap: 15px;
  }

  .textClock{
    margin-bottom: 10px;
  }

.afterImgDelete {

  top: -169px;
  margin-bottom: -90px;
  font-size: 10vw;
}

  .boxfolderContainer{

    padding: 0px 17px 0px 17px;
  }

  .folderContainer {
 
    max-width: 100vw;
  }

.poEdytowaniu {

  width: 100vw;
  margin-bottom: -169px;
}

.artEdited{

  font-size: 40px;
  padding-top: 30px;

}

#artAdded{

  font-size: 40px;
  top: -237px;
  width: 100vw;

}

.titleArt{

  position: relative;
  top: 12px;
}

.buttonGen{

  font-size: 19px;  
}
  
.boxMes{

  width: 100vw;
  padding: 0;
}

.dropZone{

  height: 0px;
  font-size: 0px;
  margin-top: 32px;
  padding-top: 46px;
  padding-left: 10px;
  padding-right: 10px;
}

.imageInButton{

  top: 6px;
}

.counting{

  margin-top: -4px;
  font-size: 19px;
}

.copyright{
  top: 2px;
}

.coutingEdit{

  margin-top: -4px;
}

.conMenBoxEdit{

  margin-bottom: 20px;
}

.komentarzBoczny{

  border-radius: 35px;
  padding: 15px 27px 0px 27px;
  width: 94vw;
  }

.caleKomBoczne{
  
  border-radius: 0px 0px 35px 35px;
  width: 95vw;
  box-sizing: border-box;
  position: relative;
  top: 9px;
  margin-bottom: 10px;
}

.titleEdit{
  min-height: 70px;

}

.deleteComments{
  margin-top: 9px;
}



.dodawanieArt{

  padding: 17px;
  font-size: 19px;
  height: 56px;
}
.counterWiad{

  margin-top: -60px;
  font-size: 20px;
}

.submit2Wiad:hover{

  transform: scale(1.00);
}

button{

  font-size: 19px;
}

.miejsceNaKomentarzWiad{

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

    
.komentarzWpisz2Wiad{

  font-size: 27px;
}

.kontenerOdpowiadaniaWiad{

  border-radius: 35px;
  padding: 0px 23px 0px 23px;
  width: 100vw;
}

.odpNaKom2Wiad{

  margin-bottom: 10px;
  position: relative;
  top: -9px;
  font-size: 19px;
}

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

.searchInputSort{

  width: 80vw;
}

.passwordInput{

  font-size: 19px;
  width: 80vw;
}

.articleSort{
  
  padding-left: 17px;
  padding-right: 17px;
  margin-top: 20px;
} 
    
.loadTextWiad{

  font-size: 45px;
  margin: 0 auto;
  margin-top: 90px;
  margin-left: 102px;
  width: min-content;
} 

#conMenBox{

  width: 100vw;
}

.conMenBoxEditPad{

  border-radius: 35px;
  width: 100vw;
}

.monthDiv{
  padding: 10px 17px 35px 17px;
}

.conMenBoxEditPad2, .conMenBoxEditPadSche{

  padding: 20px 27px 0px 27px;
}

.artEdDel{

  width: 100vw;
  border-radius: 35px;
}

.conMenBox{
  border-radius: 35px;

  width: 100vw;
}
   
.odpNaKomWiad:hover{

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

  font-size:  19px;
}

#overBox{
  margin-top: -8px;
  }

.markAsRead{

  margin-top: 10px;
  cursor: pointer;
  border: none;
  background: transparent;
  font-size: 20px;
  font-family: 'Times New Roman', Times, serif;
}
  
.boxWiad{

  padding: 20px 17px 0px 17px;
  margin-top: 15px;
  border-radius: 35px;
  width: 100vw;
  z-index: 1;
}
  
.daneUzy{

  flex-direction: column;
  gap: 10px;
}

.deleteMes{

  font-size: 19px;
  width: 85vw;
  height: 55px;
  padding: 13px 10px 13px 10px;
}

.deleteCom{

  font-size: 19px;
  width: 85vw;
  height: 55px;
  padding: 13px 10px 13px 10px;  
}

.dataWiad{

  font-size: 16px;
  padding: 12px;
  padding-left: 7px;
  padding-right: 7px;
  margin-left: 0px;
  margin-right: 0px;
  margin: 0 auto;
  height: inherit;
}


.wiadUzy, .daneUzy{

  font-size: 20px;
}
  
.buttonGen:hover{
  
  transform: scale(1.00);
}

.tekstKomBocz, .autorKomBoczny{

  font-size: 20px;
}

.artImgCont{

  max-width: 100%;
}

.dolneInfWIad{

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: space-evenly;
  align-items: flex-start;
}

.userNews{

  font-size: 25px;
}

.statystyki{

  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  justify-content: space-around;
  gap: 15px;
}


.renderDropdown {
  width: 86.5px;
}

.renderDropdownYear {
  width: 108.5px;
}



#addArticleDiv, .conImgBox{

  padding-top: 10px !important;
}

.padding10TB{

  padding-top: 10px !important;
  padding-bottom: 10px  !important;
}

}

@media (min-width: 515px) and (max-width: 675px) {

.poEdytowaniu {
  margin-bottom: -197px;
}

}


@media (max-width: 514px) {

  .toggleButtonArt{

    transform: rotate(90deg);
    position: relative;
    left: -25px;
    scale: 0.75;
}


.toggleButtonAuthor{

  scale: 0.75;
}

.poEdytowaniu {
  margin-bottom: -197px;
}

}

@media (max-width: 368px){

      .banInputUser{
    width: 100vw;
  }

.komentarzBoczny{

  border-radius: 35px;
  padding: 15px 14px 0px 14px;
  width: 100%;
}

.poEdytowaniu {

  margin-bottom: -224px;
}

}