/* MOBIL */
@media screen and (max-width: 767px), screen and (orientation: portrait){
  BODY{
    padding: 60px 0px 0px 0px;
  }

  .jsPanelMenu .navbar-nav .open .dropdown-menu>li>a, .jsPanelMenu .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px !important;
  }

  .jsPanelMenu .navbar-nav .open .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 40px !important;
  }
  
  INPUT.iLong {
    width: 100% !important;
  }
  .typeahead__field INPUT {
    width: auto !important;
  }
  
	TABLE.formtable > TBODY > TR > TH, TABLE.formtable > TBODY > TR > TD{
		display: block;
    text-align: left;
    clear: both;
  }
  TABLE.formtable TD INPUT, TABLE.formtable TD SELECT, TABLE.formtable TD TEXTAREA,
  TABLE.table-filtr TD INPUT, TABLE.table-filtr TD SELECT{
    width: 100%;
  }
	TABLE.table-filtr TH, TABLE.table-filtr  TD{ 
		display: block;
    text-align: left;
  }
  
  TABLE.formtable TD INPUT[type="checkbox"], TABLE.table-filtr TD INPUT[type="checkbox"],
  TABLE.formtable TD INPUT[type="radio"], TABLE.table-filtr TD INPUT[type="radio"],
  TABLE.formtable TD DIV.input-group INPUT{
    width: auto;
  }
  
  TABLE.formtable TD .col-sm-1,
  TABLE.formtable TD .col-sm-2,
  TABLE.formtable TD .col-sm-3,
  TABLE.formtable TD .col-sm-4,
  TABLE.formtable TD .col-sm-5,
  TABLE.formtable TD .col-sm-6,
  TABLE.formtable TD .col-sm-7,
  TABLE.formtable TD .col-sm-8,
  TABLE.formtable TD .col-sm-9,
  TABLE.formtable TD .col-sm-10,
  TABLE.formtable TD .col-sm-11,
  TABLE.formtable TD .col-sm-12{
    float: left;
    padding-left: 0px;
  }

  .strankovani{
    font-size: 12px;
  }
  .container{
    width: auto;
  }
  .rs_block{
   display: block;
  }
  .administrace{
   display: none;
  }
  .resp{
   display: block;
   width: 100%;
   position: relative;
   background-color: #23282D;
   z-index: 1000;
  }
  .resp-1{
    background-color: #23282D;
  }
  .resp-2{
    background-color: #73181D;
  }
  .resp-3{
    background-color: #53681D;
  }
  .resp-4{
    background-color: #23487D;
  }
  .resp_nev{
    display: none !important;
  }
  .table-responsive > .table > tbody > tr.nev, .table-responsive > .table > tfoot > tr.nev, .table-responsive > .table > thead > tr.nev{
    display: none;
  }
  .profil_respons{
   display: block;
   float: right;
  }
  .profil_respons A,
  .profil_respons A:link, .profil_respons A:visited{
   display: block;
   width: 250px;
   height: 59px;
   padding: 20px 47px 0px 0px;
   background-image: url(../images/profil.png);
   background-repeat: no-repeat;
   background-position: right 9px;
   text-decoration: none;
   cursor: pointer;
   color: #E6771B;
   text-align: right;
   font-size: 14px;
  }
  .profil_respons A:hover, .profil_respons A:active{
   color: #CCCCCC;
  }
  .menu_respons{
   display: block;
   float: left;
  }
  .menu_respons A,
  .menu_respons A:link, .menu_respons A:visited{
   display: block;
   width: 70px;
   height: 59px;
   padding: 11px 0px 0px 47px;
   background-image: url(../images/ico_menu.png);
   background-repeat: no-repeat;
   background-position: 5px 9px;
   text-decoration: none;
   cursor: pointer;
   color: #E6771B;
   text-align: left;
   font-size: 27px;
  }
  .menu_respons A:hover, .menu_respons A:active{
   color: #CCCCCC;
   background-image: url(../images/ico_menu_over.png);
  }
  INPUT.vf_over{
   background-image: url(../images/ico_vyhledavani.png);
  }
  .topP{
   display: none;
  }
  .menufiltr{
   margin: 0px auto 0px auto;
   width: 100%;
   min-width: 100%;
   max-width: 100%;
  }
  A.hledej,
  A.hledej:link,
  A.hledej:visited{
   display: block;
   float: left;
   width: 33px;
   height: 33px;
   background-image: url(../images/ico_vyhledavani.png);
   background-repeat: no-repeat;
   background-position: center center;
   margin: 13px 0px 0px 10px;
   background-color: #23282D;
   box-shadow: 0px 0px 5px 0px #DDDDDD;
   -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
   -moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
   -webkit-border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -khtml-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
  }
  A.hledej:hover, A.hledej:active{
   background-image: url(../images/ico_vyhledavani_over.png);
   color: #FFFFFF;
  }
  .menu, .menublok{
   display: none;
  }
  .smenu_respons{
   position: absolute;
   top: 50px;
   right: 0px;
   width: calc(50% - 20px);
   padding: 10px 0px 0px 0px;
   background-color: #23282D;
   box-shadow: 0px 0px 10px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 10px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 10px 0px #AAAAAA;
   z-index: 20;
  }
  .smenu_respons A,
  .smenu_respons A:link,
  .smenu_respons A:visited{
   float: right;
   width: 100%;
   padding: 5px 0px 5px 20px;
   color: #E6771B;
   text-align: left;
   text-decoration: none;
  }
  .smenu_respons A:hover,
  .smenu_respons A:active,
  .smenu_respons A.a,
  .smenu_respons A.a:link,
  .smenu_respons A.a:visited{
   color: #FFFFFF;
   background-color: #E6771B;
  }
  .sprofil_respons{
   position: absolute;
   top: 50px;
   right: 0px;
   width: calc(50% - 20px);
   padding: 10px 0px 0px 0px;
   background-color: #23282D;
   box-shadow: 0px 0px 10px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 10px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 10px 0px #AAAAAA;
   z-index: 20;
  }
  .sprofil_respons A,
  .sprofil_respons A:link,
  .sprofil_respons A:visited{
   float: right;
   width: 100%;
   padding: 5px 0px 5px 20px;
   color: #E6771B;
   text-align: left;
   text-decoration: none;
  }
  .sprofil_respons A:hover,
  .sprofil_respons A:active,
  .sprofil_respons A.a,
  .sprofil_respons A.a:link,
  .spofil_respons A.a:visited{
   color: #FFFFFF;
   background-color: #E6771B;
  }
  .list_filtr_container{
   display: block;
  }
  .list_filtr, .list_filtr_select{
   display: block;
   width: 100%;
  }
  .list_filtr, .list_filtr_name, .list_filtr_ok{
   padding: 2px 10px 5px 0px;
  }
  .list_filtr_name{
   padding-bottom: 2px;
  }
  .blokyL, .blokyP,
  .bloky2L, .bloky2P{
   float: none;
   margin: 0px auto 0px auto;
   width: 95%;
  }
  .blok33, .blok33_1{
    width: 100%;
    margin: 0px 0px 5px 0px;
  }
  .blok DIV.blokpad{
   padding: 5px;
  }
  .blok DIV.blokpad2{
    padding: 15px;
  }
  .blok H1 A EM,
  .blok H1 A:link EM, .blok H1 A:visited EM,
  .blok H2 A EM,
  .blok H2 A:link EM, .blok H2 A:visited EM,
  .blocek A SPAN.L_P{
   display: block;
   float: none;
  }
  .blocek A SPAN.S2{
   width: calc(100% - 38px);
  }
  .blocek A SPAN.P2,
  .blocek A SPAN.P3{
   display: block;
   float: none;
   width: calc(100% - 38px);
   margin: 0px 0px 0px 28px;
   text-align: left;
  }
  .blocek A SPAN.S3{
   width: calc(100% - 38px);
  }
  .dashboard{
    width: 95%;
    -moz-column-count: initial;
    -webkit-column-count: initial;
    column-count: initial;
  }
  .blok{
    width: 100%;
    margin: 15px auto 15px auto;
  }
  .main, .paticka1, .paticka2{
   margin: 0px auto 0px auto;
   padding: 0px 0px 5px 0px;
  }
  .zalozky{
   display: none;
  }
  .rs_zalozky{
   display: block;
  }
  .rs_zalozky TABLE{
   width: 100%;
  }
  .rs_zalozky TABLE TR TD{
   padding: 5px 10px 5px 10px;
  }
  .rs_zalozky SELECT{
   width: 100%;
  }
  .vyber_isp{
    width: 95%;
  }
  .paticka1 DIV.pata,
  .paticka2 DIV.pata{
   float: none;
   width: 100%;
   margin: 0px 0px 10px 0px;
   color: #FFFFFF;
   text-align: left;
  }
  .admin{
   display: none;
  }
  .navbar-brand{
    float: left !important;
    padding-top: 5px !important;
    padding-left: 15px !important;
  }
  .navbar-nav{
    margin: 0px !important;
  }

  .paticka1 DIV.pata STRONG,
  .paticka2 DIV.pata STRONG{
   padding: 0px 0px 20px 10px;
  }
  .blok TABLE TR TD H2{
   font-size: 18px;
   letter-spacing: -1px;
   padding: 5px 20px 5px 20px;
  }
  A.copy:link, A.copy:visited,
  A.kao:link, A.kao:visited{
   float: none;
   margin: 20px 0px 0px 0px;
  }
  .skladonline{
    font-size: 10px;
  }
  .skladonline .slidetoggle{
    height: 100px;
  }
  .skladonline .item{
    background-size: auto 30px;
    height: 75px;
  }
  
  .planovac-top TABLE.formtable TD{
    text-align: center;
  }
  
}
/* MOBIL - navbar menu respons */
@media screen and (max-width: 767px){
  .navbar-brand{
    float: left !important;
    padding-top: 13px !important;
    padding-left: 15px !important;
  }
}
/* TABLET */
@media screen and (min-width: 768px) and (max-width: 979px){
  .menu A.m,
  .menu A.m:link, .menu A.m:visited{
     padding-left: 13px;
     padding-right: 13px;
     font-size: 15px;
  }
  .menu A,
  .menu A:link, .menu A:visited,
  .menu A:hover, .menu A:active,
  .menu A.a:link, .menu A.a:visited{
    letter-spacing: -1px;
  }
  .dropdown-submenu SPAN.caret {
    transform: rotate(-90deg);
  }
  .nav LI A {
    font-size: 10px !important;
    padding: 9px 10px !important;
  }
  .nav LI A SPAN.btn-info {
    font-size: 8px !important;
  }
  .navbar{
    min-height: 38px !important;
  }
  .navbar-brand{
    height: 32px !important;
  }
  nav .btn-xs{
    padding: 0px 3px !important;
    font-size: 8px !important;
  }
}
/* PC (šířka nad 1400) */
@media screen and (min-width: 1400px){
}
/* PC (šířka 1200 - 1400 px) */
@media screen and (min-width: 1200px) and (max-width: 1399px){
  .menu A.m,
  .menu A.m:link, .menu A.m:visited{
     padding-left: 18px;
     padding-right: 18px;
  }
  .menu A,
  .menu A:link, .menu A:visited,
  .menu A:hover, .menu A:active,
  .menu A.a:link, .menu A.a:visited{
    letter-spacing: -1px;
  }
}
/* PC (šířka 980 - 1080 px) */
@media screen and (min-width: 980px) and (max-width: 1079px){
  .menu A.m,
  .menu A.m:link, .menu A.m:visited{
     padding-left: 13px;
     padding-right: 13px;
     font-size: 15px;
  }
  .menu A,
  .menu A:link, .menu A:visited,
  .menu A:hover, .menu A:active,
  .menu A.a:link, .menu A.a:visited{
    letter-spacing: -1px;
  }
  .nav LI A {
    font-size: 11px !important;
    padding: 9px 10px !important;
  }
  .nav LI A SPAN.btn-info {
    font-size: 9px !important;
  }
  .navbar{
    min-height: 38px !important;
  }
  .navbar-brand{
    height: 32px !important;
  }
  nav .btn-xs{
    padding: 0px 3px !important;
    font-size: 9px !important;
  }
}
/* PC (šířka 1080 - 1200 px) */
@media screen and (min-width: 1080px) and (max-width: 1199px){
  .menu A.m,
  .menu A.m:link, .menu A.m:visited{
     padding-left: 14px;
     padding-right: 14px;
     font-size: 16px;
  }
  .menu A,
  .menu A:link, .menu A:visited,
  .menu A:hover, .menu A:active,
  .menu A.a:link, .menu A.a:visited{
    letter-spacing: -1px;
  }
}

/* FullHD display */
@media screen and (min-height: 820px){
  .dropdown-submenu SPAN.caret {
    transform: rotate(-90deg);
  }
  .main{
    min-height: 800px;
  }
}