@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
  font-family: 'Roboto Black';
  src: url('../fonts/Roboto-Black.ttf');
}

@font-face {
  font-family: 'Roboto Light';
  src: url('../fonts/Roboto-Light.ttf');
}


html {
     overflow: -moz-scrollbars-vertical;
}

img {
        border: 0px;
}

.hsmbannerstatistics {
	width: 100%
}

.hsmbannerstatistics img {
	width: 100%
}

body.login {
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	font-family: Roboto;
	font-size: 15px;
	color: #2d3033;
	margin: auto;
	font-weight: 300;
	max-width: none;
}

body.login h2 {
	color: #2e2e2e;
	font-weight: 400;
	font-size: 20px;
}

body.loggedin {
	padding: 0px;
	margin: 0px;
	background-color: #f1f1f1y;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 12px;
	color: #222222;
}

#basecontainer {
	display: block;
	margin: 0 auto;
	width: 1045px;
	background-color: #ffffff;
	border-radius: 7px 7px 7px 7px;
    box-shadow: 0px 0px 20px #e9e9e9;
}


#toparea {
	display: inline;
	float: left;
	width: 1045px;
	background-color: #ffffff;
	padding-top: 25px;
	#height: 320px;
}

#toprow {
	display: inline;
	float: left;
	width: 1045px;
	height: 98px;
}

#topleft {
	display: inline;
	float: left;
	width: 30%;
}

#toplogo {
	/*margin-left: 22px;*/
}

#topmiddle {
	display: inline;
	float: right;
	width: 720px;
	padding-left: 0px;
	padding-top: 20px;
}

#topmiddle .seperator {
	display: inline; float: left; margin-left: 10px; margin-right: 10px; border-right: 1px dotted #8FD400;
	height: 24px;
}
#topmiddle .seperatorlast {
	display: inline; float: left; margin-left: 10px; border-right: 1px dotted #8FD400;
	height: 24px;
}

#topmiddle .text {
	display: inline;
	float: right;
}

#topmiddle #row1 a { display: inline; float: none; font-size: 10px; color: #024E8C; text-decoration: none;  }
#topmiddle #row2 a { display: inline; float: left; margin-left: 5px; margin-right: 5px; font-size: 10px; color: #024E8C; text-decoration: none;  }



#topright {
	display: inline;
	float: right;
	width: 720px;
	position: relative;
	top: -107px;
	border-top: 1px solid #8FD400;
	
}

#toptop  { display: inline; float: right; font-size: 10px; padding-right: 25px; position: relative; top: -7px; background-color: #ffffff; padding-left: 20px;}

#topright .langmenu {
	display: inline;
	float: right;
	text-align: right;
	position: relative;
	top: -9px;
	background-color: #ffffff;
	left: -20px;
	padding-right: 20px; 
	padding-left: 10px;
}

#topright .langmenu a {
/*	display: inline;
	float: left;
	width: 40px;
*/	text-decoration: none;
	color: #aaaaaa;
}

#topright .langmenu span{
	display: float;
	float: left;
	width: 40px;
}



#topbanner {
	display: inline;
	float: left;
	width: 1045px;
	height: 172px;
}

#topbanner img {
   height: 224px;
}

#toplogo img {
	height: 50px;
	margin-top: 28px;
}

#mainmenu {
	display: inline;
	float: right;
	width: 1045px;
	position: relative;
	top: 0px;
	left: 0px;
	height: 40px;
	/*background: #f8f8f8;*/
	border-bottom: 2px solid #eee;
	/*height: 40px;*/
	/*background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.8);*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
}

#mainarea {
	display: inline;
	float: right;
	width: 1045px;
	line-height: 24px;
	/*padding-left: 20px;*/
	#padding-top: 10px;
	padding-bottom: 20px;
	background-color: #ffffff;
}

#mainarea #maintext {
	display: inline;
	float: left;
	text-align: justify;
	width: 809px;
	padding-left: 10px;
	#overflow: auto;
}

#mainarea #maintextsingle {
	display: inline;
	float: left;
	text-align: justify;
	width: 1022px;
	padding-left: 10px;
}


#mainarea h1 {
	/*color: #006EC7;*/
	color: #2e2e2e;
}
#mainarea h2 {
	color: #006EC7;
}

#mainarea h3 {
	color: #006EC7;
}

#mainarea h4 {
	color: #006EC7;
}

#mainarea h5 {
	color: #006EC7;
}


#mainarea #leftarea {
	display: inline;
	float: left;
	width: 200px;
	margin-top: 10px;
	padding-left: 10px;
	background-color: #f9f9f9;
    margin-right: 15px;
}

#mainarea #leftarea #submenu {
	display: inline;
	float: left;
	width: 200px;
	/*background-color: #f9f9f9;*/
}

#mainarea #leftarea #submenu ul {
	display: inline;
	float: right;
	padding: 0px;
	margin: 0px;
	width: 205px;
}

#mainarea #leftarea #submenu ul  li{
	display: block;
	list-style-type: none;
	text-align: left;
	border-bottom: 2px solid #ffffff;
	/*border-right: 3px solid #006EC7;*/
}
#mainarea #leftarea #submenu ul  li a{
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 14px;
	text-decoration: none;
	color: #006EC7;
}
/*
#mainarea #leftarea #submenu ul  li ul li, #mainarea #leftarea #submenu ul li.leftmenu-active {
	border-right: 0px;
}
*/

#mainarea #leftarea #submenu ul  li ul li a{
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	text-decoration: none;
	color: #006EC7;
	/*font-size: 10px;*/
}

