/* Hide for Deployment 

#interestGenerator, #investorprofile, #buymodule, #pdfdatabaubescheid {
	display:none;
}

*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

.myRole {
	display:none!important;
}

/* Webfont: UniviaProRegular */
@font-face {
    font-family: 'UniviaProRegular';
    src: url('fonts/UniviaProRegular.eot'); /* IE9 Compat Modes */
    src: url('fonts/UniviaProRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/UniviaProRegular.woff') format('woff'), /* Modern Browsers */
         url('fonts/UniviaProRegular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/UniviaProRegular.svg#UniviaProRegular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'Roboto Condensed';
    src:
         url('fonts/RobotoCondensed-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



/* #### Preloader #### */

.cssload-thecube {
	width: 73px;
	height: 73px;
	margin: 0 auto;
	margin-top: 200px;
	position: relative;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);


}
.cssload-thecube .cssload-cube {
	position: relative;

}
.cssload-thecube .cssload-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: cssload-fold-thecube 3s infinite linear both;
		-o-animation: cssload-fold-thecube 3s infinite linear both;
		-ms-animation: cssload-fold-thecube 3s infinite linear both;
		-webkit-animation: cssload-fold-thecube 3s infinite linear both;
		-moz-animation: cssload-fold-thecube 3s infinite linear both;
	transform-origin: 100% 100%;
		-o-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		-webkit-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
		animation-iteration-count: infinite;
}

.cssload-thecube .cssload-c1:before  {
	background-color: #e85611;
}
.cssload-thecube .cssload-c2:before  {
	background-color: #fab900;
}
.cssload-thecube .cssload-c3:before  {
	background-color: #e85611;
}
.cssload-thecube .cssload-c4:before  {
	background-color: #9d0d15;
}
.cssload-thecube .cssload-c2 {
	transform: scale(1.1) rotateZ(90deg);
		-o-transform: scale(1.1) rotateZ(90deg);
		-ms-transform: scale(1.1) rotateZ(90deg);
		-webkit-transform: scale(1.1) rotateZ(90deg);
		-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
	transform: scale(1.1) rotateZ(180deg);
		-o-transform: scale(1.1) rotateZ(180deg);
		-ms-transform: scale(1.1) rotateZ(180deg);
		-webkit-transform: scale(1.1) rotateZ(180deg);
		-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
	transform: scale(1.1) rotateZ(270deg);
		-o-transform: scale(1.1) rotateZ(270deg);
		-ms-transform: scale(1.1) rotateZ(270deg);
		-webkit-transform: scale(1.1) rotateZ(270deg);
		-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
	animation-delay: 0.3s;
		-o-animation-delay: 0.3s;
		-ms-animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
}
.cssload-thecube .cssload-c3:before {
	animation-delay: 0.6s;
		-o-animation-delay: 0.6s;
		-ms-animation-delay: 0.6s;
		-webkit-animation-delay: 0.6s;
		-moz-animation-delay: 0.6s;
}
.cssload-thecube .cssload-c4:before {
	animation-delay: 0.9s;
		-o-animation-delay: 0.9s;
		-ms-animation-delay: 0.9s;
		-webkit-animation-delay: 0.9s;
		-moz-animation-delay: 0.9s;
}



@keyframes cssload-fold-thecube {
	0%, 10% {
		transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-o-keyframes cssload-fold-thecube {
	0%, 10% {
		-o-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-o-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-o-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-ms-keyframes cssload-fold-thecube {
	0%, 10% {
		-ms-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-ms-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-ms-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-fold-thecube {
	0%, 10% {
		-webkit-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-webkit-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-webkit-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-moz-keyframes cssload-fold-thecube {
	0%, 10% {
		-moz-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-moz-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-moz-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@media only screen and (max-width: 900px) {
	#pushNotification {
	  font-size: 12px!important;
	}
  }

@media only screen and (max-width: 600px) {
	#pushNotification {
	  font-size: 12px!important;
	}
	#pushNotification i {
		display: none;
	}
  }


#pushNotification {
    position: absolute;
    transform: translateX(+50%);
    top: 25%;
    right: 50%;
    color: #881a1f;
    text-transform: uppercase;
    font-size: 17px;
    width: 80vw;
    text-align: center;
}

#pushNotification label {
    font-weight: normal;
}

/* #### Input Autofill ####*/

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

/* #### Font #### */

p, body {
		font-family: 'Roboto Condensed', 'Helvetica';
		font-size: 15px;
	
}

#pusername {
	color: #FFFFFF;
}

h1 {
    margin: 0;
    font-size: 24px;
    font-family: 'UniviaProRegular';
}

.h2, h2 {
    font-size: 20px;
    font-family: 'UniviaProRegular';
}

.h3, h3 {
    font-size: 16px;
    font-family: 'UniviaProRegular';
}

.h4, h4 {
    font-size: 14px;
    font-family: 'UniviaProRegular';
}


/* ##### index ##### */

.indexLogo {
	width: 100%;
	margin-top: 10px;
}

/* #### Login  ####*/

.login-page, .register-page {
	background-image: url("../img/hintergrund4.jpg");
	background-size: cover;
	height: 100vh;
}

@media only screen and (min-width: 600px) {
	.login-box, .register-box {
		width: 450px;
		bottom: 0;
		left:10%;
		position:absolute;
	}
}

.login-box-body, .register-box-body {
	background: rgba(229, 232, 234, 0.78);    
	border: none;
    padding: 20px;
    color: #525f66;
}
.login-box-msg {
    font-size: 20px;
}

a.login-bottom {
    color: #e64616;
    text-align: center;
    display: block;
    font-weight:bold;
}



/* ###### modules view ####### */
#powerplantPlan, .powerplantPlan{
	position:relative;
	display:inline-block;
	witdh-min: 200px;
}

.tooltiptextModules{
	white-space: nowrap;
    padding: 5px 10px 0px 10px;
    background: #525f66;
    color: #fff;
    border: 3px solid #525f66;
    border-radius: 5px;
    position: absolute;
    z-index: 1000;
/*     font-weight: bold; */
    top: -65px;
    left: 20px;
}


.tooltiptextModules:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-right-color: #525f66;
	border-left: 0;
	border-bottom: 0;
	margin-top: -6px;
	margin-left: -12px;
	z-index:1000;
}
.circle-3 {
    height: 8px;
    width: 8px;
	margin: -4px -4px;

}

.circle-2 {
    height: 15px;
    width: 15px;
	margin: -7.5px -7.5px;
}

.circle-1 {
    height: 20px;
    width: 20px;	
	margin: -10px -10px;
}



.circle {
    position: absolute;
	background-color: #FAB900;
	border-radius:100%;
}



.sold{
	  background-color: #525f66!important;
}

.unpaid{
	background-color: #E05729!important;
}

.reserved{
	background-color: #B6BCC1!important;
}

.insalable {
	background-color: #9D0D15!important;
}

.reversed {
	background-color: #7fa832!important;
}



.previewLegend {
	float: right;
	display: inline-block;
    margin-top: 7px;
    padding: 10px 0px 5px 25px;
    border: #eee solid 1px;
}

.previewModule {
	margin-right: 25px;
	display: inline-block;
}
.previewModule * {
	float:left;
}

.circlePreview {
	margin-top: 3px;
    margin-right: 5px;
	background-color: #FAB900;
	border-radius:100%;
    height: 15px;
    width: 15px;
}

/* nested List Contract */

ol.contract, ol.subContract { counter-reset: item }
li.contract, li.subContract{ display: block }
li.contract:before, li.subContract:before  { content: counters(item, ".") " "; counter-increment: item }
li.subContract {margin-top:10px;}
li.contract {margin-top:30px;}
li.contract:first-of-type {margin-top:0px;}
.contractTitle {font-weight:bold;}

/* #### Predefined Tags #### */
#search_modal-003 {display:block; }
a {
    color: #525F66;
}

a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: #525f66;
}

h4.bottomLine {
	border-bottom: #ccc solid 1px;
    padding-bottom: 3px;
}

/* #### General Template Style #### */

.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: #FAB900!important;
}

.color-yellow {
    color: #FAB900!important;
}

.bg-orange {
    background-color: #E85611!important;
}

.color-orange {
    color: #E85611!important;
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #9d0d15!important;
}
.color-red{
	color: #9d0d15!important;
}
.bg-grey {
    background-color: #525F66!important;
}

.wrapper {
	position: static!important;
}

.content-wrapper{
		background-color: #fff!important;
}

.box, .box.box-primary, .nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #525F66!important;
}

