@charset "utf-8";
@import "html5reset.css";
@import "fonts.css";
@import "rgs_base.css";
@import "col.css";
@import "col_widemargin.css";
@import "2cols.css";
@import "3cols.css";
@import "4cols.css";
@import "4cols_widemargin.css";
@import "5cols.css";
@import "6cols.css";
@import "7cols.css";
@import "8cols.css";
@import "9cols.css";
@import "10cols.css";
@import "11cols.css";
@import "12cols.css";
@import "mediamotor.css";

/*
	COLORS
	Dark grey: #2F2F2F
	Middle grey: #3E3E3E
	Light grey: #666666
	Green border: #BAEA83
	Green background: #89AB65
	Blue border: #7DD4EF
	Blue background: #59B2D3
	Yellow border: #7C557C
	Yellow background: #E8A83A
	Red border: #F4878D
	Red background: #D44D4E
	Orange border: #F2A981
	Orange background: #DD7840
*/

a { color:#FFF; }
a:hover{color:#7DD4EF;}


/* session head, appearance head */
.menu_headline { color:#7DD4EF; text-decoration:none; }
.menu_headline:hover { color:#FFF; text-decoration:none; }

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

html, body {
   /* height: 100%;*/
    min-height: 460px;
    min-width: 800px;
    background-color: #272727;
    margin:0;
    padding:0;
    font-size: 18px;
	
	/* TEST */
	/*font-family: 'Lato', Helvetica, Arial, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
}

#index_body {
    height: 100%;
    width: 100%;
	margin-top:40px;
    min-height: 460px;
    min-width: 590px;
}
/*#index_top, #index_footer {*/
#index_top, #index_footer {
    background-color: #000000;
    height: 45px;
    position: absolute;
    left: 0;
    width: 100%;
	
	z-index: 99; /* over the others */
}

#index_top {
    top: 0;
    margin:0;
    padding:0;
    border-bottom: solid 4px #2e2e2e;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-font-smoothing: subpixel-antialiased;
	font-size:18px;
}

#index_top .col.menu-headline {
    vertical-align: middle;
}

.image-logo { vertical-align: middle; margin-top: -9px; margin-right:10px; }
.col:first-child { margin-left: 0 !important; }
.logo-div { margin:13px; }

#index_footer {
    bottom: 0;
    padding: 0;
    margin: 0;
    border-top: solid 4px #2e2e2e;
}





/* Natives */

/*img {padding:10px;}*/
/*h1 {font-size:24px;font-family:Verdana, Geneva, sans-serif;padding:20px 0px 5px;margin:0px; color:#FFFFFF;}
h2 {font-size:18px;font-family:Verdana, Geneva, sans-serif;padding-bottom:20px;margin:0px;}
h3 {font-size:14px;font-style:italic;font-family:Verdana, Geneva, sans-serif;padding-left:10px;padding-bottom:10px;margin:0px;}
h4 {font-size:14px;font-family:Verdana, Geneva, sans-serif;padding-left:10px;padding-bottom:10px;margin:0px;float:left;}
h5 {font-size:14px;font-family:Verdana, Geneva, sans-serif;margin:0px;color:#900;}*/
h1 {font-size:24px;padding:20px 0px 5px;margin:0px; color:#FFFFFF;}
h2 {font-size:18px;padding-bottom:20px;margin:0px;}
h3 {font-size:14px;padding-left:10px;padding-bottom:10px;margin:0px;font-style:italic;}
h4 {font-size:14px;padding-left:10px;padding-bottom:10px;margin:0px;float:left;}
h5 {font-size:14px;margin:0px;color:#900;}

.activeSelectionColor {
	color:#33FF33;
}

p {font-size:18px;color:#33FF33;}
hr {
  background:#00F; 
  clear: both; 
  float: none; 
  width: 640px; 
  height: 1px;
  margin:0px;
  border: none; 
  margin-left:10px;
  text-align:left;
}

.alignLeft21 { display:block; margin-left:5px; width:800px; float:left; overflow:hidden; }
.alignRight21 { display:block; margin-left:5px; width:400px; float:left; clear:right; overflow:hidden; }
.alignLeft11 { display:block; margin-left:5px; width:630px; float:left; }
.alignRight11 { display:block; margin-left:5px; width:630px; float:left; clear:right; }

.alignLeft0
{
	
	/* used with import list, when we want to use the entire screen */
	display:block;
	margin-left:5px;
	float:left;	
}

/* DESSA SKALL BORT när sidan är uppdaterad*/
.alignLeft
{
	display:block;
	margin-left:5px;
	width:630px;
	float:left;
	
	
}

.alignRight {
	/*margin-left:5px;*/
	margin-left:5px;
	width:630px;
	float:left;
	/*overflow-y:scroll;*/
}


/*class menuitem*/
a.menuitem { font-family: 'Lato', Helvetica, Arial, sans-serif; float:left;padding-right:18px;font-size:13px;font-weight:900; width:115px; }
a.menuitem:link{text-decoration:none; color:#FFF;}
a.menuitem:visited{text-decoration:none; color:#FFF;}
ul.menuitem { list-style-type:none;margin:0;padding:0; }
em.menuitem { display:block;font-size:10px;font-weight:500;text-align:left;padding-top:2px;font-style:normal; }

/*Used for permissions/clients */
a.listicon1 {font-size:12px; font-weight:700; margin-left:15px; clear:right; }
a.listicon1:link, a.clientslink:link{text-decoration:none; color:#FFF;}
a.listicon1:visited, a.clientslink:visited{text-decoration:none; color:#FFF;}
a.listicon1:hover, a.clientslink:hover{text-decoration:none; color:#7DD4EF;}

/* .listhead */
li.listhead {
	background-color:#3E3E3E;
	color:#7DD4EF;
	font-size:13px;
	font-weight:700;
	padding:6px;
}

/* .listtop ??????? used?*/
.listtop {background:#444; color:#7DD4EF; border-bottom:1px solid white; float:left; }
h3.listtop { width:440px; }

/* .listbody */
h2.listbody { margin-top:4px; color:#FFF; }
li.listbody { background-color:#666666; color:#FFF; font-size:13px; padding:6px; }

/* .pageinfo */
p.pageinfo
{
	margin:0px 0px 20px 0px;
	padding:0;
	font-size:12px;
	color:#FFFFFF;
	/*font-family:Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;*/
}

ul.list1
{
	margin:0px;
	padding:0;
	list-style-type:none;
	clear:both;
	border-bottom:1px solid #777;
}

/* ID tags*/
/*#logo_top { float:right; }*/
/*#index_top, #logged_in_top { background-color:#222; }*/

#logged_in_top { height:45px; }
#logged_in_menu { position:relative; margin:0; padding-top:10px; padding-left:10px; display:block; min-width:500px; float:left; }
#logged_in_logo
{
	/*border: 1px solid yellow;*/
	float:right;
	
	margin-top:4px;
	margin-right:10px;
	
	
	font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-font-smoothing: subpixel-antialiased;
	font-size:18px;
	
	
}
#logged_in_logo img { vertical-align: middle; margin-right:10px; }





#logged_in_agendas_container, #logged_in_agenda_container { /*position:fixed; left:0px;*/ display:block; width:100%;}
#logged_in_agendas_menu, #logged_in_agenda_menu { display:block; min-width:800px; clear:both;height:33px;padding:10px 0 0 10px;border-top:solid 1px white;  background-color:#444; }
#logged_in_agendas_body, #logged_in_agenda_body, #user_info_container{ padding-left:5px; border-top:solid 1px white; }

#form_appearances_list_session { margin-left: 5px; margin-bottom: 10px; width:390px; border:1px solid #66C}

#logged_in_agenda_events_list{overflow:auto}

.session {
	list-style-type:none;
	margin:5px 5px 0px;
	padding:5px;
	height:18px;
	width:560px;
	border:solid 1px #CCCCCC;
	background-color:#444;
	color:#7DD4EF;
}

.session li, .appearance li, .appearance_overview li { 
	display:inline;
	width:140px;
	float:left;	
	height:inherit;
	padding:0px;
	margin:0px;
	font-size:14px;
	font-weight:700;
}

.appearance {
	list-style-type:none;
	margin:5px 5px 0px;
	padding:5px;
	height:18px;
	width:560px;
	border:solid 1px #CCCCCC;
	background-color:#444;
	color:#FFF;
}

.appearance_overview {
	list-style-type:none;
	margin:0px 5px;
	padding:5px;
	height:18px;
	width:560px;
	background-color:#888;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	color:#FFF;
}





.eventlist {
	list-style-type:none;
	margin:2px 5px;
	padding:2px;
	height:14px;
	
	border:solid 1px #CCCCCC;
	background-color:#444;
	color:#7DD4EF;
}

.eventlist li { 
	display:inline;
	min-width:40px;
	float:left;	
	height:inherit;
	padding:0px 20px 0px 5px;
	margin:0px;
	font-size:10px;
	font-weight:400;
}

/*.appearance li {
	display:inline;
	width:140px;
	float:left;	
	height:inherit;
	padding:0px;
	margin:0px;
	font-size:14px;
	font-weight:700;
}*/



.button
{
	border:1px solid #CCCCCC;
	background-color:#444;
	margin-left:5px;
	padding:0px;
	height:40px;
	width:90px;
	font-size:14px;
	font-weight:700;
	color:#FFF;
}
.button:hover
{
	border: 1px solid #FFF;
}

.btnTextLayout {
	background: none;
	color: white;
	text-decoration: underline;
	border: none;
	font-weight: 600;
	cursor: pointer;
}
.btnTextLayout:hover {
	color: #7DD4EF;
}

label {
	margin-left:5px;
	font-weight:700;
	color:#FFF;	
}

input[type="text"], textarea {
    width: 390px;
	font-size:12px;
	padding-left:5px;
	margin:5px 5px 20px;
	border: 1px solid #ccc; /* gets around varying border styles */
}





/**/
/*.spacer{clear:both; height:10px;}
.minispacer{clear:both; height:1px;}
.inputtext{width:200px;}
.inputradio{width:22px;}
.cls_container {
	float:none;
	display:block;
	clear:both;
}*/







#logged_in_agenda_overview_left, #logged_in_agenda_overview_right
{
	margin:0px;
	/*overflow:hidden;*/
}

#logged_in_agenda_overview_left h1
{
	margin:5px 0px;
	padding:0px;
	font-size:16px;
	display:block;
}

#logged_in_agenda_overview_left ul, #logged_in_agenda_overview_right ul, #logged_in_sessions_active ul, #logged_in_appearances_active ul
{
	margin:0px;
	padding:0;
	list-style-type:none;
	clear:both;
}

#logged_in_agenda_overview_left li, #logged_in_agenda_overview_right li, #logged_in_sessions_active li, #logged_in_appearances_active li
{
	display:block;
	border-bottom:1px solid white;
	float:left;
}

/* Permissions list */
/* div below */
#logged_in_agenda_manage_access_lists
{
	margin:0px;
}

#logged_in_agenda_manage_access_lists h1
{
	margin:5px 0px;
	padding:0px;
	font-size:16px;
	display:block;
}

#logged_in_agenda_manage_access_lists ul
{
	margin:0px;
	padding:0;
	list-style-type:none;
	clear:both;
}

#logged_in_agenda_manage_access_lists li
{
	display:block;
	border-bottom:1px solid white;
	float:left;
}

#form_permissions
{
	margin:0px;
	display:block;
	background-color:#888;
	border:1px solid #000;
	height:50px;
}

#form_permissions h2
{
	display:inline;
	width:180px;
	font-size:13px;
	float:left;
	padding:2px;
}

#form_permissions h3
{
	display:block;
	font-size:13px;
	font-style:normal;
	padding:2px;
}

#form_permissions input[type='text']
{
	display:block;
	height:13px;
	width:300px;
	margin-top:4px;
	margin-left:2px;
	margin-right:0px;
	float:left;
}

#form_permissions input[type='button']
{
	display:block;
	height:18px;
	width:60px;
	font-size:13px;
	font-weight:400;
	float:left;
	margin-top:5px;
	margin-left:5px;
	
}

/* ---------------------- */
div.properties
{
	background:#444;
	padding:5px;
	/*padding-bottom:10px;*/
	border-bottom:1px solid #999;
}

div.properties h2, div.properties p
{
	font-size:13px;
	color:#7DD4EF;
	margin:0;
	margin-bottom:5px;
	padding:0;
}

div.properties p { display:inline; }
div.properties textarea, input[type='text']
{
	color:#FFF;
	background-color:#888;
	font-size:13px;
	/*font-family:Verdana, Geneva, sans-serif;*/
	margin:0px;
	padding:3px;
	width:596px;
}

div.properties .spd
{
	background:#555;
	margin-bottom:10px;
	border:1px solid #999;
	padding: 5px;
}

.filterSessionsList { margin-top: .5em; }
.filterSessionsList h2 { font-style:italic; }
.filterSessionsList ul { margin:.5em 0; list-style-type:none; border-bottom:none; }
.filterSessionsList li { border-bottom:1px solid #777; cursor:pointer; }
.filterSessionsList li:hover { color: #CCC; }
.filterSessionsList li>span {}
.filterSessionsList input::placeholder { color:#CCC; font-style:italic; }

div.properties input[type='button']
{
	display:block;
	height:18px;
	width:60px;
	font-size:13px;
	font-weight:400;
	float:right;
	/*margin:0px;*/
}

div.properties select
{
	display:block;
	width:603px;
}

ul.properties
{
	list-style-type:none;
	display:block;
	padding:0;
	margin:0;
}

ul.properties li
{
	display:block;
	/*float:left;*/
	font-size:13px;
}

div.sclhead
{
	background:#555;
	width:610px;
	height:16px;
	display:block;
	clear:left;
	color:#7DD4EF;
	font-weight:700;
	border-bottom:1px solid #999;
	padding:4px;
	
}

div.sclbody
{
	background:#888;
	width:610px;
	height:16px;
	display:block;
	clear:left;
	color:#FFF;
	font-weight:400;
	padding:4px;
}





/*h2.properties, p.properties
{
	font-size:13px;
	color:#7DD4EF;
	margin:0;
	margin-bottom:5px;
	padding:0;
}*/


/* ---------------------- */

#session_properties_div
{
	background:#444;
	padding:5px;
	padding-bottom:10px;
	border-bottom:1px solid #999;
}

#session_properties_div h2, p
{
	font-size:13px;
	color:#7DD4EF;
	margin:0;
	margin-bottom:5px;
	padding:0;
}

#session_properties_div textarea, input[type='text']
{
	color:#FFF;
	background-color:#888;
	font-size:13px;
	/*font-family:Verdana, Geneva, sans-serif;*/
	margin:0px;
	padding:3px;
	width:596px;
}
#session_properties_div .spd
{
	background:#555;
	margin-bottom:10px;
	border:1px solid #999;
	padding: 5px;
}

#session_properties_div input[type='button']
{
	display:block;
	height:18px;
	width:60px;
	font-size:13px;
	font-weight:400;
	float:right;
	/*margin:0px;*/
}

#session_properties_div p
{
	display:inline;
	
}

/* SCL */
.list_container
{
	/* 2023-03-08 */
	background:#444;
	padding:5px;
	border-bottom:1px solid #999;
	display: inline-block;
}

#session_list_cos
{
	display:block;
}

#session_permissions_div
{
	background:#444;
	padding:5px;
	border-bottom:1px solid #999;
}

#session_permissions_div ul, .list_container ul
{
	list-style-type:none;
	border:1px solid #999;
	margin:0px 0px 0px;
	padding:0;
	width:618px;
}

#session_permissions_div li, .list_container li
{
	display:block;
	height:16px;
	clear:both;
	padding:5px;
	background:#888;
	font-size:13px;
	color:#FFF;
}

#sclhead
{
	height:16px;
	display:block;
	float:left;
	clear:left;
	color:#7DD4EF;
	font-weight:700;
}

.sclbody
{
	display:block;
	border-bottom:1px solid #777;
}

/*left*/
.scl1
{
	display:block;
	float:left;
	width:518px;
}

/* right */
.scl2
{
	display:block;
	float:left;
	width:44px;
	text-align:right;
		
}

/* session appearances */
#session_properties_box
{
	background:#444;
	padding:5px;
	border-bottom:1px solid #999;
}

#session_appearances_div
{
	background:#888;
	border:1px solid #999;
}

#logged_in_agenda_events {overflow:auto;}

.properties_box_outer
{
	background:#444;
	padding:5px;
	border-bottom:1px solid #999;
}

.properties_box_inner
{
	background:#888;
	border:1px solid #999;
}

/* ul800 - unordered list around 800 px wide. Used for listing active agendas (logged_in_agendas) */
div.ul800 { /*display:block; border:1px solid #F90;*/ }
div.ul800 a:link { text-decoration:none; color:#FFF; }
div.ul800 a:visited { text-decoration:none; color:#FFF; }
div.ul800 a:hover { text-decoration:none; color:#7DD4EF; }
div.ul800>ul { margin:0; padding:0; display: flex;}
div.ul800 li { display:block; float:left; font-size:16px; font-weight:700; padding:4px; color:#FFF; background-color:#888; border-bottom:1px solid #999; }
ul.ul800head li { color:#7DD4EF; background-color:#444; border-bottom:1px solid #FFF; }

.hoverUnderline:hover {
	text-decoration:underline;
	cursor:pointer;
}

.hidden {
	display:none;
}