#mainarea #leftarea #submenu ul  li a.selected , #mainarea #leftarea #submenu ul  li a:hover {
	color: #8fd400;
}


#footerarea {
	display: inline;
	float: left;
	width: 995px;
	background-color: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	border-top: 1px solid #eeeeee;
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
}

#footerarea .text {
	display: inline;
	/*float: left;*/
	margin-left: 20px;
	font-size: 11px;
	font-size: 11px;
	color: #666666;
	text-align: center;
}

#socialmedialinks {
	display: block;
	position: fixed;
	right: 0px;
	width: 100px;
	top: 90px;
	text-align: right;
}


#socialmedialinks a {
    display: block;
    margin-bottom: 5px;	
}

#topcontentWindow {
    display: inline;
    float: left;
    position: relative;
    top: -143px;
    left: 738px;
    width: 307px;
    height: 195px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.8);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);*/
    overflow: hidden;
}



a {
   text-decoration: none;
   color: #024E8C;
}

a:hover {
   color: #024E8C;
}

#socialmedialinks li {
   width: 100px;
   text-align: left;
   list-style-type: none;
   height: 50px;
}

fieldset.tx-powermail-pi1_fieldset label {
   color: #006EC7;
}

.tx-powermail-pi1_formwrap { 
     width: 720px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea, fieldset.tx-powermail-pi1_fieldset select, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
    width: 474px;
}


.error {
border-top: 1px solid #8FD400;
border-left: 1px solid #8FD400;
border-right: 1px solid #8FD400;
font-size: 11px;
color: white;
padding: 3px 10px 5px 10px;
margin-left: 0 0 0 -2px;
z-index: 10;
text-align: left;
height: auto;
overflow: visible !important;
background: #8FD400;
-webkit-box-shadow: 3px 3px 5px #eee;
-moz-box-shadow: 3px 3px 5px #eee;
box-shadow: 3px 3px 5px #eee;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}


html:root .error em {
position: absolute;
display: block;
height: 5px;
border: 10px solid;
border-bottom: 0 none;
bottom: -15px;
overflow: visible;
left: 5px;
border-image: initial;
border-color: #8FD400 transparent transparent;
}

#maintext ul li {
	list-style-image: url(images/postbullets.png);
}

.relatedcontent ul {
   margin-left: 15px;
   padding: 0px;
}

.relatedcontent li {
	list-style-image: url(images/postbullets.png);
}


#belowsubmenu {
   display: inline;
   float: left;
   border-top: 20px solid white;
}


/*
.tx-rgsmoothgallery-pi1 {
   background-color: transparent;
}
.myGallery {
    border: 1px solid white;
}
.jdGallery .slideElement {
   background-color: transparent;
}

.jdGallery .loadingElement {
  background-color: transparent;
}

.jdGallery .slideInfoZone {
 background-color: transparent;
 color: #000000;
}

.jdGallery .carousel .carouselInner .thumbnail {
   background-color: transparent;
}*/


#statusbar {
display: inline;
float: left;
position: relative;
top: -40px;
left: 79px;
}
#statusbar ul { margin: 0px; padding: 0px; }
#statusbar ul li { display: inline; float: left; padding-left: 10px; padding-right: 10px; list-style-type: none;}


.langmenu ul { display: inline; float: left; margin: 0px; padding: 0px; }
.langmenu ul li { display: inline; float: left; list-style-type: none; }


#row1 {
	display: inline;
	float: left;
	width: 720px;
	height: 14px;
}

#row2 {
	display: inline;
	float: right;
	width: 100%;
	#width: 655px;
	height: 64px;
}


#monitor {
   display: inline;
   float: left;
   margin-right: 5px;
   padding: 0px;
   margin-top: 21px;
   width: 240px;
}

.ampel {
    display: inline;
    float: left;
    padding-right: 3px;
    /*border: 1px solid #eeeeee;*/
    width: 37px;
	cursor: pointer;
	font-size: 10px;
	color: #024E8C;
	text-align: center;
}

#monitor .server_block_error { 
    display: block;
	float: none;
	/*background-color: red; */
	color: #ffffff; 
	font-weight: bold;
	text-align: center;
	width: 15px;
	height: 15px;
	text-align: center;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
#monitor .server_block_ok { 
    display: block;
	float: none;
	/*background-color: green;  */
	color: #ffffff; 
	font-weight: bold; 
	text-align: center;
	width: 15px;
	height: 15px;
	text-align: center;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

.ampel .statusname {
    display: block;
	float: none;
	padding-top: 0px;
	text-align: center;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}


#modeswitch {
	display: inline;
	float: left;
	width: 130px;
	height: 46px;
	margin-left: 40px;
	margin-top: 3px;
	font-size: 10px; 
	color: #006EC7;
}

#modeswitch #desc { display: inline; float: left; padding-top: 32px; }
#modeswitch #textmode { display: inline; float: left; text-align: center; width: 50px; margin-top: 3px;}
#modeswitch #textmode div { margin-left: auto; margin-right: auto;}
#modeswitch #graphicmode { display: inline; float: left; text-align: center; width: 50px; margin-top: 3px;}
#modeswitch #graphicmode div { margin-left: auto; margin-right: auto;}

#modeswitch .row1, #modeswitch .row2  {
margin-left: auto; margin-right: auto;
}

