@import url('https://fonts.googleapis.com/css?family=Ubuntu');

html,body,form
{
    height: 99%;
    font-family: Ubuntu, sans-serif;
    color:black;
}

#main {
    width: 1200px;
}

#header {
    background-image: url("Images/horni lista.png");
    height: 66px;
    line-height:66px;
}

.header-logout
{
    float: right;
    margin-right:10px;
    height:55px;
}

#header-logo {
  float:left;
  margin-left:20px;
  margin-top:10px;
}

.lbDate
{
    margin-right: 10px;
    font-size:14px;
    vertical-align:super;
}

.lbForm
{
    padding-left:70px;
    font-size:14pt;
}

#nav 
{
    width: 235px;
    float: left;
    vertical-align: middle;
    min-height:400px;
}

#nav ul 
{
    list-style: none;
    padding-left:0px;
    padding-top:0px;
    vertical-align: middle;
    margin-top:0px;
}

#nav li a
{
    text-decoration:none;
    color:rgba(29,29,27,0.5);
    padding-left:10px;
}

#nav li a:hover
{
    text-decoration:none;
    color:#1D1D1B;
}

.nav-li-small
{
    background-image: url("Images/tlacitko menu rozsireni.png");
    height:35px;
    line-height:35px;
}

.nav-li-small a:hover
{
    display:block;  
    background-color:rgba(86,175,49,0.22);
}

.nav-li-big
{
    background-image: url("Images/tlacitko hlavni nabidky.png");
    height:69px;
    line-height:69px;
}

.nav-li-big a:hover
{
    display:block;
    background-color:rgba(86,175,49,0.22);
}

#nav img 
{
    padding-top:10px;
    margin-right:10px;
    vertical-align:-10px;
}

#article {
    float: right;
    width: 962px;
    border-left: solid 3px black;
    border-image: url("Images/linka svisla.png") 50 repeat;
    min-height:500px;
    margin-left:-3px;
    padding:0px;
}

#article-inside
{
    margin:5px;
}

#article-single {
    float: right;
    width: 1200px;
    min-height:500px;
    padding-left:5px;
    padding-top:5px;
}

#footer 
{
    clear: both;
    background-color:rgb(103,103,104);
    height:75px;
    width:100%;
}

#txn
{
    color:white;
    font-size:9pt;
    float:right;
    padding-right:10px;
    padding-top:30px;
}

#txn img
{
    vertical-align:bottom;
}

#footer a
{
    text-decoration:none;
    color:white;
}

#footer table
{
    float:left;
    color:white;
    font-size:10pt;
    padding-left:5px;
    padding-top:4px;
    border-spacing: 0;
}

#footer th
{
    font-weight: normal;
    text-align: left;
    width:65px;
}

.formview
{
    font-size:small;
}

.formview th
{
    padding-right:20px;
}

.formview .textbox
{
    width:244px;
}

.formview select
{
    width:250px;
}

.formview-codebooks
{
    font-size:small;
}

.formview-codebooks th
{
    padding-right:20px;
}

.navigateimage
{
    vertical-align:bottom;
}

.completionlist
{
    font-size:small;
    padding:0px;
    border:1px solid black;
    list-style-type:none;
}

.report-container
{
    background-color:white;width:100%;margin-top:3px; font-size:small;
}

.report-container td
{
    vertical-align:top;
}

.report
{
    background-color:white;width:100%;margin-top:3px; font-size:small;
    border:solid 2px rgba(86,175,49,0.5);
}

.report td
{
    border: solid 1px white; padding:1px;
}

.report tr:nth-child(even)
{
    background-color:rgba(29,29,27,0.1);
}

.report tr
{
    vertical-align:top;
}

.report th
{
    border: solid 1px white; padding:1px;
    background-color:rgba(86,175,49,0.22);
}

.report2
{
    background-color:white;width:100%;margin-top:3px; font-size:small;
    border:solid 2px rgba(86,175,49,0.5);
}

.report2 td
{
    border: solid 1px white; padding:1px;
}

.report2 tr
{
    vertical-align:top;
    background-color:rgba(29,29,27,0.1);
}

.report2 th
{
    border: solid 1px white; padding:1px;
    background-color:rgba(86,175,49,0.22);
}


report-asphaltday-paticka
{
    border-collapse: collapse;
    background-color:white;width:100%;margin-top:3px; font-size:small;
    margin-top:40px;
}

.report-asphaltday
{   border-collapse: collapse;
    background-color:white;width:100%;margin-top:3px; font-size:small;
    border:solid 2px;
}

.report-asphaltday td
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
}

.report-asphaltday td.grey
{
    background-color:#D9D9D9;
}

.report-asphaltday td.title
{
    border:solid 1px;
    font-size:large;
    vertical-align:middle;
    text-align:center;
}

.report-asphaltday td.bold
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
    font-weight:bold;
}

.report-asphaltday td.celkem
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
    font-weight:bold;
    background-color:#CCFF33;
}

