.pointer {
    cursor: pointer;
}

.editable-page-title, .editable-field-title {
    /* border-bottom: 1px solid #777; */
}

.editable-field {
    border: 1px solid #777;
    margin: 5px;
    padding: 10px;
    border-radius: 4px;
}

.editable-field.selected {
    border: 2px solid #2196F3;
}

.editable-field.selected .editable-field-title,
.page .editable-page-title {
    border-bottom: 2px solid #2196F3;
}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    border: 0px solid red;

    height: 100%!important;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
    border: 0px solid green;

    height: 100%!important;
}
.swipe-wrap > div.page {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

    height: 100%!important;
}

.swipe-wrap > div.page .page-content {
    position: absolute;
    top: 15px;
    left: 0px;

    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch!important;

    border: 0px solid red;

    width: 100%;
    height: calc( 100% - 60px )!important;
}


.swipe-wrap > div.page .page-content.keyboard {
    padding-bottom: 50vh!important;
}

.wizard {
    position: relative!important;
    width: 100%!important;
    height: 100%!important;
    border: 0px solid #666;
    margin: auto;
    overflow: hidden;
}
.wizard button {
    border: 0px!important;
    cursor: pointer;
    outline:0!important;
}


/*_________ button bounce ________________*/


@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px) }
    60% {-webkit-transform: translateY(-20px);}
} 
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-20px);}
} 


.bounce {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: bounce;
    animation-name: bounce;
}