@media screen and (max-width: 1300px) {
  .db_container_left{
    width: calc(100% - 20px);
  }
  .db_container_right{
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 1175px) {
  .odhlaseni{
    width: 80px!important;
  }
  tr.table_top_values td {
      text-align: center;
      padding: 0px 5px;
      font-size: 13px;
  }
  tr.table_top_small td {
      font-size: 10px;
      text-align: center;
      padding: 0px 7px;
  }
  #top_search{
    padding: 2px 7px!important;
  }
  .top{
    height: 50px;
    left: 0px;
    width: 100%;
  }
  .menu_top{
    top: 50px;
  }
  .page{
    top: 45px;
  }
}

@media screen and (max-width: 920px) {
  .menu_top{
    position: fixed;
    top: 50px;
    display: none;
    z-index:9999999;
  }
  .logo_a{
    text-align: left;
    padding-left: 20px;
    /*visibility: hidden;*/
    /*height: 10px;*/
  }
  .menu_logo{
    /*display: none;*/
    /*height: 22px;*/
    top: 5px;
  }
  .top{
    left: 0px;
    width: 100%;
    padding-left: 0px;
  }
  .page{
    margin-left: 0px;
    width: 100%;
    left: 0px;
  }
  .page_seznam{
    margin-left: 0px;
    min-width: 100%;
    left: 0px;
  }
  .menu_icon{
    display: block;
    margin-top: 6px;
    margin-left: 5px;
  }
  .tt_w{
    display: none;
  }
  #top_search2{
    /*display: block;*/
  }
  .dialog{
    /*left: 0px;*/
  }
  #loader {
    left: 0px;
    width: 100%;
  }
  
  td span.tab_nowrap_middle{
    max-width: 150px;
  }
}

@media screen and (max-width: 850px) {
  .col_1, .col_2, .col_3{
    min-width: 270px;
  }
  .dlazdice_cont{
    width: 840px;
  }
  table * {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }
}

@media screen and (max-width: 700px) {
  .filtr_nazev{
    text-align: left;
  }
  td span.tab_nowrap_middle{
    max-width: 120px;
  }
  .seznam_tabulka tr td {
    padding: 6px 4px;
  }
  .dashboard_h1{
    display: none;
  }
}

@media screen and (max-width: 550px) {
  .dialog_double{
    width: 240px;
    left: calc(50vw - 170px);
  }
  .dialog{
    /*margin-top: -60px;*/
  }
}

@media screen and (max-width: 490px) {
  .zebra_buttons{
    display: block;
  }
}

@media screen and (max-width: 440px) {
  .tt_w2{
    display: none;
  }
}

@media screen and (max-height: 860px) {
  .dialog{
    top: 100px!important;
    height: calc(100vh - 200px)!important;
  }
}

@media screen and (max-width: 1572px) {
  .filtr_item{
    width: calc(33vw - 100px);
  }
  .filtr_input{
    width: calc(33vw - 213px);
  }
}
@media screen and (max-width: 1252px) {
  .filtr_item{
    width: calc(50vw - 145px);
  }
  .filtr_input{
    width: calc(50vw - 253px);
  }
}
@media screen and (max-width: 920px) {
  .filtr_item{
    width: calc(50vw - 45px);
  }
  .filtr_input{
    width: calc(50vw - 153px);
  }
}
@media screen and (max-width: 688px) {
  .filtr_item{
    width: calc(100vw - 40px);
  }
  .filtr_input{
    width: calc(100vw - 173px);
  }
}

@media screen and (max-width: 500px) {
  .small_res_show_btn{
    display: block;
  }

  .small_res_show_cont{
    display: none;
  }
  .filtr_nazev{
    width: 60px;
  }

 .filtr_item {
    width: calc(100vw - 25px);
    height: 50px;
    margin-left: 5px;
  }
 .filtr_item_text {
    width: calc(100vw - 25px);
    height: 50px;
    margin-left: 5px;
  }
  .filtr_input{
    width: calc(100vw - 95px);
  }
  .filtr_textarea{
    width: calc(100vw - 95px);
  }
  .filtr_textarea textarea{
    width: 100%;
  }
  .filtr_input input{
    font-size: 20px!important;   
    font-weight: 400;    
    color: #4a4a4a;
    height: 35px;
  }
  .filtr_input select{
    font-size: 20px!important;   
    font-weight: 400;    
    color: #4a4a4a;
    height: 35px;
  }
  input.btn_green, input.btn_green, input.btn_red, input.btn_btn {
    width: calc(100vw - 20px) !important;
    font-size: 20px;
    height: 35px;
    margin: 15px 0px;
  }
  .filtr input.btn_green, .filtr input.btn_green, .filtr input.btn_red, .filtr input.btn_btn {
    width: calc(100vw - 20px) !important;
    font-size: 20px;
    height: 35px;
    margin: 15px 0px;
  }
  
  table tr.radek_polozky td select{
    font-size: 16px!important;   
    font-weight: 400;    
    color: #4a4a4a;
    height: 35px;
  }
  table tr.radek_polozky td input{
    font-size: 16px!important;   
    font-weight: 400;    
    color: #4a4a4a;
    height: 35px;
    padding: 0px 10px;
  }
}