/*
	efa rød: 8f0011
	efa blå: 19486e
	efa grå: d3d5d6
displaybyattributessynkestilskapgeneratorkomponentertruetilbehrtilelektrosentralmedmlertruemenyoppsettautomatisketilbehrrklaskforsamleskinner
.partials_fusebox_type .col-4  div{
	background: rgba(200,200,200,0.3);
}*/
/* developer hidden*/

.doc_content tr td{
	padding: 2px !important;
	margin: 2px !important;
  }
@media (max-width: 1366px) {
	#content{
       /* border:1px #F00 solid !important; */
    }

}
body.user_14 .accordion-item.dw_notrans h4{
		border-left:3px #999 solid !Important;
	}
	body.user_14 .accordion-item.dw_notrans.dw_nofiletrans h4{
		border-left:3px #F99 solid !Important;
	}

	body.user_14 .accordion-item.dw_ajaxdone.dw_nofiletrans h4{
		border-left:3px #99F solid !Important;
	}

body:not(.user_14) .dw_hide_dev{
	display:none !important; 
	border: 2px #0F0 solid;
}
.dw_hide{
	display:none !important; 
}
.showDeveloper,
.dw_hide_dev{
	border: 2px #F0F solid;	 
	display: none !important
}

.utvalg_d_dittweb_no .showDeveloper,
.utvalg_d_dittweb_no .dw_hide_dev,
.user_14 .dw_hide_dev,
.user_14 .showDeveloper{
		 border: 2px #00F solid  !important;
		  display: block !important;  
		 
}
.dw_smallmarkers{
	position:absolute;
	bottom:3px;
	left: 3px;
	
	
}
.dw_small_marker{

	padding: 3px;
	text-transform: uppercase;
	font-size: 0.8em !important;
	border: 1px #F00 solid !important;
	color: #00F !important;

}
#dw_avail_pct.dw_below50 .dw_value{
	color: #FFA500;
}
#dw_avail_pct.dw_below30 .dw_value{
	color: #8f0011;
}
#dw_avail_pct.dw_below10 .dw_value{
	color: #F00;
}


	/* display:none !important; */

pre{
	text-align:left !important;

}
.mainmenu{
	color: #FFF;
}

.mainmenu li.dw_separator{
	width:100%;
}

.dw_status_ok{
	padding:5px;
	background: #AFA;
	border-bottom: 1px #0F0 solid;
}
table th{
	white-space:nowrap;
}

.dw_hide_tr{
	 display:none;
}
.accordion-body {
	position:relative;
	padding-top:5px;
}
.dw_productcodeicon{
	display:inline-block;

}
.dw_active_head{
	border-bottom: 3px #F00 solid;
}
.dw_smallicons{
	display:inline-block;
	position:absolute;
	left:0px;
	padding-top: 0px;
	top:0px;
	height:17px;
	width:17px;
	border: 1px #666 solid;
	border-radius: 3px;
}
.dw_smallicons::before{
	line-height:10px;
	vertical-align:text-top;
	font-size:0.9em;
}
.dw_searchicon{
	left:25px;
}

.dw_prodlistcodeicon{
}
.dw_smallicons.bi{
	font-size: 0.9em;
	color: #999;
}


#test_content{
	border: 1px #F00 solid;
	padding:20px;
	z-index:2000;
    position: fixed;
    top: 20px;
    right: 0px;
    background: #DDD;
    max-width: 80%;
    max-height: 80%;
    overflow: scroll;
  }

