/*some general settings in tabtool_stylesheet.css*/
* {
  box-sizing: border-box;
}

body {
	-webkit-text-size-adjust:none;
	-moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
  margin: 0;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	overflow: hidden;
}

/* viewport Angabe für Mobile zusätzlich zum header */
@viewport{
    zoom: 1.0;
    width: device-width;
} 

/* und für IE10 */
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

.twofactor_outer{
	display:flex;
  justify-content: center;
}

.twofactor_qrcode{
	font-size:1.2em;
	text-align: center;
	display:flex;
  flex-direction: column;
  width: 500px;
}

.twofactor_qrcode h3{
	text-align: center;
}

.twofactor_code{
	font-size:2em;
	width:200px;
	height:50px;
	margin: 10px;
  text-align: center;
}

.twofactor_info{
  text-align: justify;
}

.twofactor_button{
	font-size:1.2em;
}

table, td, tr, th, p, div {
/*  font-family: verdana, Helvetica, sans-serif;
  font-size: 11px;*/
}

a {
  text-decoration: none;
  font-weight: bold;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

hr {
  margin:2px auto;
  height: 1px;
/*  width:97%; */
  visibility : visible;
}

/* Timer iframe */

.timer {
	display:none;
	width:100%;
	height:80px;
	overflow:auto; 
}

/* Icons */
/* use with .fa-fw.fa-lg on main icon 
	
	// use with .fa-fw.fa-lg on main icon
.fa-sub {
    position: relative;
    left: -.8em;
    width: .2em;
    vertical-align: -.25em;
    text-shadow: 0 0 1px black; // optional contrast
}
	
*/
.fa-sub-lg {
	font-size: 0.9em !important;
  position: relative;
  left: -.8em;
  width: .2em;
  vertical-align: -.4em;
}

.fa-sub {
	font-size: 0.7em !important;
  position: relative;
  left: -.9em;
  width: .2em;
  vertical-align: -.4em;
}

.menu-icon-header{
  padding: 2px;
  color: white;
}

.column-icon-header{
  padding: 2px;
  color: white;
  font-size: 1.5em !important;
}

a.navigation-button {
	color:black;
	margin-right:10px;
	float:left;
}

.navigation-icon {
	padding:2px;
}

a.icon-button :hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
span.view_button_text{
	margin-left:5px;
}

.detail_plan_overlay_plan {
	width:66% !important;
	display:block;
	text-align:-webkit-center;
}
.detail_plan_overlay_pins {
	width:33%;
	display:block;
	padding: 10px 0px 10px 0px;
}

@media all and (max-width:1120px) {
span.view_button_text{
	display:none;
}
}
a.view_button
{
	padding: 2px;
}
a.view_button :hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
/* module/package/project name and link in header */

#menu-module	{
}

#menu-package	{
}

.stack_back	{
	margin-left:10px !important;
	margin-right:10px !important;
	width:30px;
}

/*TOP-Row, Logo, Paketname & Login*/

#row-top-container {
    position: relative;
    height: 45px;
}


.help_panel
{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  }

.help_content_wrapper {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.help_content
{
	width: 100%;
  background-color: white;
  height: 100%;
  overflow:auto;
  display: flex;
  justify-content: center;
  align-items: center
}

.help_content h1,h2,h3,h4
{
  text-align: left;
  font-weight: normal;
}
.help_content h1
{
   font-size: 3em;
}
 
.help_content h2
{
  font-size: 2em;
}

.help_content h3
{
  font-size: 1.7em;
}

.help_content h4
{
  font-size: 1.4em;
}

.help_content p
{
  font-size: 1.4em;
}

.help_left_arrow
{
  border-right: 1px solid #c2b3b3;
  background-color: #fafafa;
	align-items: center;
  display: flex;
  padding-left:10px;
  padding-right:30px;
}

.help_arrow i
{
	font-size: 15em !important;
  opacity: 0.3;
}

.help_arrow
{
	cursor: pointer;
}

.help_right_arrow
{
  border-left: 1px solid #c2b3b3;
  background-color: #fafafa;
	align-items: center;
  display: flex;
  padding-left:30px;
  padding-right:10px;
}

.help_footer_wrapper {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  height:40px;
  border-top: 1px solid #c2b3b3;
  background-color: #fafafa;
}

.help_footer_training
{
	width:	75%;
	padding:5px;
	display:flex;
}

.help_footer_tour
{
	width:0%;
	text-align: center;
	font-size:1.2em;
	padding-top:10px;
}

.help_footer_audio
{
	width:	25%;
	padding:5px;
	text-align:right;
}

.help_audio_action_bar
{
margin: 0px !important;
}


.plan_content_wrapper {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}

.plan_content
{
	width: 100%;
  background-color: white;
  height: 100%;
  overflow:auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:lightgrey;
	}

.cursor_move
{
	cursor: move;
}

.shortcut 
{
	background:#FFFFFF;
	padding:5px;
	margin:10px;
	width:fit-content;
	height:fit-content;
	border-width: 1px; 
	border-color: #000000;
	border-style: solid;
	border-radius: 7px;
}

.shortcut > svg 
{
	width:80px;
	height:auto;
}

.shortcut > svg > g
{
	fill: #000000;
}

#row-top {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/*Änderungen für fixen header und scrollbare divs*/
	top:0;
	width:100%;
	z-index:90;
	height:45px;
	position:absolute;
}

#row-top-center {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	margin:10px 5px;
}

#row-top-center a {
	margin-right:10px; 
}

#row-top-column-middle {
	margin:0 10px;
	text-align: center; 
	font-size:1.3em;
	font-weight: bold;
	padding-top: 5px;
}

#row-top-column-left img {
    max-width: 180px;
    max-height: 30px;
    float:left;
    margin-left:10px;
    margin-right: 15px;
    padding-top: 2px;
}

.row-top-setting {
    padding: 10px; 
    width:100px;
    text-align: center;
		border: 1px solid;
    background-color: white;
    border-color: rgba(0, 0, 0, 0.1)    
}

.row-top-setting:hover{
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  cursor: default;	
}

.settings-menu a{
  color: black;
  text-decoration: none;
  height:100%;
  width:100%;
}
.tt_cards tbody tr {
/*	float: left;
	width: 95%; */
	display:flex;
	flex-wrap: wrap;
	width:100%;
	margin: 0.5rem;
	border: 0.0625rem solid rgba(0,0,0,.125);
	border-radius: .25rem;
	box-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.25);
}
.tt_cards tbody td {
	display: block;
	border-right: none !important;
	border-left: none !important;
	padding: 5px 5px;
	min-width:50%;
}
.tt_cards thead {
	display: none;
}
.tt_cards tbody {
	display: flex;
    flex-wrap: wrap;
	width: 100%;
}
.tt_table tbody label {
	display: none;
}
.tt_table span.tt_cards_status{
	display: none;
}
.tt_table span.tt_cards_title{
	display: none;
}
.tt_cards span.tt_cards_title{
	font-weight: bold;
}
.tt_cards td.status_cell{
	display: none;
}
.tt_cards td.title_cell{
	display: none;
}
.tt_cards td.checkbox_cell{
	display: flex;
	justify-content: space-between;
	padding: 4px;
	width: 95%;	
}
.tt_cards td.checkbox_cell{
	width: 100%;	
}
.tt_table td.status_cell{
	width:1%;
	padding:4px;
}
.tt_table td.checkbox_cell{
	width:1%;
	padding:4px;
}
.tt_cards tbody label {
	display: inline;
	position: relative;
	font-size: 85%;
	top: -0.2rem;
	float: none;
	color: #808080;
	min-width: 4rem;
	margin-left: 0;
	margin-right: 1rem;
	text-align: left;
}


