.main_data {
	min-width: 850px;
	min-height: 700px;
	margin: 0% auto;
	align-items: center;
	border: 0;
	margin-bottom: 3%;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	height: 90%;
}

.realization__container {

		width: 100%;
		padding-left: 15px;
		margin: 0 auto;
}

.table_with_buttons {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	margin: 0 auto;
	/* margin-right: -15px;
	margin-left: -15px; */
  }
.realization_buttons {
	margin-top: 5px;
	margin-left: 15px;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: center;
	justify-content: center;

  }

.table__frame {
	/* padding: 10px; */
	box-sizing: border-box;
	/* margin: 10px auto; */
}

.accept_realiztion_form {
	display: inline;
}

.shift__header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 20px auto;
	background-color: #D8E6F3;
	border-radius: 11px;
}


.shift__header_item {
	font-size: 25px;
	font-weight: 900;
	line-height: 30px;
	padding: 14px;
	color:#6E90AD;
	
}
.realization_number {
	font-size: 25px;
	font-weight: 500;
	line-height: 30px;
	padding: 14px;
	color:#6E90AD;
}
.shift__status {
	font-size: 25px;
	font-weight: 500;
	line-height: 30px;
	padding: 14px;
	color:#6E90AD;
}
.button_row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.right_button {
	margin-right: 40px;
	/* display: flex; */
	flex-direction: column;
	display: inline-block;
	justify-items: right;
	/* max-width: 220px; */
}
.note {
	color: #6E90AD;
	font-size: 12px;
}

.realization__table {
	width:85%; 
	margin-left:11%; 
	margin-top: 1%;
	/* border: 1px #6E90AD solid; */

}
.realization__table td, .realization__table th {
	border: 1px solid rgb(247, 248, 249); 
	padding: 8px;
  }
  
  .example_head {
	width: 10%;
	text-align: center;
	background-color: #b7daf8;
  }
  .example_body {
	width:20%;
	text-align:center;
	background-color: #b7daf8;
  }

body {
	counter-reset: tables; 
	}
	table { 
	font-size: 16px;
	border-collapse: collapse;
	text-align: center;
	table-layout: fixed;
	counter-increment: tables; 
	}
	th:first-child {
	background: #6E90AD;
	font-weight: 700;
	/* color: white; */

	padding: 10px 20px;
	}
	td:first-child {
	background: #AFCDE7;
	/* color: white; */
	padding: 10px 20px;
	font-weight: 700;
	font-variant: small-caps;
	}
	th, td:first-child:hover {
	background: #FED383;
	}
	th, td {
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: white;
	}
	td {
	background: #D8E6F3;
	overflow-wrap: break-word;
	}
	td:hover{
	background: #FED383;
	}
	th:first-child, td:first-child {
	text-align: center;
	}
    .footer {
    position: relative;
    bottom: 0;
    }
    .rightcol { 
     position: absolute; /* Абсолютное позиционирование */
     top: 86px; /* Положение от верхнего края */
     right: 10px; /* Положение от правого края */
     width: 200px; /* Ширина блока */
     /*background: #fffff0;  Цвет фона */
     border: 1px solid #3b566e; /* Параметры рамки */
     padding: 10px; /* Поля вокруг текста */
    }
    .leftcol { 
     /*position: absolute; /* Абсолютное позиционирование */
     top: 86px; /* Положение от верхнего края */
     left: 10px; /* Положение от левого края */
     /*width: 200px; /* Ширина блока */
     /*background: #fffff0;  Цвет фона */
     border: 1px solid #3b566e; /* Параметры рамки */
     padding: 10px; /* Поля вокруг текста */
    }
    #head {
        padding-bottom: 3%;
    }
    #comments {
        left: 4%; 
    }
