@charset "utf-8";
/* CSS Document */



.main 
{ 
    width:100%; 
    height:100%;

}

.main_center
{
    width:100%;
    font-size:0.8em;
    display: flex;
}

.head
{
    height: 100px;
    background-color: #6384FA;
}

.center 
{ 
    --q-bg:calc(100vw - 70px); /* ширина и высота блока отталкиваясь от высоты экрана  */
    width:var(--q-bg);
    --q-bq:calc(100vh - 100px); /* ширина и высота блока отталкиваясь от высоты экрана  */
    min-height:var(--q-bq);
    display: flex;
    word-break: break-all;
}

.left_menu_1
{ 
    width:50px;
    display: table;
    background-color:#F2F2F2;
    --q-bq:calc(100vh - 100px); /* ширина и высота блока отталкиваясь от высоты экрана  */
    min-height:var(--q-bq);
}

.left_menu_1_elements { 
    width: 50px;
    height:50px;
    background-color:#D8D8D8;
    border-bottom:#F2F2F2 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
}

.left_menu_1_elements:hover {
    background-color: #B28EFC;
}

.left_menu_1_elements_select 
{ 
    background-color: #B28EFC;
} /* фон левого меню */

.left_menu_1_elements:hover > .left_menu_1_icons {
    width:20px;
    height: 20px;
    transition: 0.2s;
}

.left_menu_1_icons
{
    width:16px;
    height: 16px;
    transition: 0.2s;
}

.icons_graf
{
    width:10px;
    height: 10px;
    transition: 0.2s;
}

.left_menu_2
{ 
    width:300px;
    display: table;
    background-color:#F4F0FF;
    min-height: 100%;
}

.bread_head
{
    --q-bg:calc(100vw - 350px); /* ширина и высота блока отталкиваясь от высоты экрана  */
    width:var(--q-bg);
    background-color:#E6E6E6;   
}

.bread_elements:hover
{
    text-decoration: underline;
}

.date_center
{
    --q-bg:calc(100vw - 350px); /* ширина и высота блока отталкиваясь от высоты экрана  */
    width:var(--q-bg);
    overflow-x:scroll;
    --q-bq:calc(100% - 30px); /* ширина и высота блока отталкиваясь от высоты экрана  */
    min-height:30px;
    background-color:#fff;
}

.dn { display: none; }

.head_lt { 
    padding-left: 20px;
    padding-top: 20px;
    display: flex;
    align-items: flex-end;
}

.head_text_1 { color: #fff; font-size:2em; }
.head_text_2 { color: #fff; font-size:3em; }

.head_menu { 
    display: flex;
}

.head_menu_element
{
    color: #D7C3FD; font-size:1em;
    margin-left:35px;
    text-decoration: none;
}

.head_menu_element:hover {
    color: #fff; font-size:1em;  
}

.flend {  display: flex; align-items: flex-end;}

.img_logo 
{ 
    background-image: url("../img/logo2.fw.png"); background-size:cover; z-index:0; width: 60px; height:60px;
    width: 50px;
    height: 50px;
    transition: 0.2s;
}

.img_logo:hover
{ 
    width: 54px;
    height: 54px;
    transform: rotate(4deg);
    transition: 0.2s;
}

.box_date { width:53px; height:30px; border:1px solid #000; font-size:0.8em; flex-shrink: 0; display:table; margin-top: 15px; }
.allbox {  }
.box { width:55px; border:0px solid #000; font-size:1em; flex-shrink: 0; display:table; margin-top: 15px; }
.box_1 { width:53px; height:24px; border:1px solid #000; font-size:1em; display:table; }
.box2 { width:57px; border:0px solid #000; font-size:1em; display:table;  }