/**
 * @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: #ed6b06;
}

#body-login {
	background: #ed6b06;
}


#body-login form {
    position: relative;
    margin: 0px auto;
    min-width: 300px;
}

/* Overwrite ownCloud default background */
#body-login .v-align {
    background: none;
}

#body-login .warning, #body-login .update, #body-login .error {
    color: #000;
    background-color: rgba(211,211,211,0.5);
    word-wrap: normal;
    inline-size: 300px;
    white-space: normal;
}

#body-login input {
	font-size: 13px;
}

/* SURFconext Login Button */
#body-login .wrapper {
        width: 330px;
}

table.login {
        margin-left: -10px;
}

tr.login:hover, table.login:hover {
        background: transparent;
}

div.SURFconext {
	font-size: 20px;
	text-shadow: 0 0 2px #FFF;
	color: #808080;
	margin-top: 12px;
}

table.SURFconext {
	background: transparent;
	align: center;
	cellpadding: 0;
	cellspacing: 0;
	width: 270;
	border-collapse: collapse;
}

tr.SURFconext {
	background: transparent;
}

td.SURFconext {
	background-color: #f1f1f1;
	border-radius: 8px;
	margin-bottom:5px;
	padding-bottom: 10px;
}

li#SURFconext {
        padding-left: 20px;
        display: block;
}

h2.SURFconext {
	background-color: #ed6b06;
	color:#fff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-size: 11pt;
	padding: 6px 12px 3px 12px;
	margin-bottom: 5px;
}

p.SURFconext {
	display: block;
	//font-size: 20pt;
	line-height: 1.5;
	margin:0;
	padding: 0 5px 2px 10px !important;
	text-align: justify;
}

.icon-confirm {
    background-position: 95% !important;
}

.grouptop, .groupmiddle, .groupbottom {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 300px;
    margin: 0 auto 0rem;
    padding: 0px 10px;
    align-items: center;
}


/* 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: #ed6b06;
        background-color: #d66026;
}
.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: #eeeeee;
}
.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: #ed6b06;
}

/* use logos from theme */
#header .logo {
	background-image: url('../img/logo.png');
	/*background-image: url('../img/logo.svg');*/
	width: 250px;
	height: 121px;
	background-position: center;
	background-size: 175px;
	margin-bottom: 30px;
}
#header .logo-icon {
        background-image: url('../img/logo-header.png');
        background-size: auto 34px;
        background-position: center;
        width: auto;
        height: 100%;
        max-width: 200px;
        max-height: 34px;
        padding-left: 250px;
}

#header-menu-name {
        font-size: 12px;
        color: #FFF0F0;
        padding-right: 5px;
}

/* Left navigation menu color */
nav #navigation {
	background-color: #ed6b06;
}


/* Header app-name style */
.header-appname {
        font-size: 12px;
        color: #FFF0F0;
}



/* Searchbox */
.searchbox input[type="search"]:focus,
.searchbox input[type="search"]:active,
.searchbox input[type="search"]:valid {
        color: #fff;
        width: 155px;
        max-width: 50%;
        cursor: text;
        background-color: #d66026;
}

/* user name light grey, fitting the style, like language chooser on website */
#settings {
        position: relative;
}
#expand {
        color: #FFF0F0;
}
#expand:hover, #expand:focus, #expand:active {
        color: #000000;
        color: #FFFFFF;
}p
#expandDisplayName {
        cursor: pointer;
}

#expanddiv {
        background-color: #ed6b06;
        border: 0px solid #000000;
        -webkit-box-shadow: 0px 0px 20px #ed6b06;
        -moz-box-shadow: 0px 0px 20px #ed6b06;
        box-shadow: 0px 0px 20px #ed6b06;
}

#expanddiv li {
        border-bottom: 0px solid #FFF0F0;
        white-space: nowrap; /* prevent icons and text wrapping for short usernames */
}

#expanddiv li:hover,
#expanddiv li:focus {
        background-color: #ed6b06;
        border-bottom-left-radius: 7px;
}

#expanddiv li a {
        padding: 4px 12px;
        color: #FFFFFF;
        text-shadow: none;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=75);
        opacity:.75;
}

#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=100);
        opacity:1;
}

/* Hide password reset form in personel settings
#passwordform {
   display: none;
}*/

/* Disable external storage in personel settings
.nav-extstoragemounts {
  display: none;
} */
div#groups.section { display: none; }

#groups.section { display: none; }


a#SURFconext {
	display:block;
	width: 235px;
        border: 0.5px solid #ed6b06;
        background-color: #E5E4E2;
	padding-right: 20px;
	background-position: right;
	background-repeat: no-repeat;
	background-origin: padding-box;
	font-size: 11pt;
}
a#SURFconext:hover,
a#SURFconext:focus {
        background-color: #d3d3d3;
}
p.login_notify {
	padding-left: 12px;
}

/* Alternative Logins */
form#alternative-logins {
        border-top: 0px solid rgba(255,255,255,0.8);
        padding-top: 0px;
}
#alternative-logins ul {text-align: center;}
#alternative-logins legend { margin-bottom:16px; }
#alternative-logins li {
        height:40px;
        display:inline-block;
        white-space:nowrap;
        width: 100%;
        margin-top: 1.2em;
}

#alternative-logins li:first-child {
        margin-top: 0;
}

#alternative-logins li a.button,
html #body-login input[type="submit"],
html #body-login button[type="submit"] {
        display: block;
        color: #ffffff;
        border-width: 1px;
        border-color: rgba(255,255,255,0.5);
        font-size: 1rem;
        font-weight: 600;
        background-color: #d66026;
        transition: all 300ms ease 0ms;
        padding: 0.65rem;
        text-align: center;
        margin: 0;
        cursor: pointer;
}

#alternative-logins li a.button span,
html #body-login input[type="submit"] span,
html #body-login button[type="submit"] span {
        cursor: pointer;
}

#alternative-logins li a.button:hover,
html #body-login input[type="submit"]:hover,
html #body-login button[type="submit"]:hover {
        color: #d66026;
        border-color: #d66026;
        border-width: 1px;
        background-image: initial;
        background-color: #eeeeee;
}