.references {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hidden {
	display: none;
}
.reference_field {
	background: #D8E6F3;
	border: none;

}
.related_shifts_modal {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/* margin-right: -15px;
	margin-left: -15px; */
	box-sizing: border-box;
}
.col_modal {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

@media screen and (max-width: 768px) {
	.main_data {
		min-width: 767px;
		margin: 0 auto;
		padding: 1px;
	}


.realization__container {
	padding-left: 5px;
}
	.shift__header {
	  flex-direction: column;
	  align-items:flex-start;
	}
	.shift_data {
		max-width: 90%;		
	}
	.button_row {
		flex-direction: column;
		align-items: flex-start;
	}

	.right_button {
		margin-top: 8px;
	}
	.comments {
		max-width: 760px;		
	}
	.realization__table {
		width: 100%; 
		max-width:700px; 
		
		margin-left: 5px; 
		margin-top: 10px;
		font-size: 14px;
		line-height: 16px;
	}
	.table_with_buttons {
		margin-top: 20px;
		flex-direction: column;
	}
	.realization_buttons {
		flex-direction: row;
		max-width: 90%;
		padding: 10px;
		box-sizing: border-box;
		border-bottom: 1px solid #6E90AD;
	}
	

  }

  @media screen and (max-width: 480px) {
	.comments {
		max-width: 470px;		
	}

  }

  @media screen and (max-width: 414px) {

	.main_data {
		min-width: 414px;
		margin: 0 auto;
		padding: 1px;
		box-sizing: border-box;
	}
	.shift__header {
	  flex-direction: column;
	  align-items:flex-start;
	}
	.shift_data {
		max-width: 404px;		
	}
	.button_row {
		flex-direction: column;
		align-items: flex-start;
	}
	.comments {
		max-width: 404px;	
		font-size: 13px;
		line-height: 15px;	
	}

	.realization__table {
		max-width:404px; 
		margin-left: 0; 
		font-size: 12px;
		line-height: 14px;
	}
	.row {
		max-width: 414px;
		/* margin: 0 auto; */
	}
  }
 

  @media screen and (max-width: 375px) {

	.main_data {
		min-width: 375px;
		margin: 0 auto;
		padding: 1px;
		box-sizing: border-box;
	}
	.shift__header {
	  flex-direction: column;
	  align-items:flex-start;
	}
	.shift_data {
		max-width: 365px;		
	}
	.button_row {
		flex-direction: column;
		align-items: flex-start;
	}
	.comments {
		max-width: 365px;	
		font-size: 13px;
		line-height: 15px;	
	}

	.realization__table {
		max-width:365px; 
		margin-left: 0; 
		font-size: 12px;
		line-height: 14px;
	}
	.row {
		max-width: 375px;
		/* margin: 0 auto; */
	}
  }
 

  @media screen and (max-width: 320px) {

	.main_data {
		min-width: 320px;
		margin: 0 auto;
		padding: 1px;
		box-sizing: border-box;
	}
	.shift__header {
	  flex-direction: column;
	  align-items:flex-start;
	}
	.shift_data {
		max-width: 310px;		
	}
	.button_row {
		flex-direction: column;
		align-items: flex-start;
	}
	.comments {
		max-width: 310px;	
		font-size: 12px;
		line-height: 14px;	
	}

	.realization__table {
		max-width:300px; 
		margin-left: 0; 
		font-size: 12px;
		line-height: 14px;
	}
	.row {
		max-width: 320px;
		/* margin: 0 auto; */
	}
  }

.reference_buttons {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
/* .new_ref {
	max-width: 150px;
} */

.new_data {
	background-color: rgb(142, 202, 202);
}
.old_data {
	background-color: aliceblue;
	margin-bottom: 20px;
}
.add-form {
	position: relative;
	z-index: 1;
	background: #d8e6f3;
	max-width: 900px;
	margin: 0 auto 100px;
	padding-left: 60px;
	padding-top: 40px;
	padding-bottom: 40px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  }
.form-title {
  font-size: 25px;
  text-align: center;
}
label {
	font-size: 15px;
}
.footer {
position: relative;
bottom: 0;
}
#transliteration_window{
	position: absolute;
	top:  40%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	width: 300px;
	height: 50px;
	text-align: center;
	padding: 15px;
	border: 3px solid #000000;
	border-radius: 10px;
	color: #000000;
	background: #fff;
	visibility: hidden;
}
.input__field {
	width: 100%;
	height: 30px;
}

.edit-form {
	position: relative;
	z-index: 1;
	background: #d8e6f3;
	max-width: 900px;
	margin: 0 auto 100px;
	padding-left: 60px;
	padding-top: 40px;
	padding-bottom: 40px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  }