/*
Grønn: color: #74ad44;
blå: background: #014a94;
.ui-state-highlight: Class to be applied to highlighted or selected elements. Applies "highlight" container styles to an element and its child text, links, and icons.
.ui-state-error: Class to be applied to error messaging container elements. Applies "error" container styles to an element and its child text, links, and icons.
.ui-state-error-text: An additional class that applies just the error text color without background. Can be used on form labels for instance. Also applies error icon color to child icons.
.ui-state-disabled: Applies a dimmed opacity to disabled UI elements. Meant to be added in addition to an already-styled element.
.ui-priority-primary: Class to be applied to a priority-1 button in situations where button hierarchy is needed.
.ui-priority-secondary
*/

.dwTagCounter{
	position: absolute;
	left:10px;
	top:40px;
	border: 1px #F99;
	background: #FDD;
	padding:5px;
	
}
nav.main_menu.right{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 100;
    text-align: left;
}
.dw_commentform{
	transition: background-color 1s linear;
	padding:5px;
}
.dw_updating{
	background-color: rgba(255, 191, 0,0.5);
}
.dw_updated{

	background-color: rgba(200, 255, 200,0.5);
}
.dw_treegallery{
	display:grid;
	grid-template-columns: 20% 80%;
	grid-column-gap:20px;

}



.dw_some_commentform_wrap.ui-accordion-content{
padding:0px !important;
} 
.dw_treegallery.dw_tgdisplay_small{
	grid-template-columns: 1fr;
}
.dw_gallery_cattree {
	background:#FFF;
	padding: 20px;
	border: 1px #AAA;
	border-radius:5px;
	color: #666;
}
.dw_gallery_cattree li,
.dw_gallery_cattree li a {
	color: #666;
	font-weight:normal;
	font-family: 'Open Sans Condensed', sans-serif;
		text-transform:uppercase;
		font-size:0.9em;
}
.dw_imgcatlist{
	cursor:pointer;
	}
.dw_gallery_cattree li.dw_active a{
	text-transform:uppercase;
	color: #333;
	font-weight:bold;
	
} 