.settings-menu-container{
	width:100%;
	max-width:440px;
	display: none;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  position: absolute; /* makes the div go into a position thats absolute to the browser viewing area */
  padding: 10px; 
	background-color:white;
	color: black;
  border: 1px solid;
  z-index: 99; /* makes the div the top layer, so itll lay on top of the other content */
  overflow:auto;
}

.settings-menu{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-direction: row;
  flex-wrap: wrap;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	justify-content:flex-start;
}

#row-tabs-container {
    position: relative;
    height: 25px;
    /* border-bottom: 2px solid; */
    background-color: #005b1e;
/*    border-top: 1px solid white; */	
}

.tab_div {
    display: flex;
}

.tab_name {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}

.scroll_tabs_container_vertical .tab_name {
	max-width: 750px;
}

#tab_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    top: 0;
    width: 100%;
    height: 100%;
}

#row-tabs-center {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	justify-content:flex-start;
	width: 100%;
}
#row-tabs-tab {
    margin: 2px 0px 0px 0px;
    /* margin-bottom: 5px; */
    padding: 2px 30px 0px 30px;
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    text-align: center;
    vertical-align: middle;
    border-radius: 7px;
    border-color: white;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    -webkit-border-radius: 99px 99px 0px 0px;
    -moz-border-radius: 99px 99px 0px 0px;
    border-radius: 9px 9px 0px 0px;
}
 #row-tabs-tab:hover{
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  cursor: default;	
}

	.slide_img_p
	{
	  margin: 0;
    width: 100%;
    height: 100%;
		display: flex;
    justify-content: center;
    align-items: center;
  }
	.slide_img
	{
    max-width: 100%;
    max-height: 100%;
 	}
	 

/* TOP-Row corrections for medium and small screens */
@media all and (max-width:1000px) {

	#row-top-column-middle {
		display:none;
	}

	div.homeColumn {
		width: 95% !important;
		padding-bottom: 30px;
	}
	
	.help_content h1
	{
	    font-size: 1.6em;
	}

	.help_content table
	{
		width:100%;
	}

	.help_content tr
	{
		width:100%;
		height:100%;
	}

	.help_content td
	{
		height:100%;
	}
	 
	.help_content h2
	{
	    font-size: 1.3em;
	}
	
	.help_content h3
	{
	    font-size: 1.1em;
	}
	
	.help_content h4
	{
	    font-size: 1em;
	}
	
	.help_content p
	{
	    font-size: 1em;
	}

	.help_content_icon
	{
	  height:	40px;
	  width:	40px;
	}
	
	.help_arrow i
	{
		font-size: 10em !important;
	  opacity: 0.3;
	}
	
	.help_right_arrow, .help_left_arrow
	{
	  padding-left:20px;
	  padding-right:6px;
	}
	
	.help_footer_tour
	{
		font-size:1em;
		padding-top:7px;
	}
	
	#help_footer_training span, #help_audio_volume_text
	{
		display:none;
	}
	
.help_footer_training
{
	width:	50%;
	font-size:0.8em;
}

.help_footer_tour
{
	display:none;
}

.help_footer_audio
{
	width:	50%;
	font-size:0.8em;
	
}

.detail_plan_overlay_plan {
	width:100% !important;
	display:block;
	text-align:-webkit-center;
}
.detail_plan_overlay_pins {
	width:100%;
	display:block;
	padding: 40px 0px 10px 0px;
}

}
/* Ende der Anpassungen für medium and small screens */

/* Application corrections for small screens */

@media all and (max-width:800px){
	
	.help_content h1
	{
	    font-size: 1.4em;
	}
	 
	.help_content h2
	{
	    font-size: 1.2em;
	}
	
	.help_content h3
	{
	    font-size: 1em;
	}
	
	.help_content h4
	{
	    font-size: 0.9em;
	}
	
	.help_content p
	{
	    font-size: 0.9em;
	}
	
	.help_content_icon
	{
	  height:	30px;
	  width:	30px;
	}
	
	.help_arrow i
	{
		font-size: 5em !important;
	  opacity: 0.3;
	}
	
	.help_right_arrow, .help_left_arrow
	{
	  padding-left:10px;
	  padding-right:3px;
	}

	.help_footer_tour
	{
		font-size:0.8em;
		padding-top:5px;
	}
	
	a.logo-button {
		display:none;
	}
}


/******************* SCROLLTABS **********************/

.scroll_tabs_container {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: left;
  margin: 0px;
  padding:0px;
  width:100%;
}

ul.scroll_tabs_container {
  list-style: none;
}

.scroll_tabs_container div.scroll_tab_inner {
/*  height: 27px;*/
}

.tab_navigation_entry, .tab_close_entry, .scroll_tabs_container div.scroll_tab_inner span, .scroll_tabs_container div.scroll_tab_inner li {
  padding-left: 5px;
  padding-right: 5px;
  line-height: 30px;
  font-size: 12px;
  cursor: pointer;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-toright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}

.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_first, .scroll_tabs_container div.scroll_tab_inner li.scroll_tab_first {
  border-left: 0px;
}

.scroll_tabs_container div.scroll_tab_inner li.scroll_tab_over {
}

.scroll_tabs_container div.scroll_tab_inner li.scroll_tab_over a{
}

.scroll_tabs_container div.scroll_tab_inner li.scroll_tab_selected {
}

.scroll_tabs_container div.scroll_tab_inner li.scroll_tab_selected a{
}

.scroll_tabs_container a.tab_link
{
	text-decoration: none;
  display:flex;
  font-weight:normal;
  font-size: 12px;
}

.scroll_tabs_container a.tab_close
{
	text-decoration: none;
  display:inline-block;
  margin-left:5px;
  padding-left:5px;
  padding-right:5px;
}

.tab-icon{
	margin-right: 10px;
  margin-top: 8px;
}


.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher {
  padding: 0px;
  width: 0px;
  border: 0px;
}

.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_right_finisher {
  padding: 0px;
  width: 0px;
  border: 0px;
/*  border-right: 1px solid #999999;*/
}