#menutext { display: inline; float: right;   #margin-top: -18px; #width: 451px; width: 460px; margin-top: 25px;}
#menutext ul { display: inline; float: right; margin: 0px; padding: 0px; margin-right: 1px;}
#menutext li { display: inline; float: left; list-style-type: none; border-right: 1px dotted #8fd400; padding-left:15px; padding-right: 15px; padding-top: 5px; font-size: 10px;  height: 30px;  color: #024E8C;}
#menutext .active { color: #8fd400;}
#appstatus {
	display: inline;
	float: left;
	font-size: 10px; 
	color: #024E8C;
	margin-top: 35px;
}

#menuTextModules .currentChoosenModule {
	display: inline-block;
	cursor: pointer;
}

#menuTextModules:hover ul {
	display: block;
}

#menuTextModules ul {
	-webkit-margin-before: 0em;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    padding: 5px;
    text-align: left;
    position: absolute;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	width: 250px;
	z-index: 1;
	display: none;
}

#menuTextModules ul li {
	border-bottom: 1px solid #e5e5e5;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
	box-sizing: border-box;
	border-right: 0px;
	height: auto;
	padding: 0;
}

#menuTextModules ul li a {
	display: inline-block;
	margin-right: 3px;
}

#menuTextModules ul li a img {
	width: 40px;
    vertical-align: bottom;
}

#menuTextModules ul li .modules-list-description {
	vertical-align: super;
}



/*.ui-widget-content .index_tab {padding-left: 25px; }*/

#maintext .myform  { display: block;  float: left; width: 600px;}
#maintext .myform fieldset  { border: 1px solid #dddddd; width: 600px;}
#maintext .myform fieldset .row { display: inline; float: left; width: 600px; padding-bottom: 10px;}
#maintext .myform  dd  { padding: 0px; margin: 0px; margin-bottom: 10px;}
#maintext .myform .row { display: inline; float: left; width: 680px; padding-bottom: 10px;}
#maintext .myform div .row2 { display: inline; float: left; padding-right: 10px; padding-bottom: 10px;}
#maintext .myform  div .element { display: inline; float: left; width: 400px; }
#maintext .myform  div .element2 { display: inline; width: 400px; }

#maintext .myform .row .element label { display: inline; float: left; padding-right: 14px; width: 450px;}

#maintext .myform .row label.left[for=mobile]{
    display: inline; float: left; width: 180px;font-weight: bold; color: #006ec7; white-space: pre-wrap;
	margin-top: 6px;
}



#maintext .myform .row label.left { display: inline; float: left; width: 180px;font-weight: bold; color: #024E8C; }



#maintext .myform .row input[type="text"]#mobilenumber-prefix{
	width: 35px;
	display: inline;
	float: left;
	text-align: right;
}
#maintext .myform .row input[type="text"]#mobilenumber-number {
	width: 310px;
	display: inline;
	float: left;
	text-align: left;
	padding-left: 0px;
}

#maintext .myform .row input[type="text"]#mobile {
	width: 434px;
	display: inline;
	float: left;
	text-align: left;
	background-color: #ffffff;
	color: #006EC7;
	font-size: 24px;
	font-weight: bold;
	border: 0px;
}

#maintext .myform .row input[type=text]
input[type=text], 
#maintext .myform .row select { 
	display: inline; 
	float: left; 
	width: 350px;
	font-weight: normal; 
	color: #222222;
	padding: 2px;
}

#maintext .myform .row select {
	width: 358px;
}

select#view_desktop, select#view_blackberry, select#view_iphone, select#view_windows_mobile,
select#view_mobile, select#view_android, select#view_ipad {
	width: 140px !important;
}



#maintext .myform .row input[type=radio] { font-weight: normal;  margin-right: 10px; }
#maintext .myform .row input[type=checkbox] { font-weight: normal;  margin-right: 10px; }

#maintext .myform div .row2 .element label { display: inline; float: left; padding-right: 14px; width: 450px;}
#maintext .myform div .row2 label.left { display: inline; float: left; width: 180px;font-weight: bold; color: #006ec7; }
#maintext .myform div .row2 input[type=text] { display: inline; float: left; width: 350px;font-weight: normal; color: #222222;}
#maintext .myform div .row2 input[type=radio] { font-weight: normal;  margin-right: 10px; }
#maintext .myform div .row2 input[type=checkbox] { font-weight: normal;  margin-right: 10px; }

/*#required_cust-1, #required_cust-0, #required_admin-1, #required_admin-0 {
	margin-left: 90px;

}
*/
.row label.left { white-space: wrap; }
#maintext .myform .errors {
	display: inline;
	float: left;
	width: 500px;

}
#maintext .myform .errors  li{
	list-style-type: none;
}

#ajaxareaContainer { display: inline; float: none;  border: 0px; }


#leftarea #submenu { display: inline; float: left; width: 190px;}
#navsidebar {
	background-color: #ffffff;
}



.blockContent .subTH {
	font-weight: bold;
	width: 16%;
	float: left;
}

.blockContent .subTH:first-child {
	width: 50%;
}

.blockContent .subTD {
	width: 16%;
	float: left;
}

.blockContent .subTD:first-child {
	width: 50%;
}







.button span {
    display: block;
    /*width: 100px; */
    height: 30px;
    padding-top: 11px;
    padding-left: 26px;
    padding-right: 26px;
    /*margin-left: 23px;*/
    margin-bottom: 25px;
    background-color: #006ec7;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    border: 0px; 
}
.button_disabled {
	pointer-events: none; 
	cursor: default;	
}
.button_disabled span{
	display: block;
    /*width: 100px; */
    height: 30px;
    padding-top: 11px;
    padding-left: 26px;
    padding-right: 26px;
    /*margin-left: 23px;*/
    margin-bottom: 25px;
    background-color: #808080;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    border: 0px;
}