.dw_updated{
	/*border:  1px #666 solid;
	border-bottom-width: 2px ;
	*/
	/*background: #FF4;*/
}
.renderjson{
	text-align:left;
}
.accordion-button:not(.collapsed) {
	box-shadow:none !Important;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

pre{
	text-align:left;
	border: 1px #DDD solid;
	padding:10px;
}
#dragInfobox{
	display:block;
}
.overflow-auto{
    max-height: 1000px;
}
.overflow-xonly{
	overflow-y: hidden;
}
.dwplist,
.dwplist div,
.dwplist h4,
.dwplist h4 button,
.dwplist .accordion-button ,
.dwplist span{
	background-color: #EEE !important;
	color: #333;
	position:relative;
}
.dwplist .bi-check-square-fill{
	
	position: absolute !important;
	top:2px;
	left:2px;
	z-index:20;
	text-align:center;

}
.dwplist .bi-check-square-fill:before{
	color: #090;
}
.dwplist .accordion-button{
	padding:0px;
}
.dw_filtering{
	opacity: 0.5 !important;
}
.dwplist .dwnumbutt{
	max-width:40px;
}
.dwplist h4 button{
	font-size:0.8em;
	font-weight:bold;
}


table.sheet td,
table.sheet th{
	border-collapse:collapse;
	border: 1px #999 solid;
	padding:7px;
	}
table.sheet tr.dwSelectedItem td{
	border-bottom: 3px #000 solid;
}

table.sheet tr.dwRightMost td{
	border-bottom: 3px #00F solid;
}

table.sheet tr.dwRightMostPassed td{
	border-bottom: 3px #00F dotted;
}
table.sheet tr.dwLeftMost td{
	border-bottom: 3px #FF0 solid;
}
table.sheet tr.dwLefttMostPassed td{
	border-bottom: 3px #F0F dotted;
}
table.kursoversikt{
	width:100%;
	margin-bottom: 10px;
}
table.kursoversikt th{
	background: #DDD;
	
}
.pr-1{
	padding-right:0.25em !important;
}
.dw_pinfo_tabs .nav-tabs {
	border-bottom:1px solid #ddd;
}

.dw_pinfo_tabs .tab-pane {
	padding: 10px;
	border-color: #666;
	border:1px #666 solid;
	border-top: none;
}
.dw_pinfo_tabs .nav-tabs .nav-link.active {
	border-color: #666;
	border-bottom-color: transparent;
	background-color: #eee;
	color: #000;
	font-weight:bold;
}
.dw_pinfo_tabs .nav-tabs .nav-link {
	border-color: #999;
	
	background-color: #eee;
	color: #666;
}

input.smallinput{
	max-width:50px;
	}
	input.smallinput.w-100{
		max-width:100% !Important;
		}
table.kursoversikt th,
table.kursoversikt td{
	border: 2px #2e5980 solid;
	padding:5px;
}
table.kursoversikt th.dhead{
	background:#2e5980;
	padding:10px;
	color: #FFF;
}

#kursoversikt h3,
#kursoversikt h4{
	padding:0px;
	margin:0px;
	
}
#kursoversikt h4{
	padding:10px;
	padding-bottom:0px;
	font-size:1em;
}


#kursoversikt .dw_kursoversikt_tabs  h3{
	background:inherit;
	padding:20px;
	text-align:center;
	color: #333;
	font-weight:bold;
}


tr.imselected th{
	background-color: #6F6;
}
.draggables li{
	list-style:none;
	border: 1px #F00 solid;
	background: #FFF;
	padding:5px;
	clear:both;
	display:block;
	width: 200px;

}

.dw_active{
	background: #0F0;
}



.fixedOnScroll{
	position:fixed !important;
	top: 40px;
}
.grid-vertcenter{
	display:grid;
	align-items: center;
	height:100%;
}
.grid-vertcenter>div{
	margin-right: auto;
	margin-left: auto;
}
.login_img{
	background-image:url("/assets/images/AdobeStock_468106873.jpeg");
	width:100%;
	height:600px;
	
	  background-size:     auto 115%;;               
    background-repeat:   no-repeat;
    background-position: center center; 
}

#accordionTilbehor{
	text-align:left;
}

#headingTilbehormain .accordion-body,
#headingTilbehormain .accordion-item
{
	padding:0px !important;
	margin:0px !important;

}

