.grand_calendar_fs_container {
    width: 100%;
    height: 100%;
    background-color: rgba(19, 19, 19, 0.87);
    display: flex;
    z-index: 12000;
    position: fixed;
    align-items: stretch;
}

/* вторичный контейнер во весь экран для отображения по центру */
.grand_calendar_fs_center_container {
    width: 100%;
    height: 100%;
    background-color: rgba(19, 19, 19, 0.87);
    display: flex;
    z-index: 15000;
    position: fixed;
    align-items: center;
    justify-content: center;
    overflow: auto;
}

/* контейнер по центру во вторичном контейнере во весь экран */
.grand_calendar_second_fs_central_container {
    background-color: #FFFFFF;
     padding: 30px;
    border-radius: 10px;
    margin: auto;
    font-size: 20px;
}

/* контейнер добавления нового раздела*/
.grand_calendar_add_new_part_container{

    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
}

.grand_calendar_add_new_part_container input { font-family: "DIN Pro"; font-size: 24px;}




/* контейнер со всеми месяцами */
.grand_calendar_all_calendar_container {
    background-color: rgba(68, 68, 68, 0.1);
    flex-grow: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-around;
    overflow: auto;
     padding: 0px 5px 5px 0px;

    scrollbar-color: #c7c7c7 #696969;
    scrollbar-width: thin;
    user-select: none;
}

/* Верхний зафиксированный заголовок план действий */
.grand_calendar_desc_container {display: flex; flex-direction: column;flex-basis: 450px;flex-grow: 1;flex-shrink: 0;}


/* контейнер со всеми описаниями*/
.grand_calendar_all_desc_container {
    background-color: #075B88;
    flex-basis: 450px;
    flex-grow: 1;
    flex-shrink: 0;
    user-select: none;
    overflow: auto;
    position: relative;

}


/* контейнер отораженяи месяцев*/
.grand_calendar_month_container {
    /*width: 180px;*/
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-basis: 25%;
    min-width: 180px;
    max-width: 320px;
    max-height: 250px;
    margin: 2px 2px 2px 2px;
    position: relative;

}

/* Заголовок месяца*/
.grand_calendar_month_container [data-type='month_header'] {
    text-align: center;
    background-color: #1C7244;
    color: white;

}

/* Контейнер дней */
.grand_calendar_month_container [data-type='month_day_container'] {
    display: flex;
    align-items: stretch;
    flex-basis: 10px;
    flex-grow: 1;


}


/* Ячейка с числом  */
.grand_calendar_month_container [data-type='month_day_container'] div {
    flex-grow: 1;
    flex-basis: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}

/* класс для выбранных дней */
.grand_calendar_selected_day,.grand_calendar_selected_editing_day, .grand_calendar_selected_day_on_desc_over, .grand_calendar_selected_day_on_desc_over [data-type="date"], .grand_calendar_sub_part_container:hover {
    background-color: #075B88 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
}

.grand_calendar_selected_day a, .grand_calendar_sub_part_container:hover a  {color:white !important; }

.grand_calendar_selected_day_on_desc_over { transform: scale(1.3); 	text-shadow: 1px 1px 2px rgba(0,0,0,1.0);}

