@media screen and (max-width: 800px){
    body {
        font-size: 9pt;
    }

    form.operation>.controls input[type=text], 
    form.operation>.controls input[type=password], 
    form.operation>.controls input[type=search], 
    form.operation>.controls select, 
    form.operation>.controls textarea{
        font-size: 9pt;
        height: 25px;
    }
    div.date_time_picker{
        height: 25px;
    }
    form.operation>.controls div.date_time_picker input{
        height: 20px;
    }
    form.operation > .controls > .warp .field {
        flex: 1 150px;
    }

}
@media screen and (max-width: 500px) {
    #login_data {
        display: none;
    }
    #login_image{
        margin-right: auto
    }
    .img_user{
        width: 35px; 
        height: 35px; 
    }
    header{
        height: 45px;
    }
    .container{
        top: 45px;
    }
    .main_menu{
        top: 46px;
    }
    .main_menu > div > img {
        width: 20px;
        height: 20px;
    }
    .menu_user{
        top: 46px;
    }
    .div_main_menu_button{
        padding: 4px;
    }

    #dialogbox, #searchList {
        width: 90%;
    }

    .button_account{
        width: 20px; 
    }
    .button_account > span + span{
        display: none; 
    }


    /*.footer_main > div{
        height: 50px; 
        line-height: 1.8;
    }
    .footer_main > div > img{
        width: 50px; 
    }
    .footer_main > div > span,
    .footer_main > div > a{
        font-size: 6pt; 
    }
    .footer_main > div > span:first-child{
        font-size: 8pt; 
    }*/



}

@media print {
    .no-print {
        display: none !important;
    }
}