/*::-webkit-scrollbar{width:20px;height:20px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#eee,#c1deec);border-radius:30px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}
::-webkit-scrollbar-track{background:linear-gradient(90deg,#ccc,#201c29 1px,#ccc 0,#eee)}
*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,BODY {
	MARGIN: 0;
	padding:0;
height:100%;
      border:none
	COLOR: #484747;
background-color:#f4f4f4;

	font-family: Verdana;
font-style: normal;
font-weight: normal;
font-size: 14px;
}
/* CSS Document @charset "iso-8859-1"; 	border: thin dotted #006;
  */
  
 .sho{ 	 display:block;}
 .shohi{ display:none;}
 
 
.wrap{
	width:100%;
	height:100%;
	max-width:950px;
	margin:0 auto;
color: #000000;
	} 
.wrap a{
color: #000000;
		} 
@media (max-width: 990px){
.wrap{
	width:97%;
	margin-right: 3%;
	margin-left: 3%;
	} 
	}




h1,h2,h3,h4,h5,h6{color:#555;margin-top:0;margin-bottom:.5em;text-rendering:optimizeSpeed}
.h1,h1{font-size:1.6em;line-height:1.2}
.h2,h2{font-size:1.5em;line-height:1.2}
.h3,h3{font-size:1.2em}
.h4,h4{font-size:1.115em}
.h5,h5{font-size:1em}
.h6,h6{font-size:.85em;opacity:.8}
h6{line-height:1.05;letter-spacing:.05em;text-transform:uppercase}



.top_panel { 
	padding:0;
	padding-top:30px;
	float:left;
	clear:both;
	height:150px;
}

.logo{
	float:left;
		width:250px;
}

.meny_2{
	vertical-align:top;
	float:left;
	align-items: flex-end;
	color:#000000;
	font-family:Arial,Sans-serif !important;
	font-style: normal;
	font-weight: bold;
	font-weight:bolder;
	text-transform:uppercase;
	font-size:.85em;
	margin: 0;
	padding: 0;
}
.meny_2 a{
	padding-right:20px;
	text-decoration:none;
	color:#000000;
	padding-left:0;padding-right:0;margin:0 10px;
	border-bottom:2px solid #f4f4f4;
}
.meny_2 a:hover, .meny_2_active {
	color:#000000;
	border-bottom:2px solid #cfaa7a;
}
/* .meny_2_aktive, */
.meny_2 h1{
	margin:0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 8px;
}



.left_menu {
	align-items: flex-end;
	color:#000000;
	font-family:Arial,Sans-serif !important;
		line-height: 125%;

	width:230px;
	height:100%;
	text-align:left;
	vertical-align: top;
}
.left_menu a{
	font-size:10px;
	text-transform:uppercase;
	display:block;
	padding:8px;
	padding-right:0;
	padding-left:0;
	text-decoration:none;
	color:#000000;
	border-bottom:1px solid #DBDBDB;
	border-right:2px solid #f4f4f4;
	clear:both;
	width:100%;
}
.left_menu a img{ 
	width:auto;
	height:100%;
}

.left_menu a:hover, .left_menu_active {
	color:#000000 !important;
	border-right:2px solid #cfaa7a !important;
	  opacity: 1 !important;
}

/*small*/
.left_menu {
	width:180px;
}
.left_menu a{
	padding:8px;
	padding-right:0;
	padding-left:0;
}
.left_menu a img{ 
	width:100%;
	height:auto;
}
/*small*/


.content {
	vertical-align: top;
	padding-right:20px;
	padding-left:20px;
		border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DBDBDB;
}
@media (max-width: 980px) {
.content { 
}
}

@media (max-width: 700px){
	
	html,BODY {
font-size: 12px;
}

.top_panel { 
	padding:0;
	padding-top:30px;
	height:75px;
}
	.logo{
		width:150px;
}
	.logo img{
		width:150px;
		height:auto;
}
h1{font-size:1.4em}
h2{font-size:1.2em}
h3{font-size:1.1em}

.meny_2 h1{
	padding-bottom: 10px;
}


.left_menu {
	width:180px;
}
.left_menu a{
	padding:8px;
	padding-right:0;
	padding-left:0;
}
.left_menu a img{ 
	width:100%;
	height:auto;
}


}
@media (max-width: 520px){
	
	html,BODY {
font-size: 11px;
}

.top_panel { 
	padding:0;
	padding-top:30px;
	height:75px;
}
	.logo{
		width:100px;
}
	.logo img{
		width:100px;
		height:auto;
}
h1{font-size:1.3em}
h2{font-size:1.1em}
h3{font-size:1em}

.meny_2 h1{
	padding-bottom: 10px;
}


.left_menu {
	width:100px;
}
.left_menu a{
	padding:8px;
	padding-right:0;
	padding-left:0;
}

}

/*@media (max-width: 549px){h1{font-size:1.4em}h2{font-size:1.2em}h3{font-size:1em}}*/




	/*	background-color: #fed896;
	*/
	/*background-image: url(images/Skog-stammar.jpg);
	background-image: url(images/dimma.jpg);
	 background-size: 100%;
	 background-size:cover;
	background-repeat: no-repeat;
    background-attachment: fixed;

	text-align: center;
	*/
}
.bottom_space{
	clear:both;
	height:200px;
	width:100%;
}

