@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?xgeh2x');
	src:url('fonts/icomoon.eot?#iefixxgeh2x') format('embedded-opentype'),
		url('fonts/icomoon.woff?xgeh2x') format('woff'),
		url('fonts/icomoon.ttf?xgeh2x') format('truetype'),
		url('fonts/icomoon.svg?xgeh2x#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e900";
}

.icon-pencil:before {
	content: "\e905";
}

.icon-file-text2:before {
	content: "\e926";
}

.icon-phone:before {
	content: "\e942";
}

.icon-address-book:before {
	content: "\e944";
}

.icon-envelop:before {
	content: "\e945";
}

.icon-map2:before {
	content: "\e94c";
}

.icon-clock:before {
	content: "\e94e";
}

.icon-bell:before {
	content: "\e951";
}

.icon-calendar:before {
	content: "\e953";
}

.icon-printer:before {
	content: "\e954";
}

.icon-download:before {
	content: "\e960";
}

.icon-upload:before {
	content: "\e961";
}

.icon-floppy-disk:before {
	content: "\e962";
}

.icon-undo2:before {
	content: "\e967";
}

.icon-users:before {
	content: "\e972";
}

.icon-user-plus:before {
	content: "\e973";
}

.icon-equalizer:before {
	content: "\e992";
}

.icon-cog:before {
	content: "\e994";
}

.icon-aid-kit:before {
	content: "\e998";
}

.icon-bin:before {
	content: "\e9ac";
}

.icon-attachment:before {
	content: "\e9cd";
}

.icon-plus:before {
	content: "\ea0a";
}

.icon-minus:before {
	content: "\ea0b";
}

.icon-cross:before {
	content: "\ea0f";
}

.icon-checkmark:before {
	content: "\ea10";
}

.icon-exit:before {
	content: "\ea14";
}

.icon-checkbox-checked:before {
	content: "\ea52";
}

.icon-checkbox-unchecked:before {
	content: "\ea53";
}

.icon-filter:before {
	content: "\ea5b";
}

input.ng-dirty.ng-invalid {
    border-color: red;
}

input.fieldError {
    border-color: red;
}

/*perio*/
.main-svg {
  /*background-image:url(svgs/10.svg);*/
  background-repeat:no-repeat;
}
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: ;
}

.line {
  fill: lightsteelblue;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.marg {
  fill: none;
  stroke: red;
  stroke-width: 1.5px;
}

.blood , .blood2{
  stroke:#000;
  fill:red;
}

.furcation, .furcation2 {
  stroke:#000;
  fill:lightgreen;
}

.plaque, .plaque2{
  stroke:#000;
  fill:yellow;
}

.probeArea, .probeArea2{
  fill: steelblue;
  opacity:.5;
  stroke:#000;
  stroke-width: 1.5px;
}

.margArea, .margArea2 {
  fill: red;
  opacity:.5;
  stroke:#000;
  stroke-width: 1.5px;
}

.rect_hover {
  fill:grey;
  opacity:.1;
  width:75px;
  height:285px;
}

.rect_selected {
	fill:red;
}

.perio_field {
	width:55px !important;
}

.affix {
	position: fixed;
    top: 0;
    width:auto;
}

.affix-top {
  width: auto;
}

.affix-bottom {
  width: auto;
  position: absolute;
}

.mobility {
	font-size: 1.5em;
	font-weight: bold;
}