/*
 Theme Name:   Theme from Denis
 Description:  Wordpress Theme From Denis
 Author:       Denis R
 Version: 1.0
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 14px;
  color: #222;
  line-height: normal;
  min-height: 100vh;
  overflow-x: hidden;
}

body {
  position: relative;
  overflow-y: hidden;
}

a {
  text-decoration: none !important;
}

a:hover {
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}

button {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h6 {
}

p {
  margin-bottom: 10px;
}

.flexed {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.flexed--between {
  justify-content: space-between;
}

.flexed--around {
  justify-content: space-around;
}

.flexed--top {
  align-items: flex-start;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.report-img img {
  width: auto;
}

.flag-info,
a#drawcircle,
#drawrectangle,
#html,
#svg,
#json {
  display: none;
}

table#ptable tr:nth-child(1),
table#ptable tr:nth-child(2),
table#ptable tr:nth-child(3),
table#ptable tr:nth-child(4),
table#ptable tr:nth-child(5),
table#ptable tr:nth-child(7),
table#ptable tr:nth-child(8),
table#ptable tr:nth-child(9) {
  display: none;
}

.propertypanel {
  bottom: 60px;
  top: inherit;
}

button.gocoords {
  display: block;
  margin: 40px auto;
  padding: 20px;
  font-size: 20px;
}

.area {
  background: #eee;
  display: inline-block;
  padding: 10px 50px 100px;
  position: relative;
  width: 100%;
}

.area-name {
  font-size: 20px;
  text-align: center;
}

.areas {
  margin: 20px 0;
  min-width: 440px;
}

.area-observations {
  display: flex;
  justify-content: center;
  margin: 10px;
}

.observation-title {
  padding: 5px 10px;
  background: #333;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  margin: 0 10px;
}

.subobservations {
  display: flex;
  justify-content: center;
  position: absolute;
  width: calc(100% - 20px);
  left: 10px;
  bottom: 60px;
  flex-wrap: wrap;
}

.subobservation {
  padding: 5px 10px;
  background: #333;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  margin: 0 10px;
}

input.observation-other {
  width: 100%;
  padding: 10px;
  margin-top: 15px;
  position: absolute;
  bottom: -50px;
}

.subobservation.active {
  background: brown;
}

.observation-title.active {
  background: brown;
}

button#generate {
  display: block;
  margin: 0 auto;
  background: #00cbff;
  padding: 10px;
  border: navy;
  color: #fff;
  font-weight: 700;
  font-size: 28px;
}

button#generateAll{
  display: block;
  margin: 0 auto;
  background: #00cbff;
  padding: 10px;
  border: navy;
  color: #fff;
  font-weight: 700;
  font-size: 28px;
  margin-top:10px;
}

#report-copy table,
div#report-table table {
  width: 100%;
}

#report-copy th,
div#report-table th {
  text-align: left;
  font-size: 20px;
  vertical-align: bottom;
}

div#report-copy td,
div#report-table td {
  width: 70px;
}

div#report-table td.side-right,
div#report-copy td.side-right,
div#report-table td.side-left,
div#report-copy td.side-left {
  width: 320px;
}

div#report-table th,
div#report-copy th,
div#report-table td,
div#report-copy td {
  padding: 5px 10px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  position: relative;
}

span.area-main {
  font-size: 18px;
  font-weight: 500;
}

span.area-area {
  /* display: block; */
}

.report {
  max-width: 250px;
  margin-bottom: 20px;
}

.report span {
  text-align: center;
  display: block;
  font-size: 20px;
}

.repots {
  margin-top: 50px;
}

.report-column {
  padding: 20px 15px;
  max-width: 390px;
}

.report-drop-wrap {
  margin-top: 20px;
}

.report-drop-label {
  font-weight: 700;
}

.report-column select {
  padding: 10px;
  width: 100%;
  margin-top: 10px;
  font-size: 16px;
}

input[type="number"] {
  width: 80px;
}

input[type="number"],
input[type="text"] {
  padding: 5px 10px;
  font-size: 16px;
  max-width: 190px;
}

input[type="radio"] {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.report-deltas {
  text-align: center;
}

.report-deltas span span {
  padding-right: 5px;
  padding-left: 5px;
}

tr.delta td:nth-child(3) {
  width: 150px;
}

tr.delta td:nth-child(3) span {
  justify-content: center;
}

.report-deltas th:not(:first-child) {
  border-bottom: 1px solid currentColor;
}

.report-deltas td:nth-child(2) {
}

.report-check-label {
  font-weight: 700;
  margin-bottom: 5px;
}

.report-check input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.report-check li {
  margin-bottom: 10px;
  display: flex;
}

.report-column:not(:last-child) {
  margin-right: 15px;
}

.observation-add {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #eee;
}

.observation-add button {
  background: #b65a3f;
  color: #fff;
  border: 1px solid #eee;
  cursor: pointer;
  width: 100%;
  padding: 10px;
  font-size: 18px;
}

.report-table-discussions,
.report-table-bottom {
  padding-top: 20px;
}

div#report h2 {
  padding-bottom: 10px;
}

.report-table-top {
  padding-bottom: 20px;
}

span.row-remove {
  cursor: pointer;
  color: brown;
  font-size: 20px;
  position: absolute;
  top: -10px;
  right: -2px;
}

[contenteditable] {
  padding: 4px 5px;
}

