* {
  	box-sizing: border-box;
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  	font-size: 13px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
body {
  	background-color: #FFFFFF;
  	margin: 0;
}
.buttonline {
	display: flex !important;
	margin: 5px 20px 5px 0  !important;
	width: 100% !important;
	padding: 0 !important;
  	border-bottom: 0 solid #dee0e4 !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.navtop {
	background-color: #2f3947;
	height: 60px;
	width: 100%;
	border: 0;
}
.navtop div {
	display: flex;
	margin: 0 auto;
	width: 850px;
	height: 100%;
}
.navtop div h1, .navtop div a {
	display: inline-flex;
	align-items: center;
}
.navtop div h1 {
	flex: 1;
	font-size: 20px;
	padding: 0;
	margin: 0;
	color: lightblue;
	font-weight: bold;
}
.navtop div a {
	padding: 0 10px;
	text-decoration: none;
	color: #c1c4c8;
	font-weight: normal;
}
.navtop div a i {
	padding: 2px 8px 0 0;
}
.navtop div a:hover {
	color: #eefafe;//#eaebed;
	border-top: 5px solid #0096FF;//#aacbe6;
	border-bottom: 5px solid #2f3947;
}
.infoline {
	background-color: #eef1f5;
	height: 30px;
	width: 100%;
	border: 0;
}
.infoline div {
	display: flex;
	margin: 0 auto;
	width: 850px;
	height: 100%;
}
.infoline div h1, .infoline div a {
	display: inline-flex;
	align-items: center;
	margin: 0 !important;
	color: #888888;
}
.infoline div p {
	margin-left:auto; 
	margin-right:6px;
	margin-top:6px;
	margin-bottom:6px;
	color: #888888;
}
.infoline div p.alert {
	margin-left:100px; 
	margin-right:40px;
	margin-top:6px;
	margin-bottom:6px;
	color: #ff4c00;
}
.infoline div a {
	padding: 0 6px;
	text-decoration: none;
	color: #7298a3;
	font-weight: normal;
}
.infoline div p.alert a {
	padding: 0 15px;
	text-decoration: none;
	color: #57ae13;
	font-weight: normal;
}
.infoline div a i {
	padding: 2px 8px 0 0;
}
.infoline div a:hover {
	color: #4c676f;
}
.content {
  	width: 850px;
  	margin: 0 auto;
}
.content h2 {
  	margin: 0;
  	padding: 10px 0;
  	font-size: 20px;
  	border-bottom: 1px solid #ebebeb;
  	color: #666666;
}
.dbnumber{
  	margin: 0;
  	padding: 0 0;
  	font-size: 40px;
  	border-bottom: 0;
  	color: #0099ff;
	font-weight: bold;
}
.content h3 {
  	margin: 0 0 10px 0;
  	padding: 10px 0;
  	font-size: 17px;
  	border-bottom: 1px solid #ebebeb;
  	color: #666666;
	width: 100% !important;
	background-color: #f5f5f5;
}
.content h4 {
  	margin: 0 0 0 0;
  	padding: 10px 10px;
  	font-size: 17px;
  	border-bottom: 1px solid #ebebeb;
  	color: #666666;
	width: 100% !important;
	
}
.content > p{
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	margin: 5px 0;
	padding: 10px;
	background-color: #ffffff;
}
.content > div {
  width: auto;
  display: inline-flex;
  padding: 0;
  margin: 0;

}
.formside {
  width: 370px !important;
  padding: 0 15px 15px 15px;
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
  box-sizing: border-box;
  clear:right;
  flex-flow: wrap;
  background-color: #eefafe;
  border: 1px solid #aaaaaa;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  animation: fadein 2s;
  -moz-animation: fadein 2s; /* Firefox */
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -o-animation: fadein 2s; /* Opera */

}
.formside table {
	width: 100%;
	color: #c4e5f1;
}
.formside table thead {
	font-weight: bold;
	color: #4a536e;
}
.formside table thead td {
  	padding: 5px;
	padding-left: 10px;
  	font-weight: bold;
  	background-color: #ebeef1;
}
.formside table td {
	font-weight: normal;
	color: #4a536e;
	padding-left: 10px;
  	background-color: #eefafe;
}
.formside table td.price1 {
	font-weight: bold;
	color: #444444;
	font-size: 14px;
	padding: 8px;
	text-align: center;
  	background-color: #46f000;
	border-radius: 4px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
.formside table td.price2 {
	font-weight: bold;
	color: #555555;
	font-size: 14px;
	padding: 8px;
	text-align: center;
  	background-color: #4cd015;
	border-radius: 4px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
.formside table td.price3 {
	font-weight: bold;
	color: #555555;
	font-size: 14px;
	padding: 8px;
	text-align: center;
  	background-color: #4cb720;
	border-radius: 4px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
.formside table td.price4 {
	font-weight: bold;
	color: #333333;
	font-size: 14px;
	padding: 8px;
	text-align: center;
  	background-color: #61944b;
	border-radius: 4px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
.formside table td.price5 {
	font-weight: bold;
	color: #333333;
	font-size: 14px;
	padding: 8px;
	text-align: center;
  	background-color: #61845b;
	border-radius: 4px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
.formside table td.price6 {
	font-weight: bold;
	color: #333333;
	font-size: 14px;
	padding: 8px;
	text-align: center;
  	background-color: #61746b;
	border-radius: 4px;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
.hometable {
  width: 440px !important;
  margin: 0 0 15px 0 !important;
  padding: 0 15px 15px 15px;
//  display: inline !important;
  box-sizing: border-box;
  flex-flow: wrap;
  background-color: #eefafe;
  border: 1px solid #aaaaaa;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.hometable table {
	padding: 10px;
	width: 100%;
	color: #c4e5f1;
}
.hometable table thead {
	font-weight: bold;
	color: #4a536e;
}
.hometable table thead td {
  	padding: 5px;
	padding-left: 10px;
  	font-weight: bold;
  	background-color: #ebeef1;
}
.hometable table td {
	font-weight: normal;
	color: #4a536e;
	padding-left: 10px;
  	background-color: #eefafe;
}
.content > p.l {
	display: inline-flex;
	background-color: #ffffff;
	width: 50% !important;
}
.content > p.validation {
	background-color: #ffdddd;
}
.content > p.validationlogin {
	background-color: #ffdddd;
	width: 400px !important;
}
.content > p.grey {
	display: inline-flex;
	background-color: #dddddd;
	width: 50% !important;
}
.content > p.calc {
	display: inline-flex;
	font-size: 15px;
	font-weight: bold;
	background-color: #ddffdd;
	width: 50% !important;
}
/*.content > p table td, .content > div table td {
	padding: 5px;
}
.content > p table td:first-child, .content > div table td:first-child {
	font-weight: bold;
	color: #4a536e;
	padding-right: 5px;
}*/
.content > p {
	padding: 5px;
	margin: 0 0 0 0;
}
.read .create-contact {
  	display: inline-block;
  	text-decoration: none;
  	background-color: #38b673;
  	font-weight: bold;
  	font-size: 14px;
  	color: #FFFFFF;
  	padding: 10px 15px;
  	margin: 15px 0;
}
.read .create-contact:hover {
  	background-color: #32a367;
}
.read table {
  	width: 100%;
  	padding-top: 20px;
  	border-collapse: collapse;
}
.read table thead {
  	background-color: #ebeef1;
  	border-bottom: 1px solid #d3dae0;
}
.read table thead td {
  	padding: 7px;
  	font-weight: normal;
  	color: #767779;
  	font-size: 14px;
}
.read table thead a {
  	color: #376ab7;
  	font-size: 13px;
	text-decoration: none;
}
.read table thead a:hover {
  	color: #000000;
  	font-size: 13px;
	text-decoration: none;
}
.read table tbody tr {
  	border-bottom: 1px solid #d3dae0;
}
.read table tbody tr:nth-child(even) {
  	background-color: #fbfbfb;
}
.read table tbody tr:hover {
  	background-color: #99bad4;
}
.read table tbody tr:hover td {
  	color: #FFFFFF;
}
.read table tbody tr:hover td:nth-child(1) {
  	color: #FFFFFF;
}
/*guest data*/
.read table tbody tr.guest:nth-child(odd) {
  	background-color: #e1fcd5;
}
.read table tbody tr.guest:nth-child(even) {
  	background-color: #d9f3cb;
}
.read table tbody tr.guest:hover {
  	background-color: #99b38b;
}

/*.read table tbody tr td:nth-child(1) {
  	color: #a5a7a9;
}*/
.read table tbody tr td.name {
//  	padding: 4px  10px;
  	text-align: left;
	max-width: 400px;
	width: auto;
}
.read table tbody tr td.price {
  	text-align: right;
}
.read table tbody tr td.actions {
  	padding: 4px  10px;
  	text-align: right;
}
.read table tbody tr td.actions .edit, .read table tbody tr td.actions .trash , .read table tbody tr td.actions .dog , .read table tbody tr td.actions .copy {
  	display: inline-flex;
  	text-align: right;
  	text-decoration: none;
  	color: #666666;
  	padding: 4px 6px;
}
.read table tbody tr td.actions .trash {
  	background-color: #eeeeee;
	border-radius: 2px;
}
.read table tbody tr td.actions .trash:hover {
  	background-color: red;
}
.read table tbody tr td.actions .edit {
  	background-color: #eeeeee;
	border-radius: 2px;
}
.read table tbody tr td.actions .edit:hover {
  	background-color: #a9f66d;
}
.read table tbody tr td.actions .dog {
  	background-color: #f7d48a;
	border-radius: 2px;
}
.read table tbody tr td.actions .dog:hover {
  	background-color: #ffc800;
}
.read table tbody tr td.actions .copy {
  	background-color: #eeeeee;
	border-radius: 2px;
}
.read table tbody tr td.actions .copy:hover {
  	background-color: #ffc800;
}
.update form {
	width: 800px;
  	padding: 15px 0;
  	display: flex;
  	flex-flow: wrap;
}
.medium form {
	width: 600px;
  	padding: 15px 0;
//  	display: inline-flex;
  	display: flex;
  	flex-flow: wrap;
}
.small form {
	width: 400px;
  	padding: 15px;
  	display: flex;
  	flex-flow: wrap;
	background-color: #f6f9ff;
  	border: 1px solid #BBBBBB;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}
label {
  	display: inline-flex;
  	width: 300px;
  	padding: 10px 0;
  	margin-right: 15px;
	font-weight: normal;
	display:block;  text-align:right;
}
.validation tr{
	background-color: #ffdddd !important;
}
.label250 {
  	width: 250px !important;
}
.label150 {
  	width: 150px !important;
}
.label120 {
  	width: 120px !important;
}
.label100 {
  	width: 100px !important;
}
.labelfull {
  	width: 100% !important;
	text-align: left !important;
  	border-top: 1px solid #ebebeb;
}
.labelfullnl {
  	width: 100% !important;
	text-align: left !important;
  	border-bottom: 0 solid #ebebeb;
}
input {
	width: 400px;
  	padding: 8px;
  	padding-top: 7px;
  	margin-right: 15px;
  	margin-bottom: 5px;
  	border: 1px solid #cccccc;
	border-radius: 3px;
}
input:-moz-read-only { /* For Firefox */
  background-color: #eeeeee;
}
textarea {
	width: 400px;
  	padding: 8px;
  	padding-top: 7px;
  	margin-right: 15px;
  	margin-bottom: 5px;
  	border: 1px solid #cccccc;
	border-radius: 3px;
}
textarea:-moz-read-only { /* For Firefox */
  background-color: #eeeeee;
}
input:read-only {
  background-color: #eeeeee;
}
.input300 {
  	width: 300px !important;
}
.input120 {
  	width: 120px !important;
}
.input120r {
  	width: 120px !important;
}
.input200 {
  	width: 200px !important;
	margin-right: 7px;
	margin-bottom: 0;
}
.input150 {
  	width: 150px !important;
	margin-right: 7px;
	margin-bottom: 0;
}
.input100 {
  	width: 90px !important;
	margin-right: 7px;
	margin-bottom: 0;
	font-size: 1em;
}
.input100r {
  	width: 90px !important;
	margin-right: 7px;
	margin-bottom: 0;
	font-size: 1em;
}
.input60 {
  	width: 60px !important;
	margin-right: 7px;
	margin-bottom: 0;
	font-size: 1em;
}
.input55 {
	width: 59px !important;
	padding: 1px!important;
	padding-left: 2px!important;
	margin: 0!important;
	border: 1px solid #cccccc;
}
.input15 {
	width: 15px !important;
	padding: 0!important;
	margin: 0!important;
	border: 1px solid #cccccc;
}
.input15m {
  	width: 15px !important;
	padding: 0!important;
  	margin: 4px 2px 4px 4px!important;
  	border: 1px solid #cccccc;
}
.mar {
  	margin: 4px 4px 4px 6px!important;
}
.tdfix {
  	width: 120px !important;
}
.check {
	margin-right: 8px;
	margin-bottom: 5px;
}
.check > p{
  	margin-bottom: 5px;
  	margin-top: 0;
}
form select {
  	padding: 7px;
  	padding-top: 6px;
  	width: 400px;
  	margin-right: 15px;
  	margin-bottom: 5px;
  	border: 1px solid #cccccc;
}
.select2 {
  	width: 120px !important;
}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: auto !important;	
  display: inline;/*block;*/
  height: 34px !important;
  padding: 7px 8px 7px 8px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 450;
  line-height: 15px;
  text-decoration: none;
  white-space: nowrap;
  background-color: #99bad4;
  border-radius: 3px;
  border: 1px solid #99bad4;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #FFF;
  border-color: #ccc;
  background-color: #aacbe6;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #0096FF;
  border-color: #0096FF; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #0086cc;
  border-color: #0086cc; }
  

.formdiv{
	width: 100%;
	display: flex;
  	flex-flow: wrap;
}
.delete .yesnoX {
  	display: flex;
}
.delete .yesnoX a {
  	display: inline-block;
  	text-decoration: none;
  	background-color: #32a367;
  	font-weight: bold;
  	color: #FFFFFF;
  	padding: 10px 15px;
  	margin: 15px 10px 15px 0;
}
.delete .yesnoX a:hover {
  	background-color: #a9f66d;
}
.chart {
  width: 98%!important;
  margin: 1% !important;
  margin-left:0 !important;
}
.chart50 {
  width: 46%!important;
  margin: 1% !important;
  margin-left:0 !important;
}
.chartlabel {
  width: 46%!important;
  margin: 1% !important;
  margin-left:0 !important;
}
.chart30 {
  width: 30%!important;
  margin: 1% !important;
  font-size: 23px !important;
  margin-left:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.chartlabel30 {
  width: 30%!important;
  margin: 1% !important;
  margin-left:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.chart60 {
  width: 62%!important;
  margin: 1% !important;
  font-size: 23px !important;
  margin-left:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.chartlabel60 {
  width: 62%!important;
  margin: 1% !important;
  margin-left:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.chartspace {
  width: 1% !important;
  margin: 0 ;
}
.g {color: #aaaaaa;}

a {
	padding: 0 0;
	text-decoration: none;
	color: #0e82aa;
	font-weight: normal;
}
a:hover {
	color: #222222;
}
.fff {
  	display: flex;
  	flex-flow: wrap;
}
.calchs{
	padding-top:9px !important;
	/*padding-bottom: auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	background-color: #f7f7f7 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calchb{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #aaaaaa !important;
  	border-top: 1px solid #ffffff !important;
	background-color: #f4f9fd !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calchg{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #aaaaaa !important;
  	border-top: 1px solid #ffffff !important;
	background-color: #e1fcd5 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calc{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calcg{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	background-color: #f4fdf0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calc0{
	padding-top:1px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	background-color: #f4fdf0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calcg100{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 100% !important;
	border-bottom: 1px solid #dee0e4 !important;
	background-color: #f4fdf0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.iconn { margin-left:auto; margin-right:10px;
 }
.rightA{
  	margin: 0 0 0 auto;
}
/*.rightA .input120{
  	margin: 0 10px 0 auto;
}*/
.pagination {
list-style-type: none;
padding-top: 6px;
padding-bottom: 6px;
display: inline-flex;
box-sizing: border-box;
margin: 5px 0 5px 0;
width: 100%;
}
.pagination li {
box-sizing: border-box;
padding-right: 10px;
text-align: right;
}
.pagination li a {
box-sizing: border-box;
background-color: #e2e6e6;
padding: 6px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
font-size: 12px;
color: #616872;
border-radius: 2px;
}
.pagination li a:hover {
background-color: #d4dada;
}
.pagination .next a, .pagination .prev a {
text-transform: uppercase;
font-size: 12px;
}
.pagination .currentpage a {
background-color: #518acb;
color: #fff;
}
.pagination .currentpage a:hover {
background-color: #d4dada;
}
.logo {
padding-left: 0 !important;
padding-right: 0 !important;
}
.pclabel {
	display: none;
}
.textnormal {
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif!important;
  	font-size: 1em !important;
}
span:hover {
    position: relative;
}
span[title]:hover:after {
    content: attr(title);
    padding: 4px 8px;
    color: #333;
    position: absolute;
    left: -140px;
    top: 100%;
    white-space: nowrap;
    /*z-index: 20px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 4px #222;
    -webkit-box-shadow: 0 0 4px #222;
    box-shadow: 0 0 4px #222;
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

.tabletlabel {
	display: inline !important;
}
@keyframes fadein {
    from {
        opacity:0.3;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0.3;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0.3;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0.3;
    }
    to {
        opacity: 1;
    }
}


@media only screen and (min-width: 400px) and (max-width: 850px) and (orientation: portrait) { --pro mobily a tablety nastojaka
@viewport{
  initial-scale: 0.63;
}
.navtop {
	width: 100%;
}
.navtop div {
	display: flex;
	margin: 0 auto;
	width: 650px;
	height: 100%;
}
.infoline div {
	display: flex;
	margin: 0 auto;
	width: 650px;
	height: 100%;
}
.content {
  	width: 650px;
  	margin: 0 auto;
}

.update form {
	width: 600px;
  	padding: 15px 0;
  	display: flex;
  	flex-flow: wrap;
}
.formside {
  width: 370px !important;
  padding: 0 15px 15px 15px;
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
  box-sizing: border-box;
  flex-flow: wrap;
  background-color: #eefafe;
  border: 1px solid #aaaaaa;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.calchb{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #aaaaaa !important;
  	border-top: 1px solid #ffffff !important;
	background-color: #f4f9fd !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calchg{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #aaaaaa !important;
  	border-top: 1px solid #ffffff !important;
	background-color: #e1fcd5 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calc{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calcg{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	background-color: #f4fdf0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calc0{
	padding-top:1px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	background-color: #f4fdf0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.pclabel {
	display: none !important;
}
.textnormal {
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif!important;
  	font-size: 1em !important;
}
.tabletlabel {
	display: none !important;
}
.input100r {
  	width: 75px !important;
	margin-right: 7px;
	margin-bottom: 0;
	font-size: 1em;
}
.input120r {
  	width: 110px !important;
	margin-right: 7px;
	margin-bottom: 0;
	font-size: 1em;
}
}

@media only screen and (min-width: 1000px) and (orientation: landscape){

.navtop div {
	display: flex;
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}
.infoline div {
	display: flex;
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}
.content {
  	width: 1000px;
  	margin: 0 auto;
}

.formside {
  width: 370px !important;
  padding: 0 15px 15px 15px;
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline !important;
  box-sizing: border-box;
  flex-flow: wrap;
  background-color: #eefafe;
  border: 1px solid #aaaaaa;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.calchb{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #aaaaaa !important;
  	border-top: 1px solid #ffffff !important;
	background-color: #f4f9fd !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calchg{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #aaaaaa !important;
  	border-top: 1px solid #ffffff !important;
	background-color: #e1fcd5 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calc{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calcg{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #555555 !important;
	background-color: #f4fdf0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calc0{
	padding-top:1px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #555555 !important;
	background-color: #f4fdf0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.pclabel {
	display: inline !important;
}
.textnormal {
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif!important;
  	font-size: 1em !important;
}
.input100 {
  	width: 100px !important;
	margin-right: 7px;
	margin-bottom: 0;
	font-size: 1em;
}
}
@media only screen and (min-width: 1100px) and (orientation: landscape) {

.navtop div {
	display: flex;
	margin: 0 auto;
	width: 1100px;
	height: 100%;
}
.infoline div {
	display: flex;
	margin: 0 auto;
	width: 1100px;
	height: 100%;
}
.content {
  	width: 1100px;
  	margin: 0 auto;
}
}

@media only screen and (min-width: 1200px) and (orientation: landscape) {

.navtop div {
	display: flex;
	margin: 0 auto;
	width: 1200px;
	height: 100%;
}
.infoline div {
	display: flex;
	margin: 0 auto;
	width: 1200px;
	height: 100%;
}
.content {
  	width: 1200px;
  	margin: 0 auto;
}
}
@media only screen and (min-width: 400px) and (max-width: 1050px) and (max-height: 900px) and (orientation: landscape) { --pro mobily a tablety na lezaka

@-ms-viewport{
  initial-scale: 1;
}
@viewport{
  initial-scale: 1;
}
.navtop {
	width: 100%;
}
.navtop div {
	display: flex;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
.infoline div {
	display: flex;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
.content {
  	width: 100%;
  	margin: 0 auto;
}

.update form {
	width: 800px;
  	padding: 15px 0;
  	display: flex;
  	flex-flow: wrap;
}
.formside {
  width: 370px !important;
  padding: 0 15px 15px 15px;
  margin-left: 20px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
  box-sizing: border-box;
  flex-flow: wrap;
  background-color: #eefafe;
  border: 1px solid #aaaaaa;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.calchb{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #aaaaaa !important;
  	border-top: 1px solid #ffffff !important;
	background-color: #f4f9fd !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calchg{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #aaaaaa !important;
  	border-top: 1px solid #ffffff !important;
	background-color: #e1fcd5 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calc{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calcg{
	padding-top:9px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	background-color: #f4fdf0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.calc0{
	padding-top:1px !important;
	/*padding-bottom:auto !important;*/
	padding-left:8px !important;
	padding-right:8px !important;
	width: 23% !important;
  	border-bottom: 1px solid #dee0e4 !important;
	background-color: #f4fdf0;
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:37px!important;
}
.pclabel {
	display: none !important;
}
.textnormal {
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif!important;
  	font-size: 1em !important;
}
.tabletlabel {
	display: inline !important;
}
}