body {
  font-family: sans-serif;
}

.testr {
    border:2px solid red;
}
.oh {
    overflow:hidden;
}

    
  body {
  font-family: 'Montserrat', 'Lato', 'Open Sans', 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
  color: gray;
  background: #f2f2f2;
}


.testr {
	border:1px solid red;
	overflow:hidden;
}
.testb {
	border:1px solid blue;
	overflow:hidden;
}
.testg {
	border:1px solid green;
	overflow:hidden;
}
.auta img {
	width:100%;
	padding-top:3px
}
.w100 {
	width:100%;

}

.pocitadlo {
	font-size:1em;
	font-weight:bold;
	text-align:left

}
.pocitadlo .popis_cislo {
	font-size:0.7em;

}
.pocitadlo .popis_text {
	font-size:0.8em;
        text-align:left;

}
.radek .counter {
    float:left;
}

#auta_box .last_item {
    padding: 0 0  0 5px
    
}
#auta_box .counter img {
    width:100%;
/*    height:100%;*/
    object-fit: contain;
    display:block;
    
}
svg {
    width:100%
}
#auta_box .counter {
	overflow:hidden;
       
        padding:5px;
}
.last_category {
	text-transform:uppercase;
	font-weight:bold;
}
.last_cas_cislo {
	font-size:0.8em
}
.last_delete	{
	font-weight:bold;
	font-size:1.2em;
	background:red;
	display:inline-block;
	float:right;
	text-align:right;
	padding:0px 7px 3px 7px; 
	color:white
}

.last_item {
	margin-top:10px;
	width:100%
}
.green {
	background-color:green;
}

.direction {
	border:1px solid gray
}

.export_hlaska {
	
	
}

.mt2  {
	margin-top:2em;
}

.fr 
{
	float:right;
}

.radek {
	margin:0;
}
.dir_desc {
	padding-left:15px
}

#auta_box  {
     
     overflow-x: scroll;
     /*overflow:hidden;*/
     /*border:2px solid maroon;*/
     position:relative;
     /*top:3em*/

}
#auta_box .sipka  {
     overflow:hidden;

}
#auta_box .counter img  {
     overflow:hidden;
     width:100%

}
#auta_box .sipka img {

    width:30%;

    text-align:center;
    display:inline-block;
    padding:0 auto;
    overflow:hidden;
    margin-left:35%
}
.counter {
    /*border:1px solid red;*/
}
.last_box {
    border:1px solid gray;
    overflow:hidden;
    /*margin-bottom:3em*/    
}

#datepicker_box {
    width:100%;
    clear:both;
    /*border:2px solid blue;*/ 
    overflow:hidden;
    /*margin-bottom:2em;*/
    
}

#datepicker {
    border:2px solid red;
    font-weight:bold;
    color:red;
}
#msg {
    padding:15px
}

.lock_comment {
	font-size:1.2em;
	
	display:inline-block;
	align-self:center;
	padding-left:5px;
	font-weight:bold;
}

.lock_comment.locked {
	color:red
}

.lock_button img  {
	width:40px; 
	padding-left:15px;
	display:inline-block; 
	align-self:center;
}

.col_move  {
	display:block;
	/*border:1px solid green;*/
	overflow:hidden;
}
.col_move span {
	font-weight:bold;
	font-size:3em;
	color:green;
}

.col_move .arr_left {
	float:left;
}
.col_move .arr_right {
	float:right;
}

nav {
	
	display:block;
	min-height:40px;
	width:100%
}

button {
	touch-action: manipulation;
}