/* Global color definitions */

:root {
  --organization: #E1FFCE;
  --mainparam: #FFFFCA;
}


.landing-page-body {
	margin:0px;
	background: url(images/backgrounds/verlauf_body.gif) #dee7f2 repeat-x left top;
	font-family: Calibri,Arial,Helvetica,sans-serif;
	}

.corridor {
	margin: 0 auto;
	max-width:800px;
}

.cloud-app-body {
	font:12pt Calibri;
	font-family: Calibri,Arial,Helvetica,sans-serif;
	background-color:#dee7f2;
	}

.maintitle {
	font-size:24pt;
	color:#000000;
}

.headline {
	color:#222222;
	font-size:24px;
}

.subtitle {
	font-size:16pt;
	color:#000000;
}

.cloud-card-header {
	font-size:18px;
}

.title-bar {
	background-color:#2B57A4;
	width:100%;
	height:50px;
}

.page-name {
	color:#0000aa;
	color:#eeeeff;
	font-size: 27px;
	margin-left:10px;
	margin-top:5px;
	display:inline-block;
	}

.bar-box-right {
	height:50px;
	width:50px;
	float:right;
	display:inline-block;
	margin-top:0px;
	position:relative;
	cursor:pointer;
	}

.bar-box-right:hover {
	background-color:#333333;
	}

.bar-icon { /* icons should be 30x30 */
	left:15px;
	top:15px;
	position:absolute;
	margin:0px;
	padding:0px;
}

.login-dot {
	left:8px;
	top:7px;
	position:absolute;  height: 35px;
	width: 35px;
	background-color: #008000;
	border-radius: 50%;
}

.login-initials {
	top:13px;
	position:absolute;
	color:#ffffff;
	font-size:16px;
	left:0px;
	width:100%;
	text-align:center;
}

.welcome {
	color:#555555;
	font-size: 22px;
	margin:10px;
	margin-top:50px;
	}

.welcome-bar {
	width:100%;
	margin-top:30px;
	margin-bottom:25px;
 	}

.kachel-bar {
	width:100%;
	margin:10px;
	}

.kachel {
	display: inline-block;
	width: 80px;
	height: 90px;
	margin: 10px;
	border: none; /*1px solid blue*/;  
	overflow:hidden;
	transition: transform 0.1s;
	position:relative;
	cursor:pointer;
	color:#444444;
	margin-top:0px;
}

.kachel-image {
	height:60px;
	width:80px;
	left:0px;
	top:0px;
	background-colorxx:#dddd00;
	position:absolute;
	text-align:center;
}

.kachel-text {
	width:100%;
	text-align:center;
	position:absolute;
	top:60px;
	font-size:14px;
	line-height:11pt;
}

.kachel:hover {
	transform: scale(1.1);
	border: 0px solid blue; 
	Xbackground-color:#ffff00;
	color:#0000aa;
  }
  
.login-bar {
	width:100%;
	margin:10px;
	margin-top:40px;
	}

.login-link {
	margin:0px;
	font-size:14;
	text-decoration: underline;
	color:#0000ff;
	cursor:pointer;
	}

.version-bar {
	width:100%;
	margin:10px;
	font-size:10px;
	color:#aaaaaa;
	}

.bootstrap-label {
	margin-bottom:2px;
}

.bootstrap-label-bold {
	font-weight:bold;
	margin-bottom:2px;
}

.msg-unlogged {
	font-weight:bold;
	font-size:20pt;
	color:#ff0000;
	margin-top:20px;
	margin-bottom:2px;
}


/*
  Address selection
*/

.acard {
	position:relative;
	font-size:12pt;
	font-weight:normal;
	margin-top:8px;
	margin-bottom:8px;
	background-color:#eeeeee;
	min-height:150px;
	width:100%;
	border:1px solid #cccccc;
	padding:18px;
	cursor:grab;
}

.acard-person {
	font-size:22px;
	color:#000000;
	font-weight:normal;
}

.acard-company {
	font-size:20px;
	color:#777777;
	font-weight:normal;
}

.acard-item {
	font-size:13pt;
	color:#000000;
	font-weight:normal;
}

.acard-image {
   position: absolute;
   top: 16px;
   right: 12px;
}

/*
  Modal dialogs
*/
.modal-header-style {
	background-color:#004884;
	color:#ffffff;
	border:none;
}


/*
  Modal login dialog
*/
.modal-login-error {
	color:#ff0000;
}


/*
  Placeholder color for all placeholders
*/

::placeholder {
  color: red;
}


.dropdown-menu > button:hover {
    background-image: none;
    background-color: #2B57A4;
	color:#eeeeff;
}

.error-box {
	font-size:20px;
	color:#0000FF;
	font-weight:bold;
	text-align:center;
}

.error-box-right {
	font-size:20px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}


/*
  Global icons
*/
.edit-icon{
	color:#0000CC;
	cursor:pointer;
}

.delete-icon{
	color:#DD0000;
	cursor:pointer;
}

.trash-icon{
	color:#017717;
	cursor:pointer;
}

.rights-icon{
	color:#b36001;
	cursor:pointer;
}

.restore-icon{
	color:#039428;
	cursor:pointer;
}

.green-icon{
	color:#017717;
	cursor:pointer;
}


/*
  Global column aligns
*/

.tdr{
	text-align:right;
}

.tdc{
	text-align:center;
}

.action-table-row{
	cursor:pointer;
}

.action-table-row:hover{
	color:rgb(41, 3, 255) !important;
	font-weight:normal;
}

.edittd{
	cursor:pointer;
}