/* ============================== */
/* === Powered by locomputing === */
/* ============================== */

details > summary {
  cursor: pointer;
}
details > regs {
  padding: 2px 6px;
}
summary::marker {
content: ""; 
}


.dots {
display:block;
}

.prevs, .nexts {
display: none;
}

.karo {
display: none;
}



.budse {
display: block;
margin-top: 0;
line-height: auto;
background: transparent;
color: gray;
border: none;
font-size: 85%;
font-weight: bold;
letter-spacing: 2px;
padding: 0;
}


.mini {
display: none;
}


.currentpage input.numbi {
font-size: 90%;
color: red;
font-weight: bold;
border: none;
cursor: pointer;
}


#mkrahmo {
position: absolute;
display: block;
width: auto;
height: auto;
padding: 0;
margin: 28px 0 0 0;
max-height: 32px;
background: white;
}

.ldown {
display: block;
margin-top: 0px;
color: white;
border: none;
font-size: 1.5em;
padding: 0 auto;
line-height: .75;
}

.ldown a {
display: block;
text-decoration: none;
color: white;
}
.ldown a:hover {
color: green;
}



.inf_txt {
position: absolute;
width:auto;
padding: .25em .75em;
background: white;
color: navy;
border: 2px solid navy;
font-size: 70%;
letter-spacing: 0;
font-weight: normal;
margin: -2.25em 0 0 -2.95em;
border-radius: .2em;
}
.inf_txt:after, .inf_txt:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.inf_txt:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #545454;
	border-width: .5em;
	margin-left: -.5em;
}
.inf_txt:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #545454;
	border-width: .5em;
	margin-left: -.5em;
}

.inf_txt {
    display:none
}
.budse:hover > .inf_txt {
    display:block;
}

.currentpage:hover > .inf_txt {
    display:block;
}

.numbs {
font-size: .85em;
background: transparent;
width: 4.5em;
height: 1.6em;
border:none;
border-right: 1px solid gray;
border-left: 1px solid gray;
}

.topover {
position: absolute;
font-size: 60%;
font-weight: normal;
width: auto;
height: auto;
border-top: .2em solid blue;
box-shadow: 0 0 0 .2em blue;
padding: .1em .15em .1em .15em;
letter-spacing: 0;
margin: -.75em 0 0 -1.5em;
border-radius: 0 0 .2em .2em;
background: white;
text-align: center;
z-index: 34;
}
@media screen and (min-width: 1250px) {
.topover {
margin: -.65em 0 0 -1.5em;
}
}
@media screen and (min-width: 1500px) {
.topover {
margin: -.5em 0 0 -1.5em;
}
}
@media screen and (min-width: 1920px) {
.topover {
margin: -.35em 0 0 -1.4em;
}
}
@media screen and (min-width: 2000px) {
.topover {
margin: -.1em 0 0 -1.4em;
}
}
@media screen and (min-width: 3840px) {
.topover {
margin: .2em 0 0 -1.5em;
}
.numbs {
height: 1.65em;
}
}
@media screen and (min-width: 6000px) {
.topover {
margin: .35em 0 0 -1.5em;
}
}

.topover:after, .topover:before {
	bottom: 107%;
	left: 2.2em;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.topover:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: blue;
	border-width: .75em;
	margin-left: -.75em;
}
.topover:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: blue;
	border-width: .75em;
	margin-left: -.75em;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}








.bande {
display: block;
width: 8em;
height: 1.4em;
margin: 0px 0 2px 0;
border:1px solid gray;
}

.quantity input {
  background: transparent;
  width: 4em;
  font-size: 110%;
  display: block;
  margin: 0 auto 0 auto;
  text-align: center;
  padding-left: .1em;
  border: none;
  
}