.pointer{ cursor:pointer; }


.clearboth{
	clear:both;
	width:100%;
}

.messok, .messoknot{
	clear: both;
	text-shadow: -0.5px 0.5px 0px rgba(0,0,0,0.5), 0.5px 0.5px 0px rgba(0,0,0,0.3);
	opacity:0.70;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 45px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	box-shadow: 0px 10px 50px rgba(0, 235, 255, 0.15), 4px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 1px;
	float: left;
	height: auto;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #096;
	margin-bottom:30px;
	}
.messoknot_i{
	padding:10px;
}
.messoknot{
	background-color: #C33;
}
.messok a, .messoknot a{
	color:#FFF !important;
} 
.messok h1, .messoknot h1{
	color: #FFFFFF;
	padding-top:8px;
	font-size:18px;
} 
	
.logo_Rectangle{
-moz-transform: skew(16deg, 0deg);
-webkit-transform: skew(16deg, 0deg);
-o-transform: skew(16deg, 0deg);
-ms-transform: skew(16deg, 0deg);
transform: skew(16deg, 0deg);

position: absolute;
left:-40%;
right: 15%;
top: 0%;
bottom: 0%;

background: #E1EEFB;
}
.logo_logotyp{
position: absolute;
left: 9.85%;
right: 33.85%;
top: 19.89%;
bottom: 23.67%;
}
.logo_logotyp img{
	width:100%;
	height:auto;
}



	

.login{
	
}
.loginform{
width: 95%;
}
.login_label{
font-style: normal;
font-weight: normal;
clear:both;
margin-bottom:5px;
margin-top:5px;
}

.TextBox1_error{
	border: 1px solid #C5352E !important;
}


	/* buttons */
