/**
 * ownCloud
 *
 * @author Jan-Christoph Borchardt <jan@owncloud.com>
 * @copyright (C) 2014 ownCloud, Inc.
 *
 * This code is covered by the ownCloud Commercial License.
 *
 * You should have received a copy of the ownCloud Commercial License
 * along with this program. If not, see <https://owncloud.com/licenses/owncloud-commercial/>.
 *
 */

/* ownCloud colors

dark blue #092d44
gray blue #4e6c78
light blue #cadce5

gradient from #bad2dd to #a2bdca

orange #e67036
turquoise #577a8f
gray #4b4b4d
light gray #f6f7f7

*/


/* DISBAE SOME ENTERPRISE ADJUSTMENTS

#body-user #header,
#body-settings #header,
#body-login,
#header {
	background-color: #557891 !important; /* Old browsers */
	background-image: url('../img/cloud.png');
	background: url('../img/cloud.png') scroll, -moz-linear-gradient(left, #bad2dd 0%, #557891 100%) fixed; /* FF3.6+ */
	background: url('../img/cloud.png') scroll, -webkit-gradient(linear, left, right, color-stop(0%,#bad2dd), color-stop(100%,#557891)) fixed; /* Chrome,Safari4+ */
	background: url('../img/cloud.png') scroll, -webkit-linear-gradient(left, #bad2dd 0%,#557891 100%) fixed; /* Chrome10+,Safari5.1+ */
	background: url('../img/cloud.png') scroll, -o-linear-gradient(left, #bad2dd 0%,#557891 100%) fixed; /* Opera11.10+ */
	background: url('../img/cloud.png') scroll, -ms-linear-gradient(left, #bad2dd 0%,#557891 100%) fixed; /* IE10+ */
	background: url('../img/cloud.png') scroll, linear-gradient(left, #bad2dd 0%,#557891 100%) fixed; /* W3C */
}
#body-login {
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad2dd', endColorstr='#557891',GradientType=1 ); /* IE6-9 */
}

END DISABLE SOME ENTERPRISE ADJUSTMENTS */

/* use logos from theme */
#header .logo {
	background-image: url('../img/logo.svg');
	background-size: 225px;
	width: 250px;
	height: 140px;
}

/* DISBAE SOME ENTERPRISE ADJUSTMENTS

#header .logo-icon {
	background-image: url('../img/logo-icon.svg');
	width: 62px;
	height: 34px;
}

END DISABLE SOME ENTERPRISE ADJUSTMENTS */

/* adjust app toggle for bright background */
.menutoggle .header-appname,
.menutoggle .icon-caret {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.header-appname {
	color: #e67036;
}
.header-appname-logo {
	color: #577a8f;
}
#header .menutoggle .icon-caret {
	background-image: url('../img/actions/caret.svg');
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: .6;
}



/* for log in, center cloud behind logo */
#body-login {
	background-position: 53% 0;
	background-repeat: no-repeat;
}

/* shift logo up a bit to account for the logo claim */
#body-login #header {
	position: relative;
	top: -10px;
}

#body-login #header #logo-claim {
	display: block !important; /* override hide in template */
	position:relative;
	left: 0;
	top: 5px;
	width: auto;
	text-align: center;
	font-size: 20px;
	color: #577a8f;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* override previous #header rules to not mess up log in page where the header is empty */
#body-login #header {
	background: none !important;
}

/* adjust label color to bright background */
#body-login p.info,
#body-login form fieldset legend,
#body-login #datadirContent label,
#body-login form fieldset .warning-info,
#body-login form input[type="checkbox"] + label {
	color: rgb(255, 255, 255);
}
#body-login #remember_login:hover+label,
#body-login #remember_login:focus+label  {
	color: rgb(255, 255, 255) !important;
}

/* adjust checkbox color to bright background */
html:not(.ie8) input[type="checkbox"].checkbox--white + label:before {
	background-image: url('../img/actions/checkbox.svg');
}
html:not(.ie8) input[type="checkbox"].checkbox--white:checked + label:before {
	background-image: url('../img/actions/checkbox-checked.svg');
}

/* adjust footer color to bright background */
#body-login p.info a, #body-login #showAdvanced {
	color: rgb(255, 255, 255);
}
#body-login p.info a:hover, #body-login p.info a:focus {
	color: rgb(30, 30, 30);
}





/* when logged in, put cloud to left behind logo */
#body-user #header,
#body-settings #header,
#header {
	background-position: -260px 82%;
	background-repeat: no-repeat;
}

/* position 'Enterprise Edition' label */
#body-user #header #logo-claim,
#body-settings #header #logo-claim,
#header #logo-claim {
	display: inline !important; /* override hide in template */
	position: absolute;
	left: 200px;
	top: 6px;
	width: 70px;
	text-align: left;
	font-size: 13px;
	line-height: 125%;
	color: #577a8f;
}





/* user name light grey, fitting the style, like language chooser on website */
#settings {
	position: relative;
}
#expand {
	color: rgb(220,220,220);
}
#expand:hover, #expand:focus, #expand:active {
	color: rgb(232, 115, 59);
	color: rgb(240,240,240);
}
#expandDisplayName {
	cursor: pointer;
}

.ie8 #expanddiv,
#expanddiv {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(204, 204, 204);
	-webkit-box-shadow: 0px 0px 20px rgba(29,45,68,.4);
	-moz-box-shadow: 0px 0px 20px rgba(29,45,68,.4);
	box-shadow: 0px 0px 20px rgba(29,45,68,.4);
}
#expanddiv:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: rgba(255, 255, 255, 1);
}

	#expanddiv li {
		border-bottom: 1px solid rgb(221, 221, 221);
		white-space: nowrap; /* prevent icons and text wrapping for short usernames */
	}
	#expanddiv li:hover,
	#expanddiv li:focus {
		background-color: rgb(243, 243, 243);
	}

		#expanddiv li a {
			padding: 4px 12px;
			color: rgb(89, 126, 145);
			text-shadow: none;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter:alpha(opacity=100);
			opacity:1;
		}
		#expanddiv a img {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
			filter:alpha(opacity=45);
			opacity:.45;
		}
		#expanddiv li:hover img,
		#expanddiv li:focus img {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
			filter:alpha(opacity=60);
			opacity:.6;
		}





/* orange primary button */
.primary,
input[type="submit"].primary,
input[type="button"].primary,
button.primary,
.button.primary,
.primary:active,
input[type="submit"].primary:active,
input[type="button"].primary:active,
button.primary:active,
.button.primary:active {
	background-color: #e67036;
	color: #fff;
	border: #c65016;
}
.primary:hover,
input[type="submit"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover,
.primary:focus,
input[type="submit"].primary:focus,
input[type="button"].primary:focus,
button.primary:focus,
.button.primary:focus {
	background-color: #d66026;
	color: #eee;
	border: #c65016;
}



/* mobile modifications */

@media only screen and (max-width: 768px) {

/* ensure logo is above cloud */
#body-login .v-align {
	top: 90px;
	position: absolute;
}
#body-login footer {
	position: relative;
	z-index: -1;
}

}