@import url("https://fonts.googleapis.com/css?family=Lato%3A400%2C700&ver=1618558126");

html, body {margin: 0px; padding:0px;}
.sp_main_login {margin:20px;}

.sp_doc_search{padding:10px; border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;}
.sp_search {width:150px;}
.sp_search_title {font-weight: bold; font-size:16px; color:#e0e0e0; background-color: #666;padding:10px;}
.sp_search_caption {font-weight: bold; font-size:13px}

.top {background-color: #555; color:#ffffff;height:131px;}

.sp_user {position: absolute; top:0px; right:0px; width:110px; font-size: 12pt; padding-left: 3px; color:#808080}

.core_module_top {font-weight: bold; font-size:16px; color:#e0e0e0; background-color: #666;padding:8px;}
.sp_logo_img { width:168px; height: 118px; background: #333; float:left; padding:6px;}
.sp_logo_text {margin-left: 190px;}

.sp_login_form{position: absolute; border: 1px solid #808080;  background-color:#f8f8f8;  width:252px;  padding:20px;}
.sp_login_form_form {margin-top: 35px; text-align: left;}
.sp_login_form .login {color:#c0c0c0;background: #fff;  border-radius:3px; width:190px; font-size:14px;}
.login_caption {font-weight: bold; font-family: Verdana,sans-serif; font-size: 24px; }
.sp_login_form div {padding:5px;}
.sp_login_form .submit {color:#000000;background: #e0e0e0;  border-radius:12px; width:80px; font-size:14px; height:28px;float:right;}
.sp_login_form div {padding:5px;}

.popupRounded {border-color: #666;}

.sp_popup_title {font-weight: bold; font-size:16px; color:#e0e0e0; background-color: #666;padding:10px;}
.sp_doc_resend{padding:10px; border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;}
.sp_email_wrapper {width:340px;}
.sp_email_caption {font-weight: bold; font-size:13px}

.spOppdrag {padding: 5px 5px 5px 18px; line-height: 18px; font-weight: bold; }
.spOppdragList{padding: 0px 0px 0px 18px;}
.spInstComment {padding:0px 5px 0px 10px;}
.sp_summary_table {border-spacing: 0; }
.sp_summary_table td {padding: 5px 5px 5px 5px; line-height: 18px;  vertical-align: middle;}
.sp_summary_table tbody > tr:nth-child(odd) {background-color: #f9f9f9;}
.spJobbDone {color:#909090;}

.spTopBack  {float:right;}
.spTopBack2  {float:left;width:200px;}
.sp_catdesccont{padding:1px;background-color: #f0f0f0;}
.sp_catdesc{float:left; font-weight: bold;font-size:16pt; padding:5px 10px 2px 10px;}
.spShopDropdown {float:right; margin-top:2px;}
.spOnlyHageland {float:right; margin-top:2px;}

.installjobbDate {width:75px;}
.installjobbTime {width:45px;}
.installjobbHour {width:45px;}
.installjobbType {width:95px;}
.installjobbComment {width:99%;}
.installjobbSave {width:19px; height:19px; outline: 0px none; border: 0px; background-color: transparent;}
.installSelectUser {width:340px;}
.installSelectUserSub {padding:10px;}

.sp_orderline
{
	clear:both;
	padding:10px 5px 10px 5px; 
	border-top: 1px solid #d0d0d0;
	font-size:12pt;
}

.sp_order_input 
{
	border: 1px solid #CCCCCC; 
	padding: 2px 4px 2px 4px;
	width:130px;
}

.sp_item_card
{
	font-size:12pt;
}

.sp_vendortitle
{
	padding:10px 5px 10px 5px; 
}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: none; 
   height: 0; 
   clear: both;
}

.sp_hl_prod{width:30px;float:right;}
.sp_hl_prod_var{width:14px;}

/*.sp_order_head {background-color:#009648;height:60px;width:100%;}*/
.sp_order_head {background-color:#FFFFFF;height:60px;width:100%; border-bottom: 1px solid #f0f0f0;}
.sp_order_head_logo {height:60px; float:left;}
.sp_order_head_title {float:left; color:#030303;font-size:24pt;padding-top:17px; padding-left:5px;}
.sp_order_head_admin {width:40px; padding-top:5px;float:right}
.sp_order_head_check {display:table-cell; width:200px; padding-top:10px; height:30px;font-size: 14px; font-weight: bold;}

.sp_logo_top {height:120px;background-color:#f0f8f0;}
.sp_logo_top_img {width:100px; padding: 10px 0px 0px 10px; float:right;}
.sp_top_info {float:left;padding:20px 0px 0px 15px;}
.sp_top_help {float:right;padding:20px 0px 0px 15px; font-size:14px;}
.sp_top_custname {font-size: 16px; font-weight: bold; font-style: italic;}
.sp_hl_top_img {width:100px; padding: 10px 10px 0px 10px; float:left;}
.page{max-width:1170px;margin-left: auto; margin-right:auto;}
.sp_nav_bar_all {background-color:#fafafa;height:105px;border-bottom: 1px solid #f0f0f0;text-align:center;}
/* .sp_nav_bar {height:105px;text-align:center; width:450px;}*/
.sp_nav_bar_button {width:50px; padding:5px 10px 5px 10px; cursor:pointer;}
.sp_orderline_input{ width:50px; font-size:16px; height:24px;}
.sp_order_confirm_shema select {width:250px; font-size:16px; height:30px;}
.sp_order_resp_email{width:95%; font-size:16px; height:30px;}
.sp_order_resp_deliverdate{width:115px; font-size:16px; height:30px;}
.hgoffline_order_cont {height:calc(100vh - 107px);overflow:hidden;}
.sp_orderline1 {float:left;width:60%;}
.sp_orderline2 {float:right;}
.sp_orderline3 {float:left;overflow:hidden;width:200px;}
.sp_orderline4 {float:right;}
.sp_orderline5 {float:left;overflow:hidden;width:200px;font-size:12px;}

.sp_orderhistline1 {float:left;width:100px;}
.sp_orderhistline2 {float:left;overflow:hidden;width:100px;}
.sp_orderhistline3 {float:right;width:40px}
.sp_orderhistline4 {float:right;}

.sp_orderhistline2_1 {float:left;width:100px;}
.sp_orderhistline2_2 {float:left;overflow:hidden;width:100px;}

table.prod
{
	width:100%;
	border-spacing: 0px;
}

.f12name{ font-weight: bold;}
.f12nameno { font-style: italic;}
.f12nextseason { font-size:14px; font-style: italic; color:#e04040;}
.f12desc { font-size:14px;}

.sp_variantline
{
	clear:both;
	padding:10px 5px 10px 5px; 
	font-size:12pt;
}


table.prod .f11
{
	width:120px;
	height:100px;
}
table.prod .f11 img
{
	width:100px;
	height:100px;
}

table.prod .f12
{
	vertical-align: top;
}

table.prod .f12 div:first-child
{
	margin-bottom: 10px;
}


table.prod .f13
{
	vertical-align: top;
}

table.prod .f22
{
	width:140px;
}

table.prod .f23
{ 
	font-style: italic;
}

table.prod .f32
{
	font-style: italic;
	vertical-align: top;
	color:rgb(68,128,68);
}
table.prod .f33
{
	font-style: italic;
	color:rgb(68,128,68);
}

.sp_orderhisthead
{
	padding:0px 5px 5px 5px; 
	/* border-bottom: 1px solid #d0d0d0; */
	font-size:12pt;
}

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

.sp_orderhistonelabel 
{	
	float:left;width:120px;
	padding:5px 5px 5px 5px; 
	font-size:14pt;
	font-weight: bold;
}
.sp_orderhistonefield 
{	
	float:left;width:100px;
	padding: 5px 5px 5px 5px; 
	font-size:14pt;
}



.sp_order_confirm {padding:10px;}
.sp_order_bestill {height:48px;}
.sp_order_add_basket {height:60px;float:right; padding:5px;}
.sp_order_line_detail {height:20px;}

.sp_menu {position: absolute; right:3px;top:15px; width:230px; display: none; z-index:10000;}
.sp_menu_heading {background-color:#009648;color:#FFFFFF;font-size:12pt; padding:3px;border-top: 1px solid #a0a0a0;border-left: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;}
.sp_menu_alt {background-color:#ffffff;font-size:16pt; padding:3px;border-bottom: 1px solid #a0a0a0;border-left: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;}
.sp_menu_alt_img {float:left; padding-right:3px;width:32px}
.sp_menu_alt_txt {float:left;padding-top:3px;}
.sp_menu_action {cursor:pointer; }
.sp_next_butt {height:40px; float:right; padding:10px;}
.sp_prev_butt {height:40px; float:left; padding:10px;}
.sp_search {background-color:#e0e0e0;height:50px;width:100%;  display: none;}
.sp_search_field
{
	margin:10px 20px 0px 20px;
	background-color:#ffffff;
    display: inline-block;
    border: 1px inset #ccc;
	width:calc(100% - 51px);
	border-radius: 15px;
	height:30px;

}
.sp_search_field input 
{
/*background-color: transparent;*/
	float:left;
	border: none;
    padding : 0 0 0 10px;
	font-size: 20px;
	height:30px;
	width:calc(100% - 70px);
	/*border-radius: 15px;*/
}

.sp_search_field input:focus{
    outline: none;
}

.sp_left_search_img 
{
	float:left;
	padding-top:3px;
	padding-left:3px;
	height:24px;
	border:none;
	background:none;
}

.sp_right_search_img 
{
	float:right;
	height:30px;
	border:none;
	background:none;
}

.sp_order_confirm_summary
{
	border: 1px solid #f0f0f0;
	background-color: #f8f8f8;
	padding: 5px;
}

.sp_order_confirm_shema
{
	border: 1px solid #f0f0f0;
	background-color: #f8f8f8;
	padding: 5px;
}

.sp_prefix {display:none;}

.sp_left_menu 
{
	float:left;
	display:block; 
	background-color:#fafafa; 
	color:#030303; 
	width:24%; 
	height:100%; 
	overflow-x: hidden;
	overflow-y: scroll;
}

.sp_webcat
{
	padding: 10px;
}

.sp_webcat_title
{
	font-size: 20px;
	font-weight: bold;
}

.sp_webcat_item
{
	font-size: 14px;
	border-bottom: 1px solid #f0f0f0;
	text-indent: -10px;
    padding-left: 10px;	
	cursor:pointer;
}

.sp_websubcat_item
{
	font-size: 14px;
	border-bottom: 1px solid #f0f0f0;
	padding-left: 10px;
	cursor:pointer;
}

.sp_websubcat
{
	display:none;
}

.sp_webcat_item:hover,
.sp_websubcat_item:hover
{
	color:#009648;
	background-color: #ffffff;
}

.sp_webcat_item_disabled
{
	font-size: 14px;
	border-bottom: 1px solid #f0f0f0;
	text-indent: -10px;
    padding-left: 10px;	
	color:#a0a0a0;
}
.sp_websubcat_item_disabled
{
	font-size: 14px;
	border-bottom: 1px solid #f0f0f0;
	padding-left: 10px;
	color:#a0a0a0;
}

.sp_content {float:right;width:76%;overflow-y: scroll;overflow-x: none;  height:100%;}
.hgoffline_order_cont,
.hist { width:100%;border-collapse: collapse;}
.hist .head
{
	font-weight: bold;
}

.hist .row-d
{
	font-style: italic;
	color:#802020;
}

.hist .col-l
{
	font-style: italic;
	color:#349850;
	font-weight:bold;
}

.hist .row-s
{
	font-style: italic;
	font-weight: bold;
	color:#404040;
	border-top: 1px solid #e8e8e8;
}

.hist .col-2
{
	width:100px;
	text-align: right;
}
.hist .row-f
{
	height:10px;
}
.hist .col-3
{
	width:100px;
	text-align: right;
}

.hist .col-3 input
{
	width:60px;
}
.hist .col-4
{
	width:40px;
	text-align: right;
}
.hist input
{
	text-align: right;
}

.hist .col-lev-1
{
	width:20px;
}

.hist .delete 
{
	width:16px;
}

.selweek::placeholder
{
	color: red;
}

.hist .col-lev-3,
.hist .col-lev-2,
.hist .col-tot-1
{
	text-align: right;
}

.hist .col-lev-4,
.hist .col-lev-5
{
	width:100px;
	text-align: right;
}

.hist .col-lev-3 input,
.hist .col-lev-4 input,
.hist .col-lev-5 input
{
	width:80px;
	height:24%;
	font-size:12px;	
}

.sp_prefix {display:inline;}	
.sp_nav_bar_button2 {width:75px; margin:5px 15px 5px 15px; padding:0px;}
.sp_nav_bar_button {display:inline-block;width:75px; margin:5px 15px 5px 15px; padding:0px;}
.sp_nav_bar_button img {width:75px; margin:0px; padding:0px;}
.sp_orderline1 {width:auto}
.sp_orderline2 {width:auto;}
.sp_orderline4 {width:auto;}
.sp_orderline5 {width:auto; clear:both;}

.sp_menu {right:5px;width:370px;}
.sp_menu_heading {font-size:18pt; padding:5px;}
.sp_menu_alt {font-size:20pt; padding:5px;}
.sp_menu_alt_img {padding-right:5px;width:48px}
.sp_menu_alt_txt {padding-top:5px;}
.sp_orderline_input{ width:60px; font-size:20px; height:30px;}
.sp_orderline { font-size:16pt; }
.sp_order_amo {font-weight: bold;}

.sp_db_list_title
{
	font-size:14pt;
	color: #349850;
	background-color: #f0f8f0; 	
	padding:5px 10px 2px 5px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #f0f0f0;
}

.sp_groupdesc{font-size:14pt;background-color: #f0f8f0; padding:5px 10px 2px 10px;}
/*.hgoffline_header {height:155px;}*/
.hgoffline_header { 
	height: auto;
}
.hgofflinetop {width:100%; clear:both;}
.hgoffline_main {width:100%; clear:both;}
.sp_reducedcontent{display:none;}

.sp_icv_title {color:#70ce8b;font-weight: bold;font-size: 20px;font-style: italic;}

.sp_icv_stats1head {width:16px;}
.sp_icv_stats2head {font-weight: bold;}
.sp_icv_stats3head {width:20%; font-weight: bold;}
.sp_icv_stats4head {width:70px; text-align: right; padding-right: 20px; font-weight: bold;}
.sp_icv_stats5head {width:70px; text-align: right; padding-right: 20px; font-weight: bold;}
.sp_icv_stats6head {width:80px; font-weight: bold;}

.sp_icv_stats5 {text-align: right; padding-right: 10px;}

.sp_icv_webcomment {font-style: italic; color:#802020;font-size: 14px;top:-3px;}
/* Frontpage */
.fp
{
	position:relative;
	background-image: url('../../img/plantinor/background.png');
	background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
	padding-top: 56.1%;
}
.fp input
{
	width:260px; 
	height: 40px;
	font-size: 20px;
	border: 5px solid #70ce8b;
	border-radius: 10px;
	font-style: italic;
	margin-bottom: 5px;
	background-color: #f0f8f0;
	cursor:pointer;
}
.fp_hist
{
	width:260px; 
	height: 40px;
	border: 3px solid #e0f0e0;
	font-size: 20px;
	float:right;
	padding:10px;
	height: 160px;
	background-color:#f8f8f8;
	
}

.fp_login 
{
	width:260px; 
	height: 40px;
	border: 3px solid #e0f0e0;
	font-size: 20px;
	padding:10px;
	height: auto;
	background-color:#f8f8f8;
	
}

.fp_login img
{
	margin-top:15px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	display:block;
	cursor: pointer;
}

.fp_login .ps
{
	border:3px solid #e8e8e8;
	padding:5px;
	margin-bottom: 10px;
}

.fp_login .ps input
{
	width:240px; 
	border: 1px solid #70ce8b;
}

.fp_login .header, 
.fp_hist .header
{
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;		
}

.frontpage_text
{
	position: absolute;
	top:60%;
	left:50%;
	width:600px;
	margin-left:-300px;
	font-size: 120%;
	background:rgba(200,200,200,.8);
	padding:10px;
	border:1px solid #808080;
}

@media (max-width: 600px)
{
	.frontpage_text
	{
		display: none;
	}
}


/*
@media (max-width: 768px)
{
	.sp_webcat_title {cursor:pointer;}
	.sp_order_head_admin {width:25px; padding-top:30px;}
	.sp_nav_bar_button {margin: 2px 3px 2px 3px;}
	.sp_nav_bar_button img {width:50%;height:50%;}
	.sp_nav_bar {height: 60px;}
	.sp_nav_bar_all {height: 60px;}
	.sp_left_menu {width:100%;height:auto;max-height: 100%;overflow-y:scroll;overflow-x:hidden;}
	.sp_webcat {max-height: 100%;}
	.sp_webcat_items {display:none;overflow: hidden;height:100%;}
	.sp_content {width:100%;float:left;}
	.sp_widecontent {display: none;}
	.sp_reducedcontent {display: table;}
	.sp_orderline{font-size: 13pt;}

	table.prod
	{
		width:100%;
	}

	table.prod .f11
	{
		width:120px;
		height:100px;
	}
	table.prod .f11 img
	{
		width:100px;
		height:100px;
	}

	table.prod .f12
	{
		vertical-align: top;
	}

	table.prod .f12 div:first-child
	{
		margin-bottom: 10px;
	}


	table.prod .f13
	{
		width: Auto;
		vertical-align: top;
	}

	table.prod .f22
	{
		vertical-align: top;
		width:140px;
	}

	table.prod .f23
	{ 
		font-style: italic;
	}

	table.prod .f32
	{
		font-style: italic;
		vertical-align: top;
		color:rgb(68,128,68);
	}
	table.prod .f33
	{
		font-style: italic;
		color:rgb(68,128,68);
	}
}	
*/