.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,
 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%);
}