/*
 * common styles for web sites 
 * this is an add-on that covers my favorite local items for all sites using bootstrap
 * all sites may reference this at common location
 * this is included by default in all of my modules using bootstrap, regardless
 * of whether bootstrap2 or bootstrap3  (see uc_std_jquery_and_bootstrap.php)
 */

span.subHeader { font-size: 50%;	font-weight: normal; }

div.warnyellow, span.warnyellow, td.warnyellow { background: yellow; }
div.warngreen, span.warngreen, td.warngreen { background: #33fd86; }
div.warnred, span.warnred, td.warnred { background: #ffb3bb;}


td.nowrap, th.nowrap { white-space: nowrap }
td.cent, th.cent, span.cent, div.cent { text-align: center; }

td.indicatehappy, th.indicatehappy { background: #B7F9A5; }
td.indicatewarn, th.indicatewarn { background: #F9CDA5; }
td.indicatetrouble, th.indicatetrouble { background: #FF94B3; }

/*
 * text rotation, from http://css-tricks.com/snippets/css/text-rotation/
 * and http://stackoverflow.com/questions/1080792/how-to-draw-vertical-text-with-css-cross-browser
 */
 
.dnkVertHeader {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

@media print {
	span.noprint, div.noprint, td.noprint, th.noprint , div.screenonly, span.screenonly, .noprint { 
	   display: none 
	}   
	/* see http://drupal.stackexchange.com/questions/59900/how-to-get-rid-of-added-urls-when-printing-a-bootstrap-themed-page */ 
  	a[href]:after {
    	/* content: " (" attr(href) ")"; */
    	content: none;
  	}                                           
}

.btn {
	white-space: normal;
}

.btn-separated {
	margin-bottom:4px;
	margin-left:4px;
}