.header_box
{
    /*Используем flex контейнер*/
    display: flex;
    /*Направление осей в контейнере столбцы*/
    flex-direction: row;
    /*Элементы занимают весь контейнер и прижаты к краям*/
    justify-content: space-between;
    background-color: #006633;
    width: 100%;
}

.header_name
{
    font-size: 24px;
    color: white;
    font-style: oblique;
    box-sizing: border-box;
    padding: 20px;
    align-self: stretch;
    align-content: center;
}

.header_name a{
    text-decoration: none;
    color: white;
}

.btn_lka
{
    /*Выравнивание элементов внутри контейнера по центру*/
    align-self: center;
    /*Выравнивание контента*/
    justify-content: center;
    /*Убираем подчёркивание ссылки*/
    text-decoration: none;
}

.btn_lk
{
    /*Элементы занимают центр горизонтально*/
    justify-content: center;
    /*Элементы занимают центр вертикально*/
    align-items: center;
    font-size: 48px;
    color: white;
    font-style: oblique;
    box-sizing: border-box;
    padding: 20px;
    /*Отступ справа*/
    margin-right: 20px;
    /*Скругление*/
    border-radius: 30px;
    background-color: #003333;
}

.btn_lk:hover
{
    background-color: #006666;
}

.footer{
    background-color: #006633;
    color: white;
    text-align: center;
    padding: 5px;
    margin-top: 50px;
}

.headline
{
    color: #006633;
    text-align: center;
}
.tab_login
{
    color: #006633;
    border-style:none;
    border-color: #006633;
    padding: 10px;
    font-size: large;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab_login input
{
    color: #006633;
    font-size: large;
}
.btn_login
{
    width: 100%;
    color: white;
    padding: 12px;
    text-decoration: none;
    background-color: #006633;
    border-radius: 10px;
    font-size: x-large;
    font-family: Arial, Helvetica, sans-serif;
}
.btn_login:hover
{
    background-color: #003333;
}
.err
{
    text-align: center;
    color: red;
}
.div_center
{
    color: #006633;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news_box
{
    color: #006633;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}
.news_header
{
    font-size: xx-large;
    padding-top: 20px;
}
.news_text
{
    font-size: x-large;
    padding-top: 10px;
}
.news_date
{
    font-size: small;
    padding-top: 10px;
}
.btn_submit
{
    /*Элементы занимают центр горизонтально*/
    justify-content: center;
    /*Элементы занимают центр вертикально*/
    align-items: center;
    font-size: xx-large;
    color: white;
    font-style: oblique;
    box-sizing: border-box;
    padding: 20px;
    /*Отступ справа*/
    margin-right: 10px;
    /*Скругление*/
    border-radius: 30px;
    background-color: #006633;
}
.input_text
{
    font-size: x-large;
    color: #006633;
    width: 100%;
}
.tab
{
    color: #006633;
    border-style: solid;
    border-width: 1px;
    border-color: #006633;
    margin: auto;
    border-spacing: 0;
}
.tab td
{
    color: #006633;
    border-style:solid;
    border-width: 1px;
    border-color: #006633;
    padding: 15px;
    text-align: center;
}
.tab select
{
    color: #006633;
    font-size: large;
}
.tab_btn
{
    color: white;
    padding: 10px;
    text-decoration: none;
    background-color: #006633;
    border-radius: 10px;
    font-size: x-large;
}
.tab_btn:hover
{
    background-color: #003333;
}
.tab_select tr:hover
{
    background-color: lightgreen;  
}
.user_input
{
    width: 600px;
    color: #006633;
    font-size: large;
}
.del_btn
{
    color: white;
    padding: 12px;
    text-decoration: none;
    background-color: red;
    border-radius: 10px;
    font-size: x-large;
    font-family: Arial, Helvetica, sans-serif;
}
.del_btn:hover
{
    background-color:#003333;
}
.clock
{
    color: #006633;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.train_header
{
    text-align: center;
    color: #006633;
}
.train_copyright
{
    display: flex;
    justify-content: center;
    padding: 20px;
}
.vote_tab
{
    color: #006633;
    border-style: solid;
    border-width: 1px;
    border-color: #006633;
    margin: auto;
    border-spacing: 0;
}
.vote_tab td
{
    color: #006633;
    border-style:solid;
    border-width: 1px;
    border-color: #006633;
    padding: 15px;
}
.vote_tab select
{
    color: #006633;
    font-size: large;
}
.vote_tab_center
{
    text-align: center;
}
.vote_tab_left
{
    text-align: left;
}
.mysad_box
{
    /*Используем flex контейнер*/
    display: flex;
    /*Направление осей в контейнере столбцы*/
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.mysad_block
{
    background-color: #F2EAD7;
    padding: 20px;
    margin: 20px;
}
.electric_input
{
    width: 320px;
    color: #006633;
    font-size: large;
}
.input_small
{
    width: 120px;
    color: #006633;
    font-size: large;
}
.red_font
{
    color: red;
}
.green_font
{
    color: #006633;
}
.text_center
{
    text-align: center;
}
.text_bold
{
    font-weight: bold;
}
.tab_input_text
{
    color: #006633;
    font-size: large;
    width: 100%;
}
.green_text
{
    color: #006633;
}

#confirmationModal {
    border-radius: 8px;
    text-align: center;
}

#confirmationModal button {
    margin: 10px;
    padding: 5px 15px;
    cursor: pointer;
}

#confirmationModal button#confirm {
    font-size: x-large;
    background-color: #4CAF50;
    color: white;
    border: none;
}

#confirmationModal button#confirmYes {
    font-size: x-large;
    background-color: #4CAF50;
    color: white;
    border: none;
}

#confirmationModal button#confirmNo {
    font-size: x-large;
    background-color: #f44336;
    color: white;
    border: none;
}


.file-drop {
    background:#fff;
    margin:auto;
    padding:20px 20px;
    border:2px solid #333;
    font-size: larger;
    color: #006633;
}

.file-drop_dragover {
    border:2px dashed #333;
}

.file-drop__input {
    border:0;
}