/* .section-option-box{} */

.section-option-box ul {
  list-style: none;
  position: absolute;
  left: 0;
  background: #fff;
  padding: 0;
  width: 100%;
  border: 1px solid #eee;
  border-bottom: none;
  z-index: 1000;
  top: 100%;
  background: #f6f6f6;
  max-height: 150px;
  overflow-y: auto;
}
.section-option-box ul li {
  padding: 0;
  margin: 5px 0px;
}
.section-option-box ul li a {
  color: #555;
  padding: 5px 10px;
  border-bottom: 1px solid #eee;
  display: block;
}
.roles-and-medicine,
.medicine-role {
  background: #f6f6f6;
  margin-top: 45px;
  transition: all 0.3s ease-in-out;
}
.roles-and-medicine {
  padding: 0;
}
.medicine-role {
  padding: 20px 40px;
}
.roles-and-medicine li {
  margin-bottom: 5px;
  position: relative;
  padding: 5px 0px;
}
.medicine-role li {
  padding: 5px 20px;
  width: 100%;
}
.roles-and-medicine li p,
.medicine-role li p {
  margin: 0 !important;
}
ol.rules-and-medicine,
.medicine-role li small {
  font-family: Helvetica, "Solaimanlipi";
}

.roles-and-medicine li:hover {
  background-color: #ddd;
}
.roles-and-medicine li:hover > span {
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}
.text-inline {
  display: inline-block;
}
.text-inline > p {
  float: left;
}
.key {
  font-weight: bold;
  margin-right: 5px;
}
.key,
.value {
  font-size: 13px !important;
}
.text-list {
  margin: 5px 0px 20px 20px;
}
.text-list ol {
  margin-left: 20px;
}
.text-list p {
  margin: 0px;
  line-height: 1.1;
}
.text-list li {
  margin: 0px;
  text-align: left;
}
.patient-part {
  border-bottom: 1px solid #eee;
}
.patient-part table tr td {
  padding: 3px;
  margin: 0;
}
.pres-header {
  margin-top: 15px;
}

.pr {
  position: relative;
}
.pa {
  position: absolute;
}

.pres-footer .text-inline {
  text-align: center;
  display: block;
}
img#barcode {
  margin-left: -7px;
  width: 200px;
}

.pres-footer {
  width: 100%;
}
.box-pres-info {
  width: 21cm;
  padding: 0px 8mm;
}
.pres-prev {
  margin-top: 5.5cm;
  width: 100%;
  min-height: 20cm;
  /* background-color: aqua; */
}
.rule-remover,
.rule-editor,
.treat-rule-remover,
.create-treat-rule-remover {
  position: absolute;
  top: -50%;
  opacity: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.rule-remover,
.treat-rule-remover,
.create-treat-rule-remover {
  right: 5px;
}
.rule-editor {
  right: 35px;
}
.text-box-show {
  transition: all 0.5s ease-in-out;
}