body {
    padding-top: 60px;
    padding-bottom: 40px;
}

.zf-green {
    color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}

div.container a.brand {
    /* background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent; */
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}
/* small padding on the left of an checkbox, like under login in tha landing-page. */
input[type="checkbox"]{width:20px;padding-left:15px;margin:0;vertical-align:text-bottom}


ul.fm_error {
	margin-top:5px;
	border: 1px solid red;
	background-color:#ecac9a;
	padding:20px;
}

li.fm_error {
	color:#884433;
	margin-left: 30px;	
}

ul.fm_success {
	margin-top:5px;
	border: 1px solid green; 
	background-color:#acec9a; 
	padding:20px 50px 20px 20px;
}

li.fm_success {
	color:#448833;
	margin-left: 30px;
}

ul.fm_message {
	border: 1px solid #d7d92b; 
	background-color:#f1f1d0; 
	padding:20px 50px 20px 20px;
}

li.fm_message {
	color:#737415;
	margin-left: 30px;
}


.inputTest {
	clear:both;
}

.colRow {
	background-color:#daeafa;
}

.input-error {
	background-color:#ecac9a !important;
}

#add_organisation_button {
	clear:both;
	display:block;
	margin-bottom:20px;
}

#organisationheader {
	list-style-type: none; 
	margin:0px; 
	padding:0px; 
	background:black; 
	color: white;
}

.userOrganisationId {
	width:100px;
	float:left;
	padding-left:10px;
	
}

.userOrganisationName {
	width:300px;
	padding-left:10px;
	float:left;
}

.bold {
	font-weight:bold;
}

.autocomplete_container {
	position:relative;
}

.autocomplete {
	margin-top:5px;
	background-color:#ffffff;
	max-width:500px;
	height:158px;
	border:1px solid black;
	padding:4px;
	position:absolute;
	z-index:100;
	overflow:hidden;
	left:5px;
	display:none;
	overflow-y:scroll;
}

.autocomplete .item {
	height:25px;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
	cursor: hand;	
}

.clear-input {
	cursor:pointer;
	cursor: hand;	
}

#search {
	margin-top:5px;
	lineheight:18px;
	background-color:#ffffff;
	max-width:500px;
	border:1px solid black;
	padding:4px;
	position:absolute;
	z-index:100;
	display:none;
	overflow:hidden;
	left:15px;
}

#search .useritem {
	padding-left:3px;
	padding-right:3px;
}

#search .useritem:hover {
	background-color: #bacada;
}

.slactive {
	background-color: #bacada;
}

.msgSuccess {
	width: 250px;
	height:54px;
	padding:5px 10px 5px 10px;
	margin-top:2px;
	margin-right:5px;
	background-color:#aaff99;
	border:1px solid green;
}

.msgError {
	width: 250px;
	height:54px;
	padding:5px 10px 5px 10px;
	margin-top:2px;
	margin-right:5px;
	background-color:#ffaa99;
	border:1px solid red;
}

#cookietop {
	background-color:#0184bc; 
	width:100%; 
	position: fixed; 
	top: 0px; 
	right: 0; 
	left: 0; 
	z-index: 1041;	
	color: white;
	padding-bottom:5px;
	
}

#cookieagree {
	border-radius: 5px;	
	font-weight:bold;
	margin-top: 10px;
	margin-right: 5%;
	background-color:white;
	float:right;
    padding: 5px; 
    width: 30px;
    height: 30px; 
}

#cookiepreamble {
	margin-left: 25%;
	float:left;
	margin-top: 14px;
}
#cookiepreamble a{
	font-weight:bold;
	text-decoration:underline;
	color:white;
}

.add_contact_person_cb {
	margin:0px;
	padding:0px;
	vertical-align: bottom;
	top: -3px;
	position: relative;
	height:13px;
	width:13px;
}

.userContactPerson {
	float:left;
	width:180px;
}

.user-row {
	cursor:pointer;
	cursor: hand;
}

.orgunit-row {
	cursor:pointer;
	cursor: hand;
}

.installation-row {
	cursor:pointer !important;
	cursor: hand !important;
}

.remove_user_organisation {
	cursor:pointer;
	color:#6a7af0;
}

.remove_user_organisation:hover {
	text-decoration:underline;
}

.remove_user_organisation_blocked {
	color: #aaabde;
}

.cb_disabled {
	opacity : .50;
	filter  : alpha(opacity=50); /* IE<9 */
	cursor  : default;
}