.report-asphaltday tr
{
    padding-left: .5ex; padding-right: .5ex;
    vertical-align:top;
}

.report-asphaltday th
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
    font-weight:bold;
}

.report-asphaltday th.grey
{
    background-color:#D9D9D9;
}

.report-asphaltday th.odberatel
{
    background-color:#92D050;
}

.report-asphaltday th.celkem
{
    background-color:#CCFF33;
}

.report-asphalt
{   border-collapse: collapse;
    background-color:white;width:100%;margin-top:3px; font-size:small;
    border:solid 2px;
}

.report-asphalt td
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
}

.report-asphalt td.title
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
    font-size:x-large;
}

.report-asphalt td.bold
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
    font-weight:bold;
}

.report-asphalt td.celkem
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
    background-color:rgba(86,175,49,0.22);
    font-weight:bold;
}

.report-asphalt tr
{
    padding-left: .5ex; padding-right: .5ex;
    vertical-align:top;
}

.report-asphalt th
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
    background-color:rgba(86,175,49,0.22);
    font-weight:bold;
}

.report-obalovna-paticka
{
    border-collapse: collapse;
    background-color:white;width:100%;margin-top:3px; font-size:small;
    margin-top:40px;
}

.report-obalovna
{   border-collapse: collapse;
    background-color:white;width:100%;margin-top:3px; font-size:small;
    border:solid 2px;
}

.report-obalovna td
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
}

.report-obalovna td.title
{
    border:solid 1px;
    font-size:large;
    vertical-align:middle;
    text-align:center;
}

.report-obalovna td.bold
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
    font-weight:bold;
}

.report-obalovna td.celkem
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
    font-weight:bold;
    background-color:#CCFF33;
}

.report-obalovna tr
{
    padding-left: .5ex; padding-right: .5ex;
    vertical-align:top;
}

.report-obalovna th
{
    padding-left: .5ex; padding-right: .5ex;
    border:solid 1px;
    font-weight:bold;
}



table th {text-align:left; vertical-align:top; font-weight:normal;}
table td {text-align:left; }