.myButton {
	width:61%;	
	box-shadow: 0px 10px 14px -7px #276873;
	background:linear-gradient(to bottom, #02507d 5%, #408c99 100%);
	background-color:#02507d;
	border:none;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#8aeaff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
	background:linear-gradient(to bottom, #408c99 5%, #02507d 100%);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*
.save_add_box {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;

position: absolute;
width: 217px;
height: 39.81px;
right: 10%;
top: 82px;
}*/

	/* buttons */



	/* framset */
.left_panel {
	text-align: center;
	background-color:#f9fafc;
height:100%;
	width: 120px;
	min-width:120px;
	
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #e6e8ea;
	border-right-color: #e6e8ea;
	border-bottom-color: #e6e8ea;
	border-left-color: #e6e8ea;
}
.logo_leftp {
	padding-top:60px;
}




.bar_bott { 
	clear:both;
	position:fixed;
	display:inherit;
	display: inline-block;
	display:inline-table;
	bottom:0;
	right:0;
	width:100%;
	max-width:100%; 
}
.jw {
	background-color:#f9fafc;
	border:0;
	width:114px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #e6e8ea;
}


.content_admin { 
padding-left:5%;
	clear:both;
	margin-right:10%;
}


.nextb {
	font-family: Lora;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 130%;

	align-items: center;
	letter-spacing: 0.01em;
	color: #484747;
	border-radius:20px;
	border: 1px solid #9A9FA2;
	width:120px;
	height:36px;
	background-color: #FFF;
	margin:auto 0 ;
	cursor:pointer;
	color:#000;
	border: 1px solid #000;
	  opacity: 0.6;
  transition: 0.3s;
}
.nextb:hover {
	  opacity: 1;
}
.nextb:focus {
	  opacity: 1;
	  outline:none;
	  }
.fadein {
	  opacity: 0.4;
  transition: 0.3s;
}

.fadein:hover {
	  opacity: 1;
}


	/* framset */






/* card */
.card{
	background: #FFFFFF;
	box-shadow: 0px 20px 100px rgba(0, 235, 255, 0.15), 8px 8px 8px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 20px 100px rgba(0, 235, 255, 0.30), 8px 8px 8px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	float: left;
	height: 350px;
	width: 280px;
	margin-top: 60px;
	margin-right: 98px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.card_num{
	position:relative;
	left:-22px;
font-family: Kaushan Script;
font-style: normal;
font-weight: normal;
font-size: 60px;
display: flex;
align-items: flex-end;
text-align: center;
letter-spacing: 0.01em;
color: rgba(0, 0, 0, 0.65);
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.card_point{
	display:block;
	border-radius: 15px;
	position: relative;
	width: 200px;
	height: 100px;
	margin:0 auto;

	top:-100px;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 130%;
	/* or 16px */

	text-align: center;
	letter-spacing: 0.01em;
	color:#FFF;
	background-color: #254664;
	padding:3px;
}
.spanV {
	top:-100px;
  display: inline-block;
  vertical-align: middle;
}
.card_info{
	position: relative;
	display:block;
	top:-79px;
	height: 84px;
	width:100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #254664;
	border-right-color: #254664;
	border-bottom-color: #254664;
	border-left-color: #254664;
	
	padding-left:15px;
	

text-align: left;
font-family: Verdana;
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 130%;
/* or 14px */
letter-spacing: 0.01em;
color: #000000;
}
.card_row{
	position: relative;
	display:block;
	top:-64px;
	height: 84px;
	width:90%;
	padding-left:23px;

	font-family: Verdana;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 130%;
/* identical to box height, or 16px */

/*align-items: center;*/
text-align: left;
letter-spacing: 0.01em;

color: #000000;
}
.cardlistinput {
	outline:none !important;
	border:0 !important;
	background-color:transparent !important;
	box-shadow:  none !important;
	overflow:visible;
	width:100% !important;
}
.cardlistinput:hover{ }
.cardlistinput:hover{background-color:#CCC !important;}
.cardlistinput:focus{color:#333;background-color:#CCC !important;}
.cardlistinput:active {
}
.cardlistinputTA {
	height:60px; !important;
	min-height: 60px !important;
}




.card_input, .card_input_tiny, .projektnamn, .textruta{
	width:103px;	
	height: 17px;
border: 2px solid #419EB2;
box-sizing: border-box;
border-radius: 5px;

	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	display: flex;
align-items: center;
letter-spacing: 0.01em;
text-align:center;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
}
.card_input_tiny{
	width:100%;
}
.projektnamn{
text-align:left;
	width:306px;	
	height: 27px;
}
.textruta{
text-align:left;
	width:306px;	
	height: 120px;	
}
.card_input_2{
	width:100%;
  height:88%;
border:none;
	font-family: Verdana; /* 'Lora', sans-serif; */
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #FFF;
	display: flex;
align-items: center;
letter-spacing: 0.01em;
text-align:center;
	background-color: #254664;
}
.card_input_3{
	width:90%;
  height:100%;
	text-align: left;
font-family: Verdana;
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 130%;
/* or 14px */
letter-spacing: 0.01em;
color: #000000;

border:none;
}
.on{
	cursor:pointer;
	}
/*textarea:focus, input:focus{
    outline: none;
}*/
.card_input_2:focus, .card_input_3:focus {
	outline:dashed;
	outline-width:thin;
	outline-color:#CCC;
}

button{
	background:none;
	border:0;	
	}
button:hover{
	cursor:pointer;
	}
	
	
.card_edit_del_save{
	position: relative;
	display:block;
	top:-84px;
	clear:both;
	float:right;
	padding-right:10px;
}
.setings_hr{
	display:block;
	clear:both;
	height:1px;
	background-color:#999999;
	width:100%;
}

.card_hr{
	position: relative;
	display:block;
	top:-75px;
	clear:both;
	height:1px;
	background-color:#000000;
}
.card_actions{
	position: relative;
	display:block;
	top:-65px;
	clear:both;
	float:left;
	padding-left:10px;
}



/* LIST */

.topL{
	background-image: url(img/topL);
	background-repeat: no-repeat;
	background-position: left top;
	} 
.topR{
	background-image: url(img/topR);
	background-repeat: no-repeat;
	background-position: right top;
	} 
	
	
.row1{
height: 40px;

background: #024F7D;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 4px 4px 0px 0px;

font-family: Arial;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 22px;

align-items: center;

color: #8AEAFF;

	} 
.row2, .row_ap2, .row_actionplan_2{
	height: 40px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	background-color: #FFFFFF;
	background-image: url(img/line-grey.png);
	background-repeat: repeat-x;
	background-position: left bottom;
line-height: 23px;
	} 
.row3, .row_ap3, .row_actionplan_3{
height: 40px;
	background: #F4FDFF;
border: 1px solid rgba(0, 0, 0, 0.25);
	background-image: url(img/line-grey.png);
	background-repeat: repeat-x;
	background-position: left bottom;
line-height: 23px;
	} 
.row_ap2{
	background-position: left top;
	} 
.row_ap3{
	background-position: left top;
	} 
.row_actionplan_2{
	background-image: url(img/left_grey.png);
	background-repeat: no-repeat;
	background-position: left center;
	} 
.row_actionplan_3{
	background-image: url(img/left_blue.png);
	background-repeat: no-repeat;
	background-position: left center;
	} 
.row_actionplan_td1{
	padding-left:20px;
	} 
.firstrow{
	background-image:none;
	} 
	
.sum{
	background-color:#eee;
	} 
	
.sumB, .sumG, .sumP, .sumCar, .sumHeart {
font-family: Verdana;
font-style: normal;
font-weight: normal;
font-size: 14px;
letter-spacing: 0.01em;
color: #024f7d;
	} 
.sumG { 
color: #00D83C;	
color: #024f7d;	
} 
.sumHeart { color: #f30a0a;
color:#024f7d;	} 
.sumP { color: #D92390;
color:#408f3d; } 
.sumCar { 
color: #000;	
color: #024f7d;	
} 
.sumBI, .sumGI, .sumPI, .sumCarI, .sumHeartI {
	background-image: url(img/circle-chart.png);
	background-repeat: no-repeat;
	background-position: center center;
height:86px;
text-align:center !important;
background-size:contain;
	} 
.sumGI { background-image: url(img/circle-chart.png); } 
.sumPI { background-image: url(img/circle-chartP.png); } 
.sumCarI { background-image: url(img/car2-chart.png); } 
.sumHeartI { background-image: url(img/heart-chart.png);   background-image: url(img/heart-chart_gray.png);} 

.sumBKI, .sumGKI, .sumPKI, .sumCarKI, .sumHeartKI {
	white-space:nowrap;
	background-image: url(img/arrow-chartB.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:86px;
	text-align:center !important;
	} 
.sumGKI { background-image: url(img/arrow-chartG.png); } 
.sumPKI { background-image: url(img/arrow-chartP.png); } 
.sumCarKI { background-image: url(img/car2-chart.png); } 
.sumHeartKI { background-image: url(img/heart-chart.png); } 

.sumGray { color: #5B5858; } 
	
	
	
	
	
.row1 a{
color: #8AEAFF;
text-decoration:none;
	} 
.datee{
	background-image: url(img/date_arrowGR.png);
	background-repeat: no-repeat;
	background-position: center center;
	} 

/* LIST */

/* ACTIONS */
.action_div{
background: #484747;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 130%;
/* identical to box height, or 21px */

letter-spacing: 0.01em;

color: #BCBCBC;

	box-shadow: 0px 20px 100px rgba(0, 235, 255, 0.15), 8px 8px 8px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	float: left;
	height: 350px;
	width: 280px;
	margin-top: 60px;
	margin-right: 98px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.content_admin_edit, .installningar{
	background: #FFFFFF;

border-radius: 10px;
padding:3%;
}

.content_admin_edit h1, .installningar h1{
font-family: Lora;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 0%;
/* identical to box height, or 0px */

display: flex;
align-items: flex-end;
letter-spacing: 0.01em;
text-transform: uppercase;

color: #9A9FA2;
}
.content_admin_edit h2, .installningar h2{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 0%;
/* identical to box height, or 0px */

display: flex;
align-items: flex-end;

color: #000000;
}

.content_admin_infotext{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 11px;
/*line-height: 0%;
 identical to box height, or 0px */

display: flex;
align-items: flex-end;

color: rgba(154, 159, 162, 0.8);
}




.add_action{
	position:relative;
	position:absolute;
	display:block;
	bottom:0;
	right:0;
	padding:5px;
}
.action_list{
	overflow:auto;
	height: 310px;
	width: 280px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.action_list::-webkit-scrollbar {
  width: 12px;
  background-color: #484747;
  cursor:pointer;
}
.action_list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
.action_list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #767676;
  	cursor:pointer;
}
.actionlist {
	color: #FFFFFF;
	text-align:left;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right:8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #7dc9da;
	border-right-color: #7dc9da;
	border-bottom-color: #7dc9da;
	border-left-color: #7dc9da;
}
.actionlist a{
color: #8AEAFF;
}
.actionlist h1{
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 130%;
/* or 21px */

display: flex;
align-items: center;
letter-spacing: 0.01em;

color: #8AEAFF;
}


.dropp {
	width:100%;
	height:30px;
	clear: both;
	background-color: #484747;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 130%;
	display: flex;
	align-items: center;
	letter-spacing: 0.01em;
	color: #E0E0E0;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;
	
	/*-webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;*/
}
.drop_users{
color: #8AEAFF;
	}
.dropp optgroup {
letter-spacing: 0.05em;
	font-weight:normal;
}
.dropp option {
}
.action_input{
	width:95%;
	height:30px;
	max-width:280px !important;
	clear: both;
	background-color: #484747;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 130%;
	display: flex;
	align-items: center;
	letter-spacing: 0.01em;
	color: #8AEAFF;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	margin-top:0;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;
}
.action_input_textarea{
	height:auto;
	
	font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 130%;
/* or 16px */

display: flex;
align-items: center;
letter-spacing: 0.01em;

color: #FFFFFF;
}

/* date */
[type="date"] {
  background:#fff url(img/date.png)  97% 50% no-repeat ;

	width:100%;
	max-width:120px !important;
	height:30px;
	background-color: #484747;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 130%;
	display: flex;
	align-items: center;
	letter-spacing: 0.01em;
	color: #8AEAFF;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	margin-top:0;

	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #767676;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #767676;

  cursor:pointer;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

/* custom styles */
label {
  display: block;
}
/* date */

.action_input:focus, .dropp:focus, [type="date"]:focus{
	outline:dashed;
	outline-width:thin;
	outline-color:#CCC;
}
textarea {
  overflow: auto;
   resize: none;
}
textarea::-webkit-scrollbar {
  width: 12px;
  background-color: #484747;
  cursor:pointer;
   }

textarea::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #767676; 
  	cursor:pointer;
  }


.close_action, .spara_action{
	position:relative;
	position:absolute;
	display:block;
	top:0;
	right:0;
	padding:5px;
}
.spara_action{
	height:15px;
	top:92%;
	right:0;
	padding:5px;
}
.close_action:hover, .add_action:hover, .spara_action:hover{
	cursor:pointer;
	}

/* ACTIONS */

/* oldstuff */


.footer-wrapper{
	width:100%;
	max-width:100%;
	text-align:center;
	display:block;
	position:fixed;
	left:0px;
	bottom:0px;
	background-color:#cfaa7a;
	color:rgba(0,0,0,0.5);
	font-size:.9em;
	padding-top: 10px;
	padding-right:0;
	padding-bottom: 15px;
	padding-left: 0;
}
.footer-wrapper_i{
}


.footer_div, .nummers{
	/**/display:block;
	position:fixed;
	right:0px;
	bottom:0px;
	font-size: 10px;
	color: #633;
	text-align: center;
	width: 80px;
	max-width:100%;
	height:30px;
	padding-top:8px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #e6e8ea;
	border-right-color: #862828;
	border-bottom-color: #e6e8ea;
	border-left-color: #862828;
}
.footer_div a, .nummers a{
	text-decoration:none;
	font-size: 10px;
	color: #633;
}

.icon-phone{ float:left; width:18px; height:15px; background-image:url(img/phone.png);}
.nummers {
	width: 300px;
	display:block;
	position:fixed;
	right:0px;
	top:0px;
	background-color: rgba(244, 244, 244, 0.8);
	border-radius:0 0 0 5px;
	padding-left:5px;

}
.nummers a{
	font-size: 16px;
	color: #633;
	opacity:0.7;
}

/* animate */
.swirl-out-bck {
	-webkit-animation: swirl-out-bck 5s ease-in 5s both;
	        animation: swirl-out-bck 5s ease-in 5s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-10-3 0:19:26
 * Licensed under FreeBSD License. https://animista.net/play/exits/swirl-out
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swirl-out-bck
 * ----------------------------------------
 */
@-webkit-keyframes swirl-out-bck {
  0% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
            transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
}
@keyframes swirl-out-bck {
  0% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-540deg) scale(0);
            transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
}


.bounce-in-top {
	-webkit-animation: bounce-in-top 1.1s both;
	        animation: bounce-in-top 1.1s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-10-6 18:3:30
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


.tilt-in-fwd-tr {
	-webkit-animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-10-3 13:28:55
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tilt-in-fwd-tr
 * ----------------------------------------
 */
@-webkit-keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
            transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
            transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}


.bounce-out-bottom {
	-webkit-animation: bounce-out-bottom 1.5s ease-in 5s both;
	        animation: bounce-out-bottom 1.5s ease-in 5s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-10-6 18:7:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-out-bottom
 * ----------------------------------------
 */
@-webkit-keyframes bounce-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  5% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  15% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  25% {
    -webkit-transform: translateY(38px);
            transform: translateY(38px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  52% {
    -webkit-transform: translateY(75px);
            transform: translateY(75px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  70% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(800px);
            transform: translateY(800px);
    opacity: 0;
	display:none;
  }
}
@keyframes bounce-out-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  5% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  15% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  25% {
    -webkit-transform: translateY(38px);
            transform: translateY(38px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  52% {
    -webkit-transform: translateY(75px);
            transform: translateY(75px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  70% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  85% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(800px);
            transform: translateY(800px);
    opacity: 0;
	display:none;
  }
}

/* animate */


.button,button,input[type='submit'],input[type='reset'],input[type='button']{position:relative;display:inline-block;background-color:transparent;text-transform:uppercase;font-size:.97em;letter-spacing:.03em;cursor:pointer;font-weight:bolder;text-align:center;color:currentColor;text-decoration:none;border:1px solid transparent;vertical-align:middle;border-radius:0;margin-top:0;margin-right:1em;text-shadow:none;line-height:2.4em;min-height:2.5em;padding:0 1.2em;max-width:100%;transition:transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;text-rendering:optimizeLegibility;box-sizing:border-box}
.button,input[type='submit'],input[type='submit'].button,input[type='reset'].button,input[type='button'].button{color:#fff;background-color:#cfaa7a;background-color:var(--primary-color);border-color:rgba(0,0,0,0.05)}

.button:hover,input[type='submit']:hover,input[type='reset']:hover,input[type='button']:hover{outline:none;opacity:1;color:#fff;box-shadow:inset 0 0 0 100px rgba(0,0,0,0.2)}

input[type='submit'],input[type='submit'].button,input[type='submit'],.primary{background-color:#cfaa7a}

input[type='email'],input[type='date'],input[type='search'],input[type='number'],input[type='text'],input[type='tel'],input[type='url'],input[type='password'],textarea,select,.select-resize-ghost,.select2-container .select2-choice,.select2-container .select2-selection{box-sizing:border-box;border:1px solid #ddd;padding:0 .75em;height:2.507em;font-size:.97em;border-radius:0;max-width:100%;width:100%;vertical-align:middle;background-color:#fff;color:#333;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);transition:color .3s, border .3s, background .3s, opacity .3s}input:hover,textarea:hover,select:hover{box-shadow:inset 0 -1.8em 1em 0 rgba(0,0,0,0)}
input[type='email'],input[type='search'],input[type='number'],input[type='url'],input[type='tel'],input[type='text'],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{padding-top:0.7em;min-height:120px}
input[type='email']:focus,input[type='search']:focus,input[type='number']:focus,input[type='tel']:focus,input[type='text']:focus,input[type='password']:focus,textarea:focus,select:focus{box-shadow:0 0 5px #ccc;opacity:1 !important;outline:0;color:#333;background-color:#fff}
label,legend{font-weight:bold;display:block;font-size:.9em;margin-bottom:0.4em}
legend{width:100%;font-size:1em;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #f1f1f1;padding-bottom:10px;margin:30px 0 15px}
fieldset{border-width:0;padding:0}
input[type='checkbox'],input[type='radio']{display:inline;margin-right:10px;font-size:16px}
label>.label-body{display:inline-block;font-weight:normal;margin-left:.5em}
abbr[title="required"]{color:#b20000}
input[type='checkbox']+label,input[type='radio']+label{display:inline}
select,.select-resize-ghost,.select2-container .select2-choice,.select2-container .select2-selection{box-shadow:inset 0 -1.4em 1em 0 rgba(0,0,0,0.02);background-color:#fff;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .45em top 50%;background-repeat:no-repeat;padding-right:1.4em;background-size:auto 16px;border-radius:0;display:block}

input[type="text"]:disabled {
  background: #dddddd;
}

.cardinfotext{
	font-size:11px;
	line-height:150%;
	max-width:420px;
	}