.component_page_viewerpage .page_container > div{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.component_formbuilder{
    height: 100%;

    .component_container{
        margin-top: 10px;
        margin-bottom: 40px;
        label{ font-size: 0.94em; }
    }
    .component_input, .component_textarea, select{
        font-size: 1.1em;
        border-radius: 2px;
        background: white;
        padding-left: 5px;
        border: 1px solid rgba(70, 99, 114, 0.1);
        transition: 0.1s ease border;
        &:hover{ border: 1px solid rgba(70, 99, 114, 0.2); }
        &:focus{ border: 1px solid var(--primary); }
    }
    .component_button{
        margin-top: 10px;
        border: 1px solid var(--emphasis-primary);
    }

    select{
        width: 100%;
        margin: 0 0 8px 0;
        padding: 5px 0px 5px 0px;
        color: inherit;
        &:hover, &:focus, &:active{outline: none;}
    }
}
