/* GENERAL STYLES */
#OWEBAPP.Df_Flat_Touch .DR_Toolbar {
 
}

#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner{
  background: #F3F3F3;
  border: 1px solid #DBDBDB;
  -moz-box-shadow: 0px 0px 4px rgba(153, 159, 162, 0.41); /* Firefox/Mozilla */
  -webkit-box-shadow: 0px 0px 4px rgba(153, 159, 162, 0.41); /*Safari/Chrome */
  box-shadow: 0px 0px 4px rgba(153, 159, 162, 0.41); /* Opera & W3C */
}

/* BUTTON STYLES */
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper{
  border:1px solid transparent;
}

#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner  .DR_Wrapper:hover{

}

/* SEPARATOR STYLES */
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Separator{
  width: 1px;
  background: #DBDBDB;
  border-right: 1px solid #FFF;
}
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_PageSeparator {
  padding: 2px 0px 0px 0px;
  color: #BABABA;
}

/* PAGE INDICATOR STYLES */
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_PageIndicator .DR_CurrentPage,
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_PageIndicator .DR_LastPage{
  color: #000;
  border: 1px solid #BABABA;
}

#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_PageIndicator .DR_CurrentPage{
  line-height: 22px;
}
#OWEBAPP.Df_Flat_Touch .DR_Toolbar.active .DR_Inner .DR_PageIndicator .DR_CurrentPage{
  border: 1px solid #0072C6;
}

/* FONT ICON STYLES */
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_PrintButton:before, 
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_ExportButton:before, 
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_PreviousButton:before, 
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_NextButton:before,
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_ZoomInButton:before,
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_ZoomOutButton:before{
  font-family: "dataflex-reports" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display:inline-block;
  font-size: 15px;
  padding: 3px;
  color: #0072C6;
}
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper:hover .DR_PrintButton:before, 
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper:hover .DR_ExportButton:before, 
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper:hover .DR_PreviousButton:before, 
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper:hover .DR_NextButton:before,
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper:hover .DR_ZoomInButton:before,
#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper:hover .DR_ZoomOutButton:before{
  color: #005899;
}

#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_PrintButton:before{
  content: "d";
}

#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_ExportButton:before{
  content: "a";
}

#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_PreviousButton:before{ 
  content: "e";
  padding: 2px 3px;
}

#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_NextButton:before{
  content: "f";
  padding: 4px 3px;
}

#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_ZoomInButton:before{
  content: "b";
}

#OWEBAPP.Df_Flat_Touch .DR_Toolbar .DR_Inner .DR_Wrapper .DR_ZoomOutButton:before{
  content: "c";
}