.box.box-info {
    border-top-color: #525F66!important;
}

.box.box-danger {
	border-top-color: #9D0D15!important;
}

.box-warning {
	border-top-color: #fab900!important;
}

.btn-danger {
	background-color: #9D0D15!important;
	border: none!important;
}

.row-back {
	background: #525f66;
	border: none!important;
	font-size: 12px;
	border-bottom: 3px;
	border-radius: 0px 0px 6px 6px;
	color: #fff;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.btn-back {
	background: #525f66;
	border: none!important;
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.mediaback {
	padding: 3px;
	margin-top: 10px;
	border-radius: 0px 0px 0px 0px;
}

.media-margin {
	margin: 5px;
}

.btn-margin {
	margin: 2px;
}

.fa-margin {
	margin-right: 4px;
}
.navbar-custom-menu {
	margin-right: 40px;
}

/* #### Button #### */

button.btn-lg.investmentButton{
    background: #fab900;
    border: 2px #fab900 solid;
    border-radius: 0px;
    color:#fff;
        font-size:18px!important;
    text-transform: uppercase!important;
}


button.btn-lg.investmentButton:hover, button.btn-lg.investmentButton:active {
    background: transparent;
    border: 2px #fab900 solid;
    border-radius: 0px;
    color: #fab900!important;
    
}

.linkInvestmentButton{
	text-align: right;
    display: block;
}



i.fa-pencil, i.fa-trash-o, i.fa-angle-double-right {
	cursor: pointer;
}

.fa-action {
    color: #c7c7c7;
}

.fa-action:hover{
	color: #525F66;
	cursor:pointer;
}

.btn-primary, .btn-primary:visited, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover{
	background: #9D0D15;
	border:none!important;
}

.btn-default, .btn-default:visited, .btn-default:active, .btn-default:focus, .btn-default:active:hover{
	background: #525f66;
	color:#fff;
	border:none!important;
}

.btn-primary:hover, .btn-default:hover{
	background: #E85611;
		color:#fff;
	
}

/* #### Header + Sidebar color #### */

.main-logo {
	max-height: 40px;
}

.main-header .navbar {
    background-color: #FAB900!important;
}

.main-header .logo {
    background-color: #fff!important;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side, .user-header, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #525f66!important;
    border-color: #525f66;
}

.skin-blue .sidebar-menu>li.header, .skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a{
    background: #525f66!important;
    color: #fff!important;
}

.templateUser, #pusername  {
	color: #ffffff;
}