.dw_fancy_gallery{
	display:grid;
	position:relative;
	grid-template-columns: 1fr 1fr 1fr ;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
.dw_fancy_gallery sup{
	font-weight:bold;
	background: #FF0;
}
.dw_treegallery.dw_tgdisplay_small .dw_fancy_gallery{
	grid-template-columns: 1fr 1fr 1fr;
}
.dw_fancy_gallery>div{
	border: 1px #AAA solid;
	display:grid;
	border-radius:5px;
	padding:7px;
	background: #FFF;
	grid-template-rows: 4em 200px 30px min-content;
	text-align:center;
}
.dw_fancy_gallery div.dw_img{
	padding:5px;
	overflow:hidden;
  max-height: 200px;
}
.dw_imgtitle{
	font-size:0.8em;
	text-transform:uppercase;
}
.dw_some_toggle_button{
	border-radius:5px;
	border: 1px #AAA solid;
	padding:5px;
	width:90%;
	margin:0 auto;
	color: #666;
	display:inline-block;

}
.dw_some_toggle_button span{
	margin: 0px 7px;
	display:inline-block;
}
.dw_fancy_gallery .dw_imagetext_wrapper{
	z-index: 2000;
	/* left: 370px; */
	left: 60%;
	transform: translate(-60%);
	top:50px;
	width:900px;
	border-radius:5px;
  background: #EFEFEF;
  border: 1px #999 solid;
  box-shadow: 5px 10px 5px #333;
  padding: 10px;
  position: fixed;
  text-align:left;
  max-height: 100%;
    overflow: auto;
 }
 
 .dw_fancy_gallery .dw_hasitems  {
 	background: #dFd;
 }
 .dw_fancy_gallery  .dw_actionrequired{
 	border: 1px #F66 solid;
 }
  .dw_fancy_gallery  .dws_draft{
 	background: #FEF;
 }
.dw_fancy_gallery .dw_imagetext_wrapper .dw_close{
	position:absolute;
	top:10px;
	right:10px;
	width:25px;
	height: 25px;
	cursor:pointer;
	border: 1px #999 solid;
	text-align:center;
	background: white;
	border-radius: 3px;
} 
 .dw_cwrap_ny,
 .dw_head_ny,
 {
 		 background: #FFC important; 
 	}
  .dw_cloned
 {
 		background: #DDF !important;
 	}
 	.dw_update{
 			background: #DDF !important;
 	}
 .dw_fancy_gallery .dw_imagetext_wrapper input{
		border: 1px #999 solid;
		border-radius: 5px;
}
 .dw_fancy_gallery .dw_some_commentform_wrap{
 	border: 1px #999 solid;
 	padding:10px;
 	
 	margin-bottom:10px;
 }
 .dw_fancy_gallery .dw_activeimg{
 		border: 1px #999 solid;
 	}
  .dw_fancy_gallery .dw_activeimg .dw_img{
 		border: 1px #999 solid;
 		position:fixed;
 		left: 20%;
 		transform: translate(-20%);
 		top:50px;
 			max-height:350px;
 		background: #ddd;
 	}
 	  .dw_fancy_gallery .dw_activeimg .dw_img:hover{
 		z-index:2100;
 	}
 	.dw_fancy_gallery .dw_activeimg .dw_img img{
 		margin: 10px;
 		
 	}
 	.dw_showhide{
 	display:none;
 	}
 	.dw_fancy_gallery .dw_some_item_wrap.dw_activeimg .dw_showhide_comment{
 		background: #999;
 		color: #FFF;
 	}
 	
  .dw_fancy_gallery .dw_commentform{
  	display:grid;
  	background: #FFF;
  	grid-template-columns: repeat(8, 1fr);
  	grid-auto-rows: minmax(50px, auto);
  	grid-template-areas:
  	"title title title title title title title title"
    "comment comment comment comment comment comment comment comment"
    "use use use sdate sdate repeat repeat repeat"
    "hash hash hash hash keyword keyword keyword keyword"
    "url url url url url url button button";
  }
   .dw_fancy_gallery .dw_commentform input[type=text],
   .dw_fancy_gallery .dw_commentform textarea,
    .dw_fancy_gallery .dw_commentform select{
   	
   	margin:5px;
   		
   	}
 .dw_fancy_gallery .dw_commentform label{
 	min-width:80px;
 
 	}
 .dw_fancy_gallery .dw_commentform div.comment-form-comment{
 		grid-area:comment;
 		display:grid;
 		grid-template-columns: 100px 1fr 0px;
 	}
 	 .dw_fancy_gallery .dw_commentform .comment-form-keyword{
 		grid-area:keyword;
 			display:grid;
 		grid-template-columns: 100px 1fr  0px;;
 	}
 	.dw_fancy_gallery .dw_commentform .comment-form-hashtags{
 		grid-area:hash;
 		position:relative;
 			display:grid;
 		grid-template-columns: 100px 1fr  0px;;
 	}
 	.dw_fancy_gallery .dw_commentform .comment-form-title{
 		grid-area:title;
 		display:grid;
 		grid-template-columns: 100px 1fr  0px;;
 	} 
 	.dw_fancy_gallery .dw_commentform .comment-form-url{
 		grid-area:url;
 			display:grid;
 		grid-template-columns: 100px 1fr  0px;;
 	}
 		
 	.dw_fancy_gallery .dw_commentform .comment-form-status{
 		grid-area:use;
 			display:grid;
 		grid-template-columns: 100px 1fr  0px;;
 	}
 	.dw_fancy_gallery .dw_commentform .comment-form-sdate{
 		grid-area:sdate;
 			display:grid;
 		grid-template-columns: 200px 200px;
 	}
 	.dw_fancy_gallery .dw_commentform .comment-form-repeat{
 		grid-area:repeat;
 	}
 	.dw_fancy_gallery .dw_commentform .comment-form-button{
 		grid-area:button;
 	}
 	
 	
.dw_fancy_gallery .comment-form-comment textarea{
	width:100%;
	min-height:70px;
}
.dw_fancy_gallery>div>h3{
	background:  #eee ;
	border-bottom: 1px #ddd solid;
	font-size: 1em;
	text-transform: none;
	font-weight:bold;
	line-height:normal;
	padding: 5px ;
	text-align:center;
}
.dw_fancy_gallery>div>a.dw_imglink{
	padding:10px;
	
	  display: flex;
  align-items: center;
  justify-content: center;
	clear:both;
		background: #F5F5F5;
}
.dw_fancy_gallery>div>a.dw_imglink img{
	max-height:200px;
}
#respond {
	padding: 7px;
	background: #DDD;
}
#respond textarea {
	border: 1px #999 solid;
	
}

