@charset "UTF-8";

	@font-face 
	{
	  font-family: laksaman;
	  src: url(/modules/weppner-its/css/Laksaman/Laksaman.otf);
	}

	:root
	{
		--fontfamily: laksaman, dejavu sans, arial, helvetica, sans-serif;
		--fontsize: 18px;
		--fontcolor: #333;
		--bgcolor: white;
		--bordercolor: #ddd;
		--borderlightcolor: silver;
		--shadowcolor: black;
		--disabled: 0.6;
		--borderradius: 5px;
		--lightcolor: silver;
		--lightbgcolor: #f5f5f5;
		--shadow: 0 0 2px lightgrey;
		--transition: all 0.3s;

		--mainmiddlepadding: 0;
		
		--mainfooterbgcolor: #3790c5;
		--mainfootercolor: white;
		--mainfooterheight: 194px;		

		--artbgcolor: cadetblue;
		--artcolor: white;
		/*
		--wsblue: #368ade;
		*/
		--wsblue: var(--mainfooterbgcolor);
		--wsgreen: cadetblue;
		
		--navfontfamily: inherit;
		--navfontsize: inherit;
		--navfontstyle: inherit;
		--navwidth: 100%;
		--navopenwidth: 100%;
		--navbgcolor: inherit;
		--navitmheight: 30px;
		--navbordercolor: inherit;
		--navselbgcolor: inherit;
		--navselcolor: var(--wsblue);
		--navactbgcolor: inherit;
		--navactcolor: var(--wsblue);
		--navactfontweight: bold;
		--navsubcolor: inherit;
		--navsubbgcolor: inherit;
		--navshadow: var(--shadow);
		
		
		--navburgerbgclr: silver;
		--navburgerclr: inherit;				

    --buttonbgcolor: var(--wsblue);
		--buttoncolor: white;
		
		--wsfooterleft: 400px;
		--wsfooterright: 200px;
		
	}
	
	header.maintop
	{
		border-bottom: 3px solid var(--wsblue);
		text-align: center;
		padding-left: 40px;
		padding-right: 40px;
	}
	header.maintop h1,
	header.maintop .descriptiontext 
	{
		margin: 0;
	}
	
	footer.mainbottom
	{
		position: relative;
 		font-size: smaller;
 		padding-left: var(--wsfooterleft);
 		padding-right: var(--wsfooterright);
	}

	footer.mainbottom .infoarea
	{
		/*
		width: calc(100% - var(--wsfooterleft) - var(--wsfooterright));
		*/
		width: 100%;
	}
	footer.mainbottom .infoarea .contentelements .infoitem
	{
		display: inline-block;
		padding-right: 100px;
	}
	footer.mainbottom nav
	{
		--navcolor: var(--mainfootercolor);
		--navselcolor: var(--mainfootercolor);
		--navactcolor: var(--mainfootercolor);
	}
	footer.mainbottom .subline
	{
		margin: 0;
		bottom: 10px;
	}
	section.page.simpleform,
	.wspage
	{
		padding: 40px;
	}		
	.erpbox
	{
		border-radius: 10px;
	
	}
	.bgdarker
	{
		background-color: #cbe2f7;
	}
	.wsblue
	{
		color: var(--wsblue);
	}
	.wsbgblue
	{
		background-color: var(--wsblue);
	}
	.wsbggreen
	{
		background-color: var(--wsgreen);
		color: white;
	}
	.wshover
	{
		transition: var(--transition);
	}
	.wshover:hover
	{
		background-color: white;
	}
  article.colbased
	{
		padding-top: 50px;
		padding-left: 5%;
		padding-right: 5%;
  }	
	
	header h1
	{
		margin-bottom: 8px;
	}
	nav.contentmenu ul.main li
	{
		float: left;
	}
	nav li span, nav li a 
	{
	  display: block;
	  padding: 10px;
	  width: 100%;
	  box-sizing: border-box;
	  padding-right: 40px;
	}	
	
	nav.contentmenu div.menucontent .mcinner
	{
		border-top: 0;
		border-bottom: 3px solid var(--navselcolor);
	}	
	article.iconart 
	{
  	text-align: center;
  	max-width: 300px;
	}
	article.iconart footer
	{
		text-align: center;
	} 
	
	article.iconart object 
	{
  	height: 250px;
	}

	article.colbased .contentcols article.article.simple.erpbox
	{
		padding: 20px;
	}
	article.colbased .contentcols article.article.simple.erpbox.c2
	{
		min-width: min-content;
	}
	
	article.colbased .contentcols article.article.simple.erpbox .checklist
	{
		display: inline-block;
  	margin-right: 50px;
	}
	
	article.widget.imgwidget.c2 
	{
		border: 1px solid var(--buttonbgcolor);
		float: none;
		margin: 10px;
		border-radius: 4px;
	}	
	.morelink
	{
		border: 2px solid var(--wsblue);
		font-weight: bold;
		font-size: large;
	}
	article.colbased.middle .contentcols
	{
		align-items: center !important;
	}

	section.wspage article.colbased
	{
		padding-top: 5px;
	}
	section.wspage article.colbased article
	{
		padding: 10px;
	}
	section.page.loginbox input.login
	{
		width: var(--controlswidth);
	}
	
	section.dlaw .checklist li
	{
		padding-bottom: 15px;
	}
	section.dlaw ul.checklist li label.listitemhead
	{
		font-weight: bold;
		padding: 0;
	}
	
	form p
	{
		margin: 0;
	}
	.witimeline
	{
		--timeline-bgcolor: var(--mainfooterbgcolor);
		--timeline-item-bgcolor: var(--mainfooterbgcolor);
		--timeline-item-color: var(--mainfootercolor);
		--timeline-timeline-bgcolor: var(--mainfooterbgcolor);
		
		--timeline-outer-border: 2px solid var(--mainfooterbgcolor);
		--timeline-icon-border: 0;
	}

	article.carousel
	{
		height: auto;
		overflow-x: hidden;
		overflow-y: auto;
	}

	article.carousel ul.carouselselector
	{
		bottom: 0;
		margin: 0;
		padding: 0;
	}
	article.carousel .carousel-outeroverlay
	{
		display: none;
	}


	@media (max-width: 1400px)
	{
		:root
		{
			--fontsize: 16px;
		}	
	}
	@media (max-width: 1200px)
	{
		:root
		{
			--wsfooterleft: 20px;
		}	
	}	
		
	@media (max-width: 1000px)
	{
		header.maintop .infoarea .infoitem
		{
			float: none;
			display: inline-block;
		}
		header.maintop h1.itemhead:not(article h1.itemhead)
		{
			font-size: small;
		}			
		article.colbased
		{
			padding-top:10px;
		}
	}
	@media (max-width: 900px)
	{
    section.wspage.contactform div.table.contenttable
		{
			display: block;
		}
    section.wspage.contactform div.row.contentrow
		{
			display: revert
		}
		section.wspage.contactform div.cell.contentcell
		{
	    display: block;
			width: 100% !important;
		}
  }
	
	@media (max-width: 800px)
	{
		header.maintop .infoarea .infoitem div.logo
		{
			max-width: 300px !important;
		}
		article.colbased
		{
			padding-top:5px;
		}
		article.iconart object 
		{
  		height: 200px;
		}	
		footer.mainbottom
		{
			height: auto;
		}
		footer.mainbottom .infoitem
		{
			display: block;
		}	
	}
	@media (max-width: 600px)
	{
		:root 
		{
			--navitemheight: 1;
		}
		nav li
		{
			line-height: 1;
		}
		nav li span, 
		nav li a
		{
			padding: 5px;
			padding-right: 5px;
		}
		article.iconart object 
		{
  		height: 150px;
		}		
	}
	@media (max-width: 500px)
	{
		:root
		{
			--navfontsize: 14px;
		}
	}
	
	@media (max-height: 500px)
	{
		header.maintop
		{
			position: relative;
		}
		header.maintop h1.itemhead:not(article h1.itemhead)
		{
			display: none;
		}
		nav li
		{
			line-height: 1;
		}
		nav li span, 
		nav li a
		{
			padding: 5px;
			padding-right: 5px;
		}
	}