body.login .myform {
	/*border-top: 1px solid #dddddd;*/
	text-align: center;
	display: inline;
	float: left;
	/*border-bottom: 1px solid #dddddd;*/
	height: 114px;
}

body.login .myform div{
	display: inline; 
	float: left;
	width: 340px;
}


body.login .myform label {
	display: inline;
	float: left;  
	top: 23px;
	position: relative;
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
	color: #777;
}


body.login .myform input[type=text], body.login .myform input[type=password] {
	display: inline; 
	float: right; 
	width: 190px; 
	border: 1px solid #ddd;
	padding: 6px;
	font-family: Roboto;
}

body.login input[type=submit] {
	margin-top: 40px !important;
}

body.login .myform select {
	display: inline; float: right; width: 195px;	
}

/* LOGIN PAGE */

.errors {
	
}

.errors li {
	
}

body.login .element ul.errors {
	width: 100%;	
	position: relative;
	-webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	box-sizing: border-box;
}

body.login .element ul.errors  li{
	width: 190px;
	font-size: 13px;
	float: right ;
	padding-top: 4px;	
	display: inline;
	text-align: left;
}


body.login input[type=submit] {
    background-color: #005EB8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #005EB8;
    color: #FFF;
    font-family: Roboto;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
	min-width: 100px;	
}

body.login input[type=submit]:hover {
	box-shadow: 1px 1px 7px -1px #444;
}

#submit_update, #submit_create, #submit_insert, #submit_acl_role_permission_sync {
    display: block;
    padding-top: 11px;
    padding-left: 26px;
    padding-bottom: 11px;
    padding-right: 26px;
    margin-bottom: 25px;
    background-color: #006ec7;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    border: 0px; 
	cursor: pointer;
}


/* LOGIN MOBILE */

@media only screen and (max-width: 420px) {
	
	body.login .myform label {
		width: 100%;
		top: 0;
		text-align: left;
	}
	
	body.login .myform input[type=text], body.login .myform input[type=password] {
		width: 100%; 
		margin-top: 5px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		moz-box-sizing: border-box;
	}
	
	body.login .element ul.errors li {
		width: 100% !important;
		
	}

}





.searchResults {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid lightgrey;
	border-top: 2px solid lightgrey;
}

.uploader {
	display: inline;
	float: left;
	width: 250px;
	margin-right: 28px;
}

.thumbnails {
	display: inline;
	float: left;
	width: 700px;
	
}

.thumbnails .uploadedImg {
	display: inline;
	float: left;
	padding: 10px;
	width: 140px;
	border: 1px solid #cccccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 4px;
	position: relative;
}

.thumbnails .thumbnail {
	text-align: center;
}


.thumbnails .filedata {
    margin-top: 5px;
	text-align: center;
	line-height: 12px;
}

.thumbnails .filename {
	font-size: 9px;
}

.thumbnails .actions {
    position: absolute;
	text-align: right;
    top: 148px;
	right: 10px;
}

.thumbnails .actions a {
	color: #006EC7;
}

.thumbnails .usageCounter {
    position: absolute;
	text-align: right;
    top: 148px;
	left: 10px;
	
}

.template_row {
	float: left;
}

.template_element {
	width: 100px;
}

#bannerOptionsTable{
	display: table;
}

.bannerOptionsTR {
	display: table-row;
}

.bannerOptionsTH {
	display: table-cell;
	font-weight: bold;
}

.bannerOptionsTD {
	display: table-cell;
}

#placeholdersBannersTable {
	display: table;
	border-spacing: 15px;
}

.placeholdersBannersTableRow {
	display: table-row;
}

.placeholderBannersTableCol {
	display: table-cell;
	position: relative;
	background-color: #f9f9f9;
	border-radius: 10px;
	padding: 25px;
	border: 1px solid #dddddd;
	padding-bottom: 45px;
}

.placeholderBannersTableCol .inner {
   position: relative;
   margin: 0px;
   padding: 0px;
}


.placeholderBannersTableCol .placeholderBannersTableElementDelete {
    position: absolute;
	right: -16px;
	top: -16px;
	width: 10px;
	height: 10px;
	z-index: 100;
}

.placeholderBannersTableCol .placeholderBannersTableElementProperties a span, .placeholderBannersTableCol .placeholderBannersTableElementFilters a span  {
    display: block; color: #006ec7; text-decoration: underline;
} 
.placeholderBannersTableCol .placeholderBannersTableElementProperties {
    position: absolute;
	bottom: -25px;
	left: 0px;
	color:#000000;

}

.placeholderBannersTableCol .placeholderBannersTableElementFilters {
    position: absolute;
	bottom: -25px;
	right: 0px;
	color:#000000;
}

.placeholderBannersTableElementImage {
    text-align: center; 
}