.templateUserGrey  {
	color: #525f66;
}

.user-panel>.info {
    line-height: 0.8;
    position: absolute;
    left: 20px;
}

.user-panel>.info>p {
    font-weight: normal;
}
.skin-blue .sidebar a {
    color: #fff!important;
    font-size:12px;
}

.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
    background-color: #6b7b8e;
}
/* #### DataTable responsive #####*/

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}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:9px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(174, 181, 186, 0.1);
}

/* ######## Pages ######## */

/* #### Kraftwerke & Projekte #### */

div#tableSolar #projectstable_filter {
    margin-left: -100px;
}

.pagination {
	float:left;
}

.countTableElements, .tableNav {
    width: auto;
}

/* ## Table ## */

.tableSolar {
	overflow-x: auto;
}

.col-full-width {
	width: 100%;
}

.sorting_1, .sorting-th {
	
}

/* #### STATUS #### */

	    .statusPulseFast, .statusPulseSlow {
			animation-iteration-count:infinite;
			animation-name: pulse;
         }
		 .statusPulseFast {
            animation-duration: 0.5s;
         }
		 .statusPulseSlow {
            animation-duration: 2s;
         }
		.statusIcon {
			transform: scale(0.9);
         }
	    @keyframes pulse {
            0% { transform: scale(0.8); }
            50% { transform: scale(1.2); }
            100% { transform: scale(0.8); }
         }



/* # responsive + Zeichen # */

table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
    margin-top: 0px!important;
    margin-left: 0px!important;
    margin-right: 3px!important;
    position: initial!important;
    float: left;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #525F66!important;
}

.dtr-data {
	display:block;
}

/* ## Modal ## 
.modal-content{
    max-height: 800px;
    overflow-y: scroll;
}
*/


/* ## OVERLAY ## */

#overlay-grey, #overlay-transparent {
	display: none;
    width: 100%;
    position: absolute;
    z-index: 1000;
}

#overlay-grey {
    background: rgba(0, 0, 0, 0.4);
}

#overlay-transparent {
    background: none;
}


/* #### Kraftwerksprofil #### */

.description {
    background: #fff;
    border: none;
}

