.App{background:#fff;box-shadow:0 0 17px 0 rgba(0,0,0,.1);font-family:sans-serif;margin:0 auto 60px;max-width:800px;padding:30px;text-align:center}.App .but-view{background-color:transparent;border:1px solid #555}.App .but-view.active{border-color:#c00;color:#c00}@media screen and (min-width:768px){.App .day-view ul li{padding-left:10px}}.App .month-view div{display:grid;grid-template-columns:repeat(3,1fr)}.App .month-view ul li{margin-right:5px;padding-left:10px}.App .month-view .elm.month{text-align:right}.App .month-view .elm.month ul{margin-top:10px}.App .select-field{margin-left:0;width:auto}.App .day-view>div{display:flex;flex-direction:column}.App .day-view>div ul{margin-top:10px!important}@media screen and (max-width:767px){.App .day-view>div ul{margin-left:calc(50% - 2px)!important}}.App .day-view>div header{display:grid;grid-template-columns:repeat(7,1fr)}.App .day-view>div header span{display:block;padding-right:10px;text-align:right}.App .grid{display:grid;grid-template-columns:repeat(7,1fr)}.App ul{list-style-type:none;margin:5px 0 0;padding:0}.App ul li{float:left;font-size:12px;position:relative;text-align:left}.App .sm-title{display:none}@media screen and (min-width:768px){.App .sm-title{display:inline-block}}.App .innerApp{display:flex;flex-direction:row;gap:1em;justify-content:end;margin-bottom:15px}.App span.elm{border-top:2px solid #f0f0f0;display:flex;flex-direction:column;justify-content:space-between;margin:4px 4px 0;padding:10px;text-align:center}@media screen and (min-width:768px){.App span.elm{min-height:118px;text-align:right}}.App span.elm.hasevent{background-color:#fee7e7;cursor:pointer}.App span.elm ul{display:flex;flex-direction:column;justify-content:space-evenly;margin:0 auto}.App span.elm ul li:before{content:"\2022";display:inline-block;font-weight:700;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1em}.App span.elm ul li.kind-pl:before{color:red}.App span.elm ul li.kind-wo:before{color:#faad14}.App span:hover{border-color:#c00}.App .group{align-items:center;display:flex;justify-content:space-between}.App a{text-decoration:none}.App .group *{display:flex;height:20px;line-height:20px;padding:5px 10px}.App .l-location,.App .l-title{font-weight:700;text-align:left}.App .l-location{align-items:center;display:flex;padding:5px 0}.App .l-show{background-color:#d8000e;color:#fff}.App .amount{display:none!important}@media screen and (min-width:768px){.App .amount{align-items:center;display:flex!important;flex-direction:column;justify-content:center;margin:10px 0}}.App .l-date{align-items:center;background-color:#636363;color:#fff;display:flex;padding:5px 10px 5px 0}.App .body{padding:20px}.App .popup-wrapper{display:none}.App .popup-wrapper.active{display:block}.App .popup-wrapper figure{background-color:#000;height:300px;margin:0;max-height:30vh}.App .popup-wrapper figure img{height:100%;max-height:300px;max-width:100%;object-fit:cover;width:100%}.App .popup-wrapper #Popup{background-color:#fff;left:50%;max-width:90%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px;z-index:2}.App .popup-wrapper .popup-bg{background-color:rgba(0,0,0,.3);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@media screen and (max-width:767px){.App{padding-left:15px;padding-right:15px}}