/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.tp-inline{
    width: 100%;
    max-width: 800px;
    max-height: 400px !important;
    padding: 20px;
    background: #ffffff;
    overflow-y: scroll;
}
.admin-bar .lity-close, .admin-bar .lity-close:active, .admin-bar .lity-close:focus, .admin-bar .lity-close:hover, .admin-bar .lity-close:visited{
    top:32px;
}
.tp-inline {
    overflow-y: scroll;
    border: 1px solid rgba(0,0,0,0.25)
}


.tp-inline::-webkit-scrollbar {
    width: 10px;
}

.tp-inline::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    background-color: #222;
}

.tp-inline::-webkit-scrollbar-thumb {
    background-color: #f5f5f5;
    outline: 1px solid slategrey;
}

@media screen and (min-width: 768px){
    .tp-inline{
        max-height: 500px !important;
    }

}