


/*  --  BOOTSTRAP FIX  --  */
/*html, body {
	height: 100%;
	}*/
/*body.site-auth-login {
	background-color: rgb(255, 255, 255);
	}*/


#layout-navi-main .navbar {
	background-color: rgba(255, 255, 255, 0.5) !important;
	}
html {
	background-color: #0082b0;
	background-color: #d2e0e9;
	height: 100%;
	}
body {
	min-height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;

	background-color: #0082b0;
	background-image: url(../img/background/whitenoise-361x370.png);

	background-color: #9BDAFB;
	background-image: url(../img/background/Simpsons_clouds.jpg);

	background-color: #EFEFEF;
	background-image: url(../img/background/clouds_3.jpg);


	background-color: #EFEFEF;
	background-image: url(../img/background/background_clouds_2.jpg);
	background-image: url(../img/background/background_octa_white.jpg);
	background-image: url(../img/background/background_gray_2.jpg);
	background: #EDEDED;
	background: rgba(0,100,160,0.25);
	background-size: cover;
	}

/*  --  LAYOUT  --  */
div#layout-page {
	background-color: transparent;
	}
div#layout-field {
	height: 100%;
/*	background-color: white;*/
	box-sizing: border-box;
	}
div#layout-footer {
	position: fixed;
	z-index: 2000;
	background-image: none;
	border-top: 6px solid rgba(95,127,191,0.25);
	bottom: 0;
	width: 100%;
	padding: 0.5em 1em;
	}


/* --  INDEX  -- */
body.moduleIndex #layout-field #poster-index .banner {
	background-color: rgba(255,255,255,0.75);
	color: black;
/*	text-shadow: 1px 2px 2px black;*/
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
/*	margin: 15px;*/
	}
body.moduleIndex #layout-field #poster-index .text {
	border-top: 8px solid rgba(255,255,255,0.75);
	background-color: rgba(255,255,255,0.55);
/*	text-shadow: 1px 2px 2px white;*/
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	padding-top: 1em;
	}
body.moduleIndex #poster-index .banner {
	background-position: 0 -210px;
	}
body.moduleIndex #poster-index .banner {
	padding-top: 3em;
	padding-bottom: 2em;
/*	padding-left: 175px;*/
	}

body.moduleIndex #layout-field .banner-single {
	background-color: transparent;
	background-image: none;
	}
body.moduleIndex #layout-field .banner h1 {
	letter-spacing: 2px;
	}

#logo i {
	margin: 0px 5px 0px 0px !important;
	}

/*  --  MMENU  --  */
.mm-panels ul li i {
	color: rgba(0,0,0,0.5);
	}
@media (min-width: 550px){
	.mm-menu {
		max-width: 300px !important;
		}
	html.mm-opening .mm-slideout {
		webkit-transform: translate(300px, 0) !important;
		-moz-transform: translate(300px, 0) !important;
		-ms-transform: translate(300px, 0) !important;
		-o-transform: translate(300px, 0) !important;
		transform: translate(300px, 0) !important;
		}
	}
@media (max-width: 1199px) {
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
		width: 100% !important;
	}
}
@media (max-width: 979px) and (min-width: 768px) {
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
		width: 100% !important;
	}
}


@media (max-width: 767px){
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
		margin: 0px;
		}
	}


body.navbar-fixed #layout-field {
	}

table.table {
	background-color: rgba(255,255,255,0.75);
	}
.muted {
	color: rgba(0,0,0,0.25);
	}


@media (min-width: 980px){
	body.navbar-fixed #layout-field {
		margin-top: 0 !important;
		padding-top: 64px !important;
		}

	.navbar .brand {
		padding: 0 2em 0 1em !important;
		}
	.navbar .brand img {
		height: 64px;
		}

	.navbar .nav .dropdown-toggle .caret {
		margin-top: 18px !important;
		}

	.navbar .nav > li {
		line-height: 40px;
		}

	/*.nav-tabs > li > a,*/
	.navbar .nav-pills > li > a {
		line-height: 40px !important;
		padding: 5px 15px 5px;
		margin: 6px 5px 7px 0px;
		}

	div#account-menu {
		height: 59px;
		padding-top: 5px;
		}
	div#account-menu div.avatar {
		width: 48px;
		height: 48px;
		}
	body.nav-sidebar #account-menu {
		height: 46px;
		padding-top: 5px;
		background-color: rgba(255, 255, 255, 0.25);
		border-bottom-left-radius: 6px;
		}
	body.nav-sidebar #layout-field #account-menu div.labels {
		display: none;
		}
	body.nav-sidebar #layout-field #account-menu div.avatar {
		width: 32px;
		height: 32px;
		}
	}