.scroll_tabs_container .scroll_tab_left_button {
  height: 28px;
   -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 5px;
  border-width: 1px;
  border-style: solid;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.scroll_tabs_container .scroll_tab_left_button::before {
  content: "\25C0";
  line-height: 25px;
  padding-left: 5px;
}

.scroll_tabs_container .scroll_tab_left_button_over {
}

.scroll_tabs_container .scroll_tab_left_button_disabled {
}

.scroll_tabs_container .scroll_tab_right_button {
   height: 28px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
  border-width: 1px;
  border-style: solid;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scroll_tabs_container .scroll_tab_right_button::before {
  content: "\25B6";
  line-height: 25px;
  padding-left: 5px;
}

.scroll_tabs_container .scroll_tab_right_button_over {
}

.scroll_tabs_container .scroll_tab_right_button_disabled{
}

.tab_close_entry{
	right: 0;
	flex-shrink:0;
	padding-left:10px;
	padding-right:10px;
    height: 100%;
   }

.tab_navigation_title{
	float:left;
	display:none;
}

.tab_navigation_entry{
	background-color: #fafafa !important;
  color: black !important;
  border-color: #c2b3b3 !important;
  width: 50px;
    padding-left: 16px !important;
	font-weight: bold;
	flex-shrink:0;
	overflow: hidden;
}


/*.scroll_tabs_container div.scroll_tab_inner span.tab_selected, .scroll_tabs_container div.scroll_tab_inner li.tab_selected {
  background-color: #AAAAAA;
}*/


/* TabTool application: side menu & TabTool main layout */

#complete {
/*	margin: 10px auto 0px;*/
	width: 100%;
}

#row-middle {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	margin:0;
}

#row-middle-column {
	width: 100%;
}

#row-bottom {
  width:100%;
 /* margin:30px;*/
}

/* Home page icons and tiles */
	
	.home-package-name{
		font-size: 12px;
		font-weight: bold;
		margin-bottom:10px;
		margin-top: 10px;
		text-align: left;
	}
	
	.row-home-setting {
    padding: 10px; 
    width:100px;
    text-align: center;
		border: 1px solid;
    background-color: white;
    border-color: rgba(0, 0, 0, 0.1)    
}

.row-home-setting:hover{
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  cursor: default;	
}

.settings-home a{
  color: black;
  text-decoration: none;
  height:100%;
  width:100%;
}


.settings-home-container{
	background-color:white;
	color: black;
	margin-top: 10px;
	text-align: center;
	overflow:auto;
}

.settings-home{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    /* width: 400px; */
    /* margin: 0 auto; */}

.heading {
	margin-top: 0.5em;
	margin-bottom: 4px;
	padding-bottom: 2px;
	padding-left: 0px;
/*	font-family: verdana, Helvetica, sans-serif;*/
	font-size: 14px;
	text-align:left;
}

.heading2 {
/*	font-family: verdana, Helvetica, sans-serif;*/
	font-size: 12px;
	text-align:left;
}

.headingError {
	margin-top: 0px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-family: Tahoma;
	font-size: 15px;
	font-weight: bold;
	text-align:left;
}

.module_section {
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 10px;
    padding-right: 10px;
    /* margin: 0px; */
    border: 1px solid #c2b3b3;
    background: #eeeeee;	
}

.detail_action_bar {
	margin-bottom: 1.5em;
	margin-top: 1em;
}

.detail_action_bar > a {
    border-radius: 8px;
	display: inline-block;
	padding: 0.5em 1.5em;
	margin-right: 1em;
	margin-top: 3px;
	cursor: pointer;
	text-align:center;
}


.detail_action_bar > a.stacked_icon {
	padding-bottom: 0.2em;
  padding-right: 1.1em;
  padding-left: 1.1em;
  text-decoration: none;
 }
.rg_action_bar > a{
		width:120px;
    padding: 0.5em 0.3em;
    text-align:center;
    border-radius: 2px;
}
	table.dt-rowReorder-float{position:absolute !important;opacity:0.8;table-layout:fixed;outline:2px solid #888;outline-offset:-2px;z-index:2001}tr.dt-rowReorder-moving{outline:2px solid #555;outline-offset:-2px}body.dt-rowReorder-noOverflow{overflow-x:hidden}table.dataTable td.reorder{text-align:center;cursor:move}

a.disabled {
	opacity: 0.6;
	pointer-events: none;
	cursor: default;
}

.input_disabled {
	background-color: #f7f5fa;
}

table.expanded th.expanded_header {
	min-width:100px;
}

.tt_input_expanded{
	width:100%;
	height:22px;
	margin-bottom:3px;
	min-width:100px;
}

.tt_image_expanded{
	min-width:100px;
}

input.edit_disabled {
	background-color: #f7f5fa;
}

div.edit_disabled {
	background-color: #f7f5fa;
}

li.edit_disabled, li.selected_disabled{
	opacity: 0.6;
	pointer-events: none;
	cursor: default;
}

textarea.edit_disabled {
	background-color: #f7f5fa;
}

a.edit_disabled {
	opacity: 0.6;
	pointer-events: none;
	cursor: default;
}

.detail_bottom {
	height: 120px;
}

.tab_iframe {
	float: left;
	margin: 0px 0px 0 0;
	width: 930px;
	height: 799px;
	border: none;
}

/* Application Columns view */

.mail_teaser {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-ms-box-orient:vertical;
	flex-direction:column;
    width: 100%;
/*	height:100%;*/
}

.mail_from_date {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-ms-box-orient:vertical;
	flex-direction:column;
    width: 100%;
}

.mail_from {
	width:75%;
  font-weight: bold;
	margin: 5px 0;
}

.mail_date {
	margin: 5px 0;
  font-color: grey;
  font-size: 0.8em;
  width:25%;
}

.mail_subject {
	margin: 5px 0;
}

.mail_text {
	margin: 5px 0;
}

.mail_editor_input {
	border: none;
	outline: none;
	width: 100%;
	height: 30px;
	padding-left:5px;
}

ul.mail_folders {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

ul.mail_folders li {
  margin: 0;
  cursor: pointer;
  height: 31px;
  padding: 6px 5px 25px 5px;
}

ul.mail_folders li.disabled {
  pointer-events: none;
  cursor: default;
}

.mail_folders_name_top {
  font-weight: bold;
  width: 80%;
  float: left;
  padding-top: 3px;
}

.mail_folders_name {
  font-weight: normal;
  width: 80%;
  float: left;
  padding-top: 3px;
}

.mail_folders_num {
  float: right;
  border-radius: 30%;
  min-width: 20px;
  min-height: 20px;
  text-align: center;
  font: 12px Arial, sans-serif;
  padding: 3px;
}

ul.mail_folders li:hover {
} 

ul.mail_folders li.active{
}


table.fixed-table {
    width: 100%;
    table-layout: fixed;
   border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}
table.fixed-table td.ellips	 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px;
}
/*
.mail_text {
margin: 30px 0;
line-height: 1.5;
overflow: hidden;
position: relative;
max-height: 4.5em; /*display ellipsis after 3 lines
}

.mail_text:before  {
background: #fff;
bottom: 0;
position: absolute;
right: 0;
content: '\2026';

}

.mail_text:after{
content: '';
background: #fff;
position: absolute;
height: 50px;
width: 100%;
z-index: 1;
}
*/

.column_container {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	justify-content:space-between;
    width: 100%;
}

.column_wrapper{
	margin:0;
	padding:4px;
}

#start_left_column_container {
	position: relative;
/*    float:left;*/
    width: 25%;
    margin-top: 10px;
}

#start_right_column_container {
	position: relative;
/*    float:left;*/
    width: 75%;
    margin-top: 10px;
}

#plan_left_column_container {
	position: relative;
/*    float:left;*/
    width: 66%;
    margin-top: 10px;
}

#plan_right_column_container {
	position: relative;