.grand_calendar_sub_part_container:hover [data-type="date"], .grand_calendar_selected_day [data-type="date"] { opacity: 0.6; color: #FFFFFF !important;}

/* класс для выбранных дней */
/* {*/
/*    background-color: #D77500 !important;*/
/*    color: #FFFFFF !important;*/
/*    opacity: 1 !important;*/
/*}*/



/* класс для выбранных дней */
.grand_calendar_day_with_sub_part {
    background-color: #3993C4;
    color: #FFFFFF;
    position: relative;
}

/* класс для прошедших дней */
.grand_calendar_past_day {

    opacity: 0.3;

    position: relative;

}




/* Заголовок названий дней недели */
.grand_calendar_month_container [data-type='month_day_header_container'] {
    display: flex;
    align-items: stretch;
    flex-basis: 21px;
    flex-grow: 0;
    background-color: #3993C4;
}

/* Заголовок названий дней недели */
.grand_calendar_month_container [data-type='month_day_header_container'] div {
    flex-grow: 1;
    flex-basis: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: rgba(255, 255, 255, 0.8);
}

/* Ячейка с числом при наведении */
.grand_calendar_month_container [data-type='month_day_container'] div[data-day_date]:hover {

    background-color: #EBB06A;

}

/* Описание - самый верхний заголовок */
.grand_calendar_desc_top_header {
    font-size: 20px;
    padding: 10px 0px 10px 30px;
    color: #FFFFFF;
    display: flex;
    align-items: baseline;
    justify-content: space-between;

    background-color: #075B88;

}

.grand_calendar_show_task_list_container  {  background-color: #075B88; color: #FFFFFF; text-align: right;  padding: 0px 20px 4px 0px; }
.grand_calendar_show_task_list_container a {  color: #FFFFFF; opacity: 0.8 ; text-decoration: none;  transition: all 0.3s ease; }
.grand_calendar_show_task_list_container a:hover { transform: scale(1.05); transition: all 0.3s ease; }

[data-id="calendar_name"] {padding-right: 15px; } /* Заголовок календаря */
.grand_calendar_desc_top_header .admin span:hover { transform: scale(1.1); transition: all 0.3s ease;  }

.grand_calendar_desc_part_header:hover {
     color: #1E4D66 !important;
    transition: all 0.3s ease;
}
.grand_calendar_fs_container .admin {
    margin: 0px 20px 0px 0px;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.5;
}

.grand_calendar_fs_container .admin svg:hover {
  transform: scale(1.2);
    opacity: 1;
    transition: all 0.3s ease;
}

.admin svg {fill: white !important; ; stroke: #FFFFFF;   width: 20px; height: 21px; margin-left: 10px;   }

.admin {  margin: 0px 10px 0px 0px; display: flex; align-items: center ;   }

/* В описании контейнер всех разделов */
.grand_calendar_desc_all_part_container {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}

/* Контейнер раздела в описании */
.grand_calendar_desc_part_container {
    flex-grow: 1;
    background-color: #2dadc2;
    color: #FFFFFF;
    padding: 5px 5px 8px 15px;
margin: 3px 0px 3px 0px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch ;
}

/* заголовок раздела в описании */
.grand_calendar_desc_part_header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }

/* Контейнер для создания нового размера */
.grand_calendar_new_subpart_container {
    background-color: #FFFFFF;
    margin: 10px 10px 10px 10px;
    border-radius: 10px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
    color: black;
     padding: 10px 20px 10px 20px;

}

.grand_calendar_new_subpart_container [data-type="date_container"] {display: flex; align-items: center; justify-content: space-between}

.grand_calendar_new_subpart_container input, .grand_calendar_new_subpart_container textarea {margin: 10px 0px 10px 0px;}

.grand_calendar_new_subpart_container textarea {height: 250px;}

.grand_calendar_new_subpart_buttons_container {display: flex; justify-content: space-between; align-items: center;  }

.grand_calendar_fs_second_message_container { display: flex; background-color: #FFFFFF; border-radius: 10px; align-items: center; flex-direction: column;  padding: 20px; justify-content: space-between; }

.grand_calendar_hidden {display: none !important; }  /* скрытие */
.grand_calendar_past {display: none !important;  }  /* скрытие задач позже чем сегодня в правой части */
.grand_calendar_past_show {display: flex !important;  }  /* скрытие задач позже чем сегодня в правой части */
.grand_calendar_hidden_part {display: none;}
.grand_calendar_hidden_part_show {display: flex;}


/* вывод подробной информации подраздела во весь экран при клике на день  в календаре*/
.grand_calendar_sub_part_fs_container {background-color: #FFFFFF;padding: 30px; border-radius: 10px; font-size: 20px; margin: auto; position: relative;
    cursor: pointer; user-select: none ;   }
.grand_calendar_sub_part_fs_all_sub_part_container {  }  /* для непосредственного вывода подзадач */
.grand_calendar_sub_part_fs_one_sub_part_container { display: flex; flex-grow: 0.8; max-width: 800px; flex-direction: column ; overflow: auto ; margin: 50px 0px 50px 0px; }  /* для непосредственного вывода ОДНОЙ подзадачи  */
.grand_calendar_sub_part_fs_name {font-family: "DIN PRO BOLD" ; font-size: 22px;}
.grand_calendar_sub_part_fs_date {display: flex;  padding: 10px 0px 10px 0px; flex-wrap: wrap; color: #666666  ; font-size: 16px; }
.grand_calendar_sub_part_fs_date div {margin: 0px 20px 0px 0px; }
.grand_calendar_sub_part_fs_text {}
.grand_calendar_close_fs_sub_part {position: absolute; top: 10px; right: 10px; width: 20px; height: 20px;  }   /* кнопка закрыть */
.grand_calendar_close_fs_sub_part:hover { transform: scale(1.2) ; transition: all 0.3s ease;}  /* кнопка закрыть */

@media (max-width: 800px), (max-height: 400px) {
    .grand_calendar_sub_part_fs_date { font-size: 14px; }
    .grand_calendar_sub_part_fs_name {font-family: "DIN PRO BOLD" ; font-size: 18px;}

    .grand_calendar_sub_part_fs_container { font-size: 16px;  }
}


/* контейнер для всех подразделов в разделе */
.grand_calendar_all_sub_part_container {  padding: 10px; display: none;  }

/* контейнер для одного подраздела */
.grand_calendar_sub_part_container {color: black; background-color: rgba(255, 255, 255, 0.87);margin: 10px 0px 10px 0px;border-radius: 5px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between;  padding: 3px 0px 3px 8px;}

.grand_calendar_sub_part_container [data-type="name"]{ font-size: 16px; display: flex; justify-content: space-between; }
.grand_calendar_sub_part_container [data-type="name"] svg{ width: 20px; height: 20px; margin-right: 10px; cursor: pointer; opacity: 0.5;}
.grand_calendar_sub_part_container [data-type="name"] svg:hover{ transform: scale(1.4); transition: all 0.3s ease; fill: #FFFFFF;  }
.grand_calendar_sub_part_container [data-type="date"]{ display: flex; flex-wrap: wrap; align-items: self-start; color: rgba(89,89,89,0.96) ; }
.grand_calendar_sub_part_container [data-type="date"] div { padding: 0px 8px 0px 8px; }
.grand_calendar_sub_part_container [data-type="text"]{ padding: 7px 15px 5px 5px; text-align: justify; }

/* дата при редактирования подраздела */
[data-type="new_subpart_date"] { display: flex; flex-wrap: wrap; align-items: center; }
[data-type="new_subpart_date"] div {  padding: 0px 8px 0px 8px; }

 /* период при редактировании подзадачи */
 [data-type="new_subpart_period"]{ display: flex; align-items: center;margin: 13px 0px 3px 0px;  }
 [data-type="new_subpart_period"] input { margin: 0px 0px 0px 20px; cursor: pointer; }

.grand_calendar_select_day_in_part_over { background-color: #075B88 !important; transition: all 0.3s ease;
    transform: scale(1.2);text-shadow: 1px 1px 2px rgba(0,0,0,1.0) ;

}   /* выделение дней при наведении на раздел */
.grand_calendar_new_part_color_container{ padding: 30px 0px 0px 0px; display: flex; align-items: center; justify-content: space-around;}
.grand_calendar_selected_color   { transform: scale(1.3); transition: all 0.3s ease; }
[data-type="color_sq_part_header"] {display: flex; align-items: center;  }
[data-type="color_sq_part_header"] svg {min-height: 19px; min-width: 19px; }
[data-type="color_sq"] { width: 20px; height: 20px; margin-right: 10px; fill: #FFFFFF;  cursor: pointer; opacity: 0.5;}
/*[data-color="1"] { opacity: 1.0 !important; fill:  #009847 !important;    }*/
/*[data-color="2"] { opacity: 1.0 !important; fill:  #1D7244 !important;   }*/
/*[data-color="3"] { opacity: 1.0 !important; fill:  #00632E !important;   }*/
/*[data-color="4"] { opacity: 1.0 !important; fill:  #33CC7A !important;   }*/
/*[data-color="5"] { opacity: 1.0 !important; fill:  #5CCC90 !important;   }*/
/*[data-color="6"] { opacity: 1.0 !important; fill:  #65C200 !important;   }*/
/*[data-color="7"] { opacity: 1.0 !important; fill:  #5D9224 !important;   }*/
/*[data-color="8"] { opacity: 1.0 !important; fill:  #427E00 !important;   }*/
/*[data-color="9"] { opacity: 1.0 !important; fill:  #90E138 !important;   }*/
/*[data-color="10"] { opacity: 1.0 !important; fill: #A5E165 !important;  }*/
/*[data-color="11"] { opacity: 1.0 !important; fill: #D73000 !important;  }*/
/*[data-color="12"] { opacity: 1.0 !important; fill: #A14328 !important;  }*/
/*[data-color="13"] { opacity: 1.0 !important; fill: #8C1F00 !important;  }*/
/*[data-color="14"] { opacity: 1.0 !important; fill: #EB623B !important;  }*/
/*[data-color="15"] { opacity: 1.0 !important; fill: #EB876A !important;  }*/

/*[data-color_bg_gc="1"] {  background-color:   #009847 ;  }*/
/*[data-color_bg_gc="2"] {  background-color:   #1D7244 ; }*/
/*[data-color_bg_gc="3"] {  background-color:   #00632E ; }*/
/*[data-color_bg_gc="4"] {  background-color:   #33CC7A ; }*/
/*[data-color_bg_gc="5"] {  background-color:   #5CCC90 ; }*/
/*[data-color_bg_gc="6"] {  background-color:   #65C200 ; }*/
/*[data-color_bg_gc="7"] {  background-color:   #5D9224 ; }*/
/*[data-color_bg_gc="8"] {  background-color:   #427E00 ; }*/
/*[data-color_bg_gc="9"] {  background-color:   #90E138 ; }*/
/*[data-color_bg_gc="10"] { background-color:   #A5E165; }*/
/*[data-color_bg_gc="11"] { background-color:   #D73000; }*/
/*[data-color_bg_gc="12"] { background-color:   #A14328; }*/
/*[data-color_bg_gc="13"] { background-color:   #8C1F00; }*/
/*[data-color_bg_gc="14"] { background-color:   #EB623B; }*/
/*[data-color_bg_gc="15"] { background-color:   #EB876A; }*/



/*
[data-color="1"] { opacity: 1.0 !important; fill:  #009847 !important;    }
[data-color="2"] { opacity: 1.0 !important; fill:  #1D7244 !important;   }
[data-color="3"] { opacity: 1.0 !important; fill:  #00632E !important;   }
[data-color="4"] { opacity: 1.0 !important; fill:  #33CC7A !important;   }
[data-color="5"] { opacity: 1.0 !important; fill:  #5CCC90 !important;   }
[data-color="6"] { opacity: 1.0 !important; fill:  #65C200 !important;   }
[data-color="7"] { opacity: 1.0 !important; fill:  #5D9224 !important;   }
[data-color="8"] { opacity: 1.0 !important; fill:  #427E00 !important;   }
[data-color="9"] { opacity: 1.0 !important; fill:  #90E138 !important;   }
[data-color="10"] { opacity: 1.0 !important; fill: #A5E165 !important;  }
[data-color="11"] { opacity: 1.0 !important; fill: #D73000 !important;  }
[data-color="12"] { opacity: 1.0 !important; fill: #A14328 !important;  }
[data-color="13"] { opacity: 1.0 !important; fill: #8C1F00 !important;  }
[data-color="14"] { opacity: 1.0 !important; fill: #EB623B !important;  }
[data-color="15"] { opacity: 1.0 !important; fill: #EB876A !important;  }

[data-color_bg_gc="1"] {  background-color:   #009847 ;  }
[data-color_bg_gc="2"] {  background-color:   #1D7244 ; }
[data-color_bg_gc="3"] {  background-color:   #00632E ; }
[data-color_bg_gc="4"] {  background-color:   #33CC7A ; }
[data-color_bg_gc="5"] {  background-color:   #5CCC90 ; }
[data-color_bg_gc="6"] {  background-color:   #65C200 ; }
[data-color_bg_gc="7"] {  background-color:   #5D9224 ; }
[data-color_bg_gc="8"] {  background-color:   #427E00 ; }
[data-color_bg_gc="9"] {  background-color:   #90E138 ; }
[data-color_bg_gc="10"] { background-color:   #A5E165; }
[data-color_bg_gc="11"] { background-color:   #D73000; }
[data-color_bg_gc="12"] { background-color:   #A14328; }
[data-color_bg_gc="13"] { background-color:   #8C1F00; }
[data-color_bg_gc="14"] { background-color:   #EB623B; }
[data-color_bg_gc="15"] { background-color:   #EB876A; }*/




[data-color_gc="1"] { opacity: 1.0 !important; fill:  #fbd105 !important;    }
[data-color_gc="2"] { opacity: 1.0 !important; fill:  #bc3104 !important;   }
[data-color_gc="3"] { opacity: 1.0 !important; fill:  #ed2214 !important;   }
[data-color_gc="4"] { opacity: 1.0 !important; fill:  #d96a25 !important;   }
[data-color_gc="5"] { opacity: 1.0 !important; fill:  #542269 !important;   }
[data-color_gc="6"] { opacity: 1.0 !important; fill:  #7f6439 !important;   }
[data-color_gc="7"] { opacity: 1.0 !important; fill:  #7c42ab !important;   }
[data-color_gc="8"] { opacity: 1.0 !important; fill:  #6ca942 !important;   }
[data-color_gc="9"] { opacity: 1.0 !important; fill:  #da0747 !important;   }
[data-color_gc="10"] { opacity: 1.0 !important; fill: #e3c66b !important;  }
[data-color_gc="11"] { opacity: 1.0 !important; fill: #36562c !important;  }
[data-color_gc="12"] { opacity: 1.0 !important; fill: #fbe975 !important;  }
[data-color_gc="13"] { opacity: 1.0 !important; fill: #795f96 !important;  }
[data-color_gc="14"] { opacity: 1.0 !important; fill: #602f04 !important;  }
[data-color_gc="15"] { opacity: 1.0 !important; fill: #aea52e !important;  }
[data-color_gc="16"] { opacity: 1.0 !important; fill: #32FFF6 !important;  }
[data-color_gc="17"] { opacity: 1.0 !important; fill: #0001FB !important;  }
[data-color_gc="18"] { opacity: 1.0 !important; fill: #E39EAC !important;  }
[data-color_gc="19"] { opacity: 1.0 !important; fill: #FF8702 !important;  }





[data-color_bg_gc="1"] {  background-color:   #fbd105 ;  }
[data-color_bg_gc="2"] {  background-color:   #bc3104 ; }
[data-color_bg_gc="3"] {  background-color:   #ed2214 ; }
[data-color_bg_gc="4"] {  background-color:   #d96a25 ; }
[data-color_bg_gc="5"] {  background-color:   #542269 ; }
[data-color_bg_gc="6"] {  background-color:   #7f6439 ; }
[data-color_bg_gc="7"] {  background-color:   #7c42ab ; }
[data-color_bg_gc="8"] {  background-color:   #6ca942 ; }
[data-color_bg_gc="9"] {  background-color:   #da0747 ; }
[data-color_bg_gc="10"] { background-color:   #e3c66b; }
[data-color_bg_gc="11"] { background-color:   #36562c; }
[data-color_bg_gc="12"] { background-color:   #fbe975; }
[data-color_bg_gc="13"] { background-color:   #795f96; }
[data-color_bg_gc="14"] { background-color:   #602f04; }
[data-color_bg_gc="15"] { background-color:   #aea52e; }
[data-color_bg_gc="16"] { background-color:   #32FFF6; }
[data-color_bg_gc="17"] { background-color:   #0001FB; }
[data-color_bg_gc="18"] { background-color:   #E39EAC; }
[data-color_bg_gc="19"] { background-color:   #FF8702; }


/* настройки календаря */
.grand_calendar_settings {display: flex ; flex-direction: column ; font-size: 20px; }
.grand_calendar_settings select { flex-grow: 1 ; font-size: 20px;  }
.grand_calendar_settings input { font-size: 20px;  }


/* прозарачно даты */
.grand_calendar_day_transparent {opacity: 0.2}

.grand_calendar_animate_selected_day {
    animation: animate_selected_days_on_part_hover 0.7s ease;
    animation-iteration-count: infinite;
}


/* несколько цветов для одной ячейки дня */
.multicolor_bg { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: stretch !important; position: absolute !important;     }
.multicolor_bg  div {align-items: stretch !important;    }
.multicolor_bg_html_container {position: absolute;right: 0; top: 0; width: 100%; height: 100%; z-index: 99999;}




@keyframes animate_selected_days_on_part_hover {
    0% {
          transform: scale(1.1);
    }
    50% {
        transform: scale(1.2);

    }
    100% {
        transform: scale(1.1);

    }
}