#ER_div {color: black; font-size: 115%;}
#ER_div * a:link, #ER_div * a:visited {color: blue;}
/*#ER_div a:link, #ER_div a:visited {color: blue; text-decoration: none;}*/

table[border] {border: 1px solid grey;}
table {border-collapse: collapse; margin-top: 15px;}
table td, table th {padding: 10px;}

/*#maintable td, #maintable th {padding: 5px;}*/


#buttons_line, #buttons_line_2 {margin: 15px; display: flex; justify-content: center;}
.div_button {margin: 10px; padding: 15px; border: 1px solid grey;
background-color: lightcyan; text-align: center;}

.div_button_left {display: inline-block; margin: 10px; padding: 15px; border: 1px solid grey;
background-color: lightcyan;}


select {margin-right: 10px;}
#form1, #form2 {margin: 15px; padding: 15px; text-align: center;}
#form1 {background-color: powderblue;}
#form2 {background-color: lemonchiffon;}

.unread_message_text {color: maroon;}
.unread_message_text td {padding-left: 50px;}

#maintable {margin: auto;}
#maintable td {text-align: center;}

.numsuffix {font-family: Verdana; font-size: 115%;}
.project_name {background-color: pink; padding: 3px;}
.td_class {width: 45px; vertical-align: bottom;}

.attention_class {font-size: 200%; font-weight: bold; position: relative;
padding-left: 20px; padding-right: 20px; vertical-align: middle;}
.att_not_doing {color: black; background-color: tomato;}

.attention {font-size: 175%; font-weight: bold; padding-left: 20px; padding-right: 20px;}

.attention_count_classes_list {position: absolute; bottom: 2px; right: 2px; font-size: 40%;
font-weight: normal; color: black; background-color: white; padding: 3px;}

.attention_count {position: absolute; bottom: 2px; right: 2px; font-size: 60%;
font-weight: normal; color: black; background-color: white; padding: 3px;}

.att_bad_res {color: red; background-color: yellow !important;}
.att_sleeping {color: black; background-color: tomato !important;}
.att_waiting {color: black; background-color: violet !important;}
.att_sleeping_or_waiting {color: black; background-color: slateblue !important;}
.att_not_started {color: black; background-color: white;}

.any_button_for_assign_kinder {display: block; margin-top: 15px; width: min-content; cursor: pointer;}

.showhide {float: right; cursor: pointer;}

.certificate_link a {color: crimson !important;}
.banner_link a {color: crimson !important; font-style: italic;}

.not_paid {background-color: lightyellow;}
.not_paid_tasks {padding-left: 100px; text-align: left; text-transform: uppercase; letter-spacing: 1em;}

.unread_summary {border: 2px solid red; background-color: lightyellow;
	padding: 15px 15px 0px 15px; margin: 5px 0px 25px 0px; color: black !important; font-size: 110%;
	font-family: Verdana;}
.unread_summary table {border-collapse: collapse; margin-top: 20px; margin-bottom: 20px;}
.unread_summary table td {padding: 10px 7px; text-align: left !important;}
.unread_summary p {text-align: left;}

#maintable_kinderlog {text-align: center; margin: auto;}
#maintable_kinderlog td {padding: 7px;}

#tabs {display: flex; width: 100%; justify-content: center; margin: 20px;}
.tab {display: inline-block; margin: 15px; font-size: 120%; padding: 15px 80px;}
.active {cursor: default; border-bottom: 2px solid black;}
.passive {cursor: pointer; border-bottom: none;}