.investorPaid{
	background-color: #d2e5d4!important;
}

.investorHasToPay{
	background-color: #fff!important;
}

.img-kraftwerk{
	background-size: cover;
	cursor:pointer;
   position: relative;
   width: 100%;
   padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.img-profile{
	background-size: cover;
	cursor:pointer;
   position: relative;
   width: 100%;
}

h3.investhere {
    color: #fff;
    background: #00000055;
    font-weight: bold;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    top:20%;
}

.list-group-item-area {
	display: inline-block;
	width: 100%;
	border-top: none;
}

.pp-label {
	font-weight: bold;
	width: 200px;
}

div.form-group {
	padding-left: 15px;
}

.form-control {
    border-bottom-width: 2px;
    border-bottom-color: #AEB5BA;
}
.form-control.not-required {
	border-bottom-width: 1px;
    border-bottom-color: #d2d6de;
}

div.form-group label {
    min-width: 200px;
}

div.pp-text {
	padding-right: 20px;
}
.pp-text ul {
	padding-left: 20px;
}

.halfWidth {
	width: 50%;
}

.approvalElement, .fundingElement, .paymentElement {
    padding: 10px 20px 0px 20px;
    border: #9d0d15 solid 2px;
    border-radius: 5px;
    background: #fff;
}

.paymentElement {
	padding-bottom: 20px;
	margin-bottom: 20px;
	display: inline-block;
	width:100%;
}

/* # Form # */
.textAreaDiv {
	display: inline-table;
}

.investorForm label {
    width: 100px;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}

/* #### Projektprofil #### */

/* ## Protocol ## */
.protocol-box {
	max-height: 400px;
	overflow-x: hidden; 
}

/* ## Protocol ## */
.todo-box {
	max-height: 200px;
	overflow-x: hidden; 
}

dt.protocolEnry {
    text-align: left;
    float: left;
    display: block;
    width: 100%;
}
dd.protocolEnry {
    text-align: left;
    margin-left: 0px;
}

/* ## Approvals ## */

.approvals-label, .fundings-label{
	padding-left: 0px;
	padding-top: 0px;
}

/* #### new Project & Investor Product #### */

.newProjectNav, .productNav{
	padding: 0px;
	color: #fff;

}

li.projectNavi, li.productNavi {
	line-height:40px;
}

a.projectLink li.projectNavi, a.productLink li.productNavi {
    color: #fff;
    border-bottom: 1px #fff solid;
}

a.projectLink.current li.projectNavi, a.productLink.current li.productNavi {
    background: #fab900!important;
}

a.projectLink.done li.projectNavi, a.productLink.done li.productNavi {
    background: #525f66;
}

a.projectLink.todo li.projectNavi, a.productLink.todo li.productNavi {
    background: #aeb5ba;
}

 a.projectLink:hover li.projectNavi,  a.productLink:hover li.productNavi {
	-webkit-filter:   opacity(90%);
}

li .projectIcon, li .productIcon {
	width: 25px;
}

.newProjectNav li, .productNav li  {
    float: none;
    padding: 10px;
}

.product-box {
    background-color: #EEEEEE;
}

.productInfoTitle {
    background: #eeeeee;
    margin: 0;
    padding: 20px;
}

button a {
	color: #fff;
}

/* #### Open Street Map #### */

#map { height: 180px; }

div.olControlZoom a {
    background: rgb(82, 95, 102)!important;
}
div.olControlZoom a:hover {
    background: rgb(241, 95, 34)!important;
}

.olFramedCloudPopupContent {
	overflow: hidden!important;
	left: 24px!important;
}

#pop_close{
	background:none;

	}

#pop_close:after {
  content:"\f2d3";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 16px;
  color: #9D0D15;
}

/* Formcheck */

.invalid {
	background: #f9b814;
}

.invalid-select {
	background-color: #f9b814!important;
}

/* Loading & Success */
#loading {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
}

#div_successmessage a, #div_errormessage a{
	text-decoration:none!important
}

#div_successmessage, #div_errormessage {
	position: fixed;
    top: 0;
    left: 0;
	z-index:10000;
	width: 100%;
	text-align: center;
	border:none!important;
	font-size: 20px;
}

#div_successmessage {
  background-color: #FAB900!important;	
}
#div_successmessage a {
  color: #000!important;
	
}

#div_errormessage {
  background-color: #780B11!important;
}

/* Calendar Style */

