/**
 * @author Jan-Christoph Borchardt, http://jancborchardt.net
 * @copyright Copyright (c) 2015, ownCloud, Inc.
 * @license AGPL-3.0
 *
 * This code is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License, version 3,
 * as published by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License, version 3,
 * along with this program.  If not, see <http://www.gnu.org/licenses/>
 */


/* header color */
/* this is the main brand color */
#body-user #header,
#body-settings #header,
#body-public #header {
	background-color: white;
	border-bottom: 2px solid #35537a;
	height: 65px;
}

/* log in screen background color */
/* gradient of the header color and a brighter shade */
/* can also be a flat color or an image */
#body-login {
	/*background: #745bca; /* Old browsers */
	/*background: -moz-linear-gradient(top, #947bea 0%, #745bca 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#947bea), color-stop(100%,#745bca)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #947bea 0%,#745bca 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #947bea 0%,#745bca 100%); /* Opera11.10+ */
	/*background: -ms-linear-gradient(top, #947bea 0%,#745bca 100%); /* IE10+ */
	/*background: linear-gradient(top, #947bea 0%,#745bca 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#947bea', endColorstr='#745bca',GradientType=0 ); /* IE6-9 */
	background: white;
}

/* primary action button, use sparingly */
/* header color as border, brighter shade again, here as background */
.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 {
	border-color: #745bca;
	background-color: #947bea;
}
.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: #8b75e4;
}
.primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active,
.primary:disabled, input[type="submit"].primary:disabled, input[type="button"].primary:disabled, button.primary:disabled, .button.primary:disabled,
.primary:disabled:hover, input[type="submit"].primary:disabled:hover, input[type="button"].primary:disabled:hover, button.primary:disabled:hover, .button.primary:disabled:hover,
.primary:disabled:focus, input[type="submit"].primary:disabled:focus, input[type="button"].primary:disabled:focus, button.primary:disabled:focus, .button.primary:disabled:focus {
	background-color: #745bca;
}

/* use logos from theme */
#header .logo {
	background-image: url('../img/en-plan-downl.jpg');
	width: 250px;
	height: 121px;
	background-size: contain;
}
#header .logo-icon {
	background-image: url('../img/en-plan-downl.jpg');
	width: 100%;
	height: 100%;
	background-size: contain;
}

#header .logo-icon > .own,
#header .logo-icon > .cloud {
	display: none;
}
/*--search icons on header in user mode*/
#header #expand {
	display: block;
	position: relative;
    top: 20px;
    color: #35537a;
}
/*---added style components!!!!!-------------------------------------------*/
/*---login body elements*/
input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:active,
input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:active,
input[type="search"]:hover, input[type="search"]:focus, input[type="search"]:active,
input[type="email"]:hover, input[type="email"]:focus, input[type="email"]:active,
input[type="tel"]:hover, input[type="tel"]:focus, input[type="tel"]:active,
input[type="url"]:hover, input[type="url"]:focus, input[type="url"]:active,
input[type="time"]:hover, input[type="time"]:focus, input[type="time"]:active,
textarea:hover, textarea:focus, textarea:active {
	color: #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="time"],
textarea {
	background: #fff;
	color: black;
	cursor: text;
	font-family: inherit; /* use default ownCloud font instead of default textarea monospace */
}
#body-login #remember_login:hover+label,
#body-login #remember_login:focus+label  {
	color:#308cba  !important;
}
#body-login p.info a:hover, #body-login p.info a:focus {
	color: #308cba;
}
/*---checkboxes on login*/
html:not(.ie8) input[type="checkbox"].checkbox:checked + label:before {
	background-image: url('/themes/mytheme/core/img/actions/tick-box-black.svg');
}
/*---from public.css---------------------------*/
/*---content padding to header on user view---------------------------------*/
#content {
	top:20px;
}
/* position controls for apps with app-navigation */
#app-navigation+#app-content #controls {
	left: 250px;
	padding-top: 20px;
}
/*---file sharing button//add to owndropbox button -------------------------*/
#save #save-button,
#save #save-button-confirm {
	margin: 0 5px;
	height: 28px;
	padding-bottom: 4px;
	line-height: 14px;
	visibility: hidden;
}

/*---from header.css---------------------------*/
/* hover effect for app switcher label */
.header-appname-container .header-appname,
.menutoggle .icon-caret {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	opacity: 1;
	color: #35537a;
	font-size: 20px;
	padding-top: 22px;
    left: 150px;
}
/*---from inputs.css--------------------------*/
/*---on login-page color of input*/
html:not(.ie8) input[type="checkbox"].checkbox--white + label:before {
	background-image: url('/themes/mytheme/core/img/actions/tick-box-un.svg');
	background-size: contain;
    padding-right: 5px;
}
#body-login input[type="text"],
#body-login input[type="password"] {
	background: #1D2D44; /* Old browsers */
	background: -moz-linear-gradient(top, #35537a 0%, #1D2D44 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35537a), color-stop(100%,#1D2D44)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #35537a 0%,#1D2D44 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #35537a 0%,#1D2D44 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #35537a 0%,#1D2D44 100%); /* IE10+ */
	background: linear-gradient(top, #35537a 0%,#1D2D44 100%); /* W3C */
	color: white;
}
/* Searchbox */
.searchbox input[type="search"] {
	top:20px;
	background: transparent url('../img/actions/search-blue.svg') no-repeat 6px center;
}

/* Dark subtle label text on login*/
#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: black;
}


/*ONLY HEADER FOR SHARED FOLDER!! GET RID OFF THE APP NAME SO THAT LOGO LOOKS NICER!*/
body#body-public > header > div#header.share-folder > div.header-appname-container > h1.header-appname{
	visibility: hidden;
}
body#body-public > header > div#header.share-folder > a#owncloud > div.logo-icon.svg{
	background-image: url(../img/en-plan-downl.jpg);
	width: 100%;
	height: 100%;
}

body#body-public > header > div#header.share-folder > a#owncloud {
	height: 100%;
}

body#body-user > header > div#header > a#owncloud {
	height: 100%;
}

div#expand.menutoggle::after {
	content: none;
}

body#body-public > header > div#header.share-folder > div.header-right > span#details > a#download.button {
	top: 20px;
	position:relative;
}
/*--body in share folder view*/
body#body-public > div#content-wrapper > div#content >  div#preview {
	position:relative;
	top:20px;
}
body#body-public > div#content-wrapper > div#content >  div#preview > div#controls {
	position:relative;
	top:20px;
}