.minitrack {text-align: center; margin: auto; margin-top: 10px; margin-bottom: 20px; max-width: 80%;}
.minitrack .instruction {color: black !important; padding-top: 15px; padding-bottom: 15px;}
.minitrack .attempt_number {color: black !important; padding-left: 15px; padding-right: 15px;}
.minitrack img.item {max-width: 75px; max-height: 75px;}
.minitrack .td_right {padding: 30px; background-color: lightgreen;}
.minitrack .td_wrong {padding: 30px; background-color: #ee9191;}

.minitrack[data-type="images"] .td_empty {padding: 30px; background-color: white;}
.minitrack[data-type="images"] .td_previous {padding: 30px; background-color: lightgrey;}
.minitrack[data-type="images"] .td_next {padding: 30px; background-color: #eecd91;}

.minitrack[data-type="images"] .td_blue, .minitrack[data-type="memory"] .td_blue
	{padding: 30px; background-color: #9191ee;}

.minitrack[data-type="pexeso"] .td_prefilled {padding: 30px; background-color: lightgrey;}
.minitrack[data-type="memory"] .td_prefilled {padding: 30px; background-color: #9191ee;}




.memory_minitrack {text-align: center; margin: auto; margin-top: 10px; margin-bottom: 20px; max-width: 80%;}
.memory_minitrack .instruction {color: black !important; padding-top: 15px; padding-bottom: 15px;}
.memory_minitrack .attempt_number {color: black !important; padding-left: 15px; padding-right: 15px;}
.memory_minitrack .td_right {background-color: lightgreen;}
.memory_minitrack .td_wrong {background-color: #ee9191;}
.memory_minitrack .td_prefilled {background-color: #9191ee;}
.memory_minitrack .td_blue {background-color: #9191ee;}

.pexeso_minitrack {text-align: center; margin: auto; margin-top: 10px; margin-bottom: 20px; max-width: 80%;}
.pexeso_minitrack .instruction {color: black !important; padding-top: 15px; padding-bottom: 15px;}
.pexeso_minitrack .td_right {background-color: lightgreen;}
.pexeso_minitrack .td_wrong {background-color: #ee9191;}
.pexeso_minitrack .td_prefilled {background-color: lightgrey;}

#er_menu_right {border-collapse: collapse; margin: 0px;}
#er_menu_right td {text-align: center; padding: 5px;}

.single_arrow[data-status="active"] {color: red; cursor: default;}
.single_arrow[data-status="passive"] {color: blue; cursor: pointer;}

#schooltable {border-collapse: collapse; margin-top: 20px; margin-bottom: 20px;}
#schooltable th, #schooltable td {text-align: center; padding: 5px;}
#schooltable .first_in_group {border-left: 3px solid brown;}
#schooltable .last_in_group {border-right: 3px solid brown;}
#schooltable .good_user {background-color: lightgreen;}
#schooltable .medium_user {background-color: #e3e3e3;}
#schooltable .bad_user {background-color: coral;}
#schooltable .userid {font-size: smaller; color: green;}

.chronology_table .done_complete {color: white; background-color: darkgreen; font-weight: bold; font-size: 110%;}

table .num {font-size: smaller;}

.receipt_link {background-color: chocolate; padding: 10px;}
.receipt_link a {color: black !important; text-decoration: underline; font-size: 110%;}

/* .report_link a {color: darkgreen !important; text-decoration: underline;} */


#kinder_catalog_description {width: 60%; margin: auto; font-size: 110%;}

.kinder_lines_names td {color: darkviolet; vertical-align: top; font-size: 95%;}
.kinder_block_phase_1 {background-color: hsl(10,63%,79%);}
.kinder_block_phase_2 {background-color: hsl(60,63%,79%);}
.kinder_block_phase_3 {background-color: hsl(110,63%,79%);}
.kinder_block_phase_4 {background-color: hsl(160,63%,79%);}
.kinder_block_phase_5 {background-color: hsl(210,63%,79%);}
.kinder_block_phase_6 {background-color: hsl(260,63%,79%);}

.ovz {color: cornflowerblue; font-size: 125%;}
.ovz::before {content: "\273F";}

.warning_school_not_started {text-align: center; color: darkviolet !important; font-size: 150%; font-family: Verdana;}

.select_for_filter {margin-right: 15px;
border-left: 2px solid green;
border-top: 2px solid green; border-bottom: 3px solid green;
margin-top: 5px; border-radius: 5px 20px 20px 5px;}

/*
.time_container_hms, .time_container_ms {display: grid; column-gap: 1ch; font-variant-numeric: tabular-nums;}
.time_container_hms {grid-template-columns: 2em 4em 4em;}
.time_container_ms {grid-template-columns: 4em 4em;}
.time_container_hms .hours {text-align: right;}
.time_container_hms .minutes, .time_container_ms .minutes {text-align: right;}
.time_container_hms .seconds, .time_container_ms .seconds {text-align: right;}*/

/* Сам контейнер подстраивается под ширину ячейки таблицы */

.time_container_hms {width: 10em;}
.time_container_ms {width: 7.5em;}
.time_container_hms .hours
	{display: inline-block; width: 2.5em; text-align: right;}
.time_container_hms .minutes, .time_container_ms .minutes
	{display: inline-block; width: 4em; text-align: right;}
.time_container_hms .seconds, .time_container_ms .seconds
	{display: inline-block; width: 3.5em; text-align: right;}