: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: #eee;
 	--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: #a0a0a0;
	--link_visable: #EFC643;

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

 	--menu_color: #a0a0a0;
	--menu_bg_hover: #3e3e3e;
	--mf_footer_txt: #999;
	--mf_info_label: #555;

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

 	--box_border_sky: #353535;
 	--box_border_lite: #393939;
 	--box_border_medium: #444;
 	--box_border_macro: #404040;
 	--box_border: #505050;
 	--box_border_hover: #666;
	--box_border_modal: #666;
 	--separator_lite: #404040;   /* hr, etc */
 	--separator_lite2: #353535;
 	--separator: #505050;
 	--separator_strong: #606060;
 	--separator_clear: #1e1e1e;
 	--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: #303030;
	--grid_box_border: #404040;
	--grid_box_heavy: #343231;

	--box_bg_sky: #252525;
	--box_bg_sky2: #272727;
 	--box_bg_lite: #303030;
 	--box_bg_medium: #363636;
 	--box_bg: #404040;
 	--box_bg_clear: #1e1e1e;
 	--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: #484848;
 	--box_bg_negative: #7f7f80;
 	
 	--mf_footer_txt: #999;
 	--mf_info_label: #a0a0a0;


 	--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: #707070;
 	--button_bdhover: #666;
 	--button_bg: #444;
 	--button_bg_lite: #393939;
 	--box_border_dark: #737373;
 	--button_bghover: #666;
  --bullets: #aaaaaa;
  --button_next: #1d7216;
	--mfdp-hover: #555;
	 
  --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, #393939 0%, #444 100%);
	--macro_background: linear-gradient(to bottom, #282828 0, #282828 600px);

	--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);
}


PRE {
	color:#DDDDDD;
}


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

.macrotext {
  color: var(--txt_content);
}
.folderthumb, .seriesthumb {
  background-color: var(--box_bg_sky);
}
.dropzone {
	background: var(--box_bg_medium) !important;
	border: 2px dashed rgba(150, 150, 150, 0.3)  !important;
}
/* text in admin command bar */
.edittext {
  background-color: #404040;
  border-bottom: 1px solid #555;
}

#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: #d0d0d0;
  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_clear);
}
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.numbernav:hover {
  color: var(--txt_hover);

  text-decoration: underline;

}
A:hover {
  color: #fff;

}
a.nbrnavactive {
  color: var(--txt_full);
}
.mtab {
  background-color: var(--box_bg_lite);
  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: #282828;
}
.settofullscr {
	background-image: url("../themes/darkroom/bigviewer.svg");
  background-repeat: no-repeat;
  background-position:2px 2px;
  height:19px; Width: 17px;
}

.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: #282828;
	border: 1px solid var(--box_border_medium);
	margin-bottom: 10px;
	padding: 5px;
}
.toolkitmacro2{
	background-color: #282828;
	border: 1px solid var(--box_border_medium);
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
.toolkitmacro3 {
	background-color: #282828;
	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;
}

.pdnavactive {
	border: solid 1px #666
}
.pdnavactive:hover {
	border: solid 1px #666
}


#hmenu .hmenufirst a {
  border-radius: 3px 0 0 3px;
}
#hmenulist li:first-child a {
	border-radius: 3px 0 0 3px;
}
#hmenu .pdhmenu ul, #hmenutop .pdhmenu ul {
	border-radius: 4px;
}
.macro1, .macro1-tab, .macro2, .macro2-tab,.macrowit2-tab {
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
}

.mnolabel, .labelmacro1, .labelmacrowit1, .labelmacro2, .labelmacrowit2, .labelmacro3, .labelmacrowit3, .mtabActive, .mtab {
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}
	
div.fixedw {
	border-radius:5px;
}
.macrofixed3 {
	border-radius:4px;
}

.headerbox, .searchtoolbar, .toolkitmacro2, .toolkitmacro3, .toolkitmacro1, table.navheader, div.navheader, .navbar, .navbox {
	border-radius:4px;
}

.boxed-selected, .macrogrid-selected, .grid-row1, .grid-row2, .boxed-row1, .boxed-row2, .subgrid-row1, .subgrid-row2, 
.macrogrid-row1:hover, .macrogrid-row2:hover, .subclean-row1, .subclean-row2  {
	border-radius:4px;
}
.croslines-topleft {
	border-top-left-radius:4px;
}
.croslines-topright {
	border-top-right-radius:4px;
}
.croslines-botleft {
	border-bottom-left-radius:4px;
}
.croslines-botright {
	border-bottom-right-radius:4px;
}
.notesblock, .notemessage {
	border-radius:4px;
}
#logotd {
	padding-left: 0;
}
.foldershadow, .folderthumb, .serieshadow, .seriesthumb  {
	border-radius:4px;
}
.dhtmlpreview .drag-handle {
	border-radius: 4px 4px 0 0;
}
.dhtmlwindow .drag-handle {
	border-radius: 4px 4px 0 0;
}
.drag-statusarea {
	border-radius: 0 0 4px 4px;
	height: 14px;
	padding: 0 2px 2px 0;
}
.drag-nostatus {
	border-radius: 0 0 4px 4px;
}
.formalert {
	border-radius: 3px;
}

.backlink {
	border: 0 none;
}