div.ctab-theme-black-on-white .ctab-svg.pd-volume-down .svg {
    background-color: transparent;
    background: url("../svg/volume_down.svg") no-repeat;
    background-size: cover;
}
div.ctab-theme-black-on-white .ctab-svg.pd-search .svg {
    background-color: transparent;
    background: url("../svg/search_glass.svg") no-repeat;
    background-size: cover;
}
div.pd-fullscreen-window {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:auto;
    width:100%;
    z-index: 2;
    overscroll-behavior: none;
    touch-action: none;	
}
div.pd-fullscreen-window-container {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    pointer-events: none;
    overscroll-behavior: none;
    touch-action: none;	
}
div.pd-fullscreen-window-container.fullscreen-pointer-events {
    pointer-events: auto;
}
div.pd-fs-webcam-container {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: #000000;
}
video.pd-fs-webcam {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
div.pd-fs-webcam-selector {
    position:absolute;
    top: 2em;
    bottom: auto;
    left:50%;
    right: auto;
    opacity: 0.25;
}
#pd-webcam-popup {
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    right: auto;
    top: auto;
    min-width: 3em;
    min-height: 3em;
    width: 12em;
    height: 9em;
}
#pd-webcam-popup_video {
    border-radius: 1em;
}
#pd-webcam-popup {
    background: rgba(0,0,0,0);
}
#pd-webcam-popup_header,
#pd-webcam-popup_footer {
    opacity: 0;
}
#pd-webcam-popup_content {
    top:0;
    height: 100%
}
#pd-webcam-popup_header:hover,
#pd-webcam-popup_footer:hover {
    opacity: 1;
}
#pd-webcam-popup div.pd-fs-webcam-selector {
    top:1em;
    left:0;
    opacity: 0;
}
#pd-webcam-popup div.pd-fs-webcam-selector:hover ,
div.pd-fs-webcam-selector:hover {
    opacity: 1;
}
div.pd-fs-webcam-selector select {
    background: rgba(255,255,255,1);
    color: rgba(0,0,0,1);
    border-radius: 0.5em;
}
div.pd-help-question {
    display: inline-block;
    width: 3em;
    height: 3em;
    margin-right: 1em;
}
div.ctab-theme-black-on-white div.pd-help-question.ctab-svg span.svg {
    width: 3em;
    height: 3em;
    background-color: transparent;
}
div.pd-help-text {
    display: inline-block;
    width: calc(100% - 4em);
}
.ctab-svg.pd-question .svg {
    background: url("../svg/question.svg") no-repeat;
    background-size: cover;
}
.ctab-svg.pd-red-dot .svg {
    background: url("../svg/red-dot.svg") no-repeat;
    background-size: cover;
}
.ctab-svg.pd-red-stop .svg {
    background: url("../svg/red-stop.svg") no-repeat;
    background-size: cover;
}
#pd_video_counter {
    position: absolute;
    top: calc(50% - 6em);
    bottom: calc(50% - 6em);
    left: calc(50% - 3em);
    right: calc(50% - 3em);
    z-index: 1000000;
    background: rgba(255,255,255,0.75);
    color: #000000;
}
#pd_video_counter div.counter {
    position: absolute;
    margin: 0;
    top: 0;
    left:0;
    font-size: 10em;
    height: 1em;
}
#pd_video_counter div.info {
    position: absolute;
    top: auto;
    height: 1.5em;
    left: 0;
    right: 0;
    bottom: 1.5em;
    font-size: 0.5em;
}
#video_save-popup {
    top:2em;
    left:0.5em;
    bottom: auto;
    right: auto;
    width:24em;
    height: auto;
}
#video_save-content {
    margin-left: 0.5em;
    margin-right: 0.5em;
    width: calc(100% - 1em);
}
.recording-video .hide-when-recording {
    display: none;
}
#pd-menu-help {
    position: fixed;
    pointer-events: none;
    touch-action: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-family: 'Roboto', sans-serif;
    opacity: 0;
    transition: opacity 1s ease;
}
#pd-menu-help div.help-item {
    position: fixed;
    background: #EEEEEE;
    border-width: 0.1em;
    border-style: solid;
    border-radius: 0.5em;
    border-color: #000000;
    color: #000000;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    box-shadow: 0 0.1em 0.25em 0 rgba(0,0,0,0.6), 0 0.2em 0.4em 0 rgba(200,200,200,0.6);
}
#help_menu_svg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#edit-pgb-images-popup {
    top: 1em;
    left: 1em;
    min-width: 20em;
    min-height: 10em;
    height: calc(90% - 2em);
}
#edit-pgb-images-popup-content {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
#edit-pgb-images-add-button {
    position: absolute;
    bottom: 0.5em;
}
#edit-pgb-images-container {
    position: absolute;
    left: 0.5em;
    top: 1.5em;
    height: calc(100% - 6em);
    width: calc(100% - 1em);
    overflow: scroll;
}
div.edit-pgb-images-image-container {
    position: relative;
    top: 0;
    left: 0;
}
div.edit-pgb-images-image-container img {
    position: relative;
    max-width: 100%;
    top: 0;
    left: 0;
}
button.edit-pgb-image-trash {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
}
#pretty-background {
    overflow: hidden;
}
#pretty-background-canvas {
    position: absolute;
    top:0;
    left:0;
    overscroll-behavior: none;
    touch-action: none;
}
#pd_root_fsw_cycle,
#pd_root_fsw_cycle_fs {
    z-index: 3;
}
div#ctab-notification-area.notification-area-papdiger {
    right:42em;
}
div.pd-fullscreen-window-left.pd-fullscreen-window-leftright-tiny,
div.pd-fullscreen-window-right.pd-fullscreen-window-leftright-tiny {
    width: 0.25em;
    height: 20%;
}
div.pd-fullscreen-window-left {
    left:0;
    right:auto;
}
div.pd-fullscreen-window-right {
    left:auto;
    right:0;
}
div.pd-fullscreen-window-left,
div.pd-fullscreen-window-right {
    position: absolute;
    top:0;
    bottom:0;
    background-color: rgba(0,0,0,0);
    cursor: ew-resize;
    width: 1em;
    overscroll-behavior: none;
    touch-action: none;	
}
button.pd-fullscreen-window-cycle,
button.pd-fullscreen-window-cycle-fs,
button.pd-fullscreen-window-close {
    position: absolute;
    top:0;
    bottom:auto;
    left:auto;
    height:1em;
    width:1em;
    cursor: pointer;
    font-size: 1em;
}
button.pd-fullscreen-window-close {
    right:0;
}
button.pd-fullscreen-window-cycle {
    right:1.4em;
}
button.pd-fullscreen-window-cycle-fs {
    right:2.8em;
}
button.pd-fullscreen-window-cycle span.svg,
button.pd-fullscreen-window-cycle-fs span.svg,
button.pd-fullscreen-window-close span.svg {
    width: 0.8em;
    height: 0.8em;
}
div#papdigercanvascontainer {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: #FFFFFF;
    overscroll-behavior: none;
}
div#papdigercanvascontainer:focus {
    outline:none;
}
canvas#papdigercanvascanvas {
    position: absolute;
    touch-action: none;
    overscroll-behavior: none;		
}
canvas#papdigercanvascanvastmp,
canvas#papdigercanvascanvascode {
    position: absolute;
    touch-action: none;
    pointer-events: none;
    overscroll-behavior: none;
}
canvas#papdigeroffscreencanvas {
    background-color: #FFFFFF;
}
#papdiger_transient_message_popup {
    top:2em;
    left:2em;
    right: auto;
    bottom: auto;
    height:12em;
    min-width: 10em;
    max-width: 30em;
}
#papdiger_transient_message {
    margin-left: 0.5em;
    margin-right: 0.5em;
    width: calc(100% - 1em);
    height: calc(100% - 3em);
    top: 0;
    left: 0;
    overflow: auto;
}
#papdiger_transient_message-ok {
    position: absolute;
    left: 0.5em;
    bottom: 0.5em;
    right: auto;
    top: auto;
}
#papdiger_transient_message-cancel {
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    left: auto;
    top: auto;
}
#general_help_popup {
    top:calc(50% - 6em);
    left:calc(50% - 5em);
    right: auto;
    bottom: auto;
    height:12em;
    min-width: 10em;
    max-width: 30em;
}
#general_help_popup > div {
    margin-left: 0.5em;
    margin-right: 0.5em;
    width: calc(100% - 1em);
    margin-top: 1em;
    height: calc(100% - 1em);
    top: 0;
    left: 0;
}
#general_help-ok {
    position: absolute;
    left: 0.5em;
    bottom: 0.5em;
    right: auto;
    top: auto;
}
#general_help-cancel {
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    left: auto;
    top: auto;
}
span.papdiger_notebook_name {
    display: inline-block;
    width: 10em;
}
span.papdiger_note_new_note {
    vertical-align: bottom;
}
span.papdiger_note_new_note span {
    position: relative;
}
div.papdiger_note_preview_text {
    position: absolute;
    top:auto;
    left:0.5em;
    bottom:0;
    right:0.5em;
}
div.papdiger_note_preview {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 10em;
    margin: 0.5em;
    padding: 0.5em;
    border-width: 0.05em;
    border-style: solid;
    border-radius: 0.5em;
    border-color: #ECECEC;
    box-shadow: 0.05em 0.05em 0.1em rgba(100,100,100,0.4), inset 0.05em 0.05em 0.1em rgba(0,0,0,0.4)
}
#pens {
    right:0.5em;
    top:1.5em;
    bottom:auto;
    left:auto;
    min-width:6em;
    max-width:6em;
    min-height:10em;
    max-height:15em;
    opacity:0.66;
}
#pens:hover {
    max-height:90%;
    opacity:1;
    z-index: 1000000 !important;
}
#pens div.ctab-page {
    max-height:15em;
}
#pens div.ctab-page:hover {
    max-height:90%;
}
#pens div.ctab-page div.content {
    margin-top: 1.5em;
    margin-bottom: 1em;
}
span.pen-bak {
    position: relative;
    top: 0.15em;
    height:1em;
    display:inline-block;
}
span.pen-dot {
    border-radius: 50%;
    display:inline-block;
    position: relative;
}
#pens button {
    cursor: pointer;
}
ul.ctab-menulist li button.ctab-svg.ctab-pen.ctab-pen-menu-pen span.svg {
    font-size: 0.9em;
    height:0.9em;
    width:0.9em;
    top:0.0em;
    left:0.4em;
}
#about_papdiger {
    top: 2em;
    left: 2em;
    right:auto;
    bottom:auto;
    width: calc(256px + 4em);
    height:calc(256px + 10em);
}
#about_papdiger div.content div {
    margin-left: auto;
    margin-right: auto;
    width: 256px;
}
#about_papdiger div.content p {
    margin-left: 1em;
    width: calc(100% - 1em);
}
div.papdiger-player #about_papdiger {
    width: calc(64px + 4em);
    height:calc(64px + 5em);
}
div.papdiger-player #about_papdiger div.content div {
    width: 64px;
}
#papdiger_text_input,
#papdiger_table_input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    opacity: 0;
    /* background: #000000; */
}
#papdiger_text_input_area,
#papdiger_table_input_area {
    opacity:0;
}
#pen_edit {
    right:7.5em;
    top:2em;
    bottom:auto;
    left:auto;
    width:23em;
    height:20em;
}
.pen-slide-container {
    width:100%;
}
.pen-slide-container label {
    min-width:19%;
    margin-top: 1em;
    display: inline-block;
}
.pen-slider {
    display: inline-block;
    -webkit-appearance: none;
    appearance: none;
    width: 70%;
    height: 1em;
    margin-top: 1em;
    background: #cccccc;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.pen-slider:hover {
    opacity: 1;
}
.pen-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    cursor: pointer;
}
.pen-slider-r::-webkit-slider-thumb {
    background: #FF0000;
}
.pen-slider-g::-webkit-slider-thumb {
    background: #00FF00;
}
.pen-slider-b::-webkit-slider-thumb {
    background: #0000FF;
}
.pen-slider-a::-webkit-slider-thumb,
.pen-slider-lw::-webkit-slider-thumb {
    background: #222222;
}
.pen-slider::-moz-range-thumb {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    cursor: pointer;
}
.pen-slider-r::-moz-range-thumb {
    background: #FF0000;
}
.pen-slider-g::-moz-range-thumb {
    background: #00FF00;
}
.pen-slider-b::-moz-range-thumb {
    background: #0000FF;
}
.pen-slider-a::-moz-range-thumb,
.pen-slider-lw::-moz-range-thumb {
    background: #222222;
}
#pen-edit-pen-view {
    margin-left: 1em;
}
#pen-form-ok {
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    left: auto;
    top: auto;
}
#change-notebook-name {
    right:auto;
    left:1em;
    top:2em;
    bottom:auto;
    width:25em;
    height:7em;
}
#change-notebook-name-form-ok {
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    left: auto;
    top: auto;
}
#change-notebook-name-form {
    margin-top: 0.5em;
}
#notes-popup,
#notebooks-popup {
    width: calc(100% - 9em);
    min-width: 20em;
    top:2em;
    left:1em;
    bottom:2em;
}
#gadgets {
    font-size: 1em;
    right: 14.5em;
    top: 1em;
    left:auto;
    bottom:auto;
}
#tray-window {
    font-size: 0.75em;
    left:auto;
    bottom: auto;
    top:22.67em;
    right:0.67em;
    width:4em;
    min-height: 3em;
    max-height: 50%;
    opacity:0.66;
}
#tray-window.activate-hover:hover {
    max-height: 95%;
    min-height:5em;
    opacity:1;
    z-index: 1000000 !important;	
}
#tray_window_content {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}
#tray-window div.ctab-page {
    max-height: 35em;
    min-height: 5em;
}
#tray-window div.ctab-page:hover {
    max-height: 75%;
}
#pd-tray-apps-menu {
    min-width: 14em;
}
div.pd-tray-item {
    display: inline-block;
    margin: 0.2em;
    cursor: pointer;
}
div.pd-tray-item span.ctab-svg span {
    width: 2em;
    height: 2em;
    margin: 0.5em;
}
div.pd-embed-window div div.content {
    width:100%;
    height:100%;
}
#toolbar,
#minitoolbar {
    font-size: 0.75em;
    top:0em;
    left:auto;
    bottom:auto;
    overflow: hidden;
}
#toolbar {
    right:13em;
}
#minitoolbar {
    right:16em;
}
#toolbar button span,
#minitoolbar button span {
    margin-left: 0.25em;
    margin-right:0.25em;
    margin-bottom: 0.1em;
    cursor: pointer;
}
#gadgets button span {
    cursor: pointer;
}
#insert-image-popup {
    right:14em;
    left:auto;
    top:2em;
    bottom:auto;
    width:2.8em;
    height:2.8em;
}
#papdiger-backup-popup,
#papdiger-download-note-popup {
    right:auto;
    left:0em;
    top:2em;
    bottom:auto;
    width:22em;
    height:8em;
}
#papdiger-restore-popup,
#insert-pbg-image-popup {
    right:auto;
    left:0em;
    top:2em;
    bottom:auto;
    width:2.8em;
    height:2.8em;
}
#insert-link,
#edit-link,
#youtube-clip-popup {
    left:0.5em;
    right:auto;
    top:2em;
    bottom:auto;
    height:6.5em;
    width:22em;
}
#insert-link-form-ok,
#edit-link-form-ok,
#youtube-clip-form-ok {
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    left: auto;
    top: auto;
}
#fg-clock-popup {
    position: absolute;
    bottom: auto;
    left: auto;
    top: 2em;
    right: 9em;
    width: 20em;
    height: 5.5em;
}
#bg-clock-gadget {
    position: absolute;
    bottom: auto;
    left: -0.125em;
    top: -0.125em;
    right: auto;
    width: 100%;
    height: 100%;
    border-radius: 1em;
}
#bg-clock-gadget_shadow {
    position: absolute;
    bottom: auto;
    left: 2.125em;
    top: 10.125em;
    right: auto;
    width: 32em;
    height: 6.5em;
    border-radius: 1em;
    display: none;
}
#bg-clock-gadget_shadow div,
#bg-alarm-gadget_shadow div,
#bg-calendar-gadget_shadow div {
    background-color: rgba(0,0,0,0.6);
    height: 100%;
    width: 100%;
    border-radius: 1em;
    filter: blur(0.25em);
}
#fg-analog-clock-popup {
    position: absolute;
    bottom: auto;
    left: auto;
    top: 8em;
    right: 9em;
    width: calc(100% - 9em);
    height: calc(100% - 30em);
    max-height: 21em;
    max-width: 20em;
    min-height: 3em;
    min-width: 1em;
}
#fg-analog-clock-gadget-static-shadow,
#fg-analog-clock-gadget-static,
#fg-analog-clock-gadget-dynamic-shadow,
#fg-analog-clock-gadget-dynamic,
#fg-analog-clock-gadget {
    position: absolute;
    width: 100%;
    height: 100%;
}
#fg-analog-clock-gadget-dynamic-seconds-shadow,
#fg-analog-clock-gadget-dynamic-seconds {
    position: absolute;
    left: calc(50% - 2px);
}
#fg-analog-clock-gadget-dynamic-seconds {
    background-color: rgba(0,0,0,1);
    border-radius: 1em;
    border-style: solid;
    border-color: rgba(0,0,0,1);
    border-width: 0;
}
#bg-analog-clock-gadget-dynamic-seconds-shadow {
    position: absolute;
    left: calc(50% + 2px);
    background-color: rgba(0,0,0,0.6);
    filter: blur(0.25em);
}
#bg-analog-clock-gadget-dynamic-seconds {
    position: absolute;
    left: calc(50% - 2px);
    background-color: rgba(255,255,255,0.6);
    border-radius: 1em;
    border-style: solid;
    border-color: rgba(255,255,255,0.6);
    border-width: 0;
}
#bg-analog-clock-gadget-static-shadow,
#bg-analog-clock-gadget-dynamic-shadow,
#bg-analog-clock-gadget-static,
#bg-analog-clock-gadget-dynamic {
    position: absolute;
    width: 100%;
    height: 100%;
}
#bg-analog-clock-gadget {
    position: absolute;
    bottom: auto;
    left: 17em;
    top: 17em;
    right: auto;
    min-width: 3em;
    min-height: 3em;
    width: calc(100% - 19em);
    height: calc(100% - 18em);
    border-radius: 1em;
    display: none;
    pointer-events: none;
    touch-action: none;
}
#fg-alarm-popup.ctab-top-content .ctab-page > div.content {
    font-size: 1em;
}
#fg-alarm-popup {
    position: absolute;
    bottom: auto;
    left: 2em;
    top: 2em;
    right: auto;
    width: 27em;
    height: 7.5em;
}
#bg-alarm-gadget {
    position: absolute;
    bottom: auto;
    left: 1em;
    top: 1em;
    right: auto;
    width: 36em;
    height: 8.5em;
    border-radius: 1em;
    display: none;
}
#bg-alarm-gadget_shadow,
#fg-alarm-gadget_shadow {
    position: relative;
    bottom: auto;
    left: 0.125em;
    top: 0.125em;
    right: auto;
    border-radius: 1em;
}
#fg-alarm-gadget_canvas,
#bg-alarm-gadget_canvas {
    border-radius: 1em;
    position: absolute;
    left: -0.125em;
    top: -0.125em;
    right: auto;
    bottom: auto;
}
#fg-calendar-popup {
    position: absolute;
    top: auto;
    bottom: 1em;
    left: auto;
    right: 2em;
    height: calc(100% - 26em);
    width: 20em;
    max-width: 20em;
    max-height: 20em;
    min-width: 3em;
    min-height: 3em;
}
#bg-calendar-gadget {
    position: absolute;
    bottom: auto;
    left: -0.125em;
    top: -0.125em;
    right: auto;
    width: 100%;
    height: 100%;
    border-radius: 1em;
}
#bg-calendar-gadget_shadow {
    position: absolute;
    bottom: auto;
    right: 1.875em;
    top: 6.125em;
    left: auto;
    width:calc(100% - 10em);
    max-width: 20em;
    max-height: 20em;
    height: calc(100% - 7em);
    border-radius: 1em;
    display: none;
}
#fg-calendar-popup,
#fg-clock-popup,
#fg-alarm-popup,
#fg-analog-clock-popup {
    background: rgba(255,255,255,0.75);
}
div.alarm-buttons div.alarm-change {
    font-size: 0.75em;
    display: inline-block;
    position: absolute;
    bottom:auto;
    right:auto;
    cursor: pointer;
}
div.alarm-play-button {
    left:-1em;
    cursor: pointer;
}
div.alarm-container {
    display: inline-block;
}
div.alarm-view-image {
    font-size: 1.5em;
    display: inline-block;
    z-index: 100;
}
div.alarm-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#settings-popup {
    top:2em;
    left:0.5em;
    bottom: 2em;
    right: auto;
    width:24em;
}
#settings-form-ok {
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    left: auto;
    top: auto;
}
.settings-slider {
    display: inline-block;
    -webkit-appearance: none;
    appearance: none;
    width: 50%;
    height: 1em;
    margin-top: 1em;
    background: #cccccc;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.settings-slider:hover {
    opacity: 1;
}
.settings-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    cursor: pointer;
}
.settings-slider::-webkit-slider-thumb {
    background: #222222;
}
.settings-slider::-moz-range-thumb {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    cursor: pointer;
}
.settings-slider::-moz-range-thumb {
    background: #222222;
}
#insert-code-button-popup,
#insert-basic-code-button-popup {
    right:auto;
    bottom:auto;
    width:2em;
    height:2em;
}
#insert-code-button-button span,
#insert-basic-code-button-button span {
    width:1.5em;
    height:1.5em;
    margin:0.25em;
}
#cookie-consent-popup {
    top:2em;
    left:1em;
    bottom: auto;
    right: auto;
    width:26em;
    height:16em;
}
#cookie-consent-content,
#settings-content,
#notebooks_popup_content {
    margin-left:0.5em;
    margin-right:0.5em;
    width: calc(100% - 1em);
}
#cookie-consent-content p {
    text-align: justify;
}
#cookie-consent-buttons {
    display: flex;
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    width: calc(100% - 1em);
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
#pd-performance-monitor {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100000;
    height: 2px;
    width: 50px;
    left: auto;
    bottom: auto;
}
#pd-performance-monitor canvas {
    margin: 0;
    padding: 0;
    position: absolute;
    height: 2px;
    width: 50px;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
}
.pd-attention {
    pointer-events: auto;
}
div.ctab-theme-black-on-white .ctab-svg.pd-document-basic .svg {
    background-color: transparent;
    background: url("../svg/bascode.svg") no-repeat;
    background-size: cover;
}
/* this is stupid anyway
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi) {
    #toolbar,
    #minitoolbar {
	font-size: 0.9em;
    }
    #gadgets {
	font-size: 1.3333em;
    }
    div#ctab-notification-area.notification-area-papdiger {
	font-size: 1.3333em;
	right: 38em;
    }
    #pens {
	right: 3.5em;
	top: 2.5em;
    }
    #tray-window,
    #tray {
	right: 4.67em;
    }
    #fg-calendar-popup {
	right:3.5em;
    }
    #fg-clock-popup,
    #fg-analog-clock-popup {
	right:10em;
    }
    div.ctab-svg-button button.pd-fullscreen-window-cycle,
    div.ctab-svg-button button.pd-fullscreen-window-cycle-fs,
    div.ctab-svg-button button.pd-fullscreen-window-close {
	font-size: 1.5em;
	height:1.5em;
	width:1.5em;
    }
} */
@media screen and (max-width: 100em) {
    #bg-analog-clock-gadget {
	left: 10em;
    }
}
@media screen and (max-width: 80em) {
    #bg-analog-clock-gadget {
	left: 1em;
    }
}
@media screen and (max-width: 60em) {
    #cookie-consent-popup {
	top:1em;
	left:1em;
	bottom: auto;
	right: auto;
	width:16em;
	height:24em;
    }
    #bg-calendar-gadget_shadow {
	width:calc(100% - 10em);
	max-width: 16em;
	height: calc(100% - 7em);
    }
    #bg-clock-gadget_shadow {
	width: 20em;
	height: 4em;
	top: 8em;
    }
    #bg-alarm-gadget {
	left: 0.5em;
	width: 26em;
	height:6em;
	top: 1em;
    }
    #bg-analog-clock-gadget {
	left: 1em;
	width: calc(100% - 19em);
	height: calc(100% - 18em);
    }
    #fg-clock-popup {
	right:auto;
	left:0.5em;
	top:2em;
	height:4em;
	width:16em;
    }
    #fg-analog-clock-popup {
	right:auto;
	left:0.5em;
	top:13.5em;
	max-height:17em;
	max-width:16em;
	height: calc(100% - 15em);
	width: calc(100% - 17em);
    }
    #fg-calendar-popup {
	right:0.5em;
	left:auto;
	height: calc(100% - 20em);
	width: 16em;
	max-width: 16em;
	max-height: 16em;
	bottom: 0.5em;
    }
    #fg-alarm-popup {
	right:auto;
	left:0.5em;
	height:6.5em;
	width:21em;
	top: 6.5em;
    }
    div.ctab-svg-button button.pd-fullscreen-window-cycle,
    div.ctab-svg-button button.pd-fullscreen-window-cycle-fs,
    div.ctab-svg-button button.pd-fullscreen-window-close {
	font-size: 1.2em;
	height:1.2em;
	width:1.2em;
    }
}
@media screen and (max-width: 56em) {
    #toolbar,
    #minitoolbar {
	font-size: 0.75em;
    }
    #gadgets {
	font-size: 1em;
    }
    div#ctab-notification-area.notification-area-papdiger {	
	font-size: 1em;
    	right: 42em;
    }
    #pens {
	right: 0.5em;
	top: 1.5em;
    }
    #tray-window {
	right: 0.5em;
    }
    #fg-calendar-popup {
	right:2em;
    }
    #fg-clock-popup,
    #fg-analog-clock-popup {
	right:9em;
    }
    div.ctab-svg-button button.pd-fullscreen-window-cycle,
    div.ctab-svg-button button.pd-fullscreen-window-cycle-fs,
    div.ctab-svg-button button.pd-fullscreen-window-close {
	font-size: 1em;
	height:1em;
	width:1em;
    }
}

