/*Start*/
	
	.integrasjoner-main {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	}

	.integrasjoner-sub {
	width: 30%;
	background-color: #0F2540;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	padding: 15px;
	}

	.integrasjoner {
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 20px;	
	}

	.int-icon-1 {
	width: 100px;
	height: auto;
	}
	
	.int-icon-2{
	width: 140px;
	height: auto;	
	}
	
	.int-icon-3{
	width: 100px;
	height: auto;	
	}
	
	.int-icon-4{
	width: 100px;
	height: auto;	
	}
	
	.int-icon-5{
	width: 100px;
	height: auto;	
	}
	
	.int-icon-6{
	width: 50px;
	height: auto;
	}
	
	.int-icon-7{
	width: 50px;
	height: auto;
	}
	
	.int-icon-8{
	width: 100px;
	height: auto;	
	}
	
	.int-icon-9{
	width: 80px;
	height: auto;	
	}

	.integrasjoner p {
	font-family: var(--ff-gilroy);
    font-size: var(--home-p-fs);
    color: var(--text-color-theme);
    line-height: 150%;
    text-align: left;
	margin-bottom: 0;	
	}

	.integrasjoner a {
	color: #0066cc;
	text-decoration: none;
	}

	.integrasjoner a:hover {
	text-decoration: underline;
	}
	
	.integrasjoner-icon-div{
		height: 47px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-regnskap-icon-1, .integrasjoner-regnskap-icon-2, .integrasjoner-regnskap-icon-3{
		height: 34px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-regnskap-icon-4, .integrasjoner-regnskap-icon-5, .integrasjoner-regnskap-icon-6{
		height: 39px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-regnskap-icon-7, .integrasjoner-regnskap-icon-8, .integrasjoner-regnskap-icon-9{
		height: 47px;
		display: flex;
		align-items: flex-start;
	}
	
	.int-avstemming-icon-1{
		width: 100px;
		height: auto;
	}
	
	.int-avstemming-icon-2{
		width: 150px;
		height: auto;
	}
	
	.int-avstemming-icon-3{
		width: 150px;
		height: auto;
	}
	
	.int-avstemming-icon-4{
		width: 100px;
		height: auto;
	}
	
	.int-avstemming-icon-5{
		width: 80px;
		height: auto;
	}
	
	.integrasjoner-Avstemming-icon-1, .integrasjoner-Avstemming-icon-2, .integrasjoner-Avstemming-icon-3{
		height: 71px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-Avstemming-icon-4, .integrasjoner-Avstemming-icon-5{
		height: 34px;
		display: flex;
		align-items: flex-start;
	}
	
	.int-lonn-icon-1{
		width: 100px;
		height: auto;
	}
	
	.int-lonn-icon-2{
		width: 100px;
		height: auto;
	}
	
	.int-lonn-icon-3{
		width: 100px;
		height: auto;
	}
	
	.int-lonn-icon-4{
		width: 100px;
		height: auto;
	}
	
	.int-lonn-icon-5{
		width: 80px;
		height: auto;
	}
	
	.integrasjoner-lonn-icon-1, .integrasjoner-lonn-icon-2, .integrasjoner-lonn-icon-3{ 
		height: 34px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-lonn-icon-4, .integrasjoner-lonn-icon-5{ 
		height: 58px;
		display: flex;
		align-items: flex-start;
	}
	
	.int-Inkasso-icon-1{
		width: 80px;
		height: auto;
	}
	
	.int-Inkasso-icon-2{
		width: 100px;
		height: auto;
	}
	
	.int-Inkasso-icon-3{
		width: 130px;
		height: auto;
	}
	
	.int-Inkasso-icon-4{
		width: 120px;
		height: auto;
	}
	
	.integrasjoner-Inkasso-icon-1, .integrasjoner-Inkasso-icon-2, .integrasjoner-Inkasso-icon-3{
		height: 34px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-Inkasso-icon-4{
		height: 34px;
		display: flex;
		align-items: flex-start;
	}
	
	.int-Bank-icon-1{
		width: 100px;
		height: auto;
	}
	
	.int-Bank-icon-2{
		width: 150px;
		height: auto;
	}
	
	.int-Bank-icon-3{
		width: 90px;
		height: auto;
	}
	
	.integrasjoner-Bank-icon-1, .integrasjoner-Bank-icon-2, .integrasjoner-Bank-icon-3{
		height: 41px;
		display: flex;
		align-items: flex-start;
	}
	
	:root{
		--logo-size: 20px;
	}
	
	h3.logo-text{
		font-family: var(--ff-inter);
    font-size: var(--logo-size);
    color: var(--text-color-theme);
    line-height: 150%;
    text-align: left;
	margin-bottom: 0;	
	}
	
	ul.orage-triangle-list{
		margin-bottom: 0;
		padding-left: 0;
	}
	
	ul.orage-triangle-list li{
		margin-bottom: 10px !important;
	}
	
	ul.orage-triangle-list li a{
		display: contents;
	}
	
	.int-Rapportering-icon-1{
		width: 120px;
		height: auto;
	} 
	.int-Rapportering-icon-2{
		width: 100px;
		height: auto;
	}
	.int-Rapportering-icon-3{
		width: 100px;
		height: auto;
	}	
	.int-Rapportering-icon-4{
		width: 90px;
		height: auto;
	}	
	.int-Rapportering-icon-5{
		width: 120px;
		height: auto;
	}
	
	.integrasjoner-Rapportering-icon-1, .integrasjoner-Rapportering-icon-2, .integrasjoner-Rapportering-icon-3{
		height: 44px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-Rapportering-icon-4, .integrasjoner-Rapportering-icon-4{
		height: 39px;
		display: flex;
		align-items: flex-start;
	}
	
	.int-OrdreLogistikk-icon-1 {
	width: 150px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-2 {
	width: 100px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-3 {
	width: 80px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-4 {
	width: 120px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-5 {
	width: 120px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-6 {
	width: 120px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-7 {
	width: 80px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-8 {
	width: 80px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-9 {
	width: 80px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-10 {
	width: 100px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-11 {
	width: 100px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-12 {
	width: 80px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-13 {
	width: 100px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-14 {
	width: 120px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-15 {
	width: 100px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-16 {
	width: 50px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-17 {
	width: 100px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-18 {
	width: 100px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-19 {
	width: 100px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-20 {
	width: 100px;
	height: auto;
	}

	.int-OrdreLogistikk-icon-21 {
	width: 100px;
	height: auto;
	}

	
	.integrasjoner-OrdreLogistikk-icon-1, .integrasjoner-OrdreLogistikk-icon-2, .integrasjoner-OrdreLogistikk-icon-3{
		height: 42px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-OrdreLogistikk-icon-4, .integrasjoner-OrdreLogistikk-icon-5, .integrasjoner-OrdreLogistikk-icon-6{
		height: 34px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-OrdreLogistikk-icon-7, .integrasjoner-OrdreLogistikk-icon-8, .integrasjoner-OrdreLogistikk-icon-9{
		height: 49px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-OrdreLogistikk-icon-10, .integrasjoner-OrdreLogistikk-icon-11, .integrasjoner-OrdreLogistikk-icon-12{
		height: 54px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-OrdreLogistikk-icon-13, .integrasjoner-OrdreLogistikk-icon-14, .integrasjoner-OrdreLogistikk-icon-15{
		height: 40px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-OrdreLogistikk-icon-16, .integrasjoner-OrdreLogistikk-icon-17, .integrasjoner-OrdreLogistikk-icon-18{
		height: 35px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-OrdreLogistikk-icon-19, .integrasjoner-OrdreLogistikk-icon-20, .integrasjoner-OrdreLogistikk-icon-21{
		height: 34px;
		display: flex;
		align-items: flex-start;
	}
	
	.int-Factoring-icon-1{
	width: 80px;
	height: auto;	
	}
	
	.int-Factoring-icon-2{
	width: 80px;
	height: auto;	
	}
	
	.int-Factoring-icon-3{
	width: 170px;
	height: auto;	
	}
	
	.int-Factoring-icon-4{
	width: 100px;
	height: auto;	
	}
	
	.int-Factoring-icon-5{
	width: 80px;
	height: auto;	
	}
	
	.int-Factoring-icon-6{
	width: 80px;
	height: auto;	
	}
	
	.integrasjoner-Factoring-icon-1, .integrasjoner-Factoring-icon-2, .integrasjoner-Factoring-icon-3{
		height: 60px;
		display: flex;
		align-items: flex-start;
	}
	
	.integrasjoner-Factoring-icon-4, .integrasjoner-Factoring-icon-5, .integrasjoner-Factoring-icon-6{
		height: 34px;
		display: flex;
		align-items: flex-start;
	}
	
	.int-Kasse-icon-1 {
	width: 100px;
	height: auto;
	}

	.int-Kasse-icon-2 {
	width: 90px;
	height: auto;
	}

	.int-Kasse-icon-3 {
	width: 90px;
	height: auto;
	}

	.int-Kasse-icon-4 {
	width: 100px;
	height: auto;
	}

	.int-Kasse-icon-5 {
	width: 80px;
	height: auto;
	}

	.int-Kasse-icon-6 {
	width: 130px;
	height: auto;
	}

	.int-Kasse-icon-7 {
	width: 100px;
	height: auto;
	}

	.int-Kasse-icon-8 {
	width: 150px;
	height: auto;
	}

	.int-Kasse-icon-9 {
	width: 100px;
	height: auto;
	}

	.int-Kasse-icon-10 {
	width: 100px;
	height: auto;
	}
	
	.integrasjoner-Kasse-icon-1,
	.integrasjoner-Kasse-icon-2,
	.integrasjoner-Kasse-icon-3 {
	height: 39px;
	display: flex;
	align-items: flex-start;
	}


	
	.integrasjoner-Kasse-icon-4,
	.integrasjoner-Kasse-icon-5,
	.integrasjoner-Kasse-icon-6
	{
	height: 34px;
	display: flex;
	align-items: flex-start;
	}


	
	.integrasjoner-Kasse-icon-7,
	.integrasjoner-Kasse-icon-8,
	.integrasjoner-Kasse-icon-9 {
	height: 34px;
	display: flex;
	align-items: flex-start;
	}
	
	.integrasjoner-Kasse-icon-10 {
	height: 34px;
	display: flex;
	align-items: flex-start;
	}

	.integrasjoner-Nettbutikk-icon-1, .integrasjoner-Nettbutikk-icon-2, .integrasjoner-Nettbutikk-icon-3{
		height: 50px;
	display: flex;
	align-items: flex-start;
	}
	
	.int-Nettbutikk-icon-1{
		width: 100px;
		height: auto;
	}
	
	.int-Nettbutikk-icon-2{
		width: 50px;
		height: auto;
	}
	
	.int-Nettbutikk-icon-3{
		width: 100px;
		height: auto;
	}
	
	.int-Nettbutikk-icon-4{
		width: 100px;
		height: auto;
	}
	
	
	.int-Timer-icon-1{
	/*width: 120px;*/
		width: 160px;
		height: auto;
	}

	.int-Timer-icon-2{
	/*width: 120px;*/
	width: 160px;	
	height: auto;
	}

	.int-Timer-icon-3{
	width: 120px;
	height: auto;
	}

	.int-Timer-icon-4{
	width: 120px;
	height: auto;
	}

	.int-Timer-icon-5{
	width: 100px;
	height: auto;
	}

	.int-Timer-icon-6{
	width: 100px;
	height: auto;
	}

	.int-Timer-icon-7{
	width: 100px;
	height: auto;
	}

	.int-Timer-icon-8{
	width: 140px;
	height: auto;
	}

	.int-Timer-icon-9{
	width: 90px;
	height: auto;
	}

	.int-Timer-icon-10{
	width: 80px;
	height: auto;
	}

	.int-Timer-icon-11{
	width: 60px;
	height: auto;
	}

	.int-Timer-icon-12{
	width: 100px;
	height: auto;
	}

	.int-Timer-icon-13{
	width: 100px;
	height: auto;
	}

	.int-Timer-icon-14{
	width: 120px;
	height: auto;
	}

	.int-Timer-icon-15{
	/*width: 120px;*/
	width: 160px;	
	height: auto;
	}
	
	.int-Timer-icon-16{
	width: 50px;
	height: auto;
	}

	.integrasjoner-Timer-icon-1, .integrasjoner-Timer-icon-2, .integrasjoner-Timer-icon-3{
	height: 43px;
	display: flex;
	align-items: flex-start;
	}

	.integrasjoner-Timer-icon-4, .integrasjoner-Timer-icon-5, .integrasjoner-Timer-icon-6{
	height: 34px;
	display: flex;
	align-items: flex-start;
	}

	.integrasjoner-Timer-icon-7, .integrasjoner-Timer-icon-8, .integrasjoner-Timer-icon-9{
	height: 41px;
	display: flex;
	align-items: flex-start;
	}

	.integrasjoner-Timer-icon-10, .integrasjoner-Timer-icon-11, .integrasjoner-Timer-icon-12{
	height: 44px;
	display: flex;
	align-items: flex-start;
	}

	.integrasjoner-Timer-icon-13, .integrasjoner-Timer-icon-14, .integrasjoner-Timer-icon-15{
	height: 54px;
	display: flex;
	align-items: flex-start;
	}
	
	.integrasjoner-Timer-icon-16{
	height: 45px;
	display: flex;
	align-items: flex-start;
	}
	
	/*.int-Trelast-icon-1{
	width: 80px;
	height: auto;	
	}
	
	.int-Trelast-icon-1{
	width: 80px;
	height: auto;	
	}
	
	.int-Trelast-icon-1{
	width: 80px;
	height: auto;	
	}*/
	
	.int-Trelast-icon-1{
	width: 150px;
	height: auto;	
	}
	
	.int-Trelast-icon-2{
	width: 90px;
	height: auto;	
	}

	.int-Trelast-icon-3{
	width: 100px;
	height: auto;	
	}
	
	
	

	.int-Trelast-icon-5{
	width: 90px;
	height: auto;	
	}
	
	.integrasjoner-Trelast-icon-1, .integrasjoner-Trelast-icon-2, .integrasjoner-Trelast-icon-3{
	height: 46px;
	display: flex;
	align-items: flex-start;	
	}
	
	.integrasjoner-Trelast-icon-4, .integrasjoner-Trelast-icon-5{
	height: 34px;
	display: flex;
	align-items: flex-start;	
	}
	
	@media screen and (max-width: 1199px) {
	.integrasjoner-sub {
	width: 45%;
	}
	}
	
	@media screen and (max-width: 768px) {
	.integrasjoner-sub {
	width: 45%;
	}
	}
	
	@media screen and (max-width: 767px) {
	.integrasjoner-sub {
	width: 45%;
	}
	}

	@media screen and (max-width: 480px) {
	.integrasjoner-sub {
	width: 100%;
	}
	}
	
	/*End*/
	
	.card-body{
		padding-bottom: 4rem;
	}
	
	.integration_icons_class{
	width: 100%;
	max-width: 100px;
	}

	.nav-tabs a.nav-link{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	border-radius: 0.25rem;
	border: 0;
	}

	.intdivsplit {
	width: 100%;
	/*min-width: 920px;*/
	}
	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
	background-color: #0F2540;
	border: 0;
	color: var(--text-color-theme);

	}
	/*.nav-link.active:after {
	content: " ";
	height: 0;
	position: absolute;
	width: 0;
	border: 7px solid transparent;
	border-left-color: #FA5B3D;
	margin-top: 6px;
	right: 5px;
	}*/


	.nav-link.active:after {
	content: " ";
	background-repeat: no-repeat;
	background-image: url(/wp-content/themes/Zirius-2024/Regnskapsprogram/images/List-Icon-1.svg);
	position: absolute;
	right: 0;
	width: 20px;
	height: 20px;
	background-size: contain;
	display: inline-block;
	}	

	.integrationdiv h3{
	color: var(--text-color-theme);
	}

	.integration_icons_class{
	width: 100%;
	max-width: 100px;
	}	

	.intdivsplit {
	width: 100%;
	/*min-width: 920px;*/
	}
	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
	background-color: #0F2540;
	border: 0;
	color: var(--text-color-theme);
	}
	/*.nav-link.active:after {
	content: " ";
	height: 0;
	position: absolute;
	width: 0;
	border: 7px solid transparent;
	border-left-color: #257dbc;
	margin-top: 6px;
	right: 5px;
	}*/
	.integrationdiv {
	opacity: 1;
	padding: 15px;
	/*margin-top: 30px;*/
	background-color: #0F2540;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	height: 94%;
	}
	.integrationdiv p, .integrationdiv ul li {
	font-family: var(--ff-gilroy);
	font-size: var(--home-p-fs);
	color: var(--text-color-theme);
	line-height: 150%;
	text-align: left;

	}
	.integrationdiv p a {
	font-family: Muli, sans-serif;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	color: #007acc !important;
	text-decoration: underline;
	}
	.nav-tabs {
	display: none;
	}
	
	.nav-tabs .nav-link.active:hover {
	background-color: #0F2540;
	}
	
	@media (min-width: 801px) {
	.nav-tabs {
	display: flex;
	flex-flow: column nowrap;
	font-family: Muli, sans-serif;
	}
	.nav-tabs {
	border-bottom: none;
	display: flex;
	width: 30%;
	}
	.nav-tabs {
	margin: 15px 15px;
	}
	.nav-tabs .nav-item + .nav-item {
	margin-top: 1rem;
	}
	.nav-tabs .nav-link {
	transition: border-color 125ms ease-in;
	white-space: nowrap;
	}
	.nav-tabs .nav-link:hover {
	background-color: #0F2540;
	border-color: transparent;
	color: #257dbc;
	}
	.nav-tabs .nav-link.active {
	border-top-right-radius: 0;
	margin-right: -1px;
	width: 100%;
	min-width: 180px;
	position: relative;
	}
	.nav-tabs .nav-link.active:hover {
	background-color: #0F2540;
	}
	.card {
	border: none;
	background-color: transparent;
	}
	.card .card-header {
	display: none;
	}
	.card .collapse {
	display: block;
	}
	}
	@media (max-width: 800px) {
	.tab-pane {
	display: block !important;
	opacity: 1 !important;
	background-color: transparent;	
	}
	}
	.nav-item a {
	color: #0072ed;
	}
	/*.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
	color: #0F2540 !important;
	}*/
	
	.nav-tabs .nav-link:hover{		
	background-color: #0F2540;
	border-radius: 0.25rem;
	}


	.d-flex{
	background-color: #0B1C30;
	border-radius: 0.25rem;	
	}

	.nav-tabs .nav-link{
	color: var(--text-color-theme) !important;
	font-family: "Gilroy";
	font-size: var(--home-p-fs);

	}


	.card-header h5 a{
	font-family: var(--ff-gilroy);
	font-size: var(--home-p-fs);
	color: var(--text-color-theme) !important;
	}