:root {
	
  --mf_alert_txt : #f03000;
 	--mf_att_link: #E0D085;
 	--mf_alert_bg : #5F4300;
 	--mf_alert_a: #ffe07c;

 	--mf_sub_txt: #999;
 	--mf_sub_label: #aaa;
 	--txt_clear: #fff;
 	--txt_full: #d0d0d0;
 	--txt_second: #b0b0b0;
 	--txt_content: #a0a0a0;
  --txt_lite: #888;
  --txt_ghost: #777;
 	--txt_color: #EFC643;
 	--txt_tabactive: #d0d0d0;

 	--txt_hover: #fff;
	--txt_ok: #169a0a;
	--txt_numbers: #777;
	--txt_tree: #c9c9c9;
	--link_visable: #EFC643;

 	--txt_title: #bbb;
 	--txt_title_second: #aaa;
	--txt_title_medium: #a0a0a0;
 	--txt_title_lite: #999;

 	--menu_color: #ccc;
	--menu_bg_hover: #3e3e3e;
	--mf_footer_txt: #ccc;
 	--mf_info_label: #aaa;

 	--icons_lite: #666;
 	--icons: #999;
 	--icons_att: #aaa;
 	--icons_heavy: #bbb;

 	--box_border_sky: #404040;
 	--box_border_lite: #444;
 	--box_border_medium: #505050;
 	--box_border_macro: #444;
 	--box_border: #565656;
 	--box_border_hover: #777;
	--box_border_modal: #777;
 	--separator_lite: #444;   /* hr, etc */
 	--separator_lite2: #383838;
 	--separator: #555;
 	--separator_strong: #666;
 	--separator_clear: #222;
 	--hilight_back: #423F34; /* box to attract attension */
 	--hilight_box: #7e5a35;  /* box to attract attension */
 	--hilight_req: #493f2f;  /* required fields */

 	 /* hover for img grid */
	--grid_box: #333;
	--grid_box_border: #444;
	--grid_box_heavy: #343231;

	--box_bg_sky: #262626;
	--box_bg_sky2: #272727;
 	--box_bg_lite: #333;
 	--box_bg_medium: #383838;
 	--box_bg: #404040;
 	--box_bg_clear: #222;
 	--box_bg_att: #74c54f;     /* positive attention green */
 	--box_bg_notice: #fc6435;  /* signal color box red */
 	--box_bg_label: #404040;  /* macro label and navigation bars */
 	--box_bg_dark: #555;
 	--box_hover: #505050;
	--box_bg_negative: #7f7f80;

 	--row1_bg: #2c2b2a;
	--row_hover: #413E3A;
	--row_active: #302D21;
	--row_selected: #302D21;

 	--action_link: #EFC643;
 	--signal_icon: #f7bb26;

 	--button_color: #eee;
 	--button_lite: #ddd;
 	--button_border: #888;
 	--button_bdhover: #666;
 	--button_bg: #505050;
 	--box_border_dark: #737373;
 	--button_bghover: #666;
  --bullets: #aaaaaa;
  --button_next: #1d7216;
	--mfdp-hover: #555;
	--button_bg_lite: #393939;

  --focus_input: #9B8232; /*#7EAADE; */
	--focus2_input: #D30909;
	--db_input : #303b46;

  --menu_shadow: 2px 3px 4px 3px rgba(0,0,0,.2);
	--popup_shadow: 2px 3px 12px 0 rgba(0,0,0,.6);
	--modal_shadow: 0 0 5px 3px rgba(30, 30, 30, 0.48);
	--input_background: linear-gradient(to bottom, #444 0%, #555 100%);
	--macro_background: linear-gradient(to bottom, #282828 0, #282828 500px);

	--small_font: 13px;
}                        

.alert {
  color: #000;
}

body {
	background-color:var(--box_bg_clear);
}

html,body {
  color: var(--txt_full);
  height:100%;
}

#outer{
	min-height:100%;
	margin-bottom:-35px;
	height:auto;
	width:100%;
}

#footer {
	height:35px;
	margin: 0 10px;
	position:relative;
}
#clearfooter{
	height:40px;
}

div.fixedw {
	border-left:1px solid var(--box_border_medium);
	border-right:1px solid var(--box_border_medium);
	border-top:1px solid var(--box_border_medium);
}
.dropzone {
	background: var(--box_bg_sky) !important;
	border: 2px dashed rgba(150, 150, 150, 0.3) !important;
}

PRE {
	color:#DDDDDD;
}

.logpre {
  background-color: #383838;
  border-width: 0;
}

.folderthumb, .seriesthumb {
  background-color: var(--box_bg_sky);
}

/* text in admin command bar */
.edittext {
  background-color: #444;
  border-bottom: 1px solid #666;
}

#hmenu .pdhmenu ul, #hmenutop .pdhmenu ul, #hmenupos4 .pdhmenu ul, #hmenu2 .pdhmenu ul {
	border-top: 1px solid var(--box_border);
	border-color: var(--box_border);
	background-color: var(--box_bg_lite);
}