/*    float:left;*/
    width: 34%;
    margin-top: 10px;
}
.marker_row {
	width:100%;
	vertical-align:top;
}
.marker_row_marker {
	display:flex;
	justify-content:space-between;
}
.marker_letter{
	width:10%;
	font-weight: bold;
	margin-left:5px;
	margin-bottom:13px;
}
.marker_title{
	width:80%;
	padding-top: 3px;
}
.marker_title_edit{
	display:none;
}
.marker_buttons{
	width:10%;
	text-align:end;
}
.marker_button_text {
	display:block;
}

.marker_row_topic{
	padding-top: 13px;
	margin-top:0px;
	display:flex;
	justify-content:start;
}
.marker_status{
	width:10%;
}
.marker_topic{
	width:90%;

}
.marker_row_details{
	margin-top:10px;
	display: none;
 }
.marker_details{
	margin-top:5px;
	display:flex;
	justify-items: start;     
	width:100%;
}
.marker_details_label{
	font-style: italic;
	width:30%;
}
.marker_details_content{
	width:70%;
}
.plan_zoom_button, .pin_overlay_zoom_button{
	position:absolute;
	background-color: darkgrey;
	padding:5px;
 }

 .marker_button{
	margin-right:0px !important;
	padding: 0.5em 0.5em !important;
}
 .marker_type_switch {
	margin-bottom: 1.5em;
    margin-top: 1em;
    margin-right: 1em;
	border-radius: 8px;
	display: inline-block;
	display: flex;
	justify-content: space-evenly;
    border: 1px solid #c2b3b3;
    background: #f7f5fa;
}

.marker_type_switch > a {
	padding: 0.5em 1.5em;
	cursor: pointer;
	text-align: center;
    margin-top: 3px;	
}

.marker_type_switch_box {
	border-right: 1px solid #c2b3b3;
}

.pin_button {
    vertical-align: top;
	min-width: 100px;
}

@media (max-width: 1000px) {
    #start_left_column_container {
/*    float:left;*/
    width: 33%;
	}
	
	#start_right_column_container {
	/*    float:left;*/
	    width: 66%;
	}

	#plan_left_column_container {
		position: relative;
	/*    float:left;*/
		width: 75%;
		margin-top: 10px;
	}
	
	#plan_right_column_container {
		position: relative;
	/*    float:left;*/
		width: 25%;
		margin-top: 10px;
	}
	.marker_button_text {
		display:none;
	}
	.pin_button {
		min-width: 0px;
	}
}

#one_column_container {
	position: relative;
/*    float:left;*/
    width: 99%;
    margin-top: 10px;
}

#two_column_container {
	position: relative;
 /*   float:right;*/
    width: 49.5%;
    margin-top: 10px;
}

#three_column_container {
	position: relative;
 /*   float:right;*/
    width: 33%;
    margin-top: 10px;
}

#four_column_container {
	position: relative;
 /*   float:right;*/
    width: 24.25%;
    margin-top: 10px;
}

#first_column_container {
	position: relative;
/*    float:left;*/
    width: 15%;
}

#second_column_container {
	position: relative;
 /*   float:right;*/
    width: 35%;
}

#third_column_container {
	position: relative;
 /*   float:right;*/
    width: 49%;
}

.column_divider {
	width:2px;
    margin: 2px;
/*	height:100%; */
}

#column_overlay, 
#column_0_overlay, 
#column_1_overlay, 
#column_2_overlay, 
#column_3_overlay, 
#column_4_overlay, 
#column_overlay_overlay, 
#first_column_overlay, 
#second_column_overlay, 
#third_column_overlay, 
#mail_editor_overlay,
#contactMenuOverlay {
	background-color: white;
	-moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
	opacity: .70;
	filter: alpha(opacity=70);
	position: absolute;
	z-index: 10;
	width:100%;
	height:40px; 
	text-align:center;
	padding: 5px;
}
  
#column_1, #column_2, #column_3, #column_4, #first_column, #second_column, #third_column{
	width:100%;
}

.column_header{
/*	font-family: verdana, Helvetica, sans-serif;*/
    border-radius: 8px;
	font-size: 12px;
	height:40px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	justify-content:space-between;
}
  
.column_header_text{
	align-self:center;
	font-size:1.2em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px;
}
  
.column_header_left, .column_header_left_overlay{
	align-self:center;
	white-space: nowrap;
}

.column_header a,.structure_header a{
	display: inline-block;
	padding: 0.3em 0.3em;
}

.column_header_right{
	align-self:center;
	white-space: nowrap;
}

/* table submenus in columns with class display!*/
.column_submenu{
	border:none !important;
}
.column_submenu div{
	float: right;
}

/*Akten-Inhalte & Menü-Icons */
/*---------------------------*/

.status_select, .delete_link{
    display: none; /* ensures its invisible until its called */
    position: absolute; /* makes the div go into a position thats absolute to the browser viewing area */
    padding: 0px; 
    background-color: white;
    z-index: 100; /* makes the div the top layer, so itll lay on top of the other content */
    border: 1px solid lightgray;	
    padding: 1px 10px 10px 10px;
}

.status_select img:hover{
	background-color: rgba(211, 211, 211, 0.5);
}

.list_status_filter_exclamation{
  margin-right: 15px;
}

.list_status_filter{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	justify-content:flex-start;
  align-items: center;
  padding: 0px 0px 0px 10px;
}

.list_status_filter_radio{
  margin: 0px 10px 0px 3px;
}

.status_icon{
  width: 20px;
  height: 20px;
}

.delete_link > a {
  display: inline-block;
  padding: 0.5em 1.5em;
}

/*Menü drei Balken an Akten -> report-Erzeugung & Co*/
.extra_menu{
    display: none; /* ensures its invisible until its called */
    position: absolute; /* makes the div go into a position thats absolute to the browser viewing area */
    padding: 0px; 
    background-color: white;
    border: 1px solid;
    z-index: 100; /* makes the div the top layer, so itll lay on top of the other content */
    width:280px;
    height:600px;
		overflow: auto;
}

/*Menü drei Balken an Akten -> report-Erzeugung & Co*/
.extra_menu_inline{
    display: none; /* ensures its invisible until its called */
    position: absolute; /* makes the div go into a position thats absolute to the browser viewing area */
    padding: 0px; 
    background-color: white;
    border: 1px solid;
    z-index: 100; /* makes the div the top layer, so itll lay on top of the other content */
    width:280px;
	overflow: auto;
}

.list_media{
    display: none; /* ensures its invisible until its called */
    position: absolute; /* makes the div go into a position thats absolute to the browser viewing area */
    padding: 5px; 
		overflow: scroll;
    background-color: white;
    border: 1px solid;
    z-index: 100; /* makes the div the top layer, so itll lay on top of the other content */
    width:90%;
    height:90%;
}
/*Textblock-menü*/
.tb_menu{
    display: none; /* ensures its invisible until its called */
    position: absolute; /* makes the div go into a position thats absolute to the browser viewing area */
    padding: 0px; 
    background-color: white;
    border: 1px solid;
    z-index: 100; /* makes the div the top layer, so itll lay on top of the other content */
    width:280px;
    height:300px;
    overflow:auto;
}

.topic_header{
/*	font-family: verdana, Helvetica, sans-serif;*/
	font-size: 12px;
	height: 25px;
	margin: 10px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content:flex-start;
}
  
.topic_header_identifier{
	align-self:center;
/*	font-family: verdana, Helvetica, sans-serif;*/
	display: block;
	font-size: 1.17em;
	font-weight: bold;	
	color: #000000;
	text-align:left;
}

