#calculator  {
 color:black;
 width:100%;
 overflow:auto;
}

#data_form {
width:100%;
height:auto;
max-height:500px;
overflow-y:auto;
padding: 2px;
}
input.rd {
pointer-events: none;
tab-index: -1;	
max-width:65px;
border:0;
text-align:center;
background:transparent;
}

.thrumbnail {
margin-bottom:20px;	
}
div.thrumbnail div, div.b_p {
display:inline-block;
width:125px;
white-space:nowrap;	
}
div.thrumbnail div span, div.b_p span {
width:100%;
margin-left:35%;
display:block;
clear:both;
}
div.setup .b_p {
display:block;
margin:auto;
float:left;
}
div.setup div{
position:relative;	
display:inline-block;
width:auto;	
margin:10;
}
div.setup #add {
position:absolute;	
top:220;
left:-120;
}

#set2 {
width:360px;
}
#set2 span{
margin-left:5px;
}
#set2 input{
width: 46px;
}

#print_table {
width:100%;
margin: auto;
}
#print_table th {
padding: 5px 0px;
}
#t_sum tr, #t_sum th, #gen_td, form div table td  {
text-align:	center;
}
#set1{
margin-bottom:20px;	
}
#rep input[type=button] {
margin-right:4px;	
}
.frt_menu  div, .frt_menu input{
display:inline-block;
margin: 0 10;
}
#s_form {
display: block;
padding:2px;
}
#rep {
display: block;
clear:both;	
margin-top:10px;
}
.frt {
width:50%;
min-width:500px;	
}
#gen_td {
vertical-align: text-top;
width:45%;
min-width:500px;
}
.frt, #gen_td, #reklam {
display:inline-block;
vertical-align:top;
}
#t_sum {
display: block;
width:100%;
}
#reklam  {
width:15%;
visibility:hidden;
border:1px solid green;	
}

#reklam img {
width:50px;
height:50px;
}
#danga_sel {
border: 1px solid black;
width:100%;
}
.sel_box  div{
display:inline;
margin-right:25px;
}
.sel_box  div select{
z-index:1000;

}
#svg_pic {
border:1;	
}
input.type_imag  {
border:black;
box-shadow:inset 0px 0px 3px blue;
border-radius: 4px;
cursor:pointer;
padding: 8px;	
vertical-align:middle;
white-space: nowrap;
height: 80px;
width: 110px;
}

.type_imag:hover {
border-color:red;
}

.red_head.rd {
border:0px;
width:25px;
font-weight: bold;
color:red;
vertical-align: +0px;
text-align: right; 
}
.ft, .st{
position:relative;
display:inline-block;
min-width:400px;
background-color:#F2F4F7;
}

.box_tin td, .box_tin th {
border:1px solid black;	
white-space: nowrap;
padding-left:0px;
padding-right:0px;
height:1.6em;
}

.data_short {
width:35px;
text-align:right;
}
.hidden, div.thrumbnail div.hidden {
display:none;
}
.data_long {
width:44px;
text-align:right;
margin-left:5px;
margin-right:5px;
}
.box_tin td.hbt, .box_tin th.hbt {
border-top-style:none;		
}
.box_tin td.hbb, .box_tin th.hbb {
border-bottom-style:none;		
}
.box_tin td.hbl, .box_tin th.hbl {
border-left-style:none;		
}
.box_tin td.hbr, .box_tin th.hbr {
border-right-style:none;		
}
table {
  border-collapse: collapse;
}

select  {
color:black;
}

#danga_sel optgroup {
color:blue;
font-weight:800;
}

fieldset {
border:1px solid black;
padding: 5px;
}

legend span {
font-weight:bold;
}

input[type=button] {
color:blue;
font-weight:bold;
border:black;
box-shadow:inset 0px 0px 3px blue;
border-radius: 4px;
cursor:pointer;
padding: 5px;
margin:4px;
}

input.type_imag:hover, div.gen_x img:hover, input[type=button]:hover {
color:red;
box-shadow:inset 0px 0px 3px red;
}

input[readonly] {
background:transparent;
color:black;
width:90px;
height:15px;
border-style:none;
text-align:center; 
}

input[type=checkbox] {
vertical-align: -2px;
}

input[type=text] {
white-space: nowrap;
}

#header {
	margin-top:8px;
}

.data a {
	cursor:pointer;
}

#list {
	cursor:pointer;
	margin-left: 5px;
}

#list span {
	border: 1px solid;
	border-bottom: 0px;
	padding: 0px 7px 1px 10px;
	border-top-left-radius: 8px 8px;
	border-top-right-radius: 8px 8px;
}

#list span.tab:hover {
color:red;
}

#list span.tabselected {
	border-left: 2px solid;
	border-right: 2px solid;
	border-top: 2px solid;
	padding-top: 4px;
	background: #F2F4F7;
	font-weight:bold;
}

.tabcontent {
	display: block;
}
.tabnone {
	display: none;
}

#tabcontainer {
	display: block;
	border: 1px solid;
	padding: 1 1 1 1;
	background: lightgrey;
	margin-top:-2px;
	margin-bottom:0px;
}

div.b_c input[type=button] {
position:absolute;
left:165px;
}
div.gen_x img {
color:blue;
font-weight:bold;
border:black;
box-shadow:inset 0px 0px 3px blue;
border-radius: 4px;
cursor:pointer;
padding: 8px;	
}


div.gen_x div {
position:relative;
display:block;
float:left;
margin-left:10px;
margin-bottom:10px;
}

@media screen and (max-width: 1200px) {
.st{
min-width:600px;
}
}