@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,700i&display=swap);

	body {
		font-family: 'Roboto', sans-serif;
		/*background-color: #f2f2f2;*/
	}

	.btn-main {
		border:none;
		-webkit-box-shadow:2px 2px 6px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:2px 2px 6px 0px rgba(50, 50, 50, 0.5);
		box-shadow:2px 2px 6px 0px rgba(50, 50, 50, 0.5);
		transition: background-color 0.3s ease-out;
		display:block;
	}
	.btn-main:active {padding-top:3px;}
	
	.btn-main.btn-primary {background-color:#e4e4e4;}
	.btn-main.btn-primary:hover {background-color:#ededed;}

	/*input[type=text],[type=password] {font-size: 17px;line-height: 1;padding: 3px;outline:none;border-radius: 6px;border:1px solid #ccc;box-sizing: border-box;padding:7px 10px;margin:4px;}
	input[type=button] {font-size:17px;line-height: 1;width:225px;}
	input[type=submit] {font-size:18px;line-height: 1;width:225px;border-radius:6px;outline:none;height:35px;cursor:pointer;}
	убрал 29.08.2021 ибо поменял инпуты на "гугловские" */
	button {font-size: 18px;border:none; border-radius: 6px; height: 35px;outline:none;cursor:pointer;background-color:#e4e4e4;}
	button:active {
		background-color:#dad7d7;
		padding-top:3px;
	}
	#secretpanel_btn_send {
		background-color:#e4e4e4;
		border:none;
		-webkit-box-shadow:2px 2px 6px 0px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:2px 2px 6px 0px rgba(50, 50, 50, 0.5);
		box-shadow:2px 2px 6px 0px rgba(50, 50, 50, 0.5);
		transition: background-color 0.3s ease-out;
	}
	#secretpanel_btn_send:hover {
		background-color:#ededed;
	}
	#secretpanel_btn_send:active {
		padding-top:3px;
	}
	
	.Lessons_info_status_now:hover::after {
		content: attr(data-tooltiptime);
		position: absolute;
		z-index: 1;
		left: 50%; top: 20%;
		background: rgba(255,255,255,0.9); 
		font-size: 13px;
		padding: 5px 10px;
		border: 1px solid #333; 
	}
	table {
		border-collapse:collapse;
	}
	table, th, td {
  		border: 1px solid #c7c7c7;
	}
	td, th {
	  padding: 5px;
	  font-size:16px; 
	}
	th {
		font-size:18px;
	}
	/*tr:hover {background-color: #f5f5f5;}*/
	tr:nth-child(even) {background-color: #f2f2f2;} 
	select {
		border:1px solid #ccc;
		border-radius:4px;
		background-color: #f1f1f1;
		padding:8px 10px;
		outline:none;
		font-size:16px;
	}
	a.button.button-mainpage-coronavirus-recomendations {
		text-decoration:none;
	}
	a.button.button-mainpage-coronavirus-recomendations:hover {
		text-decoration:underline;
	}
	
	/* из github https://github.com/bedimcode/login-form-input-google/ */
	*,::before,::after{
	  box-sizing: border-box;
	}
	.l-form{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 20vh; /* 100vh - исходник, потом поменял и добавил margin top */
	}
	.l-form .form{
	  width: 360px;
	  padding: 4rem 2rem;
	}
	.form__title{
		font-weight: 400;
		margin-bottom: 3rem;
	}
	.form__div {
	  position: relative;
	  height: 48px;
	  margin-bottom: 1.5rem;
	}
	.form__input{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  font-size: 1rem;
	  border: 1px solid #DADCE0;
	  border-radius: .5rem;
	  outline: none;
	  padding: 1rem;
	  background: none;
	  z-index: 1;
	}
	.form__label {
		position: absolute;
		left: 1rem;
		top: 1rem;
		padding: 0 .25rem;
		background-color: #fff;
		color: #80868B;
		font-size: 1rem;
		transition: .3s;
	}
	.form__button{
	  display: block;
	  margin-left: auto;
	  padding: .75rem 2rem;
	  outline: none;
	  border: none;
	  background-color: #1A73E8;
	  color: #fff;
	  font-size: 1rem;
	  border-radius: .5rem;
	  cursor: pointer;
	  transition: .3s;
	}
	.form__button:hover{
	  box-shadow: 0 10px 36px rgba(0,0,0,.15);
	  background-color: #3c8af0;
	}

	/*Input focus move up label*/
	.form__input:focus + .form__label{
	  top: -.5rem;
	  left: .8rem;
	  color: #1A73E8;
	  font-size: .75rem;
	  font-weight: 500;
	  z-index: 10;
	}

	/*Input focus sticky top label*/
	.form__input:not(:placeholder-shown).form__input:not(:focus)+ .form__label{
	  top: -.5rem;
	  left: .8rem;
	  font-size: .75rem;
	  font-weight: 500;
	  z-index: 10;
	}

	/*Input focus*/
	.form__input:focus{
	  border: 1.5px solid #1A73E8;
	}
	