.full_screen{
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 100px;
z-index: 9999;
}
.protect{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.download{
display: inline;
text-align: center;
}
.allow_print{
display: inline;
}
.toggle_menu{
display: inline;
}
.bbutton {
margin-bottom: 10px;
}
.bbutton-bottom {
margin-bottom: 10px;
}
.wp_head_example,
.native_style,
.powr_point_style,
.only_excel_viewer,
.g_slides, 
.sleek_pdf_viewer_style {
text-align: center;
margin: 0 auto; 
padding-bottom: 20px;
}
.wp_head_example,
.google_docs,
.google_sheet,
.native_style,
.power_point_viewer,
.only_excel,
.word_style,
.g_slides_styles,
.flip_viewer_style,
.sleek_pdf_viewer_style h3,
.flip_viewer_style h3 {
text-align: center;
}
.df-ui-btn span {
display: block !important;
}
.df-ui-next span {
display: none !important;
position: relative; 
}
.df-ui-next::after {
content: '›';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.df-ui-prev span {
display: none !important;
position: relative; 
}
.df-ui-prev::after {
content: '‹';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.df-ui-outline span {
display: none !important;
position: relative; 
}
.df-ui-outline::after {
content: '☰';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.df-ui-thumbnail span {
display: none !important;
position: relative; 
}
.df-ui-thumbnail::after {
content: '▤';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.df-ui-zoomin  span {
display: none !important;
position: relative; 
}
.df-ui-zoomin::after {
content: '+';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.df-ui-zoomout span {
display: none !important;
position: relative; 
}
.df-ui-zoomout::after {
content: '−';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.df-ui-fullscreen span {
display: none !important;
position: relative; 
}
.df-ui-fullscreen::after {
content: '⤢';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.df-ui-share span {
display: none !important;
position: relative; 
}  
.df-ui-share::after {
content: '⤴';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.df-ui-more {
position: relative;
}
.df-ui-more::after {
content: '⋮';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}