@import url("/css1/library/roundicons/roundicons_styles.css");

@font-face {
    font-family: 'RoundiconsSmiley';
    src: url(/fonts/roundicons_smiley.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


fieldset {
    border-width: 0;
}

/* page */
.page {
    margin: 0 auto;
    padding: 25px;
}

.intro, .end {
    border-style: dotted;
    border-width: 1px 0;
    padding: 1em;
    margin: 0.5em 15px;
}

/* forms */
.lplt-cal-button, legend {
    display: none;
    visibility: hidden;
}

.rowclass {
    margin: 0 0 1rem 0;
    padding: 1rem 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;

    >label {

        font-size: 120%;
        font-weight: 600;
        margin-block-end: 0.5rem;
        flex:none;

        +input[type="text"] {
            flex: none;
        }
    }
}


label {
    display: inline-block;
    margin:0 0.5rem;
    flex: 1;
    vertical-align: top;
    min-width: 15rem;
    max-width: 95%;
}

label.required:after {
    content: "*";
}

.actionbuttons {
    text-align: center;
}

.lplt-form-outcome-notes {
    display: block;
    margin-left: 5%;
}

li {
    list-style: inside;
}

ol li {
    list-style-type: decimal;
}

strong {
    font-weight: bold;
}

.rowclass.odd {
    background-color: #f3f2f2;
}

.gobutton {
    display: none;
}

input, select, textarea {

    border: 1px solid;
    margin: 0 1em;
    flex: 2;
    place-self: flex-start;
    min-width: 20rem;
}

input[type="checkbox"], input[type="radio"] {
    width: 2rem;
    min-width: 2rem;
    margin: 0;
}

.optiongroup {
    flex: 2;
    margin: 0 1em;
}

.optiongroup label {
    width: 100%;
    padding: 0.5rem 0;
}

.hint {
    display: block;
    padding-left: 10%;
    font-size: 95%;
}

form label.lplt-image-radios {
    display: inline-block;
    width: auto;
    cursor: pointer;
    text-align: center;
    padding: 0 1em;
}

.lplt-image-radios input {
    visibility: hidden;
    display: none;
}

.lplt-image-radios span {
    filter: grayscale(1);
}

.lplt-image-radios :checked + span.lplt-image-container {
    filter: drop-shadow(2px 4px 6px black);
}

.lplt-image-radios .lplt-text-label {
    display: block;
    text-align: center;
}

form.mycaw {
    .lplt-image-radios-outer {
        display:grid;
        margin-block-start: 1rem;
        grid-template-columns: repeat(7, minmax(50px, 1fr));
        align-items: start;

        .lplt-image-radios {
            min-width:auto;
            display:inline-flex;
            flex-direction:column;
            align-items:center;
            margin-right: 0;

            span.lplt-image-container , .icon {
                margin-right: 0;
            }

            :checked + span.lplt-image-container {
                border-radius: 50%;
                border: 5px red solid;
                xmargin-top: -5px;
                xmargin-bottom: -5px;
                filter: none;

                span {
                    filter:none;
                }
            }
        }
    }
    div:has(>.lplt-form-outcome-comment) {
        display:none;
    }
    .lplt-form-outcome-notes {
        margin-top: 1rem;

    }
}


/* smaller screen layout */
@media screen and (max-width: 800px) {

    img {
        max-height: 80px;
    }

    h1 {
        display: inline-block;
        margin-left: 0.67em;
    }

    .page {
        padding: 0;
    }

    fieldset {
        padding: 0;
    }

    dd {
        margin-inline-start: 0;
    }

    form label {
        width: 100%;
    }

    form input, form select, form textarea {
        width: 95%;
    }

    form select[id*="_day"],
    select[id*="_month"],
    select[id*="_year"],
    select[id*="_hour"],
    select[id*="_minute"] {
        width: auto;
    }

    .optiongroup {
        margin-left: 5%;
    }

}

.datain-llfooter {
    display: block;
    visibility: visible;
    background-color: #fff;
    padding: 10px;
}