@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,latin-ext);

* {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}

body {
text-align: center;
background-color: #fff; 
}

body, input, textarea, select {
font-size: 16px; line-height: 22px; font-family: 'Open Sans', sans-serif; color: #222;
}

/*-----ZAKLAD-----*/

h1, h2, h3, h4, h5, p, hr, input, textarea, select, .button, .table, .error, .thanks, .info {
margin: 0 0 20px; font-weight: 400;
}

p:last-child, .main ul:last-child, input:last-child, textarea:last-child, select:last-child, .button:last-child, .table:last-child, .error:last-child, .thanks:last-child, .info:last-child {
margin-bottom: 0;	
}

a {
color: #bc8964;
}

a, .navmenu a:hover, .button:hover {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul li, ol li {
list-style-position: outside; margin-left: 20px;
}

hr {
border-bottom: 1px solid #ddd;
}

.left {
float: left;
}

.right {
float: right;
}

.wrapper {
width: 100%; text-align: center;
}

.wrap {
width: 100%; margin: auto; padding: 0 20px;
}

@media only screen and (min-width:740px) {

	.half {
	float: left; width: 50%;	
	}

	.half.odd {
	clear: both; padding-right: 10px;
	}

	.half.even {
	padding-left: 10px;	
	}

}

img {
display: block; max-width: 100%; height: auto;
}

/*-----FONTY-----*/

h1 {
font-size: 35px; line-height: 47px;
}

h2 {
font-size: 26px; line-height: 35px;
}

h3 {
font-size: 23px; line-height: 30px;
}

h4 {
font-size: 20px; line-height: 26px;
}

h5 {
font-size: 17px; line-height: 22px;
}

.light, h1 {
font-weight: 300;	
}

a {
font-weight: 400;
}

strong, .bold {
font-weight: 700;
}

.italic {
font-style: italic;
}

.uppercase {
text-transform: uppercase;
}

.lowercase {
text-transform: lowercase;	
}

.centered {
text-align: center;	
}

/*-----STRUKTURA-----*/

/*-----header-----*/

.header {
padding-top: 10px;
}

.logo {
display: inline-block; margin: auto; margin-bottom: 5px;
}

.top-links {
position: absolute; right: 20px; top: 10px;	
}

.logo img {
width: auto; height: 30px;	
}

@media only screen and (max-width:400px) {
	
	.mobhide {
		display: none;
	}

}

@media only screen and (max-width:700px) {
	
	.mobfire {
	padding: 7px;
	background-color: #bc8964;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	}

	.navmenu {
	max-height: 3px; overflow: hidden;
	background: #fff;
	-webkit-transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-ms-transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	transition: max-height 0.5s ease;
	}
	
	.clicked .navmenu {
	max-height: 545px;
	}

	.navmenu a {
	display: block; margin-top: 5px; padding: 7px; text-align: left;
	background-color: #222;
	color: #fff;
	}
	
	.navmenu-subitems a {
	margin-top: 0; background-color: #bc8964;	
	}

}

@media only screen and (min-width:700px) {
	
	.header .wrap {
	max-width: 100%; padding-left: 0; padding-right: 0;
	}

	.mobfire {
	display: none;
	}
	
	.navmenu {
	background-color: #bc8964;
	}

	.navmenu-item {
	display: inline-block; position: relative;
	}
	
	a.navmenu-item-link {
	display: block; padding: 10px;
	background-color: transparent;
	color: #fff;
	}

	a.navmenu-item-link:hover {
	background-color: #222;
	}
	
	.navmenu-subitems {
	display: none; position: absolute; top: 42px; left: 0; padding: 10px 0;
	background: #222;
	}
	
	.navmenu-item:hover .navmenu-subitems {
	display: block;
	}
	
	a.navmenu-subitem-link {
	display: block; padding: 2px 10px; text-align: left;
	color: #fff;	
	}
	
	a.navmenu-subitem-link:hover {
	color: #bc8964;
	}

}

/*-----content-----*/

.content {
padding-top: 20px; padding-bottom: 20px; text-align: left;
}

.bigbox {
padding: 10px; text-align: left; margin-bottom: 20px;
background-color: #f5f1e3;
/*border: #ccc 1px solid;*/
}

.bigbox:last-child {
margin-bottom: 0;
}

.filter {
margin-bottom: 20px;
}

.filter-item {
display: inline-block; margin-right: 15px;
}

.filter-item a, .filter-item span {
margin-right: 5px;
}

/*-----formulare-----*/

.login-form {
max-width: 260px; margin: auto;
}

input, textarea, select, .button {
width: 100%; display: block; padding: 0 10px; height: 35px;
border: 1px solid #ccc;
-webkit-appearance: none;
}

input.short-text {
width: 260px; max-width: 100%;	
}

.table-cell input, .table-cell textarea, .table-cell select {
display: inline-block; vertical-align: top;	margin: 0;
}

.has-subfields input {
margin-bottom: 1px;
}

.has-subfields input:last-child {
margin-bottom: 0;
}

.table-cell textarea {
height: 75px;	
}

textarea {
height: 200px; padding-top: 5px;
}

select {
padding: 5px 25px 5px 10px;
background-image: url('../images/downmini.png');
background-position: center right;
background-repeat: no-repeat;
background-size: auto 100%;
cursor: pointer;
}

select::-ms-expand {
display: none;
}

.button {
padding-top: 6px;	
}

.button.icon-button, input[type=submit].icon-button {
border: 0;
width: 35px; padding: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 20px;
}

.button.icon-button:hover, input[type=submit].icon-button:hover {
background-color: #bc8964;	
}

input[type=submit].icon-button.icon-delete, .button.icon-button.icon-delete {
background-color: #a32d21;
background-image: url('../images/icons/delete.png');	
}

input[type=submit].icon-button.icon-delete:hover, .button.icon-button.icon-delete:hover {
background-color: #f8402e;
}

.icon-add {
background-image: url('../images/icons/add.png');	
}

.icon-show {
background-image: url('../images/icons/show.png');	
}

.icon-edit {
background-image: url('../images/icons/edit.png');	
}

.icon-save {
background-image: url('../images/icons/save.png');	
}

.icon-send {
background-image: url('../images/icons/send.png');	
}

.icon-upload {
background-image: url('../images/icons/upload-cloud.png');	
}

.icon-download {
background-image: url('../images/icons/download-cloud.png');	
}

.icon-user {
background-image: url('../images/icons/user.png');	
}

input[type=submit], .button {
width: auto;
}

input[type=submit], .button {
background-color: #222;
color: #fff;
border: 1px #222 solid;
cursor: pointer;
}

.button {
display: inline-block;
}

input[type=submit]:hover, .button:hover {
background-color: #fff;
color: #222;
}

.inline-buttons-label {
display: inline-block; vertical-align: middle; margin-right: 20px;
}

.inline-buttons-wrap, .inline-buttons-wrap input[type=submit], .inline-buttons-wrap .button {
display: inline-block; vertical-align: middle;	
}

input[type=submit].inline-button, .button.inline-button  {
margin: 0 6px -5px 0;
}

.inline-buttons-wrap input[type=submit], .inline-buttons-wrap .button {
margin: 0 6px 0 0;
}

input[type=submit].inline-button:last-child, .button.inline-button:last-child {
margin-right: 0;	
}

label {
margin-bottom: 10px; display: block;	
}

.input-has-error {
border-color: #f54;
}

.info, .thanks, .error {
padding: 10px; display: block; text-align: left;
border-left: 5px solid #bc8964;
background-color: #f5f1e3;
}

.thanks {
border-left-color: #9acd32;	
}

.error {
border-left-color: #f54;	
}

.thanks.with-loading {
padding-left: 40px;
background-image: url('../images/loading.gif');
background-position: 8px center;
background-size: auto 60%;
background-repeat: no-repeat;
}

/*-----tables-----*/

.table {
width: auto;
}

@media only screen and (max-width:1500px) {

	.table {
	overflow-x: scroll;
	}
	
	.table-cell input, .table-cell select, .table-cell textarea {
	width: 180px;	
	}
	
}

.table-cell.field-currency select {
width: 70px;
}

.table h2 {
margin-bottom: 10px; padding-bottom: 5px;
border-bottom: 1px #ccc solid;
}

.table-single-data {
width: auto;
}

.table-single-data th {
text-align: right; padding-right: 15px;
}

.table-row {
display: table-row;
}

.table-row-odd {
background: #f5f1e3;
}

.table-cell {
display: table-cell; padding: 3px; vertical-align: top; max-width: 500px;
}

.row-colspan {
display: block; padding-top: 20px;
}

.row-colspan:first-child {
padding-top: 0;	
}

.table-control-button {
display: block; padding: 10px 5px 10px 0; text-align: center;
cursor: pointer;
}

.control-button {
background-size: 60% auto;
background-position: center center;
background-repeat: no-repeat;
width: 15px; height: 15px;
color: #fff;
}

.control-add .control-button {
background-color: #639202;
background-image: url('../images/icons/add.png');
}

.control-remove .control-button {
background-color: #a32d21;
background-image: url('../images/icons/remove.png');
}

.control-add:hover .control-button {
background-color: #9acd32;
}

.control-remove:hover .control-button {
background-color: #f54;
}

.field-id .table-constant {
margin-top: 7px; text-align: center;
}

.field-submit {
position: relative; white-space: nowrap; height: 41px; overflow: hidden;
}

.field-total {
position: absolute; bottom: 9px; right: 10px;
}

.field-invoice_number {
width: 150px;	
}

.field-items_price {
width: 100px;
}

.field-due, .field-items_qty {
width: 70px;
}

.field-date {
width: 160px;
}

/*-----sorting-----*/

.has-arrow {
padding-right: 18px;
background-position: right center;
background-size: auto 9px;
background-repeat: no-repeat;
}

.arrow-up {
background-image: url('../images/arrow-up.png');
}

.arrow-down {
background-image: url('../images/arrow-down.png');
}

/*-----footer-----*/

.footer {
padding-top: 7px; padding-bottom: 14px; text-align: center;
border-top: 1px #ddd solid;
}

.footer p {
margin: 0;
}

/*-----OSTATNI-----*/


/*-----efekty gradient radius -----*/

a, input[type=submit], .table-control-button div {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

input, textarea, select {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}

.radius-half {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}

/*-----float cleaner-----*/

.float-in:before, .float-in:after {
content:"";
display:table;
}

.float-in {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.float-in:after {
clear:both;
}