@charset "UTF-8";
/**
 * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com)
 *
 * @author John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * 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
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */
/**
 * @copyright Copyright (c) 2018, John Molakvoæ (skjnldsv@protonmail.com)
 *
 * @author John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * 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
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */
/**
 * Removes the "#" from a color.
 *
 * @param string $color The color
 * @return string The color without #
 */
/**
 * Calculates the URL to the svg under the SVG API.
 *
 * @param string $icon the icon filename
 * @param string $dir the icon folder within /core/img if $core or app name
 * @param string $color the desired color in hexadecimal
 * @param int [$version] the version of the file
 * @param bool [$core] search icon in core
 * @return string The URL to the svg.
 */
/**
 * SVG COLOR API
 *
 * @param string $icon the icon filename
 * @param string $dir the icon folder within /core/img if $core or app name
 * @param string $color the desired color in hexadecimal
 * @param int $version the version of the file
 * @param bool [$core] search icon in core
 *
 * @returns A background image with the url to the set to the requested icon.
 */
/**
 * Create black and white icons
 * This will add a default black version of and an additional white version when .icon-white is applied
 */
/** Calculate luma as it is also used in OCA\Theming\Util::calculateLuma */
.nc-theming-main-background {
  background-color: #0082c9;
}
.nc-theming-main-text {
  color: #ffffff;
}
.nc-theming-contrast {
  color: #ffffff;
}
#appmenu:not(.inverted) svg {
  filter: none;
}
#appmenu.inverted svg {
  filter: invert(1);
}
/* Colorized svg images */
.icon-file, .icon-filetype-text {
  background-image: url(./img/core/filetypes/text.svg?v=4);
}
.icon-folder, .icon-filetype-folder {
  background-image: url(./img/core/filetypes/folder.svg?v=4);
}
.icon-filetype-folder-drag-accept {
  background-image: url(./img/core/filetypes/folder-drag-accept.svg?v=4) !important;
}
#theming-preview-logo, #header .logo {
  background-image: url('/cloud/apps/theming/image/logo?v=4');
}
#body-user #header, #body-user .profile__header, #body-user .preview-card__header, #body-settings #header, #body-settings .profile__header, #body-settings .preview-card__header, #body-public #header, #body-public .profile__header, #body-public .preview-card__header {
  background-color: #0082c9;
  background-image: linear-gradient(40deg, #0082c9 0%, #30b6ff 100%);
}
#body-login, #firstrunwizard .firstrunwizard-header, #theming-preview {
  background-color: #0082c9;
  background-image: linear-gradient(40deg, #0082c9 0%, #30b6ff 100%);
  background-size: contain;
  background-image: url('/cloud/apps/theming/image/background?v=4'), linear-gradient(40deg, #0082c9 0%, #30b6ff 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('/cloud/apps/theming/image/background?v=4');
}
/* override styles for login screen in guest.css */
#theming-preview-logo, #header .logo {
  background-size: contain;
}
#body-login #header .logo {
  margin-bottom: 22px;
}
#theming .advanced-option-favicon .image-preview {
  background-image: none;
}
#theming .advanced-option-favicon .image-preview {
  background-image: none;
}
input.primary, .alternative-logins a {
  background-color: #0082c9;
  border: 1px solid #ffffff;
  color: #ffffff;
}
#body-login input.primary:enabled:hover, #body-login input.primary:enabled:focus, #body-login button.primary:enabled:hover, #body-login button.primary:enabled:focus, #body-login a.primary:enabled:hover, #body-login a.primary:enabled:focus {
  color: #ffffff;
  background-image: linear-gradient(40deg, #0082c9 0%, #30b6ff 100%);
}
/** Handle primary buttons for bright colors */