.previewToggle{font-family:'mdricons';vertical-align:middle;display:inline-block;font-weight:normal}.preview-markSections .sectionWrapper{background-color:#ff0000}.error{padding:2px;border:4px solid #ff0000}#previewPanel{position:fixed;bottom:0;background-color:#ebebeb;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:98;width:100%;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);height:5rem}#previewPanel>*{color:#313131}#previewPanel .previewElement{width:260px;min-height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}#previewPanel .previewElement.previewTime,#previewPanel .previewElement.changeViews{width:320px;margin-left:1rem}#previewPanel .previewElement.changeViews{width:322px}#previewPanel .previewElement.changeViews ul{border-left:1px solid #ccc;border-right:1px solid #ccc;padding-left:1rem;padding-right:1rem}#previewPanel .previewElement.documentTime,#previewPanel .previewElement.previewTime{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;line-height:1.21;padding-left:2.75rem}#previewPanel a.previewElement.previewTime{width:260px;padding:0;background-color:transparent;border-radius:0;background-image:none}#previewPanel a.previewElement.previewTime>{width:auto}#previewPanel.open{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#previewPanel.open .previewToggle{-webkit-transform:translate3d(0, -10%, 0);transform:translate3d(0, -10%, 0);height:2.5rem;top:0;padding-bottom:0}#previewPanel.open .previewToggle:before{content:""}#previewPanel .previewLinks{margin-top:16px;float:left;width:100%}.previewToggle{padding-bottom:1rem;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.25);box-shadow:0 6px 12px rgba(0,0,0,0.25);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;cursor:pointer;position:absolute;background-color:#fff;width:2.5rem;height:2.75rem;top:0;right:1rem;z-index:1;-webkit-transform:translate3d(0, -90%, 0);transform:translate3d(0, -90%, 0)}.previewToggle:before{content:"";display:block}#previewPanel .previewNavigation{display:-webkit-box;display:-ms-flexbox;display:flex;width:600px}#previewPanel .previewElement.previewTime{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;width:320px;line-height:1.2;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background:#d6d6d6 url("/resources/global/img/base/preview/preview-calendar-clock.svg") no-repeat 0 center;background-size:2.5rem auto;padding-left:4rem;background-position:0.75rem center}.documentTime{background:transparent url("/resources/global/img/base/preview/state-offline-notscheduled-nocomment.svg") no-repeat 0 center;background-size:2.5rem auto}.isLive .documentTime{background-image:url("/resources/global/img/base/preview/state-published-online-notscheduled-nocomment.svg")}.previewStateIcon{width:2.5rem}.previewTimeTitle,.documentTimeTitle{font-size:0.75rem}.previewTimestamp,.documentTimestamp{font-size:1.125rem;font-weight:bold}#closePreview{position:absolute;top:4px;right:4px}.changeViews ul li{display:inline-block}#previewPanel .previewTypes{margin-left:1rem}#previewPanel .previewTypes a{width:50%}#previewPanel .previewTypes a:nth-child(1){border-top-right-radius:0;border-bottom-right-radius:0}#previewPanel .previewTypes a:nth-child(2){border-top-left-radius:0;border-bottom-left-radius:0}#previewPanel a{background-color:#fff;padding:0.5rem;border-radius:4px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:2.5rem;min-height:2.5rem}html.no-touch #previewPanel a:hover{-webkit-box-shadow:0 4px 7px rgba(0,97,174,0.5);box-shadow:0 4px 7px rgba(0,97,174,0.5)}html.no-touch #previewPanel a.previewTime:hover{-webkit-box-shadow:none;box-shadow:none;color:#0061ae}#previewPanel .active a,#previewPanel a.active{background-color:#0062ae;color:#fff}#previewPanel .preview-types a{display:inline-block;margin:0 12px 12px 0;padding:4px;background-color:#fff}@media (min-width: 768px) and (max-width: 1024px){#previewPanel{-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto}#previewPanel .previewElement.changeViews{width:308px;margin-right:0}#previewPanel .previewElement.changeViews ul{padding-left:0;border-left:0;padding-right:1rem;border-right:1px solid #ccc}#previewPanel .previewElement.previewTypes{width:280px;border-bottom:1px solid #ccc}#previewPanel .previewNavigation{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%}}@media (max-width: 1024px){html .previewToggle{top:1rem}html #previewPanel{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;-webkit-transform:translate3d(0, 225px, 0);transform:translate3d(0, 225px, 0)}html #previewPanel .previewElement{width:100% !important;margin-left:0 !important;margin-right:0 !important;padding:1rem}html #previewPanel .previewElement.previewTime{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}html #previewPanel .previewElement.documentTime,html #previewPanel .previewElement.previewTime{background-size:2.5rem auto;padding-left:4rem;background-position:0.75rem center}html #previewPanel a.previewElement.previewTime{padding-left:0}html #previewPanel .previewElement.previewTypes a{width:100%}html #previewPanel .previewNavigation{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}html #previewPanel .previewElement.changeViews ul{padding:0;border:0}html #previewPanel .previewElement.changeViews ul,html #previewPanel .previewElement.changeViews li a{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}html #previewPanel .previewElement.changeViews ul{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}html #previewPanel .previewElement.changeViews li{width:16%}html #previewPanel .previewNavigation{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%}html #previewPanel .previewNavigation .changeViews{border-bottom:1px solid #ccc;border-top:1px solid #ccc}}

/*# sourceMappingURL=previewControl.css.map */
