ul.relations_form_fields > li {
    margin-bottom: 15px;
    font-size: 0;
}
ul.relations_form_fields > li div {
    font-size: 13px;
    vertical-align: top;
}
ul.relations_form_fields li .field_title {
    display: inline-block;
    width: 25%;
}
ul.relations_form_fields li .field_element {
    display: inline-block;
    width: 75%;
}
ul.relations_form_fields label {
    display: inline-block;
    width: 100%;
}
ul.relations_form_fields .description {
    margin-top: 15px;
    display: block;
    font-size: 11px;
}
ul.relations_form_fields input,
ul.relations_form_fields textarea,
ul.relations_form_fields select {
    min-width: 300px;
}
.relation_field.inject_paragraph_number,
.relation_field.custom_posts {
    display: none;
}
#relations_custom_display_type {
    text-align: left;
    direction: ltr;
}
.relations_code {
    direction: ltr;
    text-align: left;
}
#relations_template {
    width: 100%;
}
select.relations_select {
    min-width: 250px;
}
.custom_display_type {
    border-bottom: 1px dashed #eee;
}
.custom_display_type textarea {
    width: 100%;
    padding-bottom: 10px;
    direction: ltr;
    text-align: left;
}


#poststuff div#relations_template_shortcode .inside {
    position: relative;
}
#poststuff div#relations_template_shortcode .inside:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255,255,255,0.8);
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
    z-index: 9;
}
#poststuff div#relations_template_shortcode .inside:after {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: 'Available in pro version';
    font-size: 20px;
    width: 100%;
    font-weight: bold;
    padding: 0 10px;
    text-align: center;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
    z-index: 10;
}
#poststuff div#relations_template_shortcode .inside:hover:before,
#poststuff div#relations_template_shortcode .inside:hover:after {
    opacity: 1;
}