/* GENERAL STYLES */
html{
background:#323231;
height:100%;	
overflow-y: scroll;
}

body {
margin:0;
padding:0;
height:100%;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
}

img{
  border:none;	
}
a:link, a:visited {
	color:#323231;
	text-decoration:none;
	
}

a:hover {
	color:#323231;
  	text-decoration:underline;
}

input, textarea, select {
	background: #fff;
	padding:2px;
	border: 1px solid #aaa;
	/*color:#666;*/
	font-size: 11px;
	
}

select:disabled {
	color:#093;	
}
/**//**//**//**//**//**/

/* General styles */
.heading { color:#58c5ca; font-size:14px; font-weight: bold; }
#div_separator { background:none; height:1px;border-top:1px dotted #aaa;margin:5px 0 5px 0; }
/**//**//**//**/

/* layout */
.layout-wrapper { width:1024px; margin:0 auto; }
.layout-left-col { float:left; background:#323231; box-sizing: border-box; width:236px; }
.layout-right-col { float:right; position:relative; background:#ffffff; box-sizing: border-box; width:770px; padding-left:50px; min-height:100vh; }
.layout-right-top { position:absolute; top:0; left:0; height:70px; width:100%; background:#323231; }
.layout-right-content { position:relative; z-index:2; margin-top:41px; }
.layout-logo { text-align:center; margin-top:20px; }
.layout-logo img { width:150px; }
/**/


/* Mod header */
#mod_header_container { float:left; width:665px; border:none; }
#mod_heading { float:left; color: #fff; font-size:14px; font-weight: bold; margin:7px 0 0 0; }
#mod_header_tab a, #mod_header_tab a:visited { float:right; display:block; height:20px; width:100px; padding:5px 0 0 0; margin:0 0 0 5px; background:url(images/design/menu_tab_off.png); text-align:center; text-decoration:none; border:2px solid #aaa; }
#mod_header_tab a:hover { color:#000; }
#mod_header_tab_current a, #mod_header_tab_current a:visited { float:right; display:block; height:20px; width:100px; padding:5px 0 0 0; margin:0 0 0 5px; background:url(images/design/menu_tab_on.png); text-align:center; text-decoration:none; border:2px solid #aaa; border-bottom:2px solid #fff; }
#mod_header_tab_current a:hover { color:#000; }
/**//**//**//**/


/* Mod header */
#msgbox_background {  z-index:10000;position:absolute;width:100%;height:100%; background:#fff;left:0;top:0;bottom:0; opacity:0.6; filter: alpha(opacity = 60); }
#msgbox_container {  z-index:10001;position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; background:url('images/design/bg_gradient.jpg'); border:4px solid #aaa; padding:15px; }
/**//**//**//**/

/* Mod content */
#mod_content_container { float:left; width:665px; border:none; margin:20px 0 0 0; }
#mod_content_heading { color: #58c5ca; font-size:14px; font-weight: bold; margin:0 0 20px 0; }
/**//**//**//**/


/* Subtabs */
#subtabs_container { float:left; width:665px; border:none; margin:30px 0 0 0; }
#subtabs_spacer {  float:left; display:block; height:26px; border-bottom:1px solid #aaa; }
#subtabs_tab a, #subtabs_tab a:visited { float:left; display:block; height:17px; padding:5px 0 0 0;margin:3px 0 0 0; background:#eee; text-align:center; text-decoration:none; border:1px solid #ccc; border-bottom:1px solid #aaa; color:#888; }
#subtabs_tab a:hover { color:#000; }
#subtabs_tab_current a, #subtabs_tab_current a:visited { float:left; display:block; height:20px; padding:6px 0 0 0; background:#D3D7D8; text-align:center; text-decoration:none; border:1px solid #aaa; border-bottom:none; }
#subtabs_tab_current a:hover { color:#000; }
#subtabs_content { border:1px solid #aaa; border-top:none; background:#D3D7D8; width:663px; float:left;} /* content box underneath subtabs */
#subtabs_content_notabs { border:1px solid #aaa; background:#CFD5D9; width:663px; float:left;} /* content box in the same style but with no top border (no subtabs on top) */
#subtabs_content_padding { padding:10px; }
#subtabs_content_box_heading { padding: 5px 0 5px 2px; color:#323231; border:none; margin:0 0 0 0; }
#subtabs_content_box { padding:10px; background:#f0f0f0; border:1px solid #ccc; margin:0 0 20px 0; }
/**//**//**//**/



/* tables, lists, box */
#box { border:1px solid #aaa; background:#eee; padding:10px; margin:0 0 20px 0; }
#list_table { border: 1px solid #aaaaaa; }
#list_tr_header { background:#aaaaaa; }
#list_td_subheader { background:#bbbbbb; border-top:1px solid #666;border-bottom:1px solid #666; }
#list_tr_light { background:#f4f4f4; }
#list_tr_dark { background:#d5d5d5; }
#list_tr_marked{ background:#EBD1A4; }
/**//**//**//**//**/

/* error and notifications */
#error { border:1px solid #DD3C10; background:#FFEBE8; padding:10px; color:#333; margin:0 0 0 0; box-sizing: border-box; }
#note { border:1px solid #4C9253; background:#BFF4AC; padding:10px; color:#333; margin:0 0 0 0; box-sizing: border-box; }
#info { border:1px solid #D1AA66; background:#F9ECD4; padding:10px; color:#333; margin:0 0 0 0; box-sizing: border-box; }
/**//**//**//**//**/

/* input field error */
.input_text_error { border:1px solid #DD3C10; background:#FFEBE8; color:#333; }
.input_select_error { border:1px solid #DD3C10; background:#FDACAC; color:#333; }
/**//**//**//**//**/

/* save div */
#save { padding:5px; background:#f0f0f0; border:1px solid #aaa; height:20px; clear:both; }
/**//**//**//**//**/

/* Buttons */
#button_short, #button_long, #button_xlong, #button_red, #button_green { display:inline-block;  background:#afe3e5;  padding:3px 20px; color:#323231; font-size:11px; font-weight:normal; border:1px solid #323231; border-radius:3px; cursor:pointer; transition:all 0.6s ease; }
#button_short:hover, #button_long:hover, #button_xlong:hover, #button_red:hover, #button_green:hover { background:#58c5ca; color:#323231; transition:all 0.2s ease; }
#button_short { padding:3px 15px;  }
#button_red { background:#aa3333; color:#fff;  }
#button_red:hover { background:#dd0000; color:#fff;  }


.button_simple { background:rgba(255,255,255,0.5); border:1px solid rgba(0, 73, 144, 0.3); padding:5px 10px; transition:color 0.6s ease; cursor:pointer; }
.button_simple:hover { background:rgba(0, 73, 144, 0.3); border:1px solid rgba(0, 73, 144, 0.8); transition:all 0.2s ease; }
.button_simple_on { background:rgba(0, 73, 144, 0.3); border:1px solid rgba(0, 73, 144, 0.8); transition:all 0.2s ease; }

/**//**//**//**/



/* LEFT MENU */
#menu_heading {  margin:5px 0 3px 25px; color:#58c5ca; }
#menu_left a, #menu_left a:visited { display:block; padding:3px 0 0 32px; height:20px; color:#bbb; text-decoration:none; }
#menu_left a:hover { background:#444; color:#fff; }

#menu_left_current a, #menu_left_current a:visited { display:block; background:#58c5ca; padding:3px 0 0 32px; height:20px; color:#323231; text-decoration:none; }
#menu_left_current a:hover {  color:#fff; }
#menu_left_newitem { display:block; background:#f00; color:#fff; border:1px solid #fff; width:14px; height:14px; text-align:center; float:right; margin-right:10px; }

.menu_line { border-top:1px solid rgba(255,255,255,.1); height:20px; margin-top:20px; }
#menu_spacer { height:10px; }
/**//**//**//**/



/* Alarm - kundeadmin, statusbox */
#concept_kunde_status_container {	float:left;width:43px; }
#concept_kunde_status_statusdiv {	height:14px;border:1px solid #aaa;padding:3px;text-align:center; }
#concept_kunde_status_radiodiv {	background:#eee;height:18px;border:1px solid #aaa;border-top:none;text-align:center; }
/**//**//**//**//**//**//**//**/

/* Tilgangsliste */
#tilganger_liste_tree1 {  background:#ddd; border:1px solid #aaa; padding-left:0px;margin-top:2px; }
#tilganger_liste_tree2 {  background:#eaeaea; padding-left:25px; border:1px solid #aaa; border-top:none; border-bottom:none;  }
#tilganger_liste_tree3 {  background:#eaeaea; padding-left:50px; border:1px solid #aaa; border-top:none; border-bottom:none; }
/**//**//**//**//**/


/**/ /* tooltip */ /**/
#hotspot { cursor:pointer}
#tt {position:absolute; display:block;  }
#ttcont {font-size:11px; font-family:Tahoma, Geneva, sans-serif; display:block; padding:7px; background:url(images/tooltip/tt_cont.png); color:#333; border:1px solid #004990;}
/**/ 

.copyright { margin:100px 0 20px 0; text-align: center; color: #aaa;	}