html,body { margin: 0; padding: 0; font-family: arial; }



			input { border-radius: 5px; border: 1px solid silver; padding: 9px; font-size: 9pt; font-family: arial;  }

			input.sendContact { cursor: pointer; margin-top: 16px; background-color: #bccbde; color: black; border: 1px solid #779fc8; width: 51%; font-size: 11pt; font-weight: bold; }
			.register { cursor: pointer; margin-top: 16px; background-color: maroon;  color: white; border: 1px solid #779fc8;  min-width: 51%; font-size: 14pt; font-weight: bold; border-radius: 10pt; }

			
			input.registerBarzel { cursor: pointer; margin-top: 16px; background-color: #824337;  color: white; border: 1px solid #d9bf91;  min-width: 51%; font-size: 14pt; font-weight: bold; }
			input.forgetPassBarzel { cursor: pointer; margin-top: 16px; background-color: #f5e9e9; color: black; border: 1px solid #d9bf91; width: 51%; font-size: 11pt; }
			input.firstLoginBarzel { cursor: pointer; margin-top: 16px; background-color: #cb9e9e; color: black; font-weight: bold; border: 1px solid black; width: 51%; font-size: 11pt; }
			input.loginBarzel { cursor: pointer; background-color: #916868; color: white; font-weight: bold; border: 1px solid black; width: 51%; font-size: 11pt; }
			
			a:link { color: black; }
			a:visited { color: black; }
			a.settingsLink:link { color: black; padding: 3px; }
			a.settingsLink:visited { color: black; padding: 3px; }
		
			.projectListLink { cursor: pointer; color: #cdc7c9; font-size: 11pt; border: 0; padding: 0; background-color: transparent;  }
			.projectListLinkB { cursor: pointer; color: #eec8c8;  font-size: 11pt; border: 0; padding: 0; background-color: transparent; }
			.projectListLinkPag { color: #ffffff; font-size: 10pt; border: 0; padding: 0; background-color: transparent;  }
			.projectListLinkOn { cursor: pointer; color: #ffffff; font-weight: bold; font-size: 11pt; border: 0; padding: 0; background-color: transparent;  }


			.pArrow { color: navy; font-size: 12pt; font-weight: bold; }

			

			.settingsButton { font-size: 10pt; margin: 5px; cursor: pointer; width: 130px; background-color: #dddddd; border-radius: 14px; color: black; text-align: center; padding: 10px; }
			.settingsButtonB { font-size: 10pt; margin: 5px; cursor: pointer; width: 100px; background-color: #dfdcbf; border-radius: 14px; color: black; text-align: center; padding: 9px; }

			.toolsTitle { background-color: #ebebeb; font-weight: bold; padding: 11px; font-family: tahoma;  }
			.toolsTD { padding: 10px; border-bottom: 1px solid silver; font-size: 10pt; }
			.toolsTDhover { padding: 10px; border-bottom: 1px solid silver; background-color: #f3f3f3; cursor: pointer; font-size: 10pt; }

			span.bigPlus { cursor: pointer; font-size: 20pt; font-weight: bold; color: #95d0cf; padding: 6px; border-radius: 35%; background-image: linear-gradient(to bottom right, #909090, #6f74b3); box-shadow: 2px 2px 2px #888888; }

			.dropbtn { color: white; padding: 10px; font-size: 10pt; border: none; cursor: pointer; }.dropdown { position: relative; display: inline-block; }
			.dropdown-content { display: none; position: absolute; background-color: #f5f5f5; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
			.dropdown-content a {  font-size: 10pt; color: black; padding: 12px 16px; text-decoration: none; display: block; }
			.dropdown-content a:hover {   background-color: #d7d7d7; font-size: 10pt; }
			.dropdown:hover .dropdown-content {  display: block; }

			div.addUser {  float: right; width: 80%;  flex-grow: 1; padding: 6px; margin-bottom: 5px; }
			.addUserInput { width: 90%; padding: 5px; border: 1px solid #ccc; border-radius: 6px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); }
			.addUserInputError { width: 90%; box-shadow: 2px 2px 1px #c0c0c0; background-color: #f0d1ce; border: 1px solid red; }

			.usersTDa { padding: 4px; border-bottom: 1px dashed gray; }
			.mainProjectsTD { padding: 6px; font-weight: bold; letter-spacing: 1px; background-color: #eeeeee; text-align: center; }
			.mainProjectsTDline { padding: 4px; }
			.mainProjectsTDNoline { padding: 4px; }

			.topLGmenu { background-color: #ffffff; border: 1px solid #e0e0e0; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-radius: 8px; font-size: 11pt; cursor: pointer; padding: 7px; margin: 10px; }
			.iconWW { color: #bfccda; }

			div.buttonFrame { user-select:none; border: 0px solid #000000; border-radius: 11px; padding: 5px; display: inline-block; margin: auto; width: 83px; font-size: 10pt; font-weight: bold; text-align: center; cursor: pointer; margin: 5px; }
			
			div.buttonFrameBarzel { user-select:none; position: relative; display: inline-block; margin: auto; width: 95px; font-size: 11pt; font-weight: bold; text-align: center; cursor: pointer; margin: 5px; }
			div.buttonFrameBarzelV { user-select:none; padding: 6px; border: 1px solid black; border-radius: 10px; position: relative; display: inline-block; margin: auto; width: 95px; font-size: 11pt; font-weight: bold; text-align: center; cursor: pointer; margin: 5px; }
			div.buttonFrameBarzelVb { user-select:none; padding: 3px; border: 1px solid black; border-radius: 10px; position: relative; display: inline-block; margin: auto; width: 92px; font-size: 11pt; font-weight: bold; text-align: center; cursor: pointer; margin: 5px; }
			
			div.buttonNewYoman { border: 1px solid #de8814; padding: 5px; background-color: #f9e1bf; border-radius: 15px; font-size: 24pt; font-weight: bold; color: #de8814; text-align: center; }

			div.menuProjectLine { padding: 5px; border-top: 1px solid #cddee4; }
			select.newYomanSelect { border: none; width: 80%; font-weight: bold; font-size: 11pt; padding: 2px; margin: 5px; cursor: pointer; }


			.nameCircle { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 50%; background-color: #38BDF8; color: #ffffff; font-size: 12pt; cursor: pointer; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease, box-shadow 0.3s ease; }

			.newBtnSave { background-color: #38BDF8; border: 1px solid #e8e8e8; box-shadow: 5px 5px 5px #e8e8e8; border-radius: 10px; padding: 10px; color: #ffffff; font-size: 12pt; cursor: pointer; }
			.newBtnDraft { background-color: #7c9bab; border: 1px solid #e8e8e8; box-shadow: 5px 5px 5px #e8e8e8; border-radius: 10px; padding: 10px; color: #ffffff; font-size: 12pt; cursor: pointer; }
			.newBtnBack { background-color: #233446; border: 1px solid #e8e8e8; box-shadow: 5px 5px 5px #e8e8e8; border-radius: 10px; padding: 10px; color: #ffffff; font-size: 12pt; cursor: pointer; }




			.switchBlue { position: relative; height: 1.5rem; width: 3rem; cursor: pointer; appearance: none; -webkit-appearance: none; border-radius: 9999px; background-color: rgba(100, 116, 139, 0.377); transition: all .3s ease; }
			.switchBlue:checked { background-color: rgba(32, 151, 243, 1); }
			.switchBlue::before { position: absolute; content: ""; left: calc(1.5rem - 1.6rem); top: calc(1.5rem - 1.6rem); display: block; height: 1.6rem; width: 1.6rem; cursor: pointer; border: 1px solid rgba(100, 116, 139, 0.527); border-radius: 9999px; background-color: rgba(255, 255, 255, 1); box-shadow: 0 3px 10px rgba(100, 116, 139, 0.327); transition: all .3s ease; }
			.switchBlue:hover::before { box-shadow: 0 0 0px 8px rgba(0, 0, 0, .15) }
			.switchBlue:checked:hover::before { box-shadow: 0 0 0px 8px rgba(32, 151, 243, .15) }
			.switchBlue:checked:before { transform: translateX(100%); border-color: rgba(32, 151, 243, 1); }






#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}




.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}





						.toggler {
						  display: none;
						}

						.toggler+.toggler-content {
						  max-height: 0;
						  opacity: 0;
						  overflow: hidden;
						  transition: all .4s ease-in-out;
						}

						.toggler:checked+.toggler-content {
						  max-height: 5000px;
						  opacity: 1;
						}



						.closedDot { height: 15px; width: 15px; background-color: #eaae86; border-radius: 50%;  display: inline-block; vertical-align: middle; }
						.draftDot { height: 15px; width: 15px; background-color: #86c9ea; border-radius: 50%;  display: inline-block; vertical-align: middle; }





					.cancelbtn, .deletebtn, .addbtn, .savebtn { float: left; width: 40%; cursor: pointer; border-radius: 6px;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease, box-shadow 0.3s ease; }




					.cancelbtn { background-color: #d6cfcd; color: black; border: 0; padding: 10px; }


					.cancelbtnB { background-color: #d6cfcd; color: black; border: 0; padding: 10px; width: 50%; }

					.deletebtn { background-color: #f44336; border: 0; padding: 10px; }
					.addbtn { background-color: #afddf3; border: 0; padding: 10px; font-weight: bold; }
					.savebtn { background-color: #99e2fb; border: 0; padding: 10px; }
					.container { padding: 10px; text-align: center; }







					.close {position: absolute; right: 35px; top: 15px; font-size: 40px; font-weight: bold; color: #c4c4c4; }

					.close:hover, .close:focus { color: #f44336; cursor: pointer; }



					.moreDetailsLG { padding: 6px; }

					.imgLgMenu { width: 40px; vertical-align: middle; }

					@media screen and (max-width: 1440px) {
						.moreDetailsLG { padding: 6px; display: none; }
					}



						@media screen and (max-width: 800px) {
							.topLGmenu { background-color: #ffffff; border: 1px solid #e0e0e0; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-radius: 8px; font-size: 10pt; cursor: pointer; padding: 7px; margin: 6px; }
							.imgLgMenu { width: 25px; vertical-align: middle; }
							div.addUser {  float: right; width: 95%;  flex-grow: 1; padding: 6px; }
						}



					@media screen and (max-width: 300px) {
					  .cancelbtn, .deletebtn { width: 100%; }


					}

						@-webkit-keyframes animatetop {
						  from {top:-300px; opacity:0} 
						  to {top:0; opacity:1}
						}

						@keyframes animatetop {
						  from {top:-300px; opacity:0}
						  to {top:0; opacity:1}
						}



					iframe { border: 0; }

					.shareBtn { width: 200px;  text-align: center; font-size: 14pt; font-weight: bold; height: 30px; padding: 10px; margin: 7px; cursor: pointer; display: inline-block; }
					.shareBtnB { width: 200px;  text-align: center; font-size: 14pt; font-weight: bold; padding: 10px; margin: 7px; cursor: pointer; display: inline-block; }
					

				.bubb { border-bottom: 1px solid gray; width: 90%; padding: 10px; margin: 10px; }
				.tdTfuza { border-bottom: 1px solid gray; background-color: #eaf1f4; font-size: 9pt; font-weight: bold; padding: 5px; }
				.tdTfuzaA { border: 1px solid gray; background-color: #365867; color: white; font-size: 9pt; font-weight: bold; padding: 5px; }
				.buttonTfuza { font-size: 8pt;  border-bottom: 1px solid gray; background-color: #eaf1f4; cursor: pointer; }

				.divTitleSec { display: inline-block; width: 140px; font-weight: bold; }

				td.pDetailsTD { border-bottom: 1px solid black; padding: 3px; }

				.newSideMenuPurl { padding: 8px 15px 8px 8px; }
				.newSideMenuPurlOn { background-color: #505a61; color: #ffffff; border-left: 9px solid #38BDF8; font-weight: bold; }
				.iconMenuNewOn { color: #8ab9ff; }
				.newMenuSubTitle { color: #b5d1dd; font-size: 12pt; font-weight: bold; padding: 10px; }
				.newMenuSubLink { border: 0; margin-bottom: 15px; padding: 0; background-color: transparent; }