html {
     font-size: 14px;
}
body, input, select {
     font-family: 'Segoe UI';
     margin: 0;
}
h1 {
     font-weight: 100;
     font-size: 2.2rem;
     margin: 0 1rem;
     padding: 0;
}
h2 {
     font-weight: 100;
     font-size: 1.8rem;
     margin: 1rem;
     padding: 0;
}
h3 {
     font-weight: 500;
     font-size: 1.2rem;
     margin: 1rem;
     padding: 0;
}
ul {
     margin: 0;
     padding: 0;
}
li {
     list-style: none;
     margin: 0;
     padding: 0;
}
label {
     width: 10rem;
     display: inline-block;
     text-align: right;
}
input, select {
     width: 400px;
     min-height: 2.2rem;
     border: 1px solid #DDDDDD;
     margin: 0.5rem 0 0.5rem 1rem;
     padding: 0.5rem;
     font-size: 1em;
     border-radius: 8px;
}
p {
     padding: 0 1rem 0 1rem
}
table {
     margin-bottom: 2rem;
     border-bottom: 0;
     border-spacing: 0;
     width: 100%;
}
th {
     border-top: 1px solid #CCCCCC;
     border-bottom: 1px solid #CCCCCC;
     padding: 0.5rem 0.5rem 0.5rem 1rem;
     text-align: left;
     vertical-align: top;  
     font-size: 1rem;    
}
td {
     border-bottom: 1px dotted #CCCCCC;
     padding: 0.5rem 0.5rem 0.4rem 1rem;
     text-align: left;
     vertical-align: middle; 
     font-size: 1rem;    
}
td.formular {
     padding: 0.1rem 0.1rem;
     vertical-align: middle; 
}
.p12 {
     width: 12%;    
}
.p10 {
     width: 10%;    
}
.p6 {
     width: 6%;    
}
.p8 {
     width: 8%;    
}
.p4 {
     width: 4%;    
}
td input {
     width: 100%;
     margin: 0;
     border: none;
     background: #EEEEEE;
}
.formular .submit {
     min-height: 2.2rem;
     padding: 1rem 0 1rem 1rem;
     margin: 0;
     background: none;
     font-size: 1rem;
}
a {
     text-decoration: none;
     color: #00AA00;
}
.submit {
    padding: 0.8rem 1.5rem;
    margin: 0.5rem;
    min-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
    width: auto;
    cursor: hand;
    vertical-align: middle;
    display: inline-block;
    color: #00AA00; 
}
#login .submit {
     margin-left: 7rem; 
}
#login label {
     width: 6rem; 
}
.container {
     width: 100%;
     display: block;
     float: left;
     clear: both;
     padding: 0;
     margin: 0;
}
.center {
     max-width: 1600px;
     margin: 1em auto;
     padding: 0;
}
.overflow {
     overflow-x: auto;
}
#stavove_hlaseni {
     background: #CCCCCC;
     font-weight: bold;
}
#horni_menu {
     background: #EEEEEE;
     vertical-align: middle;
     //height: 5rem;
     line-height: 2.5rem;
}
#menu a {
     text-decoration: none;
     font-size: 1.5rem;
     font-weight: 100;
     color: #000000;
     float: right;
     padding: 0.5rem 1rem 0.5rem 1rem;
}
#logo {
     float: left;
     vertical-align: middle;
}
#menu {
     float: right;
     vertical-align: middle;
     margin: 0;  
}
#menu li {
     display: inline-block;
     margin: 0;
}
#menu a:hover {
     color: #FF0000;
}
td.prvni {
     padding-left: 0;
     padding-right: 0;
}
td.posledni {
     padding-right: 0;
}
td a:hover {
     text-shadow: 0 0 2px #00AA00;
}
td.akce_td {
     width: 70px;
}
a.smazat {
     color: #FF0000;
}
a.smazat:hover {
     text-shadow: 0 0 2px #FF0000;
} 
a.akce {
     width: 2rem;
     padding: 0.2rem;
     text-align: center;
     display: inline-block;
     font-weight: bold;
}
.box {
     float: left;
     width: 100%; 
}
#index .faktury {
     width: 60%;   
}
#index .statistika {
     float: right;
     width: 38%;
}
.vpravo {
     text-align: right;
}
.stav_0, .stav_0 a {
     color: #DDDDDD;
}
/*
nová faktura
*/

