/*Edit Screen*/
#film-meta, #relatedobj2-meta{background-color:aliceblue;}
#film-meta .row .label,#relatedobj2-meta .row .label{font-weight:bold;margin-top:10px; margin-left:8px;}
#film-meta .row .label span,#relatedobj2-meta  .row .label span{font-weight:normal;color:#a2a2a2;margin-left:5px;}
#film-meta input[type=text],#film-meta input[type=url],#relatedobj2-meta input[type=text],#relatedobj2-meta input[type=url]{width:100%;border:1px solid #e5e5e5}
#film-meta input[type=checkbox],#relatedobj2-meta input[type=checkbox]{margin-left:10px;border:1px solid #e5e5e5}
#film-meta #datepick-date,#document-meta #datepick-period,#relatedobj2-meta #datepick-date{width:49.1%;}
.row.related_object .field-label,
.row.related_object .field-description, 
.row.related_object2 .field-label,
.row.related_object2 .field-description{background-color:#F1F8FE;}

#relheader{cursor:default;}
#relheader #related_toggle{font-size:12px;}
#relheader.data .drawer-btn{cursor:pointer;}
#relheader.data{display:block;}
#relheader .material-icons:before{content:'add'}
#relheader.relhead-open .material-icons:before{content:'remove'}

#relheader .drawer-btn{
    font-size:14px;
    float: right;
    border: 1px solid #efefef;
    padding: 2px 2px 2px 8px;
    margin-top:-10px; 
    border-radius:4px;      
}
#relcontent{margin-bottom:20px;}

/*#relcontent div.rellabel{/*width:200px;*/font-weight: bold; display: inline-block; margin-top: 5px;}
#relcontent div.relvalue{float:right; margin-top: 5px;text-align: initial;flex:1;}/*Except for description if chosen*/
.relrow{display:block;}
#relcontent .relpost{padding:15px; border-bottom:1px dashed #cecece;}
@media screen and (max-width: 780px){
    #relcontent div.relvalue{text-align:left;width:100%;float:none;}
}*/
#relcontent div.rellabel{
    font-weight: bold; 
    display: inline-block; 
    margin-top: 5px;
}
#relcontent div.relvalue{
    margin-top: 5px;
    /*flex:1;*/
}
.relrow{
    display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#relcontent .relpost{
    padding:0 15px 15px 5px; 
    border-bottom:1px dashed #cecece;
}
#relcontent div.rellabel{
    font-weight: bold; 
    display: inline-block; 
    margin-top: 5px;
    flex:1;
}
.relvalue .responsive-media{min-width:300px;}
#related-video.clasvideo{border:1px dotted #cecece;height:193px;overflow:hidden;min-height:193px;min-width:300px;}