.btn {
    color: white;
    font-size: 14px;
    /*margin-top: 10px;*/
}

.dropdown {
    margin-right: 20px;
    float: right;
    margin-top:10px;
}

.dropdown-menu li {
    padding: 5px 10px;
    color: #00419B;
}

.tbl_uzivatelu {
    width: 100%;
    margin: auto;
    background-color: silver;
}

.form_edit, .automat_detail {
    position: absolute;
    top: 130px;
    width: 100%;
}

.form_edit div {
    background-color: #B0B0B0;
    border-radius: 3px;
    border: 1px solid black;
    margin: auto;
    box-shadow: 10px 10px 10px;
    text-align: center;
}

#automat_edit{
    width:400px;
}

.form_edit div h2 {
    color: black;
}

.form_edit div table th {
    text-align: right;
}

.form_edit div table td input, .form_edit div table td select {
    width: 170px;
}

#tr_user_edit input {
    width: 100%;
}

.btn1 {
    width: 80px;
}

#nebtn_new_user, #nebtn_new_automat, #nebtn_new_firma {
    width: 80px;
}

#search {
    float: right;
}
#search select {margin-right:10px; height:22px; font-size:14px;}
#search select option {font-size:14px;}

.caret {
    border-width: 10px;
}

#user_login {
    background: #97c3e5;
    background: -moz-linear-gradient(-45deg, #97c3e5 0%, #0c74c9 100%, #0c74c9 100%);
    background: -webkit-linear-gradient(-45deg, #97c3e5 0%, #0c74c9 100%, #0c74c9 100%);
    background: linear-gradient(135deg, #97c3e5 0%, #0c74c9 100%, #0c74c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97c3e5', endColorstr='#0c74c9', GradientType=1);
}


#formular{
    width: fit-content;
    display: table;
    top: 50px;
    background-color: #B0B0B0;
    border-radius: 3px;
    border: 1px solid black;
    margin: auto;
    box-shadow: 10px 10px 10px;
    text-align: center;
    padding:0 20px;
}

table.automat {
    background-color: #DDD;
    margin: auto;
    width: auto;
    border:3px solid black;
}

table.automat th, table.automat td {
    width: 70px;
    height: 60px;
    vertical-align: top;
    text-align: left;
    background-color: #DDD;
}

table.automat th {
    background-color: #CCC;
    text-align: center;
    border-bottom: 3px solid black;
}

.input1 {
    width: 40px;
}

#automat_detail div{
    padding:10px 20px;
    text-align:center;
}

div.aut_zapvyp {
    float: right;
    width: 40px;
    height:18px;
    padding:0;
    box-shadow: 2px 2px 2px;
    border-radius: 3px;
    background-color: #CCC; /*#8fff96; */
    cursor: pointer;
}

#automat_detail_nadpis_left, #automat_detail_nadpis_right {
    border:none;
    box-shadow:none;
    margin-top:10px;
    background-color:#CCC;
    width:50%;
}
#automat_detail_nadpis_left{
    float:left;
    padding-top:10px;
}
#automat_detail_nadpis_right{
    float:right;
    padding-top:10px;
}

span.pos_aktualne {
    font-size:16px;
    font-weight:bold;
    text-align:center;
    border:none;
    box-shadow:none;

}

span.pos_minimum{
    font-size:9px;
}
span.pos_minimum span{
    font-size:12px;
}

/*#p_13, #p_14, #p_15{background-color: #AFA;}
#p_31, #p_32 {background-color: #FAA}*/

.tbl_uzivatelu th{background-color: #B0B0B0}
button{height:24px;}

button.dropdown_toggle{margin-bottom:10px;}

.form_automat_pozice{
    position: absolute;
    width:300px;
    border:1px solid black;
    box-shadow: 10px 10px 10px;
    background-color: silver;
    margin:auto;

}
.form_automat_pozice table td input, .form_automat_pozice table td select {
    width:150px;
}
.form_automat_pozice table th{text-align:right;}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}


div.nadpis {

    border: none;
    box-shadow: none;
    background-color: rgba(140, 140, 140, 0.5);
    width: 68px;
    float: right;
    border-radius: 0;
}

div.code {
    float: left;
    font-size: 10px;
    border: none;
    box-shadow: none;
    background-color:transparent;
    font-weight:bold;
}

div.name {
    float: right;
    font-size: 10px;
    border: none;
    box-shadow: none;
    background-color:transparent;
    order-radius: 0;
}

.pozice_aut {
    cursor: pointer;
}

.form_automat_pozice, #formular, #automat_edit {display:none;}

/*#datum_od, #datum_do {width:80px;}*/
#div_trzba{box-shadow: none; text-align:left; padding:10px; background-color:#D0D0D0;}
#trzba {font-size:16px; font-weight:bold;}
#testovani {font-size:20px; color:red;}
#odhlaska {color:darkred;}
.green span{background-color:springgreen; font-weight:bold;}
.orange span {background-color:orange;  font-weight:bold;}
.red span {background-color:red;  font-weight:bold;}
#server {font-weight:normal; font-size:11px;}
#report_form {background-color:silver; padding:7px; box-shadow:  10px 10px 10px; margin-bottom:10px;}
#vypis1, #vypis2, #vypis_csv {background-color:silver; padding-top:2px;}
#trzba_celkem {font-weight: bold;}
#th1, #th2 {cursor: pointer;}
#th1 span, #th2 span, #sp1 {font-size:16px;}
#export, #export1, #export2 {float:right;}
#export input, #export1 input, #export2 input {margin:10px;}

.nastaveni {text-align:center; margin:auto; width:320px;}
#nastaveni_csv {width:300px; border-collapse: collapse; background-color:silver; }
#nastaveni_csv td {font-size:14px; padding:5px 10px;}

span.typ_plneni {font-size:20px; color:#1E64AC;}

/*div#user_automat {
    position: absolute;
    z-index:10;
    width:300px;
    border:1px solid black;
    box-shadow: 10px 10px 10px;
    background-color: silver;
    margin:auto;
    min-height: 100px;
}*/

/* přidán výběr automatů uživatele */
/*.u_automat {
    display:none;
}*/
form#form_user .aut_check, form#form_user .aut_check_vse {width:20px;}

.aut_sel {display:none;}
span#ret_code {display:none;}

.servis_tlacitka{
    margin:auto;
}
.servis_tlacitka input[type='button'] {
    width:96px;
    height:40px;
    margin: 0 7px;
    font-weight: bold;
    /*box-shadow: 5px 5px 5px ;*/
    font-size: 14px;
}
#ida, #ida option, .servis_stav {font-size: 14px;}
.servis_stav{box-shadow: 3px 3px 3px;}
#servis_stav {text-align: center; width:200px;}

span#ok {font-size:16px;}

#graf {background-color: silver; display:none; }
#myChart {}
#graf_zavrit {
    float:right;
    margin-top:10px;
    margin-right:10px;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.mob_menu a {
    border: solid 1px gray;
    background-color: blue;
    padding: 15px 0 0 50px;
    display: block;
    margin: 10px 40px !important;
    width: 300px;
    height: 60px;
    box-shadow: 3px 3px 3px black;
    font-size: 22px !important;
}
H1 {font-size:2rem;}
table.mobil tbody tr td, table.mobil tbody tr td b{
    font-size: 15px;
}