.topic_header_link{
	align-self:right;
/*	font-family: verdana, Helvetica, sans-serif;*/
}

.topic_header_status{
	align-self:center;
	margin-right: 20px;
}
  
.content {
	padding: 0px;
	width:100%;
	text-align: left;
	overflow: hidden;
}

.content th {
	width:100%;
	padding: 5px 2px;
	text-align: left;
}

.content td {
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.content .leftvalue  {
	width:40%;
	text-align: left;
	font-weight: bold;
}

.error {
	font-weight: bold;
	text-align:left;
}

.error td {
	text-align: left;
	padding-left: 2px;
	padding-bottom: 20px;
}

.message {
	padding-top: 10px;
	padding-bottom: 20px;
	width:100%;
}

.message td {
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

table.display td.disable_navigate
{
	background-color: #ffffff;
	cursor: default;
}

table.display tr:hover
{
	background-color: #fafafa;
	cursor: pointer;
}
/* Tab-Container (in Paketverwaltung, Konfig-Verwaltung, Paketeinstellungen...)*/

ul.tabs {
    margin: 0;
    padding: 0;
/*    float: left;*/
    list-style: none;
    height: 31px;
    width: 100%;
}
  
ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 21px ;
    height: 31px;
    line-height: 31px;
    font-weight: bold;
    overflow: hidden;
    position: relative;
  }
  
  
ul.tabs li.disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.tab_container {
    width: 100%;
    min-height: 600px;
}
.tab_content {
    padding: 20px;
    font-size: 1em;
    display: none;
    min-height:800px;
}
  
.tab_two_panel {
}

.tab_two_panel_left {
    width: 50%;
  }

.tab_two_panel_right {
    width: 50%;
    float:right;
    min-height: 570px;
}

.tab_two_panel {
}

#tab_basic_old {
    padding: 5px;
    font-size: 0.9em;
    display: none;
}

.qrcode_buttons{
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content:center;
	flex-wrap:wrap;
}

.qrcode_buttons a{
	margin: auto 0;
	padding: 100px;
	background-color: blue;
}

div.extra_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
div.extra_menu_inline ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

div.extra_menu li {
    margin: 0;
    cursor: pointer;
    padding: 10px 10px 10px 10px;
/*    height: 31px;
    line-height: 31px;
    overflow: hidden;*/
    position: relative;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	justify-content:flex-start;
}
div.extra_menu_inline li {
    margin: 0;
    cursor: pointer;
    padding: 10px 10px 10px 10px;
/*    height: 31px;
    line-height: 31px;
    overflow: hidden;*/
    position: relative;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	-ms-justify-content:flex-start;
	justify-content:flex-start;
    border-bottom: 1px solid #999999;
    background: #FFFFFF;
}


div.extra_menu_icon {
    margin: 0px 10px 0px 0px;
    width: 15px;
    }

div.extra_menu_text {
}

li.extra_menu_header {
  font-weight: bold;
}

li.extra_menu_link_main {
  font-weight: bold;
}
  
.home_navigation_container {
    width: 50px;
/*    border: 1px solid #c2b3b3;*/
    border-right: 1px solid #c2b3b3;
        border-left: 1px solid #c2b3b3;
    border-top: none;
/*    border-radius: 8px; */
    background-color: #fafafa;
    flex-shrink: 0;
    margin: 0 10px 10px 0;
    transition: width 0.1s;
    position:	relative;
/*    display:none;*/
}


.breadcrumb_container {
    display:none;
	font-size: 1.1em;
	border-top: 1px solid blue;
	border-bottom: 1px solid blue;
	padding-bottom: 10px;
	height:50px;
	}

.bottom {
  position: absolute;
  bottom: 0;
  left: 0;}

.home_navigation_header {
	font-size: 1.1em;
	border-bottom: 0;
	padding-bottom: 10px;
	}

.home_navigation_text{
	display:none;
}

.project_icon{
	margin-right: 10px;
  margin-top: 8px;
}

.home_navigation_icon {
	padding-right:10px;
}

.home_navigation_mouseover {
	width:200px;
	height:32px;
	margin-left: 0px;
	border: 1px solid #c2b3b3;
  background-color: #fafafa;
  font-weight: bold;
  position:fixed;	

}

.custom_navigation_icon {
	float:left;
}

ul.home_navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

ul.home_navigation li {
    margin: 0;
    cursor: pointer;
    padding-left: 15px ;
    height: 31px;
    line-height: 31px;
    font-weight: bold;
    overflow: hidden;
    position: relative;
}

ul.home_navigation li:hover {
} 

ul.home_navigation li.active{
}
 
ul.cr_tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

ul.cr_tabs li {
    margin: 0;
    cursor: pointer;
    padding-left: 5px ;
    height: 31px;
    line-height: 31px;
    font-weight: bold;
    overflow: hidden;
    position: relative;
}

li.list_media_folders {
    margin: 0;
    cursor: pointer;
    padding-left: 5px ;
    height: 31px;
    line-height: 31px;
    font-weight: bold;
    overflow: hidden;
    position: relative;
}

ul.cr_tabs li.list_media_topics {
    font-weight: normal;
    margin-left:10px;
	
}
  
.cr_tabs_rels {
    font-weight: normal;
    float: right;
    font-size: 0.9em;
    max-width: 60%;
    white-space: nowrap;
}
  
ul.cr_tabs li:hover {
} 

ul.cr_tabs li.active{
}

.cr_tab_container {
    clear: both;
    float: right; 
}
  
  .cr_tab_content {
    display: none;
    margin-left: 10px;
  }
  
.cr_container{
    clear: both;
    float: right; 
    width:500px;
}
	
.cr_header{
	font-weight: bold;
	padding: 5 0 0 10;
}

.cr_header_right{
	float: right;
}

.cr_list{
	width: 410px;
	padding: 30px 5px 30px 5px;
}

.cr_left_arrow{
  	margin: 20px;
	text-align: center;
    font-size: 150%;
}

.cr_right_arrow{
  	margin: 20px;
	text-align: center;
    font-size: 150%;
}
	
.cr_candidates{
	width: 410px;
	padding: 30px 5px 30px 5px;
}

.list{
	width: 900px;
}

.user_role_select{
  	margin: 40px 5px 0px 5px;
	text-align: center;
	float: left;
}

.candidates{
	width: 900px;
}

 table.topic_details {
	border-collapse: collapse;
}

 table.topic_details, td.topic_details {
}

.cockpit_panels{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:left;
	-moz-justify-content:left;
	-ms-justify-content:left;
	justify-content:left;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	flex-wrap:wrap;
}

.cockpit_panels_box{
	border: 1px solid;
	padding: 10px 10px 10px 10px;
	margin: 20px ;
  width: 200px;
	text-align: center; 
    /*float: left;
 	text-decoration: none;*/
}

/*Asset Bilder */

.images{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:left;
	-moz-justify-content:left;
	-ms-justify-content:left;
	justify-content:left;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	flex-wrap:wrap;
}

.topic_image_box{
/*	border: 1px solid;
	padding: 10px 10px 10px 10px;*/
	margin: 7px ;
  width: 150px;
	text-align: center; 
    /*float: left;
 	text-decoration: none;*/
}