.submitbutton {
	clear:both;
	margin-top:8px;
}

.required-mark {
	color:red;
}

.bigSubmit {
	padding:15px;
	border: 2px solid black;	
}

.form-control {
	width: 62%	!important;
}

#userorganisations {
	width: 62%;
	margin:0px 0px 20px 0px; 
	padding:0px;
}

.userOrganisationContactPerson {
	 float:left;
	 width:180px;
}


/* user_installation */

#userinstallations {
	width: 62%;
	margin:0px 0px 40px 0px; 
	padding:0px;
}

#userinstallationsheader {
	list-style-type: none;
	margin:0px;
	padding:0px;
	background:black;
	color: white;
}

#userInstallationHeadId {
	width:100px;
	float:left;
	padding-left:10px;
	font-weight:bold;
}

#userInstallationName {
	float:left;
	padding-left:10px;
	font-weight:bold;
}

.installationRowId {
	width:100px;
	padding-left:10px;
	float:left;
}

.installationRowName {
	width:300px;
	padding-left:10px;
	float:left;
}

.installationRow {
	list-style-type: none;
 	clear:both;
}

.installationRowDelete {
	float:right;
	padding-right:10%;
}

.colRow {
	background-color:#daeafa;
}

#auth .form-control {
	width:250px !important;
}



.table-hover tbody th {
	background-color:#c0bac3 !important;
}

.user_entity_help {
	border:1px solid black;
	width:62%;
	padding:15px;
	margin-bottom:20px;
	background-color:#ddd;
	color:#5a5a5a;
}

#myCreateDataReason {
	float:left;
	border:1px solid black;
	padding:5px 15px 5px 15px;
	margin-top: 2px;
	margin-right: 10px;
	background-color:#ddd;
	color:#5a5a5a;
}

#submit_installation_button {
	float:left;
}

#add-my-data {
	clear:both;
}

.user-row a:hover {
	text-decoration:none !important;
	color:#6699cf !important;
}

.user-row a {
	color:##6699cf !important;
	
}

.orgunit-row a:hover {
	text-decoration:none !important;
	color:#6699cf !important;
}

.orgunit-row a {
	color:##6699cf !important;
	
}

.hideOutside {
	border:0px;
	position:absolute;
	top:-10000px;
	z-index:-10000;
}

.ruleelement {
	width : 62%;
}

input[type='checkbox'] {
	height:1em;
}
input[type='checkbox'].form-control {
	height:1.7em;
}

/* permissions */

#rolepermissions {
	margin:0px 0px 40px 0px; 
	padding:0px;
}

#rolepermissionsheader {
	height:16px;
	border: 1px solid black;
	list-style-type: none;
	margin:0px;
	padding:0px;
	background-color:black;
	color: white;
	font-size:10px;
}

#rolePermissionHeadId {
	width:100px;
	float:left;
	padding-left:10px;
	font-weight:bold;
}

#rolePermissionName {
	width:30%;
	float:left;
	padding-left:10px;
	font-weight:bold;
}

#rolePermissionWebResource {
	width:30%;
	float:left;
	padding-left:10px;
	font-weight:bold;
}

#rolePermissionAppResource {
	width:30%;
	float:left;
	padding-left:10px;
	font-weight:bold;
}

#rolePermissionAllow {
	float:left;
	padding-left:10px;
	font-weight:bold;
	width:5%;
	height:18px;
	overflow:hidden;
}

#rolePermissionDeny {
	float:left;
	padding-left:10px;
	font-weight:bold;
	height:18px;
	overflow:hidden;
}

.permissionRowId {
	width:100px;
	padding-left:10px;
	float:left;
}

.permissionRowName {
	overflow:hidden;
	width:30%;
	height: 18px;
	padding-left:10px;
	float:left;
}

.permissionRowAppResource {
	overflow:hidden;
	width:30%;
	height:18px;
	padding-left:10px;
	float:left;
}

.permissionRowWebResource {
	overflow:hidden;
	width:30%;
	height:18px;
	padding-left:10px;
	float:left;
}

.permissionRowAllow {
	width:5%;
	padding-left:10px;
	float:left;
}

.permissionRow {
	list-style-type: none;
 	clear:both;
 	font-size:10px;
}

.permissionRowDelete {
	float:right;
	padding-right:10%;
}

.permission-row {
	cursor:pointer;
}

.broken_installation {
	opacity: 0.35;
}

.bgcolor_e4e1e5 {
	background-color:#e4e1e5;
}