#nova_faktura input, #nova_faktura select {
     width: 27rem;
}
#nova_faktura h2 input {
     width: 11rem;
     height: 3rem;
     font-weight: 100; 
     padding: 10px;
}
#nova_faktura .submit {
     width: 15rem;
     margin: 1rem;
}
#nova_faktura label {
     width: 9rem;
}
#nova_faktura #datum_v, #nova_faktura #splatnost {
     width: 10.4rem;
}
#nova_faktura label[for="splatnost"] {
     width: 5rem;
}
#pridat_radek {
    width: 200px;
    background: none;
    border: 1px solid #CCCCCC;
}
#polozky_faktury {
     width: 100%;
     white-space: nowrap;
}
#polozky_faktury input {
     width: 15rem;
     margin: 0;
     //float: left;
     padding: 10px 20px;
}
#polozky_faktury th  {
     border-bottom: 1px solid #CCCCCC;
     padding: 1rem 1rem;
}
#polozky_faktury td  {
     border: none;
     padding: 1rem 0 0 1rem;
}
#polozky_faktury .pocet {
     width: 4rem;
}
#polozky_faktury .max {
     width: 80%;
}
#polozky_faktury .popis {
     width: 100%; 
     min-width: 20rem;
}
#polozky_faktury .cena {
     width: 100px;
}
#polozky_faktury .cena_DPH {
     width: 100px;
}
#polozky_faktury span {
     line-height: 40px;
     vertical-align: midddle;
     padding-left: 5px;
}
#polozky_faktury .smazat {
     vertical-align: middle;
     display: inline-block;
     margin: 0 0 0 10px;
     padding: 8px 15px;
}
#polozky_faktury .soucet {
     font-size: 1.1rem;
     font-weight: bold;
}

/*
náhled faktury
*/
#faktura {
	width: 210mm!important;
	height: 297mm!important;
	margin: 2rem auto;
	border: 1px solid #CCCCCC;
     font-size: 11pt;
}
#faktura .odsazeni {
     padding: 15mm; 
     display: flex;
     flex-flow: column;
     height: calc(100% - 30mm);
}
#faktura div {
     display: flex;
}
#faktura .box {
     flex-direction: column;
}
#faktura .box.header {
     flex: 0 1 auto;
}
#faktura .box.content {
     flex: 1 1 auto;
}
#faktura .box.footer {
     flex: 0 1 auto;
}
#faktura .row {
     flex-direction: row;
     flex: 0 1 auto;
}
#faktura .row div { 
	padding: 1.2mm;
     flex: 1 1 0;
}
#faktura .tucne {
	font-weight: bold;
}
#faktura .ramecek {
	border-bottom: 1pt solid black;
     padding-top: 5mm;
}
#faktura .ramecekh {
	border-top: 2pt solid black;
	padding-top: 5mm;
}
#faktura .bold {
	font-weight: bold;
	font-size: 12pt;
}
#faktura #qr {
	position: relative;
	top: -3mm;
	left: -5mm;
}
#faktura .dekuji {
	font-size: 23pt;
	font-weight: 100;
}
#faktura .box .hlavicka {
	border-top: 2pt solid black;
	border-bottom: 2pt solid black;
	font-size: 11pt;
	font-weight: bold;
}
#faktura .right {
	text-align: right;
     justify-content: flex-end;
     word-wrap: normal;
}
#faktura .prvni {
	font-size: 17pt;
     font-weight: 400;
}
#faktura .last {
	height: 100%;
     padding: 2mm 2mm 0 2mm;
}
#faktura .polozka {
	font-size: 10pt;
}
#faktura a {
	color: black; 
     display: inline !important;
}
 
@media only screen and (max-width: 800px)  {
     html {
          font-size: 11px;
     }
     #index .faktury {
          width: 100%;   
     }
     #index .statistika {
          float: left;
          width: 100%;
     }
     table {
          width: 100%;
     }
     .td_tel, .td_email {
          display: none;
     }
     #login .submit {
          margin-left: 1rem; 
     }
     #login input {
          margin-left: 1rem;
          width: calc(100% - 2rem);
     }
     label {
          margin-left: 1rem;
          text-align: left;
     }
}
@media print {
     .container, #faktura, .center {
     	width: 100%!important;
     	height: 100%!important;
     	margin: 0!important;
     	padding: 0!important;
          border: none!important;
     }
     #horni_menu {
          display: none!important;
     }
}
@page {
     size: A4 portrait; 
     margin: 0;
}