.bande .minus {
position: absolute;
display: block;
height:1.25em;
width: 1.5em;
background: transparent;
border: none;
font-size: 1em;
top: 1.2em;
left: .5em;
}
.bande .minus:before {
	top: 0;
	left: .2em;
	border: solid transparent;
	content: "\2212";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.bande .plus {
position: absolute;
display: block;
height:1.5em;
width: 1.5em;
background: transparent;
border: none;
font-size: 1em;
top: 1.2em;
right: .5em;
}
.bande .plus:before {
	top: 0;
	left: .2em;
	border: solid transparent;
	content: "\002B";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}













@media screen and (max-width: 60em) {

.prevs {
display: block;
margin:0 3px 0 0;
padding: 0;
}


.nexts {
display: block;
margin:0 0 0 3px;
padding: 0;
}

.currentpage {
display: none;
}

.dot {
display: none;
}


.page {
display: none;
}
.dots {
display: none;
}
.start, .end {
display: none;
}

tgl {
height: 1em;
margin:0;
padding:0;
}

.bande {
display: block;
width: 8em;
height: 1.52em;
margin: 0px 0 2px 0;
border:1px solid transparent;
border:1px solid gray;
}

.quantity input {
  background: transparent;
  width: 4em;
  font-size: 110%;
  display: block;
  margin: 0 auto 0 auto;
  text-align: center;
  padding-left: .1em;
  border: none;
  border-right: 1px solid gray;
  border-left: 1px solid gray;
}


.karo {
position: relative;
display: block;
margin: 0 .2em 0 .2em;
line-height: 1;
min-width: auto;
max-width: 2em;
padding: 0 .2em;
height: 1.1em;
border: 3px solid red;
}

.budse {
width:auto;
margin-right: 0;
}
.budse:hover {
font-size: 85%;
}

.mini {
display: block;
font-size:90%;
letter-spacing:0;
padding: 3px 2px;
line-height: 1.35;
margin: -1.5em 3px 0 2.2em;
}

.inf_txt {
position: absolute;
min-width:7.5em;
padding: .15em .5em;
background: white;
color: navy;
border: 2px solid navy;
font-size: .85em;
letter-spacing: 0;
font-weight: normal;
margin: -2em 0 0 -2.2em;
border-radius: .2em;
}

.topover {
position: absolute;
font-size: 60%;
font-weight: normal;
width: auto;
height: auto;
border-top: 4px solid blue;
box-shadow: 0 0 0 .2em blue;
padding: .15em;
margin: .5em 0 0 -1.6em;
}
@media screen and (min-width: 500px) {
.topover {
margin: .65em 0 0 -1.6em;
}
}
@media screen and (min-width: 650px) {
.topover {
margin: .85em 0 0 -1.6em;
}
}
@media screen and (min-width: 800px) {
.topover {
margin: 1em 0 0 -1.6em;
}
}
@media screen and (min-width: 900px) {
.topover {
margin: 1.2em 0 0 -1.6em;
}
}
.topover:after, .topover:before {
	left: 3.5em;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.topover:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: blue;
	border-width: .75em;
	margin-left: -.75em;
}
.topover:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: blue;
	border-width: .75em;
	margin-left: -.75em;
}
.ldown {
display: block;
margin-top: 0px;
color: blue;
border: none;
font-size: 1.5em;
padding: 0 auto;
line-height: .75;
}



.ldown a {
display: block;
text-decoration: none;
color: blue;
}
.ldown a:hover {
color: green;
}

.bande .minus {
position: absolute;
height:1em;
width: 1.5em;
background: transparent;
border: none;
font-size: 1.5em;
top: .75em;
left: .15em;
}
.bande .minus:before {
	top: -.15em;
	left: 0;
	border: solid transparent;
	content: "\2212";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.bande .plus {
position: absolute;
height:1em;
width: 1.5em;
background: transparent;
border: none;
font-size: 1.5em;
top: .75em;
right: -.15em;
}
.bande .plus:before {
	top: -.15em;
	left: .15em;
	border: solid transparent;
	content: "\002B";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

}