/*!
 * pwa
 *
 * @filesource pwa.css
 * @project    kundenleitsystem.sparkasse-wuppertal.de
 * @package    
 *
 * @copyright  (c) 2021 by pitcom GmbH | Bahnhofstraße 61 | D-08523 Plauen Germany
 * @author     Florian Schlichter, B.A. <florian.schlichter@pitcom.de
 * @link       https://www.pitcom.de
 *
 * @version    1.0
 * @date       16.11.2021
 */
 .cmd{background-color:red;width:2.4em;text-align:center;cursor:pointer;border-radius:5px;color:#FFF;display:inline-block;line-height:2.4em;box-shadow:0 3px 6px 0 rgb(0 0 0 / .5);-webkit-appearance:button}.cmd+.cmd{margin-left:1em}#pitpwabanner{display:flex;flex-wrap:wrap;background-color:var(--main-background-color);font-size:16px;position:absolute;width:640px;left:calc(50% - 320px);top:16px;border:8px solid #fff;padding:16px 16px;box-shadow:rgb(0 0 0 / .35) 0 5px 15px;z-index:998}#pitpwabanner>.pitpwabanner-close{padding:0 10px;width:100%;text-align:right;display:flex;justify-content:center;align-content:center;flex-direction:column}#pitpwabanner>.pitpwabanner-close>span{font-size:1.2em;cursor:pointer}#pitpwabanner>.pitpwabanner-info{display:flex;flex-wrap:wrap;width:calc(100% - 2.4em - 20px - 8em)}.pitpwabanner-info-img{background-color:#FFF;border:1px solid #CCC;border-radius:10px;width:50px;height:50px;margin-right:10px}.pitpwabanner-info-img>img{border-radius:10px}.pitpwabanner-info-text{width:calc(100% - 62px);display:flex;justify-content:center;align-content:center;flex-direction:column}.pitpwabanner-info-text strong{display:inline-block;width:100%;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pitpwabanner-info-text span{display:inline-block;width:100%;color:#bcbcbc;font-size:.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pitpwabanner>.pitpwabanner-cmd{width:8em;text-align:center;display:flex;justify-content:center;align-content:center;flex-direction:column;text-align:center}#pitpwabanner>.pitpwabanner-cmd button.cmd{width:6em;color:#FFF;margin:auto}#pitsmartbanner{position:fixed;bottom:2em;width:300px;z-index:999;left:50%;margin-left:calc(-151px - .4em);padding:1em .4em .4em .4em;background-color:#f2f2f6;border:1px solid #bdbdc2;text-align:center;border-radius:10px;cursor:pointer}#pitsmartbanner>p{z-index:999;position:relative}#pitsmartbanner>p>img{height:1em}#pitsmartbanner::before{font:normal normal normal 14px/1 FontAwesome;content:"\f00d";position:absolute;right:.4em;top:0}#pitsmartbanner::after{z-index:998;content:'';background-color:#f2f2f6;position:absolute;width:2em;height:2em;bottom:-16px;left:50%;margin-left:-1em;-webkit-transform:scaleX(.9) rotate(45deg);transform:scaleX(.9) rotate(45deg);border-bottom:1px solid #bdbdc2;border-right:1px solid #bdbdc2}#pitsmartbanner-info{position:fixed;top:16px;width:640px;z-index:999;left:calc(50% - 320px);padding:16px 32px;background-color:var(--main-background-color);border:8px solid #fff;text-align:center;cursor:pointer;box-shadow:rgb(0 0 0 / .35) 0 5px 15px}#pitsmartbanner-info>button.cmd{width:auto;margin-top:.4em;margin-bottom:.4em;padding-left:.6em;padding-right:.6em}#pitsmartbanner-notification-info{position:fixed;top:16px;width:50vw;left:50%;margin-left:calc(-25vw - 1px - 2em);z-index:999;border:8px solid var(--ibox-bg);padding:16px 32px;background-color:var(--ibox-bg);display:flex;box-shadow:rgb(0 0 0 / .35) 0 5px 15px}.has-pwa-banner #pitsmartbanner-notification-info{display:none}#pitsmartbanner-notification-info .pitsmartbanner-notification-info-image{width:90px;text-align:center}#pitsmartbanner-notification-info .pitsmartbanner-notification-info-text p+p{text-align:right;margin-top:1em}#pitsmartbanner-notification-info button.cmd{width:auto;padding-left:.6em;padding-right:.6em}@media only screen and (min-width:1000px){#pitsmartbanner-notification-info{width:calc(740px + 2em);margin-left:calc(-370px - 1px - 2em)}}@media only screen and (max-width:767px){#pitpwabanner{position:fixed;z-index:99;top:0}}@media only screen and (max-width:650px){#pitsmartbanner-notification-info .pitsmartbanner-notification-info-image{width:70px}#pitsmartbanner-notification-info .pitsmartbanner-notification-info-text{width:calc(100% - 70px)}}@media only screen and (max-width:550px){#pitsmartbanner-notification-info .pitsmartbanner-notification-info-image{display:none}#pitsmartbanner-notification-info .pitsmartbanner-notification-info-text{width:100%}}@media only screen and (max-width:450px){#pitsmartbanner-notification-info button.cmd span{display:none}}