.dw_login_form form{
	display:grid;
	grid-template-columns:3fr 1fr 1fr 1fr;
	border: 1px #666 solid;
	margin-top:5px;
	margin-bottom:10px;
	padding: 10px;
	background: #ddd;
}
.dw_comments_list{
	border-bottom: 1px #999 solid;
	margin-top:10px;
	margin-bottom:10px;
}
.dw_comment{
	padding:5px;
	border-top: 1px #999 solid;
	background: #FFE;
	text-align:left;
}
.dw_comment .dw_comment_author{

font-size:0.8em;
font-weight:bold;	
}
.dw_fancy_gallery>div>a.dw_downloadlink{
	margin:10px;
	border: 3px #014a94 solid;
	border-radius: 5px;
	background: #FFF;
	color: #014a94;
	padding:0px 15px;
	font-weight:bold;
	display:inline-block;
}
.dw_fancy_gallery>div>a.dw_downloadlink:hover{
	border: 3px #014a94 solid;
	background: #014a94 !important;
	color: #FFF;
}
.dw_fancy_gallery>div>a.dw_downloadlink:active{
	color: #000;
}
.dw_fancy_gallery>div>a.dw_downloadlink i{
	margin-right:10px;
}
@media only screen and (max-width: 1220px) {
	.dw_fancy_gallery{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@media only screen and (max-width: 1000px) {
	.dw_fancy_gallery{
		grid-template-columns: 1fr 1fr 1fr;
	}

}
@media only screen and (max-width: 780px) {
	.dw_treegallery{
		display:grid;
		grid-template-columns: 1fr;
		grid-column-gap:20px;
	}
	
	.dw_fancy_gallery{
		grid-template-columns: 1fr 1fr;
	}
	
	.dw_gallery_cattree li {
 		display: block;
 		transition-duration: 0.5s;
	}

	.dw_gallery_cattree li:hover {
  	cursor: pointer;
	}

	.dw_gallery_cattree ul li ul {
	  visibility: hidden;
	  opacity: 0;
	  position: relative;
	  transition: all 0.5s ease;
	  margin-top: 1rem;
	  left: 0;
	  display: none;
	}

	.dw_gallery_cattree  ul li:hover > ul,
	.dw_gallery_cattree ul li ul:hover {
  	visibility: visible;
  	opacity: 1;
  	display: block;
 		clear:both;
 		background: #FF0;
 		height:auto;
	}

	.dw_gallery_cattree ul li ul li {
  	clear: both;
  	width: 100%;
	}

}
@media only screen and (max-width: 480px) {
	.dw_fancy_gallery{
		grid-template-columns: 1fr;
	}

}

@media only screen and (max-width: 1900px) {

	.dw_fancy_gallery .dw_imagetext_wrapper{
		left: 270px;
		top:50px;
		transform:none;
	 }
	 .dw_fancy_gallery .dw_activeimg .dw_img{
 			left: 0px;
 			transform:none;
 	}
 	 
}