.fc-state-default {
    border: solid 1px;
    background-color: #525f66!important;
    background-image: none!important;
    color: #fff!important;
    text-shadow: none!important;
    border: 1px solid!important;
    border-color: #aeb5ba!important;
}

.fc-state-default:hover {
    border: solid 1px;
    background-color: #e85611!important;
}

.fc-state-disabled {
    opacity: 1!important;
}

.fc-unthemed td.fc-today {
    background: #fab900!important;
}

/* Mini Calendar */

.ui-button{
    border: solid 1px;
    background-color: #525f66!important;
    color:#fff;
}
.ui-button:hover{
    background-color: #e85611!important;
}


#calendarMini {
    margin: 10px;
    font-size: 10px;
}
#calendarMini h2 {
    font-size: 15px;
}
#calendarMini .fc-day-number {
    font-size: 12px;
}

.fc-time-grid-container, .fc-axis {
	display: none;
}

/* Login User Top */

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 100px;
}

/* ul.nav.navbar-nav.navMainMenue li a:hover { */
/*     background: #aeb5ba; */
/* } */

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #ffffff;
}
.user-header {
 	background-color: #525f66!important;
}

.user-header i {
 	color: #aeb5ba!important;
}

.user-body{
	display:none;
}

.user-footer {
 	background-color: #aeb5ba!important;
}

.user-footer .btn {
    border-radius: 3px;
}


/* Info tooltip */

div > .tooltip, li > .tooltip, a > .tooltip, span > .tooltip {
	opacity: 0;
	margin-top: -10px;
	visibility: hidden;
	margin-left: -65px;

	-webkit-transition-property:opacity, margin-top, visibility, margin-left;
	-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	-moz-transition-property:opacity, margin-top, visibility, margin-left;
	-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	-o-transition-property:opacity, margin-top, visibility, margin-left;
	-o-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
	transition-property:opacity, margin-top, visibility, margin-left;
	transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;
}

	div:hover > .tooltip, li:hover > .tooltip, a:hover > .tooltip, span:hover > .tooltip,
	a .tooltip:hover, span .tooltip:hover, li .tooltip:hover, div .tooltip:hover {
		opacity: 1;
		visibility: visible;
		overflow: visible;
		margin-top: 10px;
		display: inline;
		margin-left: -20px;
		
		-webkit-transition-property:opacity, margin-top, visibility, margin-left;
		-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
		-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
		
		-moz-transition-property:opacity, margin-top, visibility, margin-left;
		-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
		-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;		
		
		-o-transition-property:opacity, margin-top, margin-left;
		-o-transition-duration:0.5s, 0.3s, 0.3s;  
		-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
		
		transition-property:opacity, margin-top, visibility, margin-left;
		transition-duration:0.5s, 0.3s, 0.5s;  
		transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;		
	}

.tooltip {
	background: #FAB900;
	border: 10px solid #FAB900;
	padding: 10px;
	margin-left: -40px;
	position: absolute;
	font-size: 12px;
	text-decoration: none;
	font-style: normal;
	color: #000;	
	z-index: 10;	
}


.tooltip-icon {
	color: #fab900;
}

a.tooltip-link:hover {
	cursor: help;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	color:black;
}

@media only screen and (min-width: 768px) {
	.datebox-tariffdetails {
		position: absolute;
		top: 20%;
		left: 50%;
	}
}

.dateabox {
	filter: grayscale(100%);
	margin: 5px;
	border: 3px solid transparent;
}

.dateabox:hover {
	transform: scale(1.04);
	cursor: pointer;
	filter: grayscale(0%);
	border: 3px solid #FAB900;
}

.dateabox-clicked:hover {
	transform: scale(1.04);
	cursor: pointer;
	margin: 5px;
	border: 3px solid #FAB900;
}

.dateabox-clicked {
	filter: grayscale(0%);
	margin: 5px;
	border: 3px solid #FAB900;
}

.checkbox-text {
	display: unset!important;
	font-size:0.8em;
	font-weight:normal;
	line-height:80%;
}

.tariff-textstyle {
	color: rgb(51, 51, 51);
    cursor: text;
    font-family: "Roboto Condensed", Helvetica;
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: normal;
    text-align: start;
    text-decoration: none solid rgb(51, 51, 51);
    text-indent: 0px;
    text-rendering: auto;
    word-break: normal;
    overflow-wrap: break-word;
    word-spacing: 0px;
}