.ui-widget .createNewBannerLink a{ color: #006ec7; }
.ui-widget .createNewBannerLink a:hover{ color: #8fd400; }

.ui-widget table table  a{ color: #006ec7; }
.ui-widget table table  a:hover{ color: #8fd400; }


#banner_create #html_thumbnail_kill { display: none; }
/*#banner_create #html_thumbnail { width: 270px; height: 33px; }*/

#html_thumbnail {
	width: 168px;
}

.bannerOptionsMAC { width: 50px; }

.bannerOptionsTD .bannerInputLabel {
  float: left;
  height: 22px;
  padding-top: 3px;
  font-weight: bold;
  clear: left;
}

.bannerInputArea {
  height: 60px;
  width: 300px;
  padding-left: 20px;
  padding-right: 20px;
}

.bannerInputArea .row {
  width: 210px;
  float: right;
}

.bannerInputArea .row .element input {
  width: 200px;
}

.ui-slider-horizontal { background: none /*#8fd400*/  #f8f8f8  !important; }

.ui-slider-horizontal .ui-slider-handle{ background: none #006ec7 /*#8fd400*/  !important; }

#openHotspotMessage {
	border: 1px solid black;
	background-color: red;
	color:	white;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	position: absolute;
	margin-top: 105px;
	margin-left: 257px;
}

#upgradeMessagedevicebasedregistration {
	border: 1px solid black;
	background-color: red;
	color:	white;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	position: absolute;
	margin-top: 1066px;
	margin-left: 257px;
}

#noPaymentMessagedevicebasedregistration {
	border: 1px solid black;
	background-color: red;
	color:	white;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	position: absolute;
	margin-top: 1036px;
	margin-left: 257px;
}

#upgradeMessagepms {
	border: 1px solid black;
	background-color: red;
	color:	white;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	position: absolute;
	margin-top: 1317px;
	margin-left: 257px;
}

#noPaymentMessagepms {
	border: 1px solid black;
	background-color: red;
	color:	white;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	position: absolute;
	margin-top: 1287px;
	margin-left: 257px;
}

#upgradeMessageregistration {
	border: 1px solid black;
	background-color: red;
	color:	white;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	position: absolute;
	margin-top: 1346px;
	margin-left: 257px;
}

#noPaymentMessageregistration {
	border: 1px solid black;
	background-color: red;
	color:	white;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	position: absolute;
	margin-top: 1316px;
	margin-left: 257px;
}

#demoModusActivMessage {
	border: 1px solid black;
	background-color: red;
	color:	white;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	position: absolute;
	margin-top: 10px;
	margin-left: 325px;
	width: 483px;
	text-align: center;
}

.tabsInfoMessage {
	background-color: red;
	text-align: center;
	color: white;
	font-weight: bold;
}

.hsmVotingPreviewImage,
.hsmHsoPreviewImage {
	width: 50px;
}

.hsmVotingPreviewImage:hover,
.hsmHsoPreviewImage:hover {
	position: absolute;
	width: 20%;
}

.viewTypeRow {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 9px 9px 0px 9px;
	margin-bottom: 15px;
	margin-top: 5px;
}

.viewTypesLabel {
	color: #024E8C;
	font-weight: bold;
}

.viewTypeRow .row {
	width: 50% !important;
	float: left !important;

}

.viewTypeRow .row label {width: 50% !important; font-weight: normal !important;}
.viewTypeRow .row .element {width: 50% !important;}




.systemModulesContainer {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.systemModulesEngineHeader {
	display: inline-block;
	width: 100%;
}

.systemModulesEngineHeader .systemEngineTab {
	background-color: #006EC7;
	padding: 6px 10px 6px 10px;
	color: #fff;
	display: inline-block;
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
}

.systemModulesEngineHeader .systemEngineTab.active {
	background-color: #8fd400;
}

.systemEngineModulesHeader {
	color: #006EC7;
	font-weight: bold;
	margin: 6px;
	font-size: 14px;
}

#systemEngineTabContent-hotspotengine, #systemEngineTabContent-locationengine, #systemEngineTabContent-contentengine {
	display: none;
}

#systemEngineTabContent-hotspotengine.active, #systemEngineTabContent-locationengine.active, #systemEngineTabContent-contentengine.active {
	display: inline-block;
}

.systemEngineModulesContainerElements{
	display: inline-block;
	width: 200px;
	float: left;
}

.systemEngineModulesContainerElements .moduleElement {
	background-color: #eee;
    	padding: 6px;
    	margin-bottom: 4px;
	margin-left: 5px;
	cursor: pointer;
}

.systemEngineModulesContainerElements .moduleElement.active {
	color: #8fd400;
	font-weight: bold;
}

.systemEngineModulesContainerProperties {
	display: inline-block;
	float: left;
	padding-left: 10px;
	width: 500px;
}

.systemEngineModulesContainerProperties .index_tab {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0px;
}

.systemEngineModulesContainerProperties .myform, .systemEngineModulesContainerProperties .myform .row {
	width: 500px !important;
}	




.systemEngineModuleContainer {
	display: inline-block;
	width: 100%;
}

.systemEngineModuleContainer.disabled {
	display: none;
}


.systemEngineGeneralPropertiesContainer {
	background-color: #eee;
	padding: 6px;
    	border: 1px solid #ddd;
	font-style: italic;
}


.systemEngineGeneralPropertiesContainer.active {
	background-color: #ACC4AF;
	padding: 6px;
    	border: 1px solid #66856A;
	font-style: normal;

}


.systemEngineModuleContainer  .header {
	display: block;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 7px;
	box-shadow: inset 1px 1px 1px #fff;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
}

.systemEngineModuleContainer .header:before {
	content: " ";
	position: absolute;
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	
	border-left: 6px solid #555;
	top: 10px;
	left: 8px;
}



.systemEngineModuleContainer.active .header:before {
	content: " ";
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-top: 6px solid #555;
	top: 14px;
	left: 6px;
}

.systemEngineModuleContainer .configFormContainer {
	display: none;
}

.systemEngineModuleContainer.active  .configFormContainer{
	display: inline-block;
}