.box-sound-lang a.selected, .lang a.selected{
	background-color: #0088CC;
}

.failure-box-sound-lang a.selected, .failure-lang a.selected{
	background-color: #0088CC;
}

/*
 .navbar{ /*Makes sure that navigationbar can stay fixed at top*/
 /*background: #ffffff;
 }
*/

.image_picker_image {
/*
	Icons color are transformed from grey rgb(111,111,111) to Alleato default red color: rgb (106,0,0)  
	Transformation can also be seen as HSL (0,0,44%) to HSL(0,100,21%) where HSL stands for  Hue, saturation and lightness
*/
	-webkit-filter:   sepia(1) hue-rotate(311deg) saturate(15)  brightness(42%);
	filter: sepia(1) hue-rotate(311deg) saturate(15)  brightness(42%);
}

/* Displays pointer when selecting Icon*/
div[class='thumbnail'] > img[class='image_picker_image'] {
	cursor:pointer;
}

/*Display rules action of type test and final within an div with visble borders*/
form[name='rule'] div[class='test'], form[name='rule'] div[class='final']  {
	border-style: solid;
	border: 0.5px solid grey; 
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*Display rules extra_action with some margin*/
form[name='rule'] button[name='extra_action'] {
	margin-top: 0px;
	margin-bottom: 5px;
}

/*Setting max- and width-height properties of of branding logo in top navigation-bar */
.navbar-brand img {
	max-width:155px; 
	max-height:50px;
}

#datepicker_from {
	border:1px solid black;
	float:left;
	margin-right:20px;
}

#datepicker_to {
	border: 1px solid black;
	float:left;
}

#preview_export {
	float:left;
	margin-right:20px;
}

#export_lnk {
	float:left;
}

#preview_export:hover, #export_lnk:hover {
  background-color: #ececec;
}



#consent-form label {
	display: block;
}

#consent-accept-button {
	float: right;
}

#consent-cancel-button {
	float: right;
	margin-right: 15px;
}

#user-add-submit-div {
	padding-left:10%;
	padding-top:10px;
}

.table-striped > tbody > tr:not([style*="display: none;"]).striped > td {
	background-color: #ffffff;
}

.table-striped > tbody > tr:not([style*="display: none;"]).non-striped > td {
	background-color: #e4e1e5;
}


/* BEGIN selectionFilter view component (partial/_filteredSelect.phtml) */
/* Render message when filter result is empty. */
.emptyMsgContainer {
	position:relative;
	height:100%;
	display:none;	
}

/* Render message when filter result is empty */
.emptyMsg {
	top:0;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	height:30%;
	margin:auto;
	position:absolute;
	color:lightgrey;
	font-size:25px;
}

/*
Styling of submenus for partial Application/partial/_helpSection 
*/
.dropdown-menu > li > span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
    cursor:pointer;
	cursor: hand;
}

/*
Styling of submenus for partial Application/partial/_helpSection 
on hover
*/
.dropdown-menu > li:hover {
    background-color: #e6eefa;
}

/*
Styling of submenus for partial Application/partial/_helpSection 
on current selected
*/
.dropdown-menu > .active {
	background-color: #eeeeec;
}

/*
Styling of submenus for partial Application/partial/_helpSection 
on current selected
*/
.dropdown-menu > .active > span {
	color:#555753;
}

}

.pagination a {
	outline:0 !important;
}

/* Column header container */
.columnHeaders {
	overflow:hidden;
	height:20x;
	padding:4px;
	background-color:black;
	color:white;
	font-weight:bold;
	width:100%;
}

/* Column header item */
.columnHeaders .headerItem {
	height:20px; 
	float:left; 
	overflow:hidden;
}

/* Filtered select container */
.filteredSelectContainer {
	overflow-y:scroll;
	border:1px solid black;
}
/* END selectionFilter view component */


/* Navigation, remove outline from urls */
.nav a, .navbar-brand {
	outline:0 !important;
}

/* Pagination urls */
.pagination a {
	outline:0 !important;
}

/* Pagination selected/active page */
.pag-current a {
	background-color:#428bca !important;
	color:white !important;
	font-weight: bold;
}

.autocomplete_userinput {
	background:#aaf;
	color:white;
}

.hlight{
	background:yellow !important;
	color:black !important;
}

.autocomplete_userinput {
	display:none;
}

.margin-top-5 {
	margin-top:5px;
}

.margin-top-15 {
	margin-top:15px;
}

.missing-data {
	font-weight: bold;
	color: red;
}