@charset "UTF-8";

/**
 * Language: CSS; Encoding: UTF-8
 * 
 * @filesource
 * 	created on: 23.10.2020 17:12
 * 
 * @author
 * 	Alexander Wattenbach, Sehen-Design
 * 	mailto: a.wattenbach@sehen-design.de
 * 
 * @copyright
 * 	© 2020 Sehen-Design
 * 
 * @license
 * 	PROPRIETARY RIGHTS of Sehen-Design are involved in the
 * 	subject matter of this material.  All manufacturing, reproduction,
 * 	use, and sales rights pertaining to this subject matter are governed
 * 	by the license agreement.  The recipient of this software implicitly
 * 	accepts the terms of the license.
 */

.rotate {
   animation: rotating 1.5s linear infinite;
 }
 @keyframes rotating {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
.reverseRotate {
   animation: rotating 1.5s linear infinite;
 }
 @keyframes rotating {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
}

@media (min-width: 768px) {
  .modal-l {
    width: 70%;
    max-width: 900px;
  }
  .modal-xl {
    width: 90%;
    max-width: 1200px;
  }
  .modal-xxl {
    width: calc(100% - 60px);
    max-width: 1440px;
  }
}

.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-style: normal;
}

.input-icon > input {
  padding-left: 8px;
  padding-right: 0;
}

.input-icon-right > i {
  right: 0;
}

.input-icon-right > input {
  padding-right: 25px;
  text-align: left;
}

.dropdown-menu-right {
  right: 0 !important;
  left: auto !important;
  inset: auto 0px auto auto !important;
  margin: 0px;
  transform: none !important;
}

.modal.fade.filter .modal-dialog.filter {
	transform: translateX(100%);
	transition: 0s;
}

.modal.show.filter .modal-dialog.filter {
	transform: translateX(0);
}

.modal-dialog.filter {
	position: fixed;
	margin: auto;
	width: 500px;
	height: 100%;
	right: 0px;
}

.modal-content.filter {
	height: 100%;
}

.filterButton.btn.btn-subtle-secondary {
	--phoenix-btn-padding-y: 0.25rem;
	--phoenix-btn-padding-x: 0.25rem;
}
.webappSection:hover {
  cursor: pointer;
}
.webappSection p {
  text-align: left;
  padding-left: 10px;
  padding-top: 5px;
  font-weight: 300;
}
.webappActiveSection p {
  text-align: left;
  padding-left: 10px;
  padding-top: 5px;
  font-weight: 300;
}