.topic_pins_box{
	padding: 7px ;
	border: 1px solid;
}

	.direct_image_box{
/*	border: 1px solid;
	padding: 10px 10px 10px 10px;*/
	margin: 17px ;
  width: 362px;
	text-align: center; 
    /*float: left;
 	text-decoration: none;*/
}

.topic_image_actions{
	text-align: right;
	margin-top: 3px;
	margin-bottom: 10px;
	
	}

.topic_image_text{
	margin-top: 10px;
}
 	
.topic_image_title{
    font-size: 10px;
	margin: 5px;
}
 
.topic_image{
    width: 	138px;
    height:100px;
	margin:0 5px;
    text-align: center;	
	overflow:hidden;
	/*padding-top:5px;*/
}

.direct_image{
    width: 	330px;
    height:300px;
	margin:0 5px;
    text-align: center;	
	overflow:hidden;
	/*padding-top:5px;*/
}
 	
 .topic_image img{
    width: 100%;
    height:auto;
}
 	
.topic_image_full{
    text-align: center;	
}

.topic_image_full img{
    width: 100%;
    height: auto;
    margin: 10px 10px 10px 10px;
}

table.connector_params {
	border: 1px solid;
	margin-bottom: 10px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

#divoverlay, #overlay, #message_overlay, #mail_editor {
    display: none; /* ensures its invisible until its called */
    position: fixed; /* makes the div go into a position thats absolute to the browser viewing area */
    left: 10%; /* positions the div half way horizontally */
    top: 10%; /* positions the div half way vertically */
    padding: 25px; 
    border: 2px solid black;
    background-color: #ffffff;
    width: 80%;
    height: 80%;
    z-index: 95; /* makes the div the top layer, so itll lay on top of the other content */
    overflow:auto;
}

@media all and (max-width:1000px) {
#divoverlay, #overlay, #message_overlay, #mail_editor {
    padding: 5px; 
}
}

#message_overlay {
    padding: 5px; 
    z-index: 100; /* makes the div the top layer, so itll lay on top of the other content */
}

.overlay_scrollarea {
    overflow: auto; 
    height: 95%; 
 }

#tabSet_overlay {
    display: none; /* ensures its invisible until its called */
    z-index: 100; /* makes the div the top layer, so itll lay on top of the other content */
    background-color: black;
    -moz-opacity: 0.2; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .20;
    filter: alpha(opacity=20);
}

.message_body {
   position:relative;
   height: 100%;
   width: 100%; 
}

#message_info, 
#message_confirm, 
#message_textblock,
#message_error{
    display: none; /* ensures its invisible until its called */	
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px 5px 10px 5px;
    background-color: #e2e2e2
}

#message_proceed_button_anchor, #message_proceed2_button_anchor,#message_cancel_button_anchor{
    display: none; /* ensures its invisible until its called */	
}

.message_close {
    float:right; 
}

.message_confirm_icon{
	color: #EDC600;
	font-size: 1.5em;
	margin-right: 10px;
}

.message_error_icon{
	color: red;
	font-size: 1.5em;
	margin-right: 10px;
}

.message_info_icon{
	color: black;
	font-size: 1.5em;
	margin-right: 10px;
}

.message_close_icon{
	color: black;
	font-size: 1em;
}

#message_text{
	font-size: 12px;
  padding: 0px 5px 0px 5px;
  height: 70%;
  overflow: auto;
}

.message_bottom {
   position:absolute;
   bottom: 0; 
   margin-bottom: 5px !important; 
}

.connection_wizard_box {
    width: 400px;
}

.connection_wizard_title {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px 5px 10px 5px;
    background-color: #e2e2e2;
}

.connection_wizard_results{
	font-size: 12px;
  padding: 0px 5px 10px 5px;
  min-height: 200px;
}


#type_candidates_box, 
#relation_candidates_box,
#connector_candidates_box,
#module_candidates_box,
#configuration_candidates_box,
#license_candidates_box,
#folder_detail_box,
#projectrole_detail_box,
#folder_candidates_box,
#user_candidates_box,
#contact_candidates_box,
#report_candidates_box,
#view_candidates_box,
#project_candidates_box{
    display: none; /* ensures its invisible until its called */	
}

.divoverlaysection {
    padding: 10px; 
    margin-bottom: 10px; 
    border: 1px solid;
}

.divoverlaysection h3 {
    font-weight: bold; 
    font-size: 1em;
}

.divoverlaysection input {
    width: 30%; 
    margin-right: 5px;
    margin-left: 5px;
}

#fade, #fade2, #fade3, #message_fade, #fade_mails {
    display: none;  /* ensures its invisible until its called */
    position: fixed;  /* makes the div go into a position thats absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    width: 100%;
    height: 100%;
    z-index: 94; /* makes the div the second most top layer, so itll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}

#message_fade {
    z-index: 99; /* makes the div the second most top layer, so itll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}

#red_circle {
	width: 6px;
	height: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 0px;
}

#yellow_circle {
	width: 6px;
	height: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 0px;
}

#green_circle {
	width: 6px;
	height: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 0px;
}

.circle_grow_outer {
display: inline-block;
}

.circle_grow {
	min-width: 18px;
	height: 18px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	font-size: 12px;
	color: white;
	text-align:center;
	padding-top: 1px;
    padding-left: 4px;
    padding-right: 4px;
}

.circle_grow_cr {
	display:inline;
	font-size: 9px;
	padding-bottom: 2px;
    margin-right: 5px;
}

.red {
	background: red;
	border: 1px solid red;
}

.yellow {
	background: #EDC600;
	border: 1px solid #EDC600;
}

.green {
	background: green;
	border: 1px solid green;
}

.grey {
	background: grey;
	border: 1px solid grey;
}

.cr_total_number {
    font-weight: normal;
    color: grey;
}
#no_circle {
	width: 6px;
	height: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 0px;
		background: lightgrey;
}

#state_red {
	width: 30px;
	height: 30px;
	background: url(../img/a-rot.svg);
	font-size: 0px;
}

#state_yellow {
	width: 30px;
	height: 30px;
	background: url(../img/a-gelb.svg);
	font-size: 0px;
}

#state_green {
	width: 30px;
	height: 30px;
	background: url(../img/a-grün.svg);
	font-size: 0px;
}

#state {
	font-size: 0px;
}

.active_state {
	margin-left:20px;
}

.connector_message {
	margin: 15px;	
}

div.connector_message ul{
	list-style: none;
}

div.connector_message li {	
	margin: 5px;
}

.structuregroup{
    margin-top: 20px;
    padding-bottom: 4px;
/*    border: 1px solid lightgrey;
    border-radius: 8px;
    background-color: rgba(246, 246, 247, 0.5);
    background-color: rgba(248, 247, 191, 0.25);*/
    height:100%;
}

.structure{
	margin-top: 5px;
}

.structure_header{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	justify-content:space-between;
	background-color: white;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	border-radius: 5px;
}

.structure_header_label{
	background-color: #E8E8E8;
}


.structure_header_left{
/*	font-family: verdana, Helvetica, sans-serif;*/
	display: block;
/*	font-size: 1.17em;*/
	font-weight: bold;	
	color: #000000;
	text-align:left;
}

.structure_header_style_h1{
	margin-top: 20px;
	font-size: 1.2em;
}

