

@media screen {
  .field-name-field-fra-dvs-srv-about,
  .field-name-field-fra-dvs-srv-how-to,
  .field-name-field-fra-dvs-srv-technical-req
  {
    display:none;
  }

  .inv, .hidden {
    position:absolute;
    top:-99999px;
    left:-99999px;
    width:1px;
    height:1px;
    overflow:hidden;
    text-indent:-99999px;
    display:none !important;
  }

  .showable{
	 	opacity:0 !important;
		height: 0px !important;
    -moz-transition:opacity 1.7s ease-out, height 2s, -moz-transform 1.7s;
    -webkit-transition:opacity 1.7 ease-outs, height 2s, -webkit-transform 1.7s;
    -o-transition:opacity 1.7s ease-out, height 2s, -o-transform 1.7s;
    transition:opacity 1.7s ease-out, height 2s, transform 1.7s;
	}

  .shown{
    opacity:1 !important;
    height: auto !important;
  }

  #helpSection {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
  }

  /* Tooltips */
  #proxy_plot_label0{				background-position: 4px 4px;}
	.checked#proxy_plot_label0{		background-position: 4px -343px;}

	#proxy_plot_label1{				background-position: 4px -65px;}
	.cheked#proxy_plot_label1{		background-position: 4px -65px;}


	#proxy_plot_label2{				background-position: 4px -135px;}
	.cheked#proxy_plot_label2{		background-position: 4px -135px;}

	#proxy_plot_label3{				background-position: 4px -205px;}
	.checked#proxy_plot_label3{	background-position: 4px -205px;}

  .plotSelectionTooltip{
    display: inline-block;
  }

  #cboxLoadedContent .plotSelectionTooltip {
      display: inline-block;
      margin: 15px;
      max-width: 250px;
      vertical-align: top;
      font-size: 0.8em;
  }

  /* Share modals */
  .ui-widget-content {background:#fff;border:none;color:#999;}

  div#targetGroupMarkup {
    padding: 15px;
    background: #ECECEC;
    clear: both;
    overflow: hidden;
    display: none;
  }
  div#targetGroupMarkup input {
    float: left;
  }

  div#targetGroupMarkup label {
    float: left;
    padding-left: 10px;
  }
}

/* Share and export overrides */
@media (min-width: 767px) {
  .M2GraphTools > li.exportOptions > ul {
    margin-left: -5%;
  }

  li.lgbtiTGroup{
    width: 14.2% !important;
    padding-left: 13px !important;
  }
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/*Bug 69874 - CR_2.22: Add blue arrow to column headings to show sort order as in MDX */
.csvDataHeader thead th{
 border-bottom: 1px solid grey;
 background: #e6e6e6;
}

.csvDataHeader thead th div{
 text-align: center;
}

.csvDataHeader thead th a.sortArrow {
 width: 100%;
 height: 15px;
 display: block;
 bottom: 5px;
 background:rgba(230, 230, 230, 10) url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIUnC2nKLnT4or00PvyrQwrPzUZshQAOw==) no-repeat center bottom;
}
.headerSortDown:after,
.headerSortUp:after {
  content: ' ';
  position: relative;
  left: 2px;
  border: 8px solid transparent;
  border-width: thick;
}

.headerSortDown:after {
  top: 10px;
  border-top-color: black;
  border-width: thick;
}

.headerSortUp:after {
  bottom: 10px;
  border-bottom-color: black;
  border-width: thick;
}

.headerSortDown,
.headerSortUp {
  padding-right: 10px;
  padding-left: 2px;
}

.csvDataHeader thead th a.sortArrow2 {
  width: 100%;
  height: 15px;
  display: block;
  bottom: 5px;
  background: url('images/black_keys.png') no-repeat center bottom;
}

.csvDataHeader thead th.asc a.sortArrow {
   background:rgba(230, 230, 230, 10) url(data:image/gif;base64,R0lGODlhCwALAPcAAAAAABUVFQCU/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAALAAsAAAgrAP8JFChgoEGCAgoe/Jew4cGGEAdCnLiwYoCLGDEOzKjRIEeLFysKDHAwIAA7) no-repeat center bottom;
}
.csvDataHeader thead th.desc a.sortArrow {
   background:rgba(230, 230, 230, 10) url(data:image/gif;base64,R0lGODlhCwALAPcAAAAAABUVFQCU/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAALAAsAAAgrAP8JFBhgoEGCAQoe/Jew4cGGEAdCnLiwooCLGDEOzKjRIEeLFysKFHAwIAA7) no-repeat center bottom;
}
/* END  Bug 69874 */
.shareOptions {
  display: none;
}

.M2GraphTools > li {
  width: 100% !important;
}