:root {
    --calendar_panel_bg_color:#d1d1d2;                              /* цвет фона календаря */  
    --calendar_day_txt_color:#fff;                                  /* цвет дней в месяце */
    --calendar_day_hov_bg_color:#ffcc00;                            /* цвет подсвеченного фона у дня*/
    --calendar_day_hov_txt_color:#748a99;                           /* цвет подсвеченного текста у дня*/    
    --calendar_PM_txt_color:#969696;                                /* цвет дней соседнего месяца */
    --calendar_SL_bg_color:#abbbc5;                                 /* цвет фона выбранного дня */
    --calendar_SL_txt_color:#000;                                   /* цвет текста выбранного дня */

    --calendar_key_txt_color:#969696;                               /* цвет текста на кнопках */
    --calendar_key_hov_border_color:#ffffff;                        /* цвет подсветки рамки кнопок */

    body.dark-theme{
    --calendar_panel_bg_color:#242424;                              /* цвет фона календаря */                 
    --calendar_day_txt_color:#ffb300;                               /* цвет дней в месяце */
    --calendar_day_hov_bg_color:#ffcc00;                            /* цвет подсвеченного фона у дня*/
    --calendar_day_hov_txt_color:#000;                              /* цвет подсвеченного текста у дня*/      
    --calendar_PM_txt_color:#969696;                                /* цвет дней соседнего месяца */
    --calendar_SL_bg_color:#6595a4;                                 /* цвет фона выбранного дня */
    --calendar_SL_txt_color:#000;                                   /* цвет текста выбранного дня */

    --calendar_key_txt_color:#ffb300;                               /* цвет текста на кнопках */
    --calendar_key_hov_border_color:#ffffff;                        /* цвет подсветки рамки кнопок */



    }
}


.BSCalendar,.ig.calendartab {
        font-weight:normal;
        font-size:10pt;
        wid/*th:inherit;
        height:inherit;*/
        cursor:pointer;
        background-color:var(--calendar_panel_bg_color);
        user-select: none;
        }

.BSCalendar .MF{margin: auto;}
.BSCalendar .ScrollForm{overflow-y:hidden;overflow-x:hidden;}
.BSCalendar .ScrollPanel{border-spacing: 0px;vertical-align:middle;text-overflow: ellipsis;text-align: center;overflow: hidden;box-sizing: border-box;}

.BSCalendar div.ScrollPanel table>tr{display: flex;}
.BSCalendar div.ScrollPanel table>tr>td{width: 210px;margin: 0px;padding: 2px 10px;box-sizing: border-box;}
.BSCalendar div.ScrollPanel>table>tr>td>table{width: 100%}

.ig.calendartab {width: 100%} 
/*.ig.calendartab tr>td{width: 210px;margin: 0px;padding: 2px 10px;box-sizing: border-box;}*/



/*ячейка с целым месяцем*/
.BSCalendar .M{margin: 5px;padding-left:10px;padding-right:10pt;}
/*день*/
.BSCalendar .D{text-align: center;color:var(--calendar_day_txt_color);font-size:10pt;}
/*день предыдущего месяца*/
.BSCalendar .D.PM{color:var(--calendar_PM_txt_color);}
/*день следующего месяца*/
.BSCalendar .D.NM{color: #969696;}
/*Сегодня*/
.BSCalendar .D.N{border: solid 2px #ffffff;}
/* информационные подсказки*/
.BSCalendar .D.I{background: url("infocell.png") no-repeat} 
.BSCalendar .D.IG{background: url("infocell-green.png") no-repeat} 
.BSCalendar .D.IB{background: url("infocell-blue.png") no-repeat} 
.BSCalendar .D.IY{background: url("infocell-yellow.png") no-repeat} 
/*Выбранный день*/
.BSCalendar .D.SL{background-color:var(--calendar_SL_bg_color); color:var(--calendar_SL_txt_color);}
/*Подсвеченный день*/
.BSCalendar .D:hover{background-color:var(--calendar_day_hov_bg_color);color:var(--calendar_day_hov_txt_color);}
/*кнопки prev current next*/
.BSCalendar .key{border: solid 1px #00000000;text-align:center;color:var(--calendar_key_txt_color);}
.BSCalendar .key:hover{border: solid 1px var(--calendar_key_hov_border_color);}

.BSCalendar .TF{display: flex;}
.BSCalendar .TF2{margin: auto;}
.BSCalendar .TF .TM{font-size:20pt;}
.BSCalendar .TF .TMs{font-size:12pt;}

/*Всплывающее информационное окно*/
.INFBX {overflow: hidden;
    background-color: #ffffff;  
    color:#000000;
    position:fixed;
    border: 1px solid #555555;
    box-shadow:5px 5px 7px 2px rgba(0,0,0,0.4);
    border-radius:3px;
    width:200px;
    padding:5px;
    z-index: 100;
}
.INFBX .XXX{ background-color: #cccccc;  
    color:#ffffff;
}
.INFBX .YYY{ background-color: #ffffff;  
    color:#000000;
}


/*Всплывающее подменю*/
.PopUpMenu.Frame {    overflow: hidden;
    background-color: #ffffff;  
    color:#000000;
    position:fixed;
    border: 1px solid #555555;
    box-shadow:5px 5px 7px 2px rgba(0,0,0,0.4);
    border-radius:3px;
    z-index: 999;
}
/*
.PopUpMenu .Button{text-align:center;background-color: #d2d2d2;border: solid 1px #cccccc;margin:2px;padding:2px;border-radius:3px;}
.PopUpMenu .Button.select{background-image:radial-gradient(#eecc00,#ee9900)}
.PopUpMenu .Button:hover {background-image:radial-gradient(#ffdd00,#ffaa00)}
*/