/*body,h1,h2,h3,h4,h5 {font-family: "Verdana", sans-serif}*/
.aco-green,.aco-hover-green:hover{color:#fff!important;background-color:#66bc62!important}
.aco-noline {text-decoration: none}
.aco-hand{cursor:pointer;}
.aco-upload {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.aco-upload + .aco-upload-label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}
.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}
.aco-image{max-width:100%;max-height:100%}
.aco-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
.aco_ordertbl {
	border-collapse: collapse;
}
.aco_ordertbl th {
	font-style: normal;
	font-weight: normal;
}
.aco_ordertbl tr:not(:first-child) th {
  padding: 10px 5px 0 5px;
}
.aco_ordertbl tr td:nth-child(1) {
  text-align: right;
}
.aco_ordertbl tr td:nth-child(3) {
  text-align: rigth;
}
.aco_ordertbl td {
  border: 1px solid black;
  padding: 0 10px 0 10px;
}
.aco-margin-bottom-64 {
	margin-bottom:64px;
}
.aco-padding-bottom {
	padding-bottom:16px;
}
.aco-mint{background-color: rgb(203 255 205)}
.aco-text-green{color:green!important}
/*----------------------------------------------------------------------------*/
@media print {.noprint {display:none;}}
@media screen {.notonscreen {display:none;}}
:root {
	--bs-backdrop-bg: #fff;
}
h1 {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 38pt;
}
.aco-hidden {
	display:none;
}
.banner {
	background-color: rgb(197,227,194); /* Pale green */
	padding: 20px;
	text-align: center;
	color: black;
}
.bg-pale-green {
	background-color: rgb(197,227,194);
}
.bg-white {
	background-color: white;
}
.centered-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	padding-top: 20px;
}
.login-form {
	background-color: rgb(197,227,194);
	max-width: 500px;
	margin: 0 auto;
	/*display: flex;*/
	/*padding-top: 20px;*/
}
.login-form .btn {
	margin: 10px;
	border-radius: 20px;
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12pt;
	color: white;
	background-color: black;
	width: 200px;
}
.login-form .btn:hover {
	color:#fff!important;
	background-color:#66bc62!important
}
.missing-account .btn {
	margin: 10px;
	border-radius: 20px;
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12pt;
	color: white;
	background-color: black;
	width: 200px;
}
.missing-account .btn:hover {
	color:#fff!important;
	background-color:#66bc62!important
}
.back-to-acona .btn {
	margin: 10px;
	border-radius: 20px;
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 12pt;
	color: black;
	background-color: white;
	width: 200px;
}
.back-to-acona .btn:hover {
	color:#fff!important;
	background-color:#66bc62!important
}
.side-menu {
	width: 250px; /* Fixed width for side menu */
	background-color: white;
	padding: 15px 15px 0 0;
	border-right: 0;
	white-space: nowrap;
}
.side-menu .btn {
	margin-bottom: 10px;
	width: 100%;
	border-radius: 20px;
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12pt;
	text-align: left;
}
.side-menu .btn:hover {
	background-color: rgb(185,227,230);
}
.btn-active {
	background-color: rgb(185,227,230)
}
.side-menu i {
	padding-right: 10px;
}
.content-area {
	flex-grow: 1;
	padding: 15px;
	margin-left: 15px;
	border: 0;
}
.content-panel {
	width: 100%;
	background-color: rgb(235,235,235);
	padding: 20px;
	border-radius: 10px;
	/*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);*/
	margin-bottom: 35px
}
.content-panel .btn {
	margin: 10px;
	border-radius: 20px;
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12pt;
	color: black;
	/*background-color: white;*/
}
.content-panel .btn:hover {
	background-color: rgb(185,227,230);
}
.content-panel .btn-color-active {
	background-color: rgb(110,185,103);
}
.content-panel .btn-color-inactive {
	background-color: white;
}
.barlow-condensed-semibold {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 38pt;
}

.border-bottom-1px {
	border-bottom: 1px solid #333;
}

#ektbl_log {
	line-height: 3 !important;
}

#ektbl_log .btn {
	margin: 10px;
	border-radius: 20px;
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 8pt;
	color: black;
}
.modal-header {
	border-bottom:0;
}
.modal-footer .btn, .modal-content .btn {
	margin: 10px;
	border-radius: 20px;
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12pt;
	color: black;
	/*background-color: white;*/
}
.modal-footer .btn-white, .modal-content .btn-white {
	color: black;
	background-color: white;
}
.modal-footer .btn-black, .modal-content .btn-black {
	color: white;
	background-color: black;
}
.modal-footer .btn-green, .modal-content .btn-green {
	color: white;
	background-color: green;
}
.modal-footer .btn-gray, .modal-content .btn-gray {
	color: black;
	background-color: rgb(235,235,235);;
}
.modal-footer .btn:hover, .modal-content .btn:hover {
	background-color: rgb(185,227,230);
}
#besProtBody p, #besProtAvv p, #besProtIds p {
	margin-bottom: 0;
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 14pt;
	color: black;
}
footer a {
	color: white;
	text-decoration: none;
}
.aco-ingress {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 22pt
}
.aco-ingress-bold {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 22pt
}
.aco-ingress-bold-italic {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: italic;
	font-size: 22pt
}
.aco-ingress-italic {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 22pt
}
.aco-big-txt-bold {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 18pt
}
.aco-medium-txt-italic {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 14pt
}
.aco-medium-txt {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14pt;
	line-height: 1.5;
}
.aco-small-txt-bold {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12pt;
}
.aco-small-txt {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 12pt;
	line-height: 1.5;
}
.aco-small-txt-italic {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 12pt
}

/* print */
#div_proto_print {
	position: fixed;
	z-index: 2000; /*för att komma över modal back-drop*/
	color: black;
}

#div_proto_print table {
	width: 100%;
}

#div_proto_print h1 {
	color: black;
	font-family: "Arimo", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 16pt
}

#div_proto_print .tblh2 {
	color: black;
	font-family: "Arimo", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 14pt;
	vertical-align: bottom;
	height: 50px;
}

#div_proto_print th {
	color: black;
	font-family: "Arimo", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 9pt;
	vertical-align: top;
	padding-top: 10px;
}

#div_proto_print td {
	color: black;
	font-family: "Cutive", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 7pt;
	vertical-align: top;
	padding-top: 13px;
}

#div_proto_print .byline {
	color: black;
	font-family: "Arimo", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 9pt;
	vertical-align: top;
	margin-top: 20px;
}

.protoprint_static {
  font-family: "Arimo", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.protoprint_dynamic {
  font-family: "Cutive", serif;
  font-weight: 400;
  font-style: normal;
}

.pricelist {
	width: 100%;
}

/*----------------------*/
.ibm-plex-sans-condensed-light {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.ibm-plex-sans-condensed-semibold {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.ibm-plex-sans-condensed-light-italic {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 300;
	font-style: italic;
}

.ibm-plex-sans-condensed-medium-italic {
	font-family: "IBM Plex Sans Condensed", sans-serif;
	font-weight: 500;
	font-style: italic;
}