@media (max-width: 979px) {
	#layout-field {
/*		padding-right: 4rem;*/
		}
	.navbar .brand {
		float: none;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 0px;
		}
	.navbar .brand img {
		height: 32px;
		}
	.mmenu-trigger {
		position: absolute;
		z-index: 1100;
		}
	.mmenu-trigger a {
		float: left;
		display: block;
		color: rgba(0,0,0,0.66);
		font-size: 24px;
		padding: 8px 12px;
		}
	#mmenu-trigger-left {
		top: 0;
		width: 30px;
		height: 30px;
		}
	}

@media (max-width: 767px) {
	body {
		padding-right: 0;
		padding-left: 0;
		}
	}


/*  INPUT & BUTTONS  */
input[type="text"],
input[type="password"],
select,
textarea {
/*	border-color: rgb(204, 204, 204);*/
/*	border-color: transparent;*/
	background-color: rgba(255,255,255,0.85);
	box-shadow: none;
	}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
/*	border-color: rgb(204, 204, 204);
	border-color: transparent;*/
	box-shadow: none;
	}

/*  set for disabled, too ? */
input[readonly],
select[readonly],
textarea[readonly] {
	background-color: #eee;
	border-width: 0;
	font-size: 1.1em;
	cursor: default;
	}


.input-append .add-on,
.input-prepend .add-on {
	border-color: rgb(204, 204, 204);
	border-color: transparent;
	background-color: rgba(255,255,255,1);
	}

.buttonbar input,
.buttonbar .input-append .add-on,
.buttonbar .input-prepend .add-on {
	border-color: rgb(204, 204, 204);
	}

.nav-tabs>li>a {
	background-color: rgba(255,255,255,0.5);
	}

.messenger-messages.messenger-bootstrap{
	margin-top: 10px;
	margin-bottom: 20px;
	}
div.thumbnail{
	background-color: rgba(255,255,255,0.9);
	border: 1px solid rgba(0,0,0,0);
	}
div.thumbnail img{
	}

.gradient-chrome {
	background: rgba(242,246,248,1);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
	}




body.moduleManageProject #project-users li{
	background-color: rgba(255,255,255,0.25);
	border-bottom: 2px solid rgba(255,255,255,0.25);
	margin-bottom: 2px;
	padding: 4px 4px 0px 4px;
	}

form label[for] {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}


/*  TABLE  */
.table th,
.table td {
	border: none;
	}




/*  --  AUTH REGISTER FORM EXTENSIONS  --  */
#form-register-extension-accounting {}
#form-register-extension-accounting .btn-large {
	width: 70%;
	height: 70px;
	margin-bottom: 1em;
	}
#form-register-extension-accounting .btn-large small {
	font-size: 0.7em;
	}

#layout-footer {
	display: none;
	}


#layout-navi-main .navbar ul.nav > li > a {
	border: 1px ridge rgba(127, 127, 127, 0.5);
	}
#layout-navi-main .navbar ul.nav > li > a b.caret {
	display: none;
	}



/*
#layout-navi-main .navbar ul.nav > li > a {
	border: 2px solid rgba(127, 127, 127, 0.5);
	}
#layout-navi-main .navbar ul.nav > li > a b.caret {
	display: none;
	}*/


#layout-navi-main .navbar-inner .nav a i {
	font-size: 1.25em !important;
	margin-top: 0.25em;
	}



body.nav-sidebar #layout-container #layout-field {
	margin-top: 0;
	padding-top: 1.6em;
	padding-right: 2em;
	}
body.nav-sidebar #nav-sidebar #account-menu {
	position: relative;
	padding: 4px 0 12px 12px;
	margin-bottom: 0.5em;
/*	border-bottom: 1px solid black;*/
	border-radius: 0;
	background-color: rgba(127, 127, 127, 0.25);
	box-shadow: inset 0 0 8px 0px rgba(127, 127, 127, 0.25);
	}

body.nav-sidebar #layout-field #account-menu {
	background-color: rgba(255, 255, 255, 0.25);
	border-bottom-left-radius: 6px;
	}
body.nav-sidebar #layout-container #layout-nav {
	box-shadow: 0px 2px 4px 1px grey;
	}
body.nav-sidebar #layout-container #layout-nav div.brand {
	padding-bottom: 0.5rem;
	}
body.nav-sidebar #layout-container #layout-nav div.brand > img,
body.nav-sidebar #layout-container #layout-nav div.brand > a > img {
	max-width: 48px;
	max-height: 40px;
	padding-left: 10px;
	}