.structure_header_style_h2{
	margin-top: 20px;
	font-size: 1.1em;
}

.structure_header_right{
	align-self:center;
}

#file_identifier{
/*	font-family: verdana, Helvetica, sans-serif;*/
	display: block;
	font-size: 1.17em;
	font-weight: bold;	
	color: #000000;
	text-align:left;
}

.attribute_group{
	width:100%;
	padding: 10px;
}

.attribute_pane{
	margin-bottom: 10px;
  padding-top: 10px;
	border: 1px solid lightgrey;
  border-radius: 8px;
}

.attribute_name{
	font-weight: bold;
	vertical-align: top;
}

.attribute_new{
	text-align: center;
}

.property_name {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	width:30%;
}

.property_value {
	width:70%;
}

.property_value > input,select,textarea{
	width:100%;
}

.property_value > textarea{
	max-height: 300px;
}


.property_row_files {
	display: flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
}

.property_name_files {
	text-align: left;
	vertical-align: top;
	flex-grow: 1;
	-ms-flex-grow: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
}

.property_value_files {
	min-width: 30%;
	max-width: 65%;
	flex-grow: 10;
	-ms-flex-grow: 10;
	-webkit-flex-grow: 10;
	-moz-flex-grow: 10;
	margin-left: 5px;
}

.property_value_files > input[type="text"],input[type="number"],select,textarea{
	width:100%;
}

.property_value_checkbox, .property_value_radio{
	text-align:right !important;
}
.property_value_button{
	text-align:center !important;
}

.property_value_button > input{
    font-size: 1.3em;
    border-radius: 8px;
    display: inline-block;
    padding: 0.5em 1.5em;
    margin-right: 1em;
    margin-top: 3px;
    cursor: pointer;
}

.property_value_files > textarea{
	max-height: 300px;
}

.property_value_textblock{
	vertical-align:top;
	margin-left:5px;
	min-width: 10px;
}

table.my_products{
  max-width:1100px;
}

table.my_products td{
  border: none;
}

.product_section {
	font-weight: normal;
	font-size: 2em;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #CCCCCC;
}

.product_info{
	cursor: pointer;
}    

.product_tax_info{
	margin: 0 auto;
	max-width:1100px;	
}

.product_header {
	font-weight: bold;
	font-size: 1.1em;
	text-align:center;
}
    
.product_name {
	font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
    
.product_row {
	display: flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	width: 500px;
}

.product_property_name {
	text-align: left;
	vertical-align: top;
	flex-grow: 1;
	-ms-flex-grow: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
   width: 30%;
}

.product_property_value {
	min-width: 30%;
	max-width: 65%;
	flex-grow: 10;
	-ms-flex-grow: 10;
	-webkit-flex-grow: 10;
	-moz-flex-grow: 10;
	margin-left: 5px;
   width: 30%;
}

.product_shoptext{
	margin:20px;
}

.product_summary{
	margin: 0 auto;
	font-size: 1.1em;
	max-width: 1100px;
}
.product_info_header_row{
    display: flex;
    margin: 20px 40px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}
.product_info_content{
    margin: 20px 40px;
}
.product_info_content > p{
	font-size: 1.1em;
}

.product_info_header{
		font-size: 1.2em;
    font-weight: bold;
    margin-left: 20px;
     padding-top: 10px;
}

.tt_products_large{
	display:block;
}

.tt_products_small{
	display:none;
}

.tt_products_change_start{
	max-width:1100px;
	margin:0 auto;
}

@media (max-width: 1300px) {
.tab_name {
   max-width: 150px;
}

.scroll_tabs_container_vertical .tab_name {
	max-width: 300px;
}

.tt_products_large{
	display:none;
}

.tt_products_change_start{
	margin:0 auto;
}

.tt_products_small{
	display:block;
}
}


.tt_product_header_row{
    display: flex;
    padding-bottom: 5px;
		border-bottom: 1px solid;
}
.tt_product_name{
		font-size: 1.2em;
    font-weight: bold;
    margin-left: 20px;
    padding-top: 5px;
}

.tt_product_shoptext{
    margin: 20px 0px;
}

	.tt_product_rows{
	  align-items: normal;
	  flex-direction: column;
	}

.tt_product_row{
	min-width: 12%;
	margin-bottom: 5px;
}

	.tt_product_row_next{
		display:block;
	}


.tt_product_row_label{
	font-weight: normal;
	border-bottom: 0px;
}

.tt_product_row_value{
	padding-right:10px;
}

.tt_summary {
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: var(--colorBackgroundLight);
}

.tt_usage {
	padding-bottom: 40px;
	text-align:left;
}

.tt_product_row_wrapper{
	display: flex;
	justify-content:space-between;
	border-bottom: 1px solid lightgrey;
}

.tt_product_row_note{
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

.tt_product_row_bottom_line{
	margin-bottom:5px;
	border-bottom: 0px;
}


.action_log_row {
	display: flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	padding-bottom: 20px;     /* NEW - Chrome */
}

.action_log_label {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	flex-grow: 1;
	-ms-flex-grow: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
}

.action_log_value {
	min-width: 30%;
	max-width: 65%;
	flex-grow: 10;
	-ms-flex-grow: 10;
	-webkit-flex-grow: 10;
	-moz-flex-grow: 10;
	margin-left: 5px;
}


.attribute_delete_highlight{
	background-color: #f4f4f4;
}

img.asset_icon {
	max-width:50%;
	height:auto;
	min-width:25px;
}
audio {
  width: 100%;
}
video {
  width: 100%;
}
video::-webkit-media-controls-fullscreen-button
{
        display: none !important;
}
.display_none {
  display: none;
}

.display_block {
  display: block;
}

div.mail-recipient, div.mail-recipient-cc, div.mail-recipient-bcc {
	display: table-cell;
	position: relative;
	border-radius: 5px;
	font-family: "Lucida Console", Monaco, monospace;
	background-color: #E2E1E1;
    float: left;
    margin: 5px 4px 2px 5px;
    padding: 3px;
    height: 20px;
}

div.mail-recipient:focus, div.mail-recipient-cc:focus, div.mail-recipient-bcc:focus  {
	background-color: #c5e6ff!important;
	border: 1px dashed red;
}

i.btn-rem-recipient {
	cursor: hand;
	cursor: pointer;
	float: right;
	color: #044478;
	padding-top:3px;
}

.wizContacts tr {
    width: 100%;
}

.wizContacts tbody tr {
    cursor: pointer;
}

.wizContacts tr td:first-child {
    width: 5%;
}

.wizContacts tr td:nth-child(2) {
    width: 95%;
}

.wizContacts tr span {
    white-space: nowrap;
    display: inline-block;
}

.wizContacts tr span:first-child {
    display: inline;
    white-space: normal;
}

.wizContacts i.fa-chevron-right {
    float: right;
}

.wizUnknownContact i.fa-user {
    color: red;
}

.wizUnknownContact i.fa-chevron-right {
    color: grey;
}

#wizComTopLinkWrapper {
    margin-top: 1em;
}

#wizComTopLink {
    border-bottom: 1px solid #999999;
}

#wizComTopLink i.fa-chevron-right {
    margin-right: 10px;
}

@media (max-width: 667px) {
#calendar_wrapper {
	width:100% !important; 
}
.unplanned_orders {
	display: none;
	}