.systemEngineConfigFormContainer {
	display: none;
}


.systemEngineModuleContainer.active .systemEngineConfigFormContainer {
	display: inline-block;
	width: 787px;
	padding: 10px;
	min-height: 60px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


.systemEngineModuleForm {
	display: inline-block;
	width: 100%;
}

.systemEngineModuleForm .blockRow {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

.systemEngineModuleForm .blockRow .blockContainer {
	width: 50%;
	float: left;
	display: inline-block;
	margin-bottom: 10px;
}

.systemEngineModuleForm .blockRow .blockContainer .blockHeader, .blockContainerTable .blockHeader, .systemEngineGeneralPropertiesTitle {
	font-size: 120%;
	color: #006EC7;
	font-weight: bold;
	padding-bottom: 5px;
}



.blockContent .row, .systemEngineGeneralPropertiesContainer .row {
	display: inline-block; 
	width: 100%; 
	padding-bottom: 5px;
}


.blockContent .row .element, .systemEngineGeneralPropertiesContainer .row .element {
	width: auto;
	float: left;
}



.blockContent .row .listElement {
	width: 100%;
    	display: block;
   	padding-top: 5px;
    	padding-bottom: 5px;
    	color: #006EC7;
	font-weight: bold;
}


label[for=submit_update] {
	display: none;
}


.blockContent .row .element.labelRight {
	float: right;
	margin-right: 30px;
}


.blockContent .row input[type=checkbox], .blockContent .row input[type=radio], .systemEngineGeneralPropertiesContainer .row input[type=checkbox] {
	margin-right: 15px;
}

.formValidationErrorMessage {
	width: 173px;
	display: block;
	color: #C70606;
	text-align: left;
}


.blockContent .row .element.formValidationErrorRadioBoxRequired {
	color: #C70606;
}


.systemEngineUpdateMessage {
	display: none;
}

.systemEngineUpdateMessage.successfully {
	background-color: #8FD400;
	color: #fff;
	border: 1px solid #8FD400;
}


.systemEngineUpdateMessage.error {
	background-color: #9E3D3D;
    	color: #fff;
    	border: 1px solid #701F1F;
}

.systemEngineUpdateMessage.active {
	display: inline-block;
    	text-align: center;
    	width: 775px;
    	padding: 6px; 	
    	font-weight: bold;
    	font-size: 13px;
    	margin-bottom: 10px;
	
}



.blockContainerTable {
	display: inline-block;
	width: 100%;
    	margin-bottom: 10px;
}

.blockContainerTable  .blockTableRow {
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
}

.blockContainerTable .blockTableTH, .blockContainerTable .blockTableTD {
	width: 100px;
	float: left;
	text-align: center;
}

.blockContainerTable .blockTableTH:first-child, .blockContainerTable .blockTableTD:first-child {
	text-align: left;
	width: 150px;
}


.blockContainerTable .blockTableTH {
	font-weight: bold;
}


.walledGardenHSMSyncLevelContainer {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.walledGardenHSMSyncLevelContainer .levelText {
	display: inline-block;
    	float: left;
	font-weight: bold;
	padding-right: 10px;
	font-size: 105%;
}

.walledGardenHSMSyncLevelContainer .levelName{
	display: inline-block;
    	float: left;
}

#mediamanagerScreenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#FFF;
	padding:5px;
	display:none;
	color:#333;
}










#hsmStatisticContent {
	margin-top: 15px;
	font-size: 12px;
	display: inline-block;
}

.hsmStatisticOverviewContainerHeader {
	width: 100%;
	display: inline-block;
	#border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	background: #eee;
    	padding: 6px;
    	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
}

.hsmStatisticOverviewContainerHeader .row {
	width: 100%; 
	display: inline-block;
}

.hsmStatisticOverviewContainerHeader .th {
	color: #006ec7;
	font-size: 120%;
	font-weight: bold;
	width: 200px;
	float: left;
	min-height: 1px;
}

.hsmStatisticOverviewContainerHeader .td {
	width: 350px;
	float: left;
	padding-top: 3px;
	
}

.hsmStatisticOverviewElementsContainer .left  {
	width: 35%;
	float: left;
	margin-bottom: 15px;
	text-align: left;
}

.hsmStatisticOverviewElementsContainer .right {
	width: 65%;
	float: left;
	margin-bottom: 15px;
	text-align: left;

}

.hsmStatisticOverviewTypes, .hsmStatisticOverviewChildren {
	width: 96%;
	margin-left: 2%;
}

.hsmStatisticOverviewTypes .hsmStatisticOverviewTypesHeader, .hsmStatisticOverviewChildrenHeader {
	font-weight: bold;
	margin-bottom: 7px;
}

.hsmStatisticOverviewTypes .hsmStatisticOverviewType {
	margin-left: 30px;
	margin-bottom: 3px;
}

.hsmStatisticOverviewChildren .row {
	display: inline-block;
	width: 100%;
}

.hsmStatisticOverviewChildren .row .td {
	width: 65%;
	float: left;
	margin-bottom: 3px;
}

.hsmStatisticOverviewChildren .row .td.right {
	width: 35%;
	float: left;
	margin-bottom: 3px;
	text-align: right;
}

/* ####################  UPTIME MANAGEMENT #################### */


/* ACL ROLES CONTAINER */

.aclRolesContainer {
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Header */

.aclRolesContainer .header {
	display: block;
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 7px;
    box-shadow: inset 1px 1px 1px #fff;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

.aclRolesContainer .header:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #555;
    top: 10px;
    left: 8px;
}

.aclRolesContainer.active .header:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #555;
    top: 12px;
    left: 6px;
}

/* Content */

.aclRolesContentContainer {
	display: inline-block;
    width: 787px;
    padding: 10px;
    min-height: 60px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	
}

.aclRolesLeftContent, .aclRolesRightContent {
	width: 49%;
	display: inline-block;
	padding: 5px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.aclRolesLeftContentHeader, .aclRolesRightContentHeader {
	font-size: 120%;
    color: #024E8C;
    font-weight: bold;
    padding-bottom: 5px;
}

/* Left Container */

.aclRolesLeftContent .aclRolesItem {
	background-color: #eee;
    padding: 5px;
    cursor: pointer;
	margin-bottom: 5px;
	position: relative;
}

.aclRolesLeftContent .aclRolesItem:hover {
	background-color: #e5e5e5;
}

.aclRolesLeftContent .aclRolesItem:after {
	content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #bbb;
    top: 7px;
    right: 8px;
}

.aclRolesLeftContent .aclRolesItem.active {
	font-weight: bold;
}

.aclRolesLeftContent .aclRolesItem.active:after {
	content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #555;
    top: 7px;
    right: 8px;
}

/* Right Container */



.uptimeManagementContainer input[type="text"], .uptimeManagementContainer .row .element span.ui-dropdownchecklist-selector, .uptimeManagementContainer .row .element div.ui-dropdownchecklist  {
	padding: 2px;
}

.aclRolesRightContent .aclRolesItemPrivileges span {
	width: 49%;
	display: inline-block;
	padding-bottom: 1px;
}

.aclRolesRightContent .aclRolesItemPrivileges span span {
	width: auto;
	display: inline-block;
}


.aclRolesRightContent .aclRolesItemPrivileges span span.inhertitPrivilegItem:after {
	content: " *";
}

.aclRolesRightContent .aclRolesItemPrivileges span span.inhertitPrivilegItem {
	font-style: italic;
}

.aclRolesRightContent .aclRolesItemPrivileges span input {
	float: left;
}


/* Inherit Info Container */

.inheritPrivilegInfoContainer {
	font-style: italic;
    	text-align: right;
}



/* CREATE TIME POOL */

form#uptimemanagement_timepool_create .row {
	padding-bottom: 10px;
	display: inline-block;
	width: 100%;
}

form#uptimemanagement_timepool_create .row label {
	color: #006EC7;
	font-weight: bold;
	width: 180px;
	float: left;
}