#accordionTilbehor .accordion-header{
/*	border:1px #999 solid;	*/
	padding:7px;
	text-align:left;

}
.accordion-item:not(:first-of-type) {
	border: 1px solid rgba(0,0,0,.125)!important;
    border-top-width: 1px !important;
    border-top-style: initial;
    border-top-color: initial;
}
body.user_14  .accordion-item:not(.dw_has_products){
	border-right:3px #F00 solid !important;
	/* display:none; */
}
.accordion-item.dw_auto_acc:not(.dw_has_products):not(.dw_is_test){
	display:none;
}
.accordion-item:not(.dw_has_products):not(.dw_auto_acc):not(.dw_other_acc):not(.dw_is_test){
	display:none;
}
.accordion-item.dw_forceshow:not(.dw_has_products){
	display:block;
}
body.user_14 .accordion-item.dw_has_products{
	border-top: 2px solid #0F0 !Important;
}
/* dw_has_products  dw_ajax */

#accordionTilbehor .accordion-body h4{
	border-bottom:1px #999 solid;
	margin-top: 20px;

}
/* SVG */
.testDiv{
	position:absolute;
	border:2px #F00 solid;
	background: #000;
	display:None;
}

/* Add some margin to the page and set a default font and colour */

body {
  margin: 30px;
  font-family: Arial, Sans-serif;
  line-height: auto;
  color: #333;
}

/* Give headings their own font */



/* Main content area */

#content {
 /*  margin: 80px 70px;*/
  text-align: center;
  /* -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; */
}

/* Header/footer boxes */

.wideBox {
  clear: both;
  text-align: center;
  margin: 70px;
  padding: 10px;
  background: #ebedf2;
  border: 1px solid #333;
}

.wideBox h1 {
  font-weight: bold;
  margin: 20px;
  color: #666;
  font-size: 1.5em;
}

/* Slots for final card positions */
.dropfuse {
	z-index:300;
	background-size: contain  !important;
	background-repeat:no-repeat !important;
	background-position: center center !important;
}
.cardslot, .fuseslot  {
  margin: 50px auto 0 auto;
  background: #ddf;
}


.cardslot.green  {
		border: 3px #0F0 solid;
}

/* FUSESLOT */

#fuseslot{
	height:120px;
}
/* The initial pile of unsorted cards */

.fusePile {
  margin: 0 auto;

}

.cardslot , 
.fusePile, 
#fuseslot{
  width: 100%;
  /* height: 120px; */
/*   padding: 20px;*/
 
}
.fusePile input:not([type=checkbox]):not([type=radio]) {
	background: #FFF !important;
	border: 1px #ddd solid;
	border-radius: 5px;
}

tr.dw_control_fail td{
	background: #FAA;
}
tr.dw_control_ok td{
	background: #AFA;
}
.dw_available_for_drop{
	fill: #0F0 !important;
	
}

.ui-droppable-active{
	
}



/* Individual cards and slots */


.fusePile.fpw3 div,
.fusePile.fpw5 div{
	width: 53px;
}
.fusePile>div>span{
	position:absolute;
	display:block;
	background: #FFF;
	padding:2px;
	border-radius: 3px;
	height:20px;
	width:20px;
	border: 1px #999 solid;
	bottom:-30px;
left: 50%;
transform: translate(-50%, -50%);
margin:0 auto;

}

.cardslot  div:first-child, 
.fusePile div:first-child {
  margin-left: 0;
}



.cardslot  div.hovered {
  background: #aaa;
}

.cardslot  div {
  border-style: dashed;
}



.fusePile div.ui-draggable-dragging {
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

/* Individually coloured cards */

#card1.correct { background: red; }
#card2.correct { 
	background: brown; }
#card3.correct { background: orange; }
#card4.correct { background: yellow; }
#card5.correct { background: green; }
#card6.correct { background: cyan; }
#card7.correct { background: blue; }
#card8.correct { background: indigo; }
#card9.correct { background: purple; }
#card10.correct { background: violet; }


/* "You did it!" message */
#successMessage {
  position: absolute;
  left: 580px;
  top: 250px;
  width: 0;
  height: 0;
  z-index: 100;
  background: #dfd;
  border: 2px solid #333;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  padding: 20px;
}