/*
    Variablen-Definitionen zur Benutzung durch alle Marken
*/
/*
SHARED MIXINS
(zur Verwendung durch alle Marken)
*/
.InfoPopup {
  display: inline-block;
  position: relative;
  background: url('/Sites/Seasons/Resources/images/icons/Info.svg') no-repeat center center;
  background-size: contain;
  width: 15px;
  height: 15px;
  border: none;
  padding: 0;
  margin-left: 2px;
  margin-right: 5px;
  cursor: help;
}
.InfoPopup .InfoContentWrapper {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  right: -60px;
  top: -5px;
  width: 350px;
  padding: 20px;
  z-index: 1;
}
.InfoPopup.Right .InfoContentWrapper {
  left: 5px;
  top: -50px;
}
.InfoPopup:hover .InfoContentWrapper {
  opacity: 1;
  visibility: visible;
  transition: all 0.2s 0.2s ease-out;
}
.InfoPopup .InfoContent {
  display: block;
  border: 1px solid #dfdfdf;
  padding: 15px;
  background-color: #FFF;
  border-radius: 0;
}
.InfoPopup .InfoContent,
.InfoPopup .InfoContent p,
.InfoPopup .InfoContent li {
  font-size: 14px;
  font-family: Arial, Sans-Serif;
}
.InfoPopup .InfoContent ul,
.InfoPopup .InfoContent p:last-child {
  margin-bottom: 0;
}
.InfoPopup h3 {
  margin-top: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 5px;
  font-family: "hypatia-sans-pro", sans-serif;
  font-size: 17px;
}
/*
    für RF&RM-Downloadforms und für RF&RM-Preisrechner
*/
.ImageHiresDownloadForm .modal-content,
.ImagePriceCalculator .modal-content {
  border-radius: 0;
}
.ImageHiresDownloadForm .modal-dialog,
.ImagePriceCalculator .modal-dialog {
  width: 800px;
}
.ImageHiresDownloadForm .ImageInfo,
.ImagePriceCalculator .ImageInfo {
  margin-top: 0;
}
.ImageHiresDownloadForm .ImageInfo .ProductNo,
.ImagePriceCalculator .ImageInfo .ProductNo {
  border-bottom: 1px solid #000;
  font-family: Arial, Sans-Serif;
  font-size: 15px;
  display: inline-block;
}
.ImageHiresDownloadForm .ImageInfo .Caption,
.ImagePriceCalculator .ImageInfo .Caption {
  font-family: "hypatia-sans-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
}
.ImageHiresDownloadForm .ImageInfo img,
.ImagePriceCalculator .ImageInfo img {
  border: 2px solid #FFF;
  margin: 0 1em 1em 0;
}
.ImageHiresDownloadForm .ImageRequests td,
.ImagePriceCalculator .ImageRequests td {
  vertical-align: top;
}
.ImageHiresDownloadForm .ImageRequests td:first-child,
.ImagePriceCalculator .ImageRequests td:first-child {
  font-weight: bold;
}
.ImageHiresDownloadForm.RoyaltyFree table.Prices,
.ImagePriceCalculator.RoyaltyFree table.Prices {
  width: 100%;
  font-size: 14px;
  border: solid #FFF;
  border-width: 3px 0;
  margin: 15px 0 10px 0;
}
.ImageHiresDownloadForm.RoyaltyFree table.Prices th,
.ImagePriceCalculator.RoyaltyFree table.Prices th,
.ImageHiresDownloadForm.RoyaltyFree table.Prices td.Price,
.ImagePriceCalculator.RoyaltyFree table.Prices td.Price {
  font-size: 16px;
}
.ImageHiresDownloadForm.RoyaltyFree table.Prices td,
.ImagePriceCalculator.RoyaltyFree table.Prices td,
.ImageHiresDownloadForm.RoyaltyFree table.Prices th,
.ImagePriceCalculator.RoyaltyFree table.Prices th {
  border-bottom: 1px solid #dfdfdf;
  padding: 6px;
}
.ImageHiresDownloadForm.RoyaltyFree table.Prices .IdealFor,
.ImagePriceCalculator.RoyaltyFree table.Prices .IdealFor,
.ImageHiresDownloadForm.RoyaltyFree table.Prices .SizeInPixel,
.ImagePriceCalculator.RoyaltyFree table.Prices .SizeInPixel,
.ImageHiresDownloadForm.RoyaltyFree table.Prices .SizeInMB,
.ImagePriceCalculator.RoyaltyFree table.Prices .SizeInMB,
.ImageHiresDownloadForm.RoyaltyFree table.Prices .Resolution,
.ImagePriceCalculator.RoyaltyFree table.Prices .Resolution {
  text-align: center;
}
.ImageHiresDownloadForm.RoyaltyFree table.Prices .Price,
.ImagePriceCalculator.RoyaltyFree table.Prices .Price {
  text-align: right;
}
.ImageHiresDownloadForm.RoyaltyFree table.Prices .SizeInPixel,
.ImagePriceCalculator.RoyaltyFree table.Prices .SizeInPixel,
.ImageHiresDownloadForm.RoyaltyFree table.Prices .Price,
.ImagePriceCalculator.RoyaltyFree table.Prices .Price {
  white-space: nowrap;
}
.ImageHiresDownloadForm.RoyaltyFree table.Prices td:first-child,
.ImagePriceCalculator.RoyaltyFree table.Prices td:first-child {
  font-weight: bold;
}
.ImageHiresDownloadForm.RoyaltyFree table.Prices td.Price,
.ImagePriceCalculator.RoyaltyFree table.Prices td.Price {
  color: #a2005c;
}
.ImageHiresDownloadForm.RoyaltyFree .VatHint,
.ImagePriceCalculator.RoyaltyFree .VatHint,
.ImageHiresDownloadForm.RoyaltyFree .FormatInfo,
.ImagePriceCalculator.RoyaltyFree .FormatInfo {
  font-size: 14px;
  margin-bottom: 2em;
}
.ImageHiresDownloadForm {
  /* dieser Wrapper war ursprünglich um den Submit-Button herum, weil ansonsten wegen Bootstrap's "pointer-events: none"
    auf dem Submit-Button der Mauszeiger für den deaktivierten Button nicht geändert werden kann.
    https://stackoverflow.com/questions/25654413/add-css-cursor-property-when-using-pointer-events-none
    Allerdings gab es dann Probleme mit der Loading-Animation + Deaktivieren des Buttons, daher wurde die Wrapper-Lösung entfernt.
    TODO: Lösung finden, wie not-allowed-Cursor für deaktivierten Submit-Button realisiert werden kann

    .MouseEventWrapper[disabled] { cursor: not-allowed; }*/
}
.ImageHiresDownloadForm .QuotaExceededMessage {
  background: yellow;
  padding: 10px;
  margin-bottom: 10px;
}
.ImageHiresDownloadForm.RoyaltyFree label {
  margin-bottom: 0;
}
.ImageHiresDownloadForm.RoyaltyFree .RFUsageConstraintQuestion {
  border-top: 3px solid #FFF;
  padding-top: 15px;
  margin-bottom: 20px;
}
.ImageHiresDownloadForm.RoyaltyFree .RFUsageConstraintQuestion > div {
  margin-bottom: 5px;
}
.ImageHiresDownloadForm.RoyaltyFree .RFUsageConstraintQuestion label {
  margin-right: 20px;
}
.ImageHiresDownloadForm.RoyaltyFree table.Prices td:first-child label {
  color: #a2005c;
  font-size: 16px;
  font-weight: normal;
}
.ImageHiresDownloadForm.RoyaltyFree table.Prices td.Price[disabled],
.ImageHiresDownloadForm.RoyaltyFree table.Prices label[disabled] {
  color: rgba(51, 51, 51, 0.6) !important;
  cursor: default;
}
.ImageHiresDownloadForm.RoyaltyFree .EndCustomer {
  border-bottom: 3px solid #FFF;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.ImageHiresDownloadForm.RoyaltyFree .EndCustomer input {
  min-width: 250px;
}
.ImageHiresDownloadForm.RoyaltyFree .DownloadIsPurchase input,
.ImageHiresDownloadForm.RoyaltyFree .TermsAndConditions input {
  margin-right: 5px;
}
.ImageHiresDownloadForm button[type=submit][disabled] {
  outline: none;
}
.ImageHiresDownloadForm button[type=submit].LoadingGif {
  background-image: url('/Resources/Images/ajax-loader-32.gif');
  background-size: 24px auto;
}

/*# sourceMappingURL=../../../../Sites/Seasons/resources/css/DownloadForms-PriceCalculators.css.map */