form#uptimemanagement_timepool_create .row input[type="text"] {
	width: 350px;
}

form#uptimemanagement_timepool_create .row textarea {
	width: 348px;
	max-width: 348px;
	height: 100px;
	max-height: 150px;
}

form#uptimemanagement_timepool_create .row .element {
	display: inline-block;
	float: left;
	width: 600px;
}

form#uptimemanagement_timepool_create .row .element label {
	width: 600px;
	color: #000;
	font-weight: normal;
}




/* EIGENSCHAFTEN */


#uptimeManagementPropertyContainer .row {
	display: inline-block;
	width: 100%;
	margin-bottom: 8px;
}

#uptimeManagementPropertyContainer .row label {
	width: 150px;
	display: inline-block;
}

#uptimeManagementPropertyContainer .row .element {
	display: inline-block;
}

#uptimeManagementPropertyContainer .row .element input[type="text"] {
	width: 400px;
}

#uptimeManagementPropertyContainer .row .element textarea {
	width: 402px;
	max-width: 402px;
    	height: 90px;
	max-height: 190px;

}


/* TIME RANGES */


.uptimeManagementTimeRange.dateRow, .uptimeManagementTimeRange.timeRow {
	display: inline-block;
	width: 800px;
	margin-bottom: 7px;
}

.uptimeManagementTimeRange.fromDateRow, .uptimeManagementTimeRange.tillDateRow, 
.uptimeManagementTimeRange.fromTimeRow, .uptimeManagementTimeRange.tillTimeRow {
	width: 280px;
	float: left;
}

.uptimeManagementTimeRange.fromDateRow label, .uptimeManagementTimeRange.tillDateRow label, 
.uptimeManagementTimeRange.fromTimeRow label, .uptimeManagementTimeRange.tillTimeRow label, 
.uptimeManagementContainer .row label[for="days"] {
	width: 60px;
	float: left;
	font-weight: bold;
}

.uptimeManagementContainer .row .element span.ui-dropdownchecklist-selector, 
.uptimeManagementContainer .row .element div.ui-dropdownchecklist {
	width: 148px !important;
	border: 1px solid #aaa;
}

.uptimeManagementContainer .row .element div.ui-dropdownchecklist, 
.uptimeManagementContainer .row .element div.ui-dropdownchecklist .ui-dropdownchecklist-dropcontainer {
	height: auto !important;
}

.uptimeManagementContainer input[type="submit"] {
	float: right;
}




/* TEMPLATE */


.uptimeManagementTemplateRow {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	height: 35px;
	overflow: hidden;
	padding-top: 6px;
}

.uptimeManagementTemplateRow.active {
	border: 1px solid #66856A;
    	background-color: #ACC4AF;
}

.uptimeManagementTemplateRadioBox {
	width: 30px;
	display: inline-block;
	padding-top: 4px;
}

