/*
 * Copyright 2014-2020 Univention GmbH
 *
 * https://www.univention.de/
 *
 * All rights reserved.
 *
 * The source code of this program is made available
 * under the terms of the GNU Affero General Public License version 3
 * (GNU AGPL V3) as published by the Free Software Foundation.
 *
 * Binary versions of this program provided by Univention to you as
 * well as other copyrighted, protected or trademarked materials like
 * Logos, graphics, fonts, specific documentations and configurations,
 * cryptographic keys etc. are subject to a license agreement between
 * you and Univention and not subject to the GNU AGPL V3.
 *
 * In the case you use this program under the terms of the GNU AGPL V3,
 * the program is provided 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 with the Debian GNU/Linux or Univention distribution in file
 * /usr/share/common-licenses/AGPL-3; if not, see
 * <https://www.gnu.org/licenses/>.
 */
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusIcon {
  background-image: url("appcenter/statusIcons.svg");
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusIcon.appUpdateIcon {
  background-position: 0 0;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusIcon.appEndOfLifeIcon {
  background-position: -80px 0;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusIcon.appRecommendedAppIcon {
  background-position: -160px 0;
  right: 0px;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusIcon.appPopularAppIcon {
  background-position: -240px 0;
  right: 0px;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusIcon.appRecommendedAndPopularAppIcon {
  background-position: -280px 0;
  right: 0px;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusIcon.appVoteForApp {
  background-position: -200px 0;
  right: 0px;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusIcon.appUpdatePermissionsIcon {
  background-position: -320px 0;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusHoverIcon.appUpdateIcon {
  background-position: -40px 0;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusHoverIcon.appEndOfLifeIcon {
  background-position: -120px 0;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusHoverIcon.appRecommendedAppIcon {
  background-position: -160px 0;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusHoverIcon.appPopularAppIcon {
  background-position: -240px 0;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusHoverIcon.appRecommendedAndPopularAppIcon {
  background-position: -280px 0;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusHoverIcon.appVoteForApp {
  background-position: -200px 0;
}
.umcAppCenterGallery .umcGalleryWrapperItem .appStatusHoverIcon.appUpdatePermissionsIcon {
  background-position: -360px 0;
}
.umcAppCenterGallery .umcGalleryWrapperItem .umcGalleryItemActive .umcUpdateIcon,
.umcAppCenterGallery .umcGalleryWrapperItem .umcGalleryItem:hover .umcUpdateIcon {
/* change icon color to white on hover */
  background-image: url("../../dijit/themes/umc/images/icons-white.svg");
}
.AppDetailsDialog__warning {
  display: flex;
  align-items: center;
  padding: 8px;
  margin-bottom: 16px;
}
.AppDetailsDialog__warning:before {
  content: '';
  display: inline-block;
  flex: 0 0 auto;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.AppDetailsDialog__warning .dijitButton {
  margin: 16px 0 8px 8px;
}
.AppDetailsDialog__warning--hard {
  background-color: rgba(219,6,46,0.3);
}
.AppDetailsDialog__warning--hard:before {
  background-image: url("../../js/dijit/themes/umc/form/images/error.svg");
}
.AppDetailsDialog__warning--soft {
  background-color: rgba(250,200,0,0.3);
}
.AppDetailsDialog__warning--soft:before {
  background-image: url("appcenter/icons/warning.svg");
}
.umcAppDetailsPage .umcAppButton {
  float: right;
}
.umcAppDetailsPage .umcAppButton.umcAppButtonFirstRow {
  margin-bottom: 15px;
}
.umcAppDetailsPage .umcAppButton.umcAppButtonFirstRow + .umcAppButton:not(.umcAppButtonFirstRow) {
  clear: left;
}
.umcAppDetailsPage .umcAppButton.umcActionButton {
  float: none;
}
.umcAppDetailsPage .umcAppSidebarButton {
  width: 100%;
  margin: auto;
}
.umcAppDetailsPage .umcAppSidebarButton .dijitButtonNode {
  width: 100%;
  background-color: #74b627;
}
.umcAppDetailsPage .umcAppSidebarButton .dijitButtonNode:hover {
  background-color: #5f9434;
}
.umcAppDetailsPage .umcAppSidebarButton .dijitButtonNode .dijitButtonText {
  color: #fff;
}
.categoryButton,
.categorySpan {
  background-color: transparent;
  border: 0;
  border-right: 1px solid #d3d3d3;
  padding: 0 0.4em 0 0;
  margin-right: 0.4em;
}
.categoryButton:first-child,
.categorySpan:first-child {
  padding-left: 0;
}
.categoryButton:last-child,
.categorySpan:last-child {
  border-right: 0;
}
.categoryButton {
  text-decoration: underline;
  opacity: 0.66;
}
.categoryButton:hover {
  opacity: 1;
}
.umcGalleryButton {
  margin-top: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #b4b4b4;
}
.umcGalleryButton:last-child {
  border-bottom: 0;
}
.umc .dijitTitlePane.appDetailsPane .dijitTitlePaneTitle {
  color: #a9a9a9;
  border-top: 0;
  padding: 0.5em 0 0.5em 0;
}
.umc .dijitTitlePane.appDetailsPane .dijitTitlePaneTitle .dijitTitlePaneTextNode {
  vertical-align: middle;
}
.umc .dijitTitlePane.appDetailsPane .dijitTitlePaneTitle .dijitArrowNode {
  opacity: 0.66;
}
.umc .dijitTitlePane.appDetailsPane .dijitTitlePaneTitleClosed .dijitArrowNode {
  background-position: -80px 0;
}
.umc .dijitTitlePane.appDetailsPane .dijitTitlePaneTitleClosed.dijitTitlePaneTitleHover .dijitArrowNode {
  background-position: -100px 0;
  opacity: 0.66;
}
.umc .dijitTitlePane.appDetailsPane .dijitTitlePaneTitleOpen .dijitArrowNode {
  background-position: 0px 0;
}
.umc .dijitTitlePane.appDetailsPane .dijitTitlePaneTitleOpen.dijitTitlePaneTitleHover .dijitArrowNode {
  background-position: -20px 0;
  opacity: 0.66;
}
.appcenterMetaCategory {
  margin-bottom: 3em;
  padding-bottom: 2em;
  border-bottom: 1px solid #c8c8c8;
}
.appcenterMetaCategory .umcText {
  font-size: 20px;
  font-weight: 500;
  padding-top: 0.4em;
  padding-bottom: 1em;
  float: left;
}
.appcenterMetaCategory .dijitButton {
  float: right;
}
.appDetailsPageActions {
  margin-bottom: 3em;
}
.umc .umcAppCenterDialog .umcPageNav,
.umc .umcAppCenterInstallDialog .umcPageNav {
  margin-bottom: 0;
}
.umc .umcAppCenterDialog .umcAppMoreTitlePane .dijitTitlePaneTitle,
.umc .umcAppCenterInstallDialog .umcAppMoreTitlePane .dijitTitlePaneTitle {
  font-weight: normal;
  color: #5a5a5a;
  text-decoration: underline;
  border: none;
  font-size: 1em;
  padding: 0.5em 0 0.5em 8px;
}
.umc .umcAppCenterDialog .umcAppMoreTitlePane .dijitArrowNode,
.umc .umcAppCenterInstallDialog .umcAppMoreTitlePane .dijitArrowNode {
  display: none;
}
.umc .umcAppCenterDialog .umcAppMoreTitlePane .dijitTitlePaneTitleHover,
.umc .umcAppCenterInstallDialog .umcAppMoreTitlePane .dijitTitlePaneTitleHover {
  color: #282828;
}
.umc .umcAppCenterDialog .dijitDefaultButton {
  float: right;
}
.umcAppCenterInstallWizard {
  margin: 7px 0 !important;
}
.umcAppCenterInstallDialog .umcPageHelpText {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.umc .umcAppDetailsPage .umcPageNav .icon {
  margin-bottom: 1em;
  width: 100%;
  max-width: 550px;
  height: 120px;
  display: inline-block;
  background-position: left center;
  background-size: contain;
/* border instead of padding works with background-size:contain */
  border-right: solid transparent 20px;
}
.umc .umcAppDetailsPage .umcPageNav .navContainer {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #c8c8c8;
  padding: 0.8em 0;
}
.umc .umcAppDetailsPage .umcPageNav .navContainer .umcText {
  margin-bottom: 0.3em;
  color: #787878;
}
.umc .umcAppDetailsPage .umcPageNav .navContainer .umcAppStatusText,
.umc .umcAppDetailsPage .umcPageNav .navContainer .umcContainerWidget {
  display: block;
  width: 100%;
}
@media screen and (min-width: 550px) {
  .umc .umcAppDetailsPage .umcPageNav .navContainer .umcAppStatusText,
  .umc .umcAppDetailsPage .umcPageNav .navContainer .umcContainerWidget {
    display: inline-block;
    width: 50%;
  }
}
.umc .umcAppDetailsPage .umcPageNav .navContainer .umcAppStatusText {
  vertical-align: top;
}
.umc .umcAppDetailsPage .umcPageNav .navContainer .umcEndOfLifeHelp {
  display: inline-block;
  position: relative;
  left: 10px;
  top: 1px;
}
.umc .umcAppDetailsPage .umcAppRatingIcon {
  display: inline-block;
  margin: 0.15em;
  height: 3em;
  width: 3em;
}
.umc .umcAppDetailsPage .umcAppRatingVendorSupported {
  background: transparent url("appcenter/badges/vendor_support.svg") repeat scroll;
}
.umc .umcAppDetailsPage .umcAppRatingPopularityAward {
  background: transparent url("appcenter/badges/popular.svg") repeat scroll;
}
.umc .umcAppDetailsPage .umcAppRatingRecommendedApp {
  background: transparent url("appcenter/badges/recommendation.svg") repeat scroll;
}
.umc .umcAppDetailsPage .umcAppRatingHelp {
  display: inline-block;
  position: relative;
}
.umc .umcAppDetailsPage h1 {
  margin-bottom: 0.3em;
}
.umc .umcAppDetailsPage .mainHeader {
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 24px;
}
.umc .umcAppDetailsPage .iconHeaderOpen {
  background: transparent url("appcenter/icons/open.svg") repeat scroll;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 1.4em;
  padding-left: 1.7em;
}
.umc .umcAppDetailsPage .iconHeaderDownload {
  background: transparent url("appcenter/icons/download.svg") repeat scroll;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 1.4em;
  padding-left: 1.7em;
}
.umc .umcAppDetailsPage .iconHeaderVote {
  background: transparent url("appcenter/icons/vote.svg") repeat scroll;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 1.4em;
  padding-left: 1.7em;
}
.umc .umcAppDetailsPage .iconHeaderBuy {
  background: transparent url("appcenter/icons/shopping_cart.svg") repeat scroll;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 1.4em;
  padding-left: 1.7em;
}
.umc .umcAppDetailsPage .iconHeaderInfo {
  background: transparent url("appcenter/icons/info.svg") repeat scroll;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 1.4em;
  padding-left: 1.7em;
}
.umc .umcAppDetailsPage .iconHeaderBadges {
  background: transparent url("appcenter/icons/shopping_bag.svg") repeat scroll;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 1.4em;
  padding-left: 1.7em;
}
.umc .umcAppDetailsPage .usage {
  margin-bottom: 3em;
}
.umc .umcAppDetailsPage .carouselWrapper {
  border-top: 1px solid #c8c8c8;
  padding: 3em 0 1em 0;
}
.umc .umcAppDetailsPage .descriptionContainer {
  margin-bottom: 3em;
}
.umc .umcAppDetailsPage .appDetailsPane {
  background-color: #fff;
  margin: 0 -1000px;
  padding: 1.5em 1000px;
}
.umc .umcAppDetailsPage .appDetailsSidebarElement {
  background-color: #f2f2f2;
  margin-bottom: 20px;
  padding: 10px;
}
.AppLiveSearchSidebarDropDown .dijitMenuSeparatorIconCell,
.AppLiveSearchSidebarDropDown .dijitMenuSeparatorLabelCell {
  padding: 3px 0;
}
.umc .umcAppCenter .umcPageNav,
.umc .umcAppDetailsPage .umcPageNav {
  margin-bottom: 1.5em;
}
.umc .umcAppDetailsPage .umcPageMain {
  margin-bottom: 2.25em;
}
.umc .umcAppDetailsPage .umcPageFooter {
  margin-bottom: 7em;
}
@media (max-width: 768px) {
  .umc .umcAppDetailsPage .umcPageFooter {
    margin-bottom: 5em;
  }
}
.umc .umcAppCenter .appcenterMetaCategory .dijitButton.hiddenButton {
  visibility: hidden;
}
.umc .umcAppCenter .appcenterMetaCategory .umcAppCenterGallery {
/*height: 175px;*/
  height: auto;
}
.umc .umcAppCenter .umcLiveSearchSidebar .appLiveSearchSidebarElement {
  background-color: #fff;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 10px;
}
.umc .umcAppCenter .umcLiveSearchSidebar .mainHeader {
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px;
}
.umc .umcAppCenter .umcLiveSearchSidebar .searchFilterSingle {
  font-size: 17px;
  font-weight: 500;
}
.umc .umcAppCenter .umcLiveSearchSidebar .umcLabelPane {
  display: flex;
  padding-bottom: 0;
}
@media screen and (max-width: 549px) {
  .umc .umcPage.umcAppCenter .umcSize-TwoThirds {
    width: 100%;
  }
}
.umc .umcThumbnailGallery {
  position: relative;
  line-height: 0;
}
.umc .umcThumbnailGallery .galleryLoadingOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: url("../../js/dijit/themes/umc/images/standbyAnimation.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  opacity: 1;
}
.umc .umcThumbnailGallery .galleryLoadingOverlay.loaded {
  opacity: 0;
  pointer-events: none;
}
.umc .umcThumbnailGallery .galleryOuterContainer {
  position: relative;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding: 5px 0;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider {
  display: inline-block;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider.noTransition {
  transition: none;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider .galleryThumb {
  display: inline-block;
  vertical-align: middle;
  transition-property: width, height;
  box-shadow: 0 1px 6px rgba(1,0,0,0.118), 0 1px 4px rgba(0,1,0,0.118);
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider .galleryThumb.galleryImgThumb {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider .galleryThumb.brokenImg {
  width: 150px;
  box-shadow: inset 0px 0px 6px #5a5a5a;
  background: url("appcenter/thumbnailError.svg") no-repeat, #e6e6e6;
  background-position: center center;
  background-size: 30% auto;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider .galleryThumb.verticalAlignHelper {
  margin: 0 !important;
  height: 0;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider .galleryVideoThumb {
  position: relative;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider .galleryVideoThumb .galleryVideo {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider .galleryVideoThumb .galleryVideoThumbnailWrapper {
  width: 100%;
  height: 100%;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider .galleryVideoThumb .galleryVideoThumbnail {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider .galleryVideoThumb .galleryVideoPlayButtonIcon {
  width: 100%;
  height: 100%;
  background: url("appcenter/videoPlayButton.svg") no-repeat;
  background-size: auto 30%;
  background-position: center center;
  position: absolute;
  top: 0;
}
.umc .umcThumbnailGallery .galleryOuterContainer .contentSliderWrapper .contentSlider .galleryVideoThumb:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.umc .umcThumbnailGallery .galleryNavButton {
  cursor: pointer;
  width: 40px;
  opacity: 1;
  transition-property: opacity, height;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  padding: 5px 0;
  box-sizing: content-box;
}
.umc .umcThumbnailGallery .galleryNavButton.disabled {
  opacity: 0;
  cursor: default;
  pointer-events: none;
  height: 0;
}
.umc .umcThumbnailGallery .galleryNavButton .galleryNavButtonImage {
  background-image: url("appcenter/carouselArrowRight.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 50%;
  height: 100%;
  opacity: 0.4;
  transition: opacity 0.3s;
}
.umc .umcThumbnailGallery .galleryNavButton .galleryNavButtonImage:hover {
  opacity: 1;
}
.umc .umcThumbnailGallery .galleryNavButton.rightGalleryNavButton {
  margin-left: 5px;
  right: 0;
  top: 0;
}
.umc .umcThumbnailGallery .galleryNavButton.leftGalleryNavButton {
  margin-right: 5px;
}
.umc .umcThumbnailGallery .galleryNavButton.leftGalleryNavButton .galleryNavButtonImage {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.umc .umcThumbnailGallery .scaleButton {
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-image: url("appcenter/maximize.svg");
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  opacity: 0.4;
}
.umc .umcThumbnailGallery .scaleButton.minimize {
  background-image: url("appcenter/minimize.svg");
}
.umc .umcThumbnailGallery .scaleButton:hover {
  opacity: 1;
}
.umc .appInstallWizard__dryRunPage .umcPageMain {
  min-height: 150px;
}
.umc .appInstallWizard__detailsPage .dijitContentPane {
  padding: 0;
}
.umc .appInstallDialog__readmeTitle {
  font-weight: bold;
}
.umc .appInstallDialog__readme {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}
.umc .umcModule[id^=umc_modules_appcenter_],
.umc .umcModule[id^=umc_modules_apps_] {
  overflow: hidden;
}
.umc .umcModule[id^=umc_modules_appcenter_] .umcModuleContent,
.umc .umcModule[id^=umc_modules_apps_] .umcModuleContent {
  overflow: visible;
}