#hmenupos4 ul a {
	background-color: var(--box_bg_lite);
	color: var(--txt_full);
}

A {
  color: #ccc;
  text-decoration: none;
}

A.smalltext {
  text-decoration: none;
  font-size: 12px;
}

A:hover {
  color: #fff;
}
A:active {
  color: #fff;
}
.aactive {
	color: #fff;
	font-weight:bold;
}

input[type="text"], input[type="password"] {
	background-color: var(--box_bg);
	color: var(--txt_full);
}
select {
	color: var(--txt_full);
	background-color: var(--box_bg_lite);
}
textarea {
	background-color: var(--box_bg);
	color: var(--txt_full);
}

.w_collapsed:hover, .w_expanded:hover {
  color: #fff;
} 

a.nbrnavactive {
  color: var(--txt_full);
}

.mtab {
  background-color: var(--box_bg_sky);
  border: 1px solid var(--box_border);
  border-bottom-color: var(--box_border_medium);
  color: var(--txt_title_lite);
}
.mobsearchbut::after {
	color: #999;
}
.grid-selected, .subgrid-selected {
	border: solid 1px var(--grid_box_border);
}
#subnavbar {
	margin: 0 10px;
}
.navbar {
	border-width: 1px;
}
#freetopbar {
	margin: 0 10px;
}
.navup {
	color: var(--txt_color);
	background-color: #333333;
}
.settofullscr {
	background-image: url("../themes/darkroom/bigviewer.svg");
  background-repeat: no-repeat;
  background-position:3px 3px;
  height:21px; Width: 19px;
}

.smallertxt {
	font-size: 13px;
}
.smalltxt {
	font-size: 12.4px;
}
/* algemene class voor kleine text en input */
.smallfont {
   font-size: 93%;
  /*background-color: #FFFCF0; */
}
.smallfont2{
  font-size: 93%;
  /*background-color: #FFFCF0; */
}
select.smallfont, input.smallfont {
  font-size: var(--small_font);
}
/* input pulldown voor sortering */
.sortingtb, .sortingheader {
  font-size: var(--small_font);
}

.toolkitmacro1{
	background-color: #333;
	border: 1px solid var(--box_border_medium);
	margin-bottom: 10px;
	padding: 5px;
}
.toolkitmacro2{
	background-color: #333;
	border: 1px solid var(--box_border_medium);
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
.toolkitmacro3 {
	background-color: #333;
	margin-bottom: 10px;
	padding: 5px;
}

#hmenu2block table.navheader {
	background-color: transparent !important;
	padding: 0;
	border-width: 0;
}
.navheader, .altnavheader{
  COLOR: #ccc;
  line-height: 29px;
  padding: 0px 3px;
}
#hmenu2block .navheader, #hmenu2block .altnavheader {
	line-height: 29px;
  border-width: 0;
}
#hmenu2block table.navheader {
	border-width:0
}


.dhtmlpreview, .darkpreview {
	position: absolute;
	display: none;
	background: transparent;
	padding:1px;
	z-index:99;
}
.dhtmlpreview .dhtml-innerwin, .darkpreview .dhtml-innerwin{
	border: 1px solid #444;
	position:relative;
	z-index:100;
	width:100%;
	box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.47);
}

.dhtmlpreview .drag-handle, .darkpreview .drag-handle{
	background-color: #333;
	width: auto;
	height:28px;
	line-height:28px;
}
#dprevtopdiv {
	padding-top:1px;
}
#vailoverlay {
	background-color:#1b1b1b;
	opacity: 0.8;
}
.darkvail {
	opacity: 0.75 !important;
}

.markertxtin {
	opacity: 0.70;
	background-color:#444;
}
.imageicons {
	background-color: rgba(53, 52, 52, 0.54);
}

img.ratingcom {
	background-image: url(../themes/darkroom/rating/starscomb.gif);
}
img.ratingcoml {
	background-image: url(../themes/darkroom/rating/starscomb2.png);
}

.pflowblock2 {
	background: transparent url("../themes/darkroom/flowsteps2.png") no-repeat left top;
	padding:0px 35px;
	color: #aaa;
}

.pageicon {
  background-image: url("../themes/darkroom/picons_duo.png");
  background-position-x: -50px;
}


}
.calendericon {
	background-image: url("../themes/darkroom/calender.png");
}

.ssobutton {
  background-color: #444;
}

.ssobutton2 {
  background: linear-gradient(#706f6f,#545353);
  border-radius: 2px;
}

.ssobutton2 a {
  color: #eee;
}

.ssologintd {
   border-color: #777;
}

.pdnavoptions {
  background-color: var(--box_bg_sky);
}
.pdnavactive {
	border: solid 1px #666;
	background-color: var(--box_bg_lite)
}
.pdnavactive:hover {
	border: solid 1px #666
}

.backlink {
	border: 0 none;
}