html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, 
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ########################################### */
/* ########################################### */
/* ########################################### */
body {
background-color: #1B2730;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
/* ########################################### */
/* ########################################### */
/* ########################################### */
.wrap_content_calendar {
max-width: 800px;
margin: 0px auto 0px auto;
}
.calendar {

}

.nav {
display: flex;           /* выстраиваем кнопки в ряд */
gap: 10px;               /* промежуток между кнопками */
margin-bottom: 5px;
}
.nav a {
flex: 1;                 /* каждая кнопка занимает равную часть */
text-align: center;      /* текст по центру */
text-decoration: none;
padding: 14px 0;
border: 1px solid #3E586C;
color: #EEEEEE;
border-radius: 4px;
box-sizing: border-box;
background-color: #1B2730;
font-size: 15px;
}
.nav a:hover {
background-color: #253541;
}

.current_date a {
color: #75D5FF;
}
.current_date {
/* border: 1px solid #283946; */
border-radius: 4px;
text-align: center;
padding: 5px 0px 5px 0px;
margin-bottom: 0px;
font-size: 16px;
font-weight: bold;
color: #EEEEEE;
background-color: #1B2730;
position: fixed;
width: 100%;
max-width: 800px;
top: 0px;
}
.monthNamesStyle {
border: 1px solid #3E586C;
border-radius: 4px;
text-align: center;
padding: 15px 0px 15px 0px;
font-size: 16px;
font-weight: bold;
color: #EEEEEE;
background-color: #1B2730;
}

.performance_name {
background-color: #1B2730;
border: 1px solid #3E586C;

}

.style_partaker_default, .style_partaker_01, .style_partaker_02, .style_partaker_03, .style_partaker_04, .style_partaker_05, .style_partaker_06 {
line-height: 15px;
padding: 3px 3px 4px 3px;
margin: 0px 0px 0px 0px;
border: 1px solid transparent;
color: #000000;
font-weight: bold;
font-size: 13px;
}
.style_partaker_01 { /* Тесленко_Алексей_Николаевич */
background-color: #FFF1C1;
}
.style_partaker_02 { /* Илюшко_Игорь_Сергеевич */
background-color: #A1E3D8;
}
.style_partaker_03 { /* Балакин_Максим_Алексеевич */
background-color: #D9C1FF;
}
.style_partaker_04 { /* Самарин_Михаил_Валентинович */
background-color: #FF0000;
}
.style_partaker_05 { /* Милютина_Марина_Александровна */
background-color: #40FF00;
}
.style_partaker_06 { /* Артёмов_Сергей_Евгеньевич */
background-color: #00FFFF;
}
.style_partaker_default {
background-color: #FF9999;
}

/* 
Персиковый – Мятный – Лавандовый
#F4A896 | #A8E6CF | #CBAACB

Терракотовый – Нежно-голубой – Оливковый
#D68C6A | #8CC7D6 | #A8B68C

Пастельный красный – Пастельный зелёный – Пастельный синий
#FFB3B3 | #B3FFB3 | #B3B3FF

Кремовый – Светло-лиловый – Пастельный бирюзовый
#FFF1C1 | #D9C1FF | #A1E3D8

Лососевый – Лимонно-жёлтый – Светло-фиолетовый
#F7A39D | #FFF7A3 | #D7C3FF

Нежно-коралловый – Мятный – Светлый сиреневый
#F2B8A0 | #A0E3C2 | #D4B0FF
 */
.partaker_name_style {
padding: 2px 5px 4px 5px;
}
.partaker_name_style.add_class_style {
color: #FF2626;
background-color: #000000;
padding: 2px 5px 4px 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
/* ########################################### */
/* ########################################### */
.current_day {
webkit-animation: animation1 1s linear 0s infinite;
moz-animation: animation1 1s linear 0s infinite;
animation: animation1 1s linear 0s infinite;
}
@keyframes animation1 {
0% {
border: 1px solid #FF0000;
}
20% {
border: 1px solid #00FF00;
background-color: #33ffff;
}
100% {
border: 1px solid #000000;
}
}
/* ########################################### */
/* ########################################### */
.hide_menu_calendar_button {
position: absolute;
top:0px;
border: 1px solid #1B2730;
width: 20px;
height: 20px;
}
.hide_menu_calendar {
display: none;
}
.hide_menu_calendar.show_block {
position: absolute;
top:23px;
display: block;
background-color: #1B2730;
border: 2px solid #385163;
width: 208px;
height: 114px;
line-height: 25px;
}
/* ########################################### */
/* ########################################### */
.table_style {
width: 100%;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
border-collapse: separate;
border-spacing: 2px;
/* vertical-align: middle; */
padding: 0px 0px 0px 0px;
margin: 179px 0px 0px 0px;

}

.date_style {
padding: 5px 5px 5px 5px;
color: #FFFFFF;
width: 8%;
border: 1px solid #000000;
font-weight: bold;
font-size: 13px;
}
.date_style.blank_style {

}
.date_style.day_01 {
background-color: #161616;
}
.date_style.day_02 {
background-color: #232323;
}
.date_style.day_03 {
background-color: #2e2e2e;
}
.date_style.day_04 {
background-color: #383838;
}
.date_style.day_05 {
background-color: #444444;
}
.date_style.day_06 {
background-color: #8c0000;
}
.date_style.day_07 {
background-color: #d20000;
}
/* ########################################### */
/* ########################################### */
.table_count_style {
border-collapse: separate;
border-spacing: 3px;
width: 100%;
color: #DDDDDD;
}
.table_count_style td {
padding: 2px 5px 4px 5px;
border: 1px solid #999999;
}
/* ########################################### */
/* ########################################### */
.type_event_concerts_style, .type_event_rehearsals_style {
padding: 1px 5px 3px 5px;
background-color: #000000;
border: 1px solid #000000;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.type_event_concerts_style {
color: #FFFF26;
}
.type_event_rehearsals_style {
color: #00FFFF;
}
/* ########################################### */
/* ########################################### */
@media only screen and (max-width: 900px) {
.date_style {
width: 8%;
}
}
@media only screen and (max-width: 700px) {
.date_style {
width: 10%;
}
}
@media only screen and (max-width: 600px) {
.date_style {
width: 11%;
}
}
@media only screen and (max-width: 500px) {
.date_style {
width: 13%;
}
}
@media only screen and (max-width: 400px) {
.date_style {
width: 15%;
}
}