.tab_name {
   max-width: 0px;
   display: none;
}

.scroll_tabs_container_vertical .tab_name {
	max-width: 350px;
}

.tab-icon {
  margin-right: 1px; 
}
.project_icon {
  margin-right: 5px; 
}
	
.marker_type_switch {
	margin-bottom: 1em;
	margin-top: 0.6em;
}
	
.detail_action_bar {
	margin-bottom: 1em;
	margin-top: 0.6em;
}

.detail_action_bar > a {
    border-radius: 8px;
	display: inline-block;
	padding: 0.4em 0.8em;
	margin-right: 0.5em;
	margin-top: 2px;
	cursor: pointer;
}

	
  #sideNavBar {
        display: none;
    }
  .fa-2x {
    font-size: 1.4em !important;
	}
	.fa-3x {
		font-size: 1.8em !important;
		}
		#row-top-center a {
    margin-right: 1px;
	}
}

#sideNavBar {
    width: 30px;
    border: 1px solid #c2b3b3;
    border-top: none;
    border-radius: 8px;
    background-color: #fafafa;
    flex-shrink: 0;
    text-align: center;
    margin: 0 10px 10px 0;
    transition: width 0.1s;
}

#sideNavBar.expanded {
    width: 200px;
}

ul.sideNavBarNavArea li{
	font-weight: normal;
}

ul.sideNavBarNavArea li.first_entry{
	font-weight: bold;
}

#sideNavBarNavArea {
/*    width: 100%;
    display:flex;
    flex-wrap: wrap;
    cursor: pointer;
    padding-left: 6px;*/
    margin-top:30px;
}

#sideNavBar .largeNavEntry {
    font-size: 1.2em;
}

#sideNavHeaderWrapper {
    margin-bottom: 10px;
    color: white;
    background-color: #8a622e;
    display: flex;
    border-radius: 8px;
    height: 40px;
}

#sideNavHeader {
    display: flex;
    align-items: center;
    padding-left: 10px;
    width: 100%;
}

#sideNavHeaderArrow {
    cursor: pointer;
}

#sideNavHeaderText {
    margin: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    visibility: hidden;
    font-size: 1.2em;
    transition: visibility 0s;
}

#sideNavBar.expanded #sideNavHeaderText {
    visibility: visible;
}

div.sideNavBarLabel {
    padding-right: 6px;
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

div.sideNavBarLabel {
    display: none;
}

#sideNavBar.expanded .sideNavBarLabel {
    display: block;
}

div.sideNavBarIcon {
    width: 15px;
}

div.navBarEntry {
    width: 100%;
    height: 26px;
    display: flex;
    justify-content: flex-start;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#sideNavBar.expanded .navBarEntry {
    justify-content: flex-start;
}

div.navBarEntry:not(:last-child) {
    padding-bottom: 10px;
}

div.navBarEntry:hover {
    font-size: 1.2em;
}

div.navBarToolTip {
    color: white;
    background-color: black;
    border-radius: 4px;
}

div.homeColumn {
/*	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
/*	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
/*	display: -ms-flexbox;      /* TWEENER - IE 10 */
/*	display: -webkit-flex;     /* NEW - Chrome */
/*	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
/*	-webkit-justify-content:left;
	-moz-justify-content:left;
	-ms-justify-content:left;
	justify-content:left;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
	flex-wrap:wrap;*/
	height: 98%;
	width: 50%;
	min-width:400px;
	float:left;
/*		height: fit-content;*/
}


div.homePanel {
  border: 1px solid #c2b3b3;
  border-top: none;
  border-radius: 8px;
  background-color: #fafafa;
  flex-shrink: 0;
  text-align: center;
  margin: 0 10px 10px 0;
  transition: width 0.1s;
	background-color:white;
	width: 98%;
/*		height: fit-content;*/
}

div.homePanelContent {
    width: 100%;
    cursor: pointer;
		padding: 0px 10px 0px 15px;
    text-align: left;
    height: 90%;
}

div.homePanelHeaderWrapper {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    height: 40px;
}

div.homePanelHeader {
    width: 100%;
    font-size: 1.3em;
    padding: 0px 20px;
}

div.homePanelShowOnly {
    width: 100%;
    font-weight: bold;
}
div.homePanelShowOnly input{
	margin-right:20px;
}
div.viewPanel {
    border: 1px solid #c2b3b3;
    border-top: none;
    border-radius: 8px;
    background-color: #fafafa;
    flex-shrink: 0;
    text-align: center;
    margin: 0 10px 10px 0;
    transition: width 0.1s;
    max-width:330px;
/*		height: fit-content;*/
}
div.view_action_bar
{
	display:flex;
 justify-content: space-between;
}
div.custom_view_action_bar
{
 justify-content: end;
}

div.view_filter
{
	display:flex;
	justify-content: start;
	flex-flow: wrap;
	margin-top:	1em;
}
div.view_filter > div.detail_action_bar
{
	margin:	0em;
}
div.view_filter_item
{
	display:flex;
	justify-content: space-between;
}
div.view_filter > div
{
	padding:	10px;
	border-left: 1px solid lightgrey;
}
div.viewPanelContent {
    width: 100%;
    display:flex;
    flex-wrap: wrap;
    cursor: pointer;
    padding: 15px;
}

div.viewPanelHeaderWrapper {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    height: 40px;
}

div.viewPanelHeader {
    width: 100%;
    font-size: 1.3em;
    padding: 0px 20px;
}

div.viewPanelDescription {
    width: 100%;
    padding: 0px 0px 10px 0px;
}

.viewPanelTable{
	border: 1px solid lightgrey;
}

.viewPanelTable td{
	padding:5px;
	background-color: white;
}

.viewPanelTable td div.action_log_label{
	font-weight: normal;
}

.viewPanelTable td div.action_log_row{
	padding-bottom:5px;
	text-align: left;
}

.chart_display{
	display: flex;
	height:100%
}

.chart_pane{
	width:100%
}

.chart_settings{
    padding: 20px 10px 20px 10px;
}

.chart_settings_navigator{
    display: flex;
    justify-content: center;
    padding: 10px 0px 10px 0px;
    background-color: white;
    border: 1px solid lightgrey;
    border-radius: 8px;
}

.chart_settings_scale{
	padding: 10px 15px 10px 15px;
  background-color: white;
  margin-top:20px;
  text-align: center;
}

.chart_settings_chevron{
	margin-left: 30px;
	margin-right: 30px;
}

a.chart_settings_chevron :hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.chart_settings_text{
	font-size: 1.2em;
  text-align: center;
    width: 75%;
}

a.chart_settings_apply {
	font-size: 1.3em;
	text-decoration: none;
}

.placeholder{
	margin-left:30px;
}

.placeholder_value{
  font-size: 1.2em;
  padding-top: 3px;
  padding-bottom: 2px;
}
.placeholder_value:hover {
    background: lightgrey;
}
div.direct_instructions p, div.direct_instructions li{
    margin: 10px 0px;
}

div.cp_options{
	/* border: 1px solid black; */
  margin: 10px 40px 10px 30px;
  padding: 10px 10px 10px 10px;
}
ul.help_tours_list
{
	margin-top: 30px;
}

ul.help_tours_list li
{
	font-size:	1.3em;
}