body {
  overflow-y: scroll !important; }
  body.noscroll {
    position: fixed;
    width: 100%; }

.wrapper-content {
  background-color: white;
  padding: 0;
  padding-bottom: 50px !important; }

.wrapper {
  padding: 0; }

#toolbar {
  background-color: #1ab394; }
  #toolbar .nav {
    width: 100%; }
  #toolbar .nav > li > a {
    padding: 0; }
    #toolbar .nav > li > a:hover, #toolbar .nav > li > a:focus {
      background-color: transparent; }
  #toolbar #brightness-wrapper, #toolbar #contrast-wrapper {
    position: absolute;
    width: 200px;
    left: -65px;
    top: 45px;
    z-index: 3000; }

#patient-info {
  float: left; }
  #patient-info #name {
    font-size: 30px; }
  #patient-info #birth-number, #patient-info #age {
    font-size: 18px; }
  #patient-info #age {
    display: inline-block;
    margin-left: 20px; }

#current-point-description {
  margin-top: 15px;
  background-color: #F3F3F3;
  width: 245px;
  padding: 5px;
  height: 65px;
  overflow: hidden; }

#points-info-wrapper {
  background-color: #F3F3F3;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 245px; }
  #points-info-wrapper .points-info-label {
    display: inline-block;
    width: 100px;
    color: #F5A04D; }
  #points-info-wrapper #points-info {
    display: inline-block;
    width: 245px;
    padding: 10px; }
    #points-info-wrapper #points-info span, #points-info-wrapper #points-info span a {
      color: #AAACAB; }
    #points-info-wrapper #points-info span.applied, #points-info-wrapper #points-info span.applied a {
      color: #36AF9C; }
    #points-info-wrapper #points-info span.current, #points-info-wrapper #points-info span.current a {
      color: #EB212D; }

#calculation-results-buttons {
  width: 245px;
  margin-top: 5px; }
  #calculation-results-buttons .btn {
    height: 45px; }

#calculations-results-defects {
  margin-top: 5px;
  width: 245px;
  padding: 15px;
  background-color: #F3F3F3;
  display: none;
  overflow: hidden; }
  #calculations-results-defects ul {
    padding: 0;
    margin: 0 0 0 5px; }
    #calculations-results-defects ul li {
      color: #D10921; }
    #calculations-results-defects ul table {
      border: none;
      color: #676a6c;
      margin-left: 15px; }
      #calculations-results-defects ul table td, #calculations-results-defects ul table th {
        padding: 0;
        border: none; }

#calculation-results-wrapper {
  width: 245px;
  padding: 15px;
  background-color: #F3F3F3;
  overflow: hidden; }
  #calculation-results-wrapper table {
    border: none; }
    #calculation-results-wrapper table tbody td, #calculation-results-wrapper table tbody th {
      padding: 0;
      border: none; }

#calculation-results {
  width: 100%; }
  #calculation-results caption {
    color: #27B293;
    font-weight: bold;
    font-size: 18px; }

.calculations-measure {
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  width: 96px;
  position: relative; }
  .calculations-measure .deviation {
    position: absolute;
    top: 1px;
    height: 10px;
    display: inline-block;
    overflow: hidden; }
    .calculations-measure .deviation i {
      border: 100px solid; }
    .calculations-measure .deviation.to-right {
      left: 49px; }
    .calculations-measure .deviation.to-left {
      right: 48px; }
    .calculations-measure .deviation.one i {
      border-color: #00988C; }
    .calculations-measure .deviation.two i {
      border-color: #f5a04d; }
    .calculations-measure .deviation.three i {
      border-color: #EB212D; }
  .calculations-measure span {
    margin: 0;
    padding: 0;
    background-color: white;
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    float: left; }
    .calculations-measure span:first-of-type {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .calculations-measure span:last-of-type {
      border-right: 1px solid #C0C0C0;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }

.btn-primary {
  background-color: #1AB394;
  color: white; }

.btn-big-radius {
  border-radius: 10px; }

.btn-multiline {
  font-size: 10px; }

canvas.invisible {
  opacity: 0; }

.strong {
  font-weight: bold; }

.title {
  font-weight: bold; }

#container {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 900;
  margin-top: 20px; }

#container-in {
  position: absolute;
  width: 1000px;
  height: 1248px;
  background-size: cover; }

#container-in img, #container-in canvas {
  position: absolute;
  z-index: 2; }

.point {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 20px;
  background: url("../img/cross.png") no-repeat left top;
  background-size: 7px 7px;
  font-family: Arial, "sans-serif";
  color: #F8581C;
  padding-left: 10px;
  cursor: url("../img/pointer.png") 5 0, pointer;
  font-size: 13px; }
  .point:hover {
    color: #EB212D;
    background-image: url("../img/cross-hover.png"); }
  .point.virtual {
    color: #878787;
    background-image: url("../img/cross-virtual.png"); }
  .point.invisible-cross {
    background: none; }
  .point.invisible-info {
    color: transparent; }

.line-shortcut {
  position: absolute;
  z-index: 3;
  font-family: Arial, "sans-serif";
  font-size: 13px; }

#layer-background {
  display: none; }

#calculation-results .title td {
  padding: 15px 0 5px;
  font-weight: bold; }

.inline-block {
  display: inline-block !important; }

/** cursors **/
.cursor-pointer {
  cursor: url("../img/pointer.png") 5 0, pointer !important; }

.cursor-move {
  cursor: move !important; }

/** range **/
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 5px 0; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 25px;
  cursor: url("../img/pointer.png") 5 0, pointer;
  background: #3d3d3d;
  border-radius: 1.3px;
  border: 0.1px solid #010101; }

input[type=range]::-webkit-slider-thumb {
  border: 0px solid #000000;
  height: 35px;
  width: 8px;
  border-radius: 3px;
  background: #ffffff;
  cursor: url("../img/pointer.png") 5 0, pointer;
  -webkit-appearance: none;
  margin-top: -5.1px; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #4a4a4a; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 25px;
  cursor: url("../img/pointer.png") 5 0, pointer;
  background: #3d3d3d;
  border-radius: 1.3px;
  border: 0.1px solid #010101; }

input[type=range]::-moz-range-thumb {
  border: 0px solid #000000;
  height: 35px;
  width: 8px;
  border-radius: 3px;
  background: #ffffff;
  cursor: url("../img/pointer.png") 5 0, pointer; }

input[type=range]::-ms-track {
  width: 100%;
  height: 25px;
  cursor: url("../img/pointer.png") 5 0, pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #303030;
  border: 0.1px solid #010101;
  border-radius: 2.6px; }

input[type=range]::-ms-fill-upper {
  background: #3d3d3d;
  border: 0.1px solid #010101;
  border-radius: 2.6px; }

input[type=range]::-ms-thumb {
  border: 0px solid #000000;
  height: 35px;
  width: 8px;
  border-radius: 3px;
  background: #ffffff;
  cursor: url("../img/pointer.png") 5 0, pointer;
  height: 25px; }

input[type=range]:focus::-ms-fill-lower {
  background: #3d3d3d; }

input[type=range]:focus::-ms-fill-upper {
  background: #4a4a4a; }

.print-visible {
  display: none; }

@media (min-width: 992px) {
  #toolbar #change-rentgen-visibility {
    margin-left: 100px; }
  #toolbar .icon-right {
    float: right; } }

/*# sourceMappingURL=kefalo.css.map */