ul#general-impression {
  padding-left: 15px;
}

.patient-name {
  font-size: 30px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

div#report-copy h2 {
  line-height: 40px;
  font-family: lato;
}

div#report-copy th {
  line-height: 34px;
  font-family: lato;
}

div#report-copy li {
  line-height: 24px;
  display: block;
  font-family: lato;
}

div#report-copy li:before {
  content: "• ";
}

div#report-copy {
  font-family: lato;
}

.report-columns {
  flex: 1;
  padding-left: 30px;
}

.subsubobservations {
  width: 100%;
  display: flex;
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  justify-content: center;
}

.subsubobservation {
  padding: 5px 10px;
  background: #333;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  margin: 0 10px;
}

.subsubobservation.active {
  background: brown;
}

.observation-add label {
  padding: 2px 0 10px;
  background: #eee;
  margin: 0 10px;
}

.observation-add input {
  margin-left: 5px;
}

.observation-add.flagged button:after {
  content: "\f024";
  font-family: fontAwesome;
  border: 2px solid #fff;
  border-radius: 20px;
  margin-left: 10px;
  padding: 5px;
  font-size: 16px;
}

.thermovascular-flags,
.mottling-flags {
  display: none;
}

span.findtext:empty + .row-remove {
  display: none;
}

div#report-copy th span:before,
div#report-table th span:before {
  content: "";
  border: 8px solid transparent;
  border-bottom: 15px solid #000;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  bottom: -1px;
}

div#report-copy th span,
div#report-table th span {
  position: relative;
  width: 15px;
  display: inline-block;
  height: 15px;
}

div#report-copy th span:after,
div#report-table th span:after {
  content: "";
  border: 5px solid transparent;
  border-bottom: 9px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  left: 3px;
  bottom: 1px;
}

div#report-copy th span {
  top: 7px;
}

div#report-copy th:nth-child(2n + 2) {
  width: 80px;
}

.report-check span {
  flex: 1;
  max-width: 270px;
}

input#compare {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.compare-mode-trigger label {
  display: flex;
  align-items: center;
  font-size: 20px;
}

.observation-add > div {
  justify-content: center;
}

input.imagenum {
  width: 60px;
}

input.pointnum {
  width: 60px;
}

.observation-add span {
  display: block;
  text-align: center;
}

.report-check li.compare,
.compare {
  display: none;
}

#report-table i {
  font-style: normal;
}

div#report-table td [contenteditable] {
  padding: 0 5px 0 0;
}

th {
  min-width: 50px;
}

th.area-label {
  width: 46%;
}

.comparemode th.area-label {
  width: 40%;
}

.side-right,
.area-label:first-child {
  border-left: 1px solid currentColor;
}
table.comparemode b {
  position: absolute;
  width: 157px;
  left: calc(-100% - 12px);
  top: -15px;
  border-bottom: 1px solid currentColor;
  text-align: center;
  background: #fff;
  font-size: 18px;
}

.comparemode th.area-label + th,
.comparemode th.area-label + th + th {
  padding: 4px 10px !important;
  font-size: 14px !important;
}

.changelabel {
  font-size: 14px !important;
}

div#report-copy {
  max-width: 775px;
}

div#report-copy i {
  font-style: normal;
}

#report-copy table.comparemode b {
  left: calc(-100% - 6px);
  width: 123px;
}

div#report-copy td {
  padding: 9px 5px;
  line-height: 17px;
}

.discussion-scripts {
  margin-top: 100px;
}

.report-table-discussions > div:empty,
li.mottling-report:empty {
  display: none;
}

#report-head .areas {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}

#report-head #report-torso .areas {
  min-width: 370px;
  left: 57%;
}

.report-img {
  position: relative;
}

#report-head .area-observations {
  text-align: center;
  font-size: 18px;
  margin-top: 30px;
}

#report-head .observation-additional {
  margin: 5px 0px;
}

#report-head .area {
  padding-bottom: 60px;
}

#report-head .observation.observation1 .observation-vol {
  background: yellow;
}

#report-head .observation.observation2 .observation-vol {
  background: orange;
}

#report-head .observation.observation3 .observation-vol {
  background: orangered;
}

#report-head .observation.observation4 .observation-vol {
  background: lightblue;
}

#report-head .discussion-scripts {
  margin-top: 0;
}

a.other-report {
  text-align: center;
  display: block;
  color: #b95f47;
  font-size: 20px;
  text-decoration: underline !important;
  padding: 20px 0;
}

ul.quick-added {
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 5px;
}

.area-hide {
  color: #b65a3f;
  font-weight: 700;
  position: absolute;
  top: 0px;
  right: 6px;
  font-size: 18px;
  cursor: pointer;
}

.other-reports {
  display: flex;
  justify-content: center;
  gap: 100px;
}

td ul.quick-added {
  margin-left: 0;
}
td ul.quick-added li {
  display: block;
  border-bottom: 1px solid currentColor;
  padding-left: 10px !important;
}

#report-table tfoot td {
  padding: 0;
}

#report-head #report-torso [data-area="Extremity"] .areas {
  left: 23%;
  top: 53%;
}

.report-table-textarea label {
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.report-table-textareas {
  margin-bottom: 50px;
}

.report-table-textarea {
  margin-bottom: 20px;
}

.report-table-textarea textarea {
  width: 100%;
}

.individual-sections {
  width: 100%;
  height: 150px;
  resize: none;
}