table.gridview {background-color:white;width:100%;margin-top:3px; font-size:small; }
table.gridview td, table.gridview th {border: solid 2px white; padding:2px;}
table.gridview tr.header { background-color:rgba(86,175,49,0.22);}
table.gridview tr.alternating-row {background-color:rgba(29,29,27,0.1)}
table.gridview td.buttons { background-color: #dddddd; }
table.gridview tr.footer { background-color: rgba(86,175,49,0.5); text-align:right; color: white; }
table.gridview tr.empty td { border: none; margin: 0px; padding: 0px; }
table.gridview th {border-radius:6px;}
table.gridview th a:link { color: color:rgba(29,29,27,0.5); text-decoration: none; font-size:small; }
table.gridview th a:visited { color: color:rgba(29,29,27,0.5); text-decoration: none; }
table.gridview th a:hover { color: color:rgba(29,29,27,0.5); text-decoration: underline; }
table.gridview td a:link { color: #014428; text-decoration: none; }
table.gridview td a:visited { color: #014428; text-decoration: none; }
table.gridview td a:hover { color: #c73904; text-decoration: underline; }

.gv-date
{
    width:110px;
}

.gv-number
{
    width:110px;
}

.gv-container
{
    border: 1px solid rgba(86,175,49,0.5);
    background-color:rgba(86,175,49,0.5);
    margin-top:5px;
    border-radius:6px;
}

.gv-inside
{
     padding:1px;
}

.gv-title
{
    margin-left:10px;
    color:white;
}

.reports
{
    margin-top:10px;
    margin-left:5px;
}

.reports img
{
    vertical-align:top;
}

.reports-personal
{
    padding-top:5px;
    line-height:28px;
    vertical-align:top;
}

.reports-personal img
{
    vertical-align:top;
}

.title
{
    font-weight:bold;
    font-size:large;
}

.title-small
{
    font-weight:bold;
    font-size:medium;
}

.warning
{
    font-weight:bold;
    color: Red;
}

.form-info
{
    margin-top:15px;
    font-weight:bold;
    color: Red;
    font-size:small;
}

A
{
	text-decoration: none;
	color:rgb(0,99,64);
}

A:visited 
{
	text-decoration: none;
	color:rgb(0,99,64);
}

A:hover {
	text-decoration: none;
	color:rgb(255,163,0);
}

.button
{
}

.textbox
{
    border-radius:8px;
    padding-left:5px;
    border: 1px solid rgba(29,29,27,0.5);
}

.dropdownlist
{
    border-radius:8px;
    padding-left:2px;
    padding-right:2px;
    border: 1px solid rgba(29,29,27,0.5);
}

.listbox
{
    border-radius:8px;
    border: 1px solid rgba(29,29,27,0.5);
}

.checkbox
{
    font-size:90%;
    font-style:italic;
}

.filter
{
    font-size:small;
}

.filter .textbox
{
    width:244px;
}

.filter th 
{
    padding-right:20px; 
}

.filter select
{
    width:250px;
}

.filter-title
{
    text-align:center;
    padding-bottom:15px;
    font-size:medium;
}

.filter-img
{
    text-align:center;
    padding-bottom:8px;
}

.space
{
    padding-top:15px;
}

.table-personal
{
    width:100%;
}

.table-personal td
{
    vertical-align:top;
}

.table-half
{
    width:50%;
}

.table-half td
{
    vertical-align:top;
}

.button25 
{
  margin-top:5px;
  display: inline-block;
  width: 10em;
  height: 2.5em;
  line-height: 2em;
  vertical-align:middle;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #777;
  color: #fff;
  outline: none;
  border: 2px solid #27A83D;
  border-radius: 5px;
  box-shadow: 0 0 0 60px rgba(0,0,0,0) inset, .1em .1em .2em #448900;
  background: linear-gradient(#74B67F, #26A53C 48%, #01A41C 52%, #109B27);
  cursor: pointer; cursor: hand;
}

.button25:active {
  top: .1em;
  left: .1em;
  box-shadow: 0 0 0 60px rgba(0,0,0,.05) inset;
}

.overlay {
position: fixed;
text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #fff;
}

.overlay .anim_block{
    max-width: 100%;
    width: 110px;
    height: 110px;
    left: 50%;
    margin-left: -55px;
    position: relative;
    top: 50%;
    margin-top: -55px;
}

.overlay .anim_block img{
max-width: 100%;
position: absolute;
top: 0;
left:0;
width: 100%;
display: block;
height: 100%;

-webkit-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
   -moz-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
     -o-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
        transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */

-webkit-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); 
   -moz-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); 
     -o-transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); 
        transition-timing-function: cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
}

.first_preload{
  animation: first_preload_anim linear 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: first_preload_anim linear 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: first_preload_anim linear 2s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: first_preload_anim linear 2s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: first_preload_anim linear 2s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes first_preload_anim{
  0% {
    transform:  rotate(0deg) ;
  }
  100% {
    transform:  rotate(360deg) ;
  }
}

@-moz-keyframes first_preload_anim{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  100% {
    -moz-transform:  rotate(360deg) ;
  }
}

@-webkit-keyframes first_preload_anim {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  rotate(360deg) ;
  }
}

@-o-keyframes first_preload_anim {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  100% {
    -o-transform:  rotate(360deg) ;
  }
}

@-ms-keyframes first_preload_anim {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  100% {
    -ms-transform:  rotate(360deg) ;
  }
}


.second_preload{
  animation: second_preload_anim linear 1.4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: second_preload_anim linear 1.4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: second_preload_anim linear 1.4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: second_preload_anim linear 1.4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: second_preload_anim linear 1.4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes second_preload_anim{
  0% {
    transform:  rotate(0deg) ;
  }
  100% {
    transform:  rotate(-356deg) ;
  }
  101% {
    transform:  rotate(-360deg) ;
  }
}

@-moz-keyframes second_preload_anim{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  100% {
    -moz-transform:  rotate(-356deg) ;
  }
  101% {
    -moz-transform:  rotate(-360deg) ;
  }
}

@-webkit-keyframes second_preload_anim {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  rotate(-356deg) ;
  }
  101% {
    -webkit-transform:  rotate(-360deg) ;
  }
}

@-o-keyframes second_preload_anim {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  100% {
    -o-transform:  rotate(-356deg) ;
  }
  101% {
    -o-transform:  rotate(-360deg) ;
  }
}

@-ms-keyframes second_preload_anim {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  100% {
    -ms-transform:  rotate(-356deg) ;
  }
  101% {
    -ms-transform:  rotate(-360deg) ;
  }
}

.third_preload{
  animation: third_preload_anim linear 7s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: third_preload_anim linear 7s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: third_preload_anim linear 7s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: third_preload_anim linear 7s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: third_preload_anim linear 7s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes third_preload_anim{
  0% {
    transform:  rotate(0deg) ;
  }
  49% {
    transform:  rotate(270deg) ;
  }
  100% {
    transform:  rotate(0deg) ;
  }
  100% {
    transform:  rotate(0deg) ;
  }
}

@-moz-keyframes third_preload_anim{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  49% {
    -moz-transform:  rotate(270deg) ;
  }
  100% {
    -moz-transform:  rotate(0deg) ;
  }
  100% {
    -moz-transform:  rotate(0deg) ;
  }
}

@-webkit-keyframes third_preload_anim {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  49% {
    -webkit-transform:  rotate(270deg) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) ;
  }
}

@-o-keyframes third_preload_anim {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  49% {
    -o-transform:  rotate(270deg) ;
  }
  100% {
    -o-transform:  rotate(0deg) ;
  }
  100% {
    -o-transform:  rotate(0deg) ;
  }
}

@-ms-keyframes third_preload_anim {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  49% {
    -ms-transform:  rotate(270deg) ;
  }
  100% {
    -ms-transform:  rotate(0deg) ;
  }
  100% {
    -ms-transform:  rotate(0deg) ;
  }
}