.list.list-group-title {
    background-color: rgba(0, 0, 0, 0);
}

.md .color-theme-timblue .tim-form .item-input-wrap:after {
    background-color: rgba(66, 98, 129, 0.800) !important;
}

.md .color-theme-timblue .tim-form .item-input-wrap {
    background-color: rgba(66, 98, 129, 0.1) !important;
}

.md .color-theme-timblue .tim-form .item-input-focused .item-input-wrap {
    background: rgba(0, 0, 0, 0) !important;
}

.ios .ios-no-bounce {
    -webkit-overflow-scrolling: auto !important;
}

/* clockpicker und calculator */

.clockpicker-canvas {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.clockpicker-plate .clockpicker-dial .clockpicker-tick {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #666;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0, 150, 136, 0);
    border-radius: 50%;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
}

.clockpicker-plate .clockpicker-canvas,
.clockpicker-plate .clockpicker-dial {
    position: absolute;
    top: -1px;
    left: -1px;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.clockpicker-canvas-fg {
    fill: rgba(0, 77, 64, 0);
    stroke: none;
}

.clockpicker-canvas-bg {
    fill: rgba(0, 150, 136, 0.25);
    stroke: none;
}

.clockpicker-canvas-bearing {
    fill: rgba(0, 77, 64, 0.75);
    stroke: none;
}

.clockpicker-display {
    width: 100%;
    display: inline-block;
    font-size: 4.375rem;
    color: #b2dfdb;
    text-align: center;
    vertical-align: middle;
    font-weight: 300;
    background-color: #4285f4;
}

.picker__calendar-container {
    padding: 8px;
}

.clockpicker-plate {
    position: relative;
    margin: auto;
    margin-top: auto;
    margin-top: 0;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #eee;
    border-radius: 50%;
}

.clockpicker-box {
    padding: 0;
    overflow: hidden;
    border-radius: .125rem;
}

*,
::before,
::after {
    box-sizing: border-box;
}

.clockpicker-canvas line {
    stroke: rgba(0, 150, 136, 0.25);
    stroke-width: 1;
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.clock-digit-selected {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    color: #fff !important;
}

.clockpicker-hours.clockpicker-dial-out {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    animation-duration: 500ms;
}

.clockpicker-plate .clockpicker-dial-out {
    opacity: 0;
}

.clockpicker-plate .clockpicker-minutes.clockpicker-dial-out {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    animation-duration: 500ms;
}

.clockpicker-plate .clockpicker-dial {
    -webkit-transition: opacity 350ms, -webkit-transform 350ms;
    transition: opacity 350ms, -webkit-transform 350ms;
    transition: transform 350ms, opacity 350ms;
    transition: transform 350ms, opacity 350ms, -webkit-transform 350ms
}

.keypad {}

.keypad-sheet {}

.keypad-buttons {
    height: 2rem;
    margin-left: 1rem;
}

.keypad-button-number {
    width: 2rem;
    height: 2rem;
}

.keypad-button-number span {
    font-size: 1rem;
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: middle;
}

.keypad-display-row {
    padding-left: 32px;
    padding-right: 32px;
    height: 1rem;
    font-kerning: none;
    font-family: "Lucida Console", "Courier New", monospace;
}

.keypad-display {
    font-size: 1rem;
    border-bottom: 1px solid lightblue;
    text-align: left;
}

.keypad-stack {
    font-size: 1rem;
    text-align: right;
}
.with-title-switch {
    width: 100% !important;
}
.md .color-theme-timblue .navbar {
    --f7-navbar-bg-color: #426281;
    --f7-navbar-link-color: white;
    --f7-navbar-text-color: white;
    --f7-navbar-subtitle-text-color: white;			
}
.dark.color-theme-timblue {
    /* --f7-text-color: #0085d1; */
    --f7-theme-color: #6292c0;
}
.markdown-view li {
    list-style-type: disc;
}

.item-content.option-input-opened  .item-title-row {
    margin-bottom: 14px;     
}

.item-content.option-input-opened > .item-inner:before {
    content: var(--f7-accordion-chevron-icon-up);
    font-family: 'framework7-core-icons';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    position: absolute;
    top: 14px;
    width: 8px;
    height: 14px;
    margin-top: 0px;
    font-size: var(--f7-list-chevron-icon-font-size);
    line-height: 14px;
    color: var(--f7-list-chevron-icon-color);
    pointer-events: none;
    right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right) + 4px);
}

.item-content .markdown-view, .item-text.markdown-view {
    -webkit-line-clamp: unset;
    max-height: none;
}