@media screen and (max-width: 46em) {
    #insert-image-popup {
	right:2.8em;
	top:8em;
    }
    #pens {
	right:2.5em;
    }
    #tray-window {
	right:3.33em;
    }
    #pen_edit {
	left:0.5em;
	right:auto;
    }
    #toolbar {
	right:0em;
	top:2em;
    }
    #minitoolbar {
	right: 0em;
	top:20em;
    }
    div#ctab-notification-area.notification-area-papdiger {
	right:7em;
    }
    #gadgets {
	right: 0.5em;
	top: 16em;
    }
    #gadgets ul.ctab-menulist li {
	display: inline-block;
    }
    #toolbar ul.ctab-menulist.ctab-menulist-horizontal li,
    #minitoolbar ul.ctab-menulist.ctab-menulist-horizontal li {
	display: block;
    }
    #toolbar ul.ctab-menulist.ctab-menulist-horizontal li button,
    #minitoolbar ul.ctab-menulist.ctab-menulist-horizontal li button {
	font-size: 1.5em;
	border-radius: 0em;
	border-left-width: 0.15em;
	border-right-width: 0.15em;
	border-top-width: 0.075em;
	border-bottom-width: 0.075em;
	border-style: solid;
	margin: 0;
	padding-top: 0;
	padding-left: 0.15em;
	padding-bottom: 0;
	padding-right: 0.15em;
	width: 100%;
	height: 100%;
	text-align: left;
    }
    #toolbar ul.ctab-menulist.ctab-menulist-horizontal li:first-child button,
    #minitoolbar ul.ctab-menulist.ctab-menulist-horizontal li:first-child button {
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	border-top-width: 0.15em;
    }
    #toolbar ul.ctab-menulist.ctab-menulist-horizontal li:last-child button,
    #minitoolbar ul.ctab-menulist.ctab-menulist-horizontal li:last-child button {
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	border-bottom-width: 0.15em;
    }
    #toolbar .ctab-menu-thin ul.ctab-menulist.ctab-menulist-horizontal li button,
    #minitoolbar .ctab-menu-thin ul.ctab-menulist.ctab-menulist-horizontal li button {
	border-left-width: 0.075em;
	border-right-width: 0.075em;
	padding-left: 0.075em;
	padding-right: 0.075em;
	border-top-width: 0.075em;
	border-bottom-width: 0.075em;
    }
    #gadgets ul.ctab-menulist li:first-child button {
	border-top-left-radius: 0.15em;
	border-top-right-radius: 0.15em;
	border-top-width: 0.075em;
    }
    #gadgets ul.ctab-menulist li:last-child button {
	border-bottom-left-radius: 0.15em;
	border-bottom-right-radius: 0.15em;
	border-bottom-width: 0.075em;
    }
    #bg-clock-gadget_shadow {
	left: 0.5em;
	height: 4em;
	width: 20em;
	top:7.5em;
    }
    #fg-calendar-popup {
	right:2.5em;
	width: calc(100% - 16em);
	height: calc(100% - 16em);
    }
    #bg-calendar-gadget_shadow {
	left:0.5em;
	height: calc(100% - 13em);
	width:calc(100% - 14em);
	min-width: 3em;
	max-width: 16em;
	top:12.5em;
    }
    #bg-alarm-gadget {
	left: 0.5em;
	top:1em;
    }
    #bg-analog-clock-gadget {
	right: 0.5em;
	left: auto;
	top: auto;
	bottom: 0.5em;
	width: calc(100% - 18em);
	height: calc(100% - 12em);
    }
    div.ctab-svg-button button.pd-fullscreen-window-cycle,
    div.ctab-svg-button button.pd-fullscreen-window-cycle-fs,
    div.ctab-svg-button button.pd-fullscreen-window-close {
	font-size: 1.3333em;
	height:1.3333em;
	width:1.3333em;
    }
}
@media screen and (max-width: 28em) {
    #bg-alarm-gadget {
	width:21em;
	height:5.2em;
    }
    #bg-analog-clock-gadget {
	width: calc(100% - 16em);
	height: calc(100% - 22em);
    }
}
@media screen and (max-height: 35em) {
    #toolbar,
    #minitoolbar {
	font-size: 0.7em;
    }
    #gadgets {
	font-size: 0.93em;
    }
    div#ctab-notification-area.notification-area-papdiger {
	font-size: 0.93em;
	right: 44em;
    }
}
@media screen and (max-height: 25em) {
    #toolbar,
    #minitoolbar {
	font-size: 0.5em;
    }
    #gadgets {
	font-size: 0.67em;
    }
    div#ctab-notification-area.notification-area-papdiger {
	font-size: 0.67em;
	right: 46em;
    }
}
@media screen and (max-height: 35em) and (max-width: 46em) {
    div#ctab-notification-area.notification-area-papdiger {
	right: 10em;
    }
}
.papdiger-faded #bg-clock-gadget_shadow,
.papdiger-faded #bg-analog-clock-gadget,
.papdiger-faded #bg-calendar-gadget_shadow,
.papdiger-faded #bg-alarm-gadget {
    opacity: 0.25;
}
.papdiger-faded #bg-clock-gadget_shadow,
.papdiger-faded #bg-calendar-gadget_shadow {
    font-size: 0.3em;
}
.papdiger-faded #bg-alarm-gadget {
    font-size: 0.35em;
    left: 1.71429em;
    top: 8.em;
}
.papdiger-faded #bg-analog-clock-gadget {
    font-size: 0.3em;
    top: 0.5em;
    left: 42em;
    height: 16em;
    width: 16em;
}
.papdiger-faded.papdiger-side-by-side-gadget #bg-alarm-gadget {
    font-size: 0.35em;
    left: 32em;
    top: 4.1em;
}
.papdiger-faded #bg-clock-gadget_shadow:hover,
.papdiger-faded #bg-analog-clock-gadget:hover,
.papdiger-faded #bg-calendar-gadget_shadow:hover,
.papdiger-faded #bg-alarm-gadget:hover {
    opacity: 1;
}