.uptimeManagementTemplateRadioBox input.uptimeManagementTemplateError{
	-webkit-appearance: none;
    	border: 1px solid #B50000;
    	width: 11px;
    	height: 11px;
    	border-radius: 50px;
    	background: #eee;
    	box-shadow: 0px 0px 4px 0px #b50000;
}

.uptimeManagementTemplateRadioBox input.uptimeManagementTemplateError:checked {
	-webkit-appearance: none;
	background: #555;
	border: 3px solid #eee;
}

.uptimeManagementTemplateRow.header {
	height: 22px;
}

.uptimeManagementTemplateRadioBox.header, .uptimeManagementTemplatePreview.header, .uptimeManagementTemplateName.header, 
.uptimeManagementTemplateAuthor.header, .uptimeManagementTemplateVersion.header {
	font-weight: bold;
	color: #006EC7;
}

.uptimeManagementTemplatePreview {
	width: 30px;
	display: inline-block;
}

.uptimeManagementTemplatePreview img {
	width: 100%;
	vertical-align: text-top;
	cursor: pointer;
	margin-top: -12px;
}

.uptimeManagementTemplatePreview img:hover {
	position: absolute;
	width: 150px;
}

.uptimeManagementTemplateName, .uptimeManagementTemplateAuthor, .uptimeManagementTemplateVersion {
	width: 200px;
	display: inline-block;
	padding-left: 5px;
}

.uptimeManagementTemplateErrorMessage {
	color: #B50000;
	padding-top: 10px;
}

#uptimeManagementSubmitButton input[type="submit"]{
	float: right;
}


/* WALLED GARDEN */


.uptimeManagementContainer #WalledgardenEntries , .uptimeManagementContainer #WalledgardenEntries .tr {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.uptimeManagementContainer #WalledgardenEntries #walledGardenEntryRowNew {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.uptimeManagementContainer #WalledgardenEntries .tr .th {
	width: 50px;
	float: left;
	font-weight: bold;
}

.uptimeManagementContainer #WalledgardenEntries .tr .td {
	width: 50px;
	float: left;
}

.uptimeManagementContainer #WalledgardenEntries .tr .td:first-child, .uptimeManagementContainer #WalledgardenEntries .tr .th:first-child {
	width: 400px;
}

.uptimeManagementContainer #WalledgardenEntries .tr .td:nth-child(3), .uptimeManagementContainer #WalledgardenEntries .tr .th:nth-child(3) {
	width: 50px;
	text-align: center;
}

.uptimeManagementContainer #WalledgardenEntries .tr .td:nth-child(4), .uptimeManagementContainer #WalledgardenEntries .tr .th:nth-child(4) {
	width: 30px;
	text-align: center;
	padding-top: 3px;
}

.uptimeManagementContainer #WalledgardenEntries .tr .td input[type="text"] {
	width: 95%;
}

#walledGardenEntryRowNew .errorMessage, #WalledgardenEntries .tr .errorMessage {
	color: #B50000;
    	background-color: transparent;
    	border: none;
    	width: auto;
    	display: block;
	font-weight: normal;
}

#errorMessage .errorMessageRow {
	color: #b50000;
    	border: 1px solid #b50000;
    	padding: 5px;
    	margin-bottom: 5px;
    	background: #F2D9D9;
}

#WalledgardenSaveButton_new img, img.deleteWalledgardenEntry.delete_key {
	cursor: pointer;
}




/* REDIRECT URL */

#uptimeManagementRedirectContainer .row {
	width: 800px;
	padding-bottom: 7px;
}

#uptimeManagementRedirectContainer .row label {
	width: 160px;
	display: inline-block;
}

#uptimeManagementRedirectContainer .row .element {
	display: inline-block;	
}

#uptimeManagementRedirectContainer .row .element input[type="text"] {
	display: inline-block;
	width: 400px;
}


.uptimeManagementContainer .errors, #uptimemanagement_timepool_create .errors {
	color: #B50000;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	list-style: none; 
}



.noPaymentMessage, .upgradeMessage {
	vertical-align: top;
	float: right;
	background-color: red;
	color: #fff;
	padding: 3px;
	font-weight: bold;
	width: 365px;
}


/* Licenses */

.licenseAssignmentTable {
	margin-bottom: 30px;
	width: 100%;
}

.licenseAssignmentTable tr:nth-child(odd) {
	background-color: #eee;
}


.licenseAssignmentTable tr:first-child {
	border-bottom: 1px solid #000;
}


.licenseAssignmentTable th {

	padding: 8px;
}

.licenseAssignmentTable td {
	padding: 8px;
}


.licenseAssignmentTable th, .licenseAssignmentTable td {
	width: 230px;
	display: inline-block;
	white-space: inherit !important;
	text-align: left;
}

.licenseAssignmentTable th:last-child, .licenseAssignmentTable td:last-child {
	width: 50px;
}

.licensesAssignmentTableHotspotgroupName {
	font-weight: bold;
}





/* SUPPORT LINK ON TOP */


#toptop span a {
	margin-left: 10px;
}

.downloadsContainer {
	display: inline-block;
	width: 180px;
	padding: 5px;
	box-shadow: 1px 1px 10px -5px #000;
    	border: 1px solid #eee;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

.downloadsContainer .fileIcon img {
	width: 100%;
	margin-bottom: 5px;
}


.downloadsContainer .fileDescription {
	font-size: 15px;
	padding-left: 5px;
	padding-bottom: 5px;
}


.downloadsContainer .fileLanguage {
	position: absolute; 
	left: 0;
	top: 0;
}

.fileControl {
	padding-left: 5px;
}

.fileControl a {
	display: inline-block;
}