﻿@media print{#cookieInformerBooklet{display:none}
body{font-size:0.8em}
a,a:visited{text-decoration:underline}a[href]:after{content:""}
abbr[title]:after{content:""}
.breadcrumb,.topmenu,aside{display:none}
header img{margin:20px 0}
footer .col-sm-9{width:100%;float:none;clear:both}
footer .col-sm-3{display:none}}
.danger{color:#a94442}
.success{color:#3c763d}
.form-container{text-indent:-999em;height:2.5em;width:2.5em;display:inline-block}
article{text-align:left}*{box-sizing:border-box}
.sortable{overflow:visible}
.wall-element-container{box-sizing:border-box;border:1px dashed;border-color:#ccc;background:#efefef}
.stepno{font-size:24px;font-weight:700;color:#fff;float:left;width:30px;line-height:30px;display:block;text-align:center;background:#00b6ed;margin-right:0.5em;margin-top:0}
.steptext{display:block;font-size:14px;font-weight:700;margin:0.5em 0 1.5em}
article .form-control,article .input-group input.form-control,article .input-group label.form-control,article .input-group select.form-control{width:100%;display:block;max-width:100%}
.measure-height,.measure-width{position:absolute;text-align:center}
.measure-height{width:15em;margin-top:10em;margin-left:-8.5em;transform:rotate(-90deg);transform-origin:left left}
.measure-height.measure-height-right{right:-6em;transform:rotate(90deg);transform-origin:left left}
.measure-width{text-align:center;margin-top:-1.75em;margin-left:2.5em}
#content > .panel .panel-heading,.panel .panel-heading{font-size:14px;font-weight:700}.modal-dialog{font-size:10px}
@media (max-width:991px){.modal-dialog{font-size:7.5px}}
@media (max-width:767px){.modal-dialog{font-size:5px}}
.input-group{width:100%}
.input-group-addon{width:75px}
#toolbox .list-group li{padding:0.25rem 0.75rem}
#toolbox .form-inline .form-control{width:100px;float:right;height:32px}
#toolbox{position:absolute;z-index:2;left:20px;top:20px;width:275px}
#application-splash-wrapper{position:relative;width:100%;height:580px;margin:0 auto}
#railingcanvas{height:580px;position:relative;padding:0}
#togglefullscreen{position:absolute;right:20px;top:20px;z-index:1}
#application-canvas{width:100% !important;height:580px !important}
body.fullscreen,body.fullscreen #application-canvas,body.fullscreen #railingcanvas.fullscreen{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;top:0 !important;width:100vw !important;height:100vh !important;z-index:1;}
body.fullscreen .container,body.fullscreen .header,body.fullscreen article,body.fullscreen header{position:static !important;z-index:-1}
body.fullscreen .addons,body.fullscreen article .row,body.fullscreen footer{display:none}

.list-group li{position:relative;display:block;padding:0.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0, 0, 0, .125) !important}
.delete-css{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;white-space:nowrap;padding:6px 12px;font-size:13px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;background-color:#d9534f;border-color:#d43f3a;padding:3px;font-size:12px;line-height:1;float:right;font-size:9px}

ul.list-group li b,ul.list-group li strong{float:right;font-weight:400}
ul.list-group li .radio-inline{float:right;padding-left:1rem;padding-right:0.25rem;margin-left:0}
#selected_sections br:before{content:":"}
.static-value{position:absolute;right:70px;font-weight:700;font-size:12px;color:#444;top:10px}
.a-sections,.b-sections{cursor:pointer;background-color:#fff}
.a-sections:hover,.b-sections:hover{background-color:#eee}.cur-pointer{cursor:pointer}
.length-info,.length-text,.terrace-info,.terrace-text{display:none}
.terrace-info:checked ~ .terrace-text{display:block}
.length-info:checked ~ .length-text{display:block}
.hangon{margin:10px 1px;position:absolute}
.box{width:30px;height:20px}
.line{height:3px !important;display:-webkit-inline-box;width:30px;content:none}
.blue{background-color:#192d82}.cyan{background-color:#14a7ea}
.brown{background-color:#7e560a;color:#7e560a}
.dblue{background-color:#0000f5;color:#0000f5}
.green{background-color:#2e932eff;color:#2e932eff}
.black{background-color:#000;color:#000}
.red{background-color:red;color:red}
#application-canvas{display:block;position:absolute;top:0;left:0;right:0;bottom:0}
#application-canvas.fill-mode-NONE{margin:auto}
#application-canvas.fill-mode-KEEP_ASPECT{width:100%;height:auto;margin:0}
#application-canvas.fill-mode-FILL_WINDOW{width:100%;height:100%;margin:0}
#toolbox .panel{background-color:rgba(255, 255, 255, .75)}
#toolbox .list-group li{padding:0.25rem 1.25rem}
#togglefullscreen,#toggleview{position:absolute;right:70px;top:20px;z-index:2;padding:.2rem 1.1rem;height:2rem;font-size:0.9rem}
#togglefullscreen:after{content:"Maximér"}
#toggleview{right:20px}
body.fullscreen #togglefullscreen:after{content:"Minimér"}
body.fullscreen .container,body.fullscreen article{position:static !important;z-index:-1}
#selected_sections{max-height:200px;overflow-y:auto;padding:1px 0}
.line{width:10px !important;height:10px !important}
#legend{width:auto}#legend,#toolbox{font-size:0.8em}
#legend{position:absolute;z-index:2;right:20px;top:60px;font-size:0.7rem}
#toolbox .list-group li{padding:0.5rem 0.75rem}
#toolbox .form-inline .form-control{float:none;width:inherit}
.input-group-addon{width:auto;border-radius:0}#selected_sections{max-height:165px}
.hangon{max-width:216px;padding:5px 10px;color:#fff;text-align:center;background-color:#0039a6;border-radius:5px;z-index:1}
.hangon:before{position:absolute;width:0;height:0;border-color:transparent;border-bottom-color:transparent;border-style:solid;content:"";top:-5px;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#0039a6}
.input-group-addon{border:0;background:0 0;font-size:0.8em;padding:0}
#toolbox .cur-pointer{color:#fff;background:#0039a6;border-radius:50%;width:16px;font-size:16px;height:16px;display:inline-block;text-align:center;line-height:14px;padding-left:0;min-height:inherit;min-width:inherit}
.modal-backdrop.in{opacity:0.95}
#toolbox .list-group li.list-group-item.type-div.hidden{display:none !important}
#application-canvas,#application-splash-wrapper,#canvas_area,#railingcanvas{height:750px !important}
#selected_sections{max-height:130px}
.list-group li.gate-offset{border-top:0}
ul.list-group li.gate-offset .radio-inline input{margin-right:0;margin-left:0.25em}

@media (max-width:768px){
	.addons > div > div{width:auto;padding-left:0}
	#application-canvas,#legend,#toolbox{position:static}
	#legend,#toolbox{width:100%}
	#legend .panel,#toolbox .panel{border:0 none;box-shadow:none}
	#canvas_area,#toolbox .panel{border-top:1px solid rgba(0, 0, 0, .125)}
	#railingcanvas{height:auto !important}
	#legend{padding:1rem 1.25rem;border-top:1px solid rgba(0, 0, 0, .125);border-left:1px solid rgba(0, 0, 0, .125);border-right:1px solid rgba(0, 0, 0, .125)}
}

body[data-embed=embed],body[data-embed=embed] > div.container{background:#fff !important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#toolbox button,#toolbox input,#toolbox li{font-size:0.85rem}
#toolbox .list-group{margin:0;padding:0}
.hidden{display:none}
ul.list-group li .radio-inline input{margin-right:0.25rem}
ul.list-group li,ul.list-group li .radio-inline,ul.list-group li .radio-inline input{line-height:1.6;position:inherit;left:inherit}
#toolbox input[type=checkbox]:checked,#toolbox input[type=checkbox]:not(:checked){position:inherit;left:inherit}
#toolbox [type=checkbox] + label:after,#toolbox [type=checkbox] + label:before{content:none}
#toolbox label,#toolbox li{padding-left:0}
#toolbox .input-group__vert{padding-top:0.5rem}
#toolbox .input-group__vert > *{padding-top:0.25rem;padding-bottom:0.25rem;margin-bottom:0.25rem;height:2rem}
#multiForm{-webkit-box-shadow:0 4px 10px 0 rgba(26, 26, 26, .05);box-shadow:0 4px 10px 0 rgba(26, 26, 26, .05);margin-bottom:1rem}

table.plist [align=left]{text-align:left}
table.plist [align=right]{text-align:right !important}
table.plist [align=center]{text-align:center}
table.plist td:first-of-type,table.plist th:first-of-type{padding-left:1.5rem}
table.plist td:last-of-type,table.plist th:last-of-type{padding-right:1.5rem}
table.plist{display:table;width:100%;background-color:transparent;border-spacing:0;border-collapse:collapse}
.table-fullwidth{display:table;width:100%;max-width:100%}
table.plist td,table.plist th{padding:0.75rem;border-top:1px solid #dee2e6}
table.plist th{text-align:left}
table.plist thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}
table.plist input[type=text]{width:70px}
table.plist tbody tr td.image img{max-width:72px;height:auto}
table.plist td,table.plist th{background-color:#fff;border-bottom:1px solid #ccc}
table.plist td{height:72px;min-height:72px}
table.plist th,table.plist thead th{border-bottom:2px solid #ccc !important}

table.plist tbody tr {
	vertical-align: middle;
}
table.plist thead tr{
  border-top: none;
}
table.plist th:first-child, table.plist td:first-child{
  border-left: none;
}
table.plist th:last-child, table.plist td:last-child{
  border-right: none;
}
table.plist tbody tr:last-child, table.plist tbody tr:last-child td{
  border-bottom: none;
}




.amount input[type=text]{width:3.5rem;padding-left:0;padding-right:0;text-align:center}
.color-div label.radio-inline{background:0 0}
ul.list-group li.color-div label.radio-inline input[type=radio]{margin-top:2px;vertical-align:top;margin-left:7.5px}
.color-div label.radio-inline span.colorbox{background:#0039a6;border-radius:50%;width:16px;font-size:16px;height:16px;display:inline-block;text-align:center;line-height:14px;padding-left:0;min-height:inherit;min-width:inherit}
.color-div label.radio-inline span.colorbox.grey{background:#343539 !important}
.color-div label.radio-inline span.colorbox.darkgrey{background:#878581 !important}
.color-div label.radio-inline span.colorbox.white{background:#f1ece1 !important}
.color-div label.radio-inline span.colorbox.black{background:#0e0e10 !important}
table.plist.plistnoheight td{height:inherit;min-height:inherit}
.list-group li.nob{border-top:0 none}

.calc-box span.calc-number {
	background-color: #f6f6f6;
	color: #1a1a1a;
	font-weight: 600;
	height: 48px;
	line-height: 42px;
	line-height: 2.625rem;
	font-size: 24px;
	font-size: 1.5rem;
  margin:auto;
	margin-top: 24px;
	margin-top: 1.5rem;
	padding: 0 16px;
	padding: 0 1rem;
	display: block;
	border: 1px dotted #ccc;
	text-align: center;
  width: 300px;
}
input#inp_beregningnr{
  width: 138px;
  font-size: 1.15em;
/*  letter-spacing: .025em;*/
  min-height: 38px;
}
input#inp_beregningnr::placeholder {
  letter-spacing: 0;  
    font-size: .77em;
}
