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 {
width: 98%;
margin: 0px auto 0px auto;
}
.calendar {
width: 100%;
}

.week {
display: flex;
width: 100%;
/* display: flex; */
/* align-items: stretch; */
min-height: 110px;
min-width: 910px;
}
.day {
flex: 1 1 0;
border: 1px solid #3E586C;
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 5px;
color: #94D5FF;
/* width: 200px;
border: 1px solid #3E586C;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 5px;
background: #1B2730; */
}
.week.header {
min-height: 40px;     /* фиксированная высота шапки */
height: 40px;         /* жёсткая высота */

top: 181px;
background: #1B2730;

}

.day.current {
webkit-animation: animation1 1s linear 0s infinite;
moz-animation: animation1 1s linear 0s infinite;
animation: animation1 1s linear 0s infinite;
}
@keyframes animation1 {
0% {
border: 2px solid #00FFFF;
}

100% {
border: 2px solid #3E586C;
}
}
.week.header .day {

height: 40px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
.day.empty { background: #0A0E12; }
.day_date_style {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}

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

.monthNamesStyle {
border: 1px solid #3E586C;
border-radius: 4px;
text-align: center;
padding: 15px 0px 15px 0px;
margin-bottom: 5px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}

.style_partaker_default, .style_partaker_01, .style_partaker_02, .style_partaker_03, .style_partaker_04, .style_partaker_05, .style_partaker_06 {
line-height: 20px;
padding: 3px 3px 3px 3px;
margin: 3px 0px 0px 0px;
border: 1px solid #AAAAAA;
color: #000000;
font-weight: bold;
font-size: 15px;
}
.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;
}
/* ########################################### */
/* ########################################### */
.current_date a {
color: #75D5FF;
}
.current_date {
border: 1px solid transparent;
border-radius: 4px;
text-align: center;
padding: 5px 0px 0px 0px;
margin-bottom: 0px;
font-size: 16px;
font-weight: bold;
color: #EEEEEE;
background-color: #1B2730;
position: fixed;
width: 98%;
top: 0px;
min-width: 910px;
}
/* ########################################### */
/* ########################################### */
.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: #FFFFFF;
border: 2px solid #999999;
width: 208px;
height: 114px;
line-height: 25px;
color: #222222;
}
/* ########################################### */
/* ########################################### */
.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;
font-weight: bold;
font-size: 13px;
}
.type_event_concerts_style {
color: #FFFF26;
}
.type_event_rehearsals_style {
color: #00FFFF;
}
/* ########################################### */
/* ########################################### */
@media only screen and (max-width: 500px) {

}




































