@charset "UTF-8";

/* make sidebar nav vertical
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}*/

/*
#app-container > div {
  margin: 0.5rem;
}

.mid-container {
  margin: auto;
}

@media (min-width: 768px) {
  #app-container {
    max-width: 150rem;
    margin: auto;
  }
  .mid-container {
    width: 100rem;
    margin: auto;
  }
}

/* allow bootstrap horizontal forms to have different sizes *
.form-control-inline {
  min-width: 0;
  width: auto;
  display: inline;
}*/

.tinymce-container {
  line-height: normal;
}

.label-cyan {
  background-color: #5fbfe7;
}

.label-pink {
  background-color: #ff8eb1;
}

tr.exam-row-priority-1 {
  background-color: #fcf8e3;
}

tr.exam-row-priority-2 {
  background-color: #f2dede;
}

tr.exam-row-priority-3 {
  background-color: #f6e3fa;
}

.hover-div:hover {
  background-color: whitesmoke;
}

.report-body *:not(.btn),
.report-edit *:not(.btn) {
  color: #000;
}

.report-body p {
  margin: 0;
}

.report-title {
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.report-label {
  min-width: 18rem;
  display: inline-block;
}

.report-data {
  font-weight: 700;
}

/*
table overlays
 */

/* large *
@media screen and (max-width: 125rem) {
  .lg-table-overlay {
    left: 0.8rem;
    right: 0.8rem;
  }

}
@media screen and (min-width: 125rem) {
  .lg-table-overlay {
    width: 123.2rem;
  }
}

/* medium *
@media screen and (max-width: 100rem) {
  .md-table-overlay {
    left: 0.8rem;
    right: 0.8rem;
  }
}
@media screen and (min-width: 100rem) {
  .md-table-overlay {
    width: 98.2rem;
  }
  #report-history-container .md-table-overlay {
    width: auto;
  }
}
*/

@media screen and (max-width: 480px) {
  .hidden-xxs {
    display: none;
  }
}

.table-overlay {
  text-align: left;
  position: absolute;
  z-index: 10;
}

.overlay-row {
  display: flex;
  flex-direction: column;
}

.overlay-row:not(:last-of-type) {
  border-bottom: thin solid #e5e5e5;
}

.overlay-subrow {
  padding: 0.8rem 0.3rem 0.8rem 0.8rem;
  display: flex;
  height: 3.8rem;
}

.overlay-row:hover {
  background-color: whitesmoke;
}

.overlay-container {
  position: relative;
  top: 0.6rem;
  border: solid #ddd 1px;
  background-color: #fdfdfd;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.overlay-container::before {
  pointer-events: none;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: -24px;
  border: 12px solid;
  border-color: transparent transparent #ccc transparent;
}

.overlay-container::after {
  pointer-events: none;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 1px;
  top: -22px;
  border: 11px solid;
  border-color: transparent transparent rgba(255, 255, 255, 0.95) transparent;
}

.label-priority {
  padding: 0.4em 0.6em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  display: inline-block;
  width: 6rem;
}

.badge-red,
.label-red {
  background-color: #da4453;
  border-color: #da4453;
}

.badge-green,
.label-green {
  background-color: #8cc152;
  border-color: #8cc152;
}

.badge-orange,
.label-orange {
  background-color: #f6bb42;
  border-color: #f6bb42;
}

.badge-blue,
.label-blue {
  background-color: #5D9CEC;
  border-color: #5D9CEC;
}

/* alternative
.badge-blue, .label-blue {
  background-color: #3bafda;
  border-color: #3bafda;
}
 */

.btn-red {
  color: white;
  background-color: #ED5565;
  border-color: #DA4453;
}

.btn-green {
  color: white;
  background-color: #A0D468;
  border-color: #8CC152;
}

.btn-orange {
  color: white;
  background-color: #FFCE54;
  border-color: #F6BB42;
}

.btn-blue {
  color: white;
  background-color: #5D9CEC;
  border-color: #4A89DC;
}

.btn-red:hover {
  color: white;
  background-color: #ED5565;
  border-color: #DA4453;
}

.btn-green:hover {
  color: #d9d9d9;
  background-color: #7aba35;
  border-color: #659234;
}

.btn-green:active {
  color: #cccccc;
  background-color: #6da72f;
  border-color: #587f2e;
}

.btn-orange:hover {
  color: white;
  background-color: #FFCE54;
  border-color: #F6BB42;
}

.btn-blue:hover {
  color: white;
  background-color: #5D9CEC;
  border-color: #4A89DC;
}

/*
 * priority labels with gradient
 */

/*
.normal-to-high {
  background-color: #d9534f;
  background: linear-gradient(to right, #5cb85c 0%, #5cb85c 1rem, #f0ad4e 1rem, #f0ad4e 100%);
  padding-left: 1.1rem !important;
}
.normal-to-max {
  background-color: #d9534f;
  background: linear-gradient(to right, #5cb85c 0%, #5cb85c 1rem, #d9534f 1rem, #d9534f 100%);
  padding-left: 1.1rem !important;
}

.high-to-max {
  background-color: #d9534f;
  background: linear-gradient(to right, #f0ad4e 0%, #f0ad4e 1rem, #d9534f 1rem, #d9534f 100%);
  padding-left: 1.1rem !important;
}*/

.normal-to-high {
  border-right: 0.5em solid #8eb4cb;
  border-left: 0.5em solid #8eb4cb;
  background-color: #f0ad4e;
}

.normal-to-max {
  border-right: 0.5em solid #8eb4cb;
  border-left: 0.5em solid #8eb4cb;
  background-color: #d9534f;
}

.high-to-max {
  border-right: 0.5em solid #f0ad4e;
  border-left: 0.5em solid #f0ad4e;
  background-color: #d9534f;
}

.table .label {
  position: relative;
  bottom: 0.1rem;
}

.inline-search {
  display: flex !important;
  align-items: center;
  padding: 7px 1rem;
}

.inline-search > *:not(:last-child) {
  margin-right: 1rem;
}

.nav .popover {
  color: #636b6f !important;
  min-width: 20rem;
}

.panel-body-row {
  display: flex;
  align-items: flex-end;
  padding: 0.6rem 1rem 0.7rem 1rem;
  border-bottom: solid thin #ddd;
}

.panel-body-row.active {
  background-color: rgba(0, 0, 0, 0.07);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08);
}

.panel-body-row + div .dt {
  border-bottom: 2px solid #ccc;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.panel-body-row .label-container {
  text-align: right;
  min-width: 3.5rem;
  margin: 0 1rem 0.2rem 0;
  align-self: flex-start;
}

/*
 * exam list formatting
 */

.exam-cell {
  text-align: right;
  width: 9em;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.exam-actions {
  margin-left: auto;
  margin-right: 0;
  /*visibility: hidden;*/
}

/*
.exam-actions a:not(:last-of-type), .btn-cell-xs a:not(:last-of-type) {
  margin-right: 0.5rem;
}
*/

.exam-actions a,
.btn-cell-xs a,
.exam-actions button,
.btn-cell-xs button {
  margin-right: 0.5rem;
}

.exam-section {
  display: inline-block;
  margin-right: 1.5em;
}

.exam-patient {
  min-width: 25em;
}

.exam-name {
  min-width: 12em;
}

.exam-location {
  min-width: 10em;
}

.exam-priority {
  display: inline-block;
  width: 5em;
  text-align: right;
}

.exam-status {
  width: 8em;
  text-align: right;
  margin: 0 1.5em 0 0.5em;
}

.exam-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.2em 0.6em;
  border-top: solid #ddd 1px;
  min-height: 2.7em;
}

.exam-subrow:not(:last-of-type) {
  margin-bottom: 1rem;
}

.current-req {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.06);
}

#app-container {
  max-width: 175rem;
  margin: auto;
}

.xl-container {
  max-width: 150rem;
  margin: 0 auto 2.5rem auto;
}

.lg-container {
  max-width: 125rem;
  margin: 0 auto 2.5rem auto;
}

.md-container {
  max-width: 100rem;
  margin: 0 auto 2.5rem auto;
}

.sm-container {
  max-width: 75rem;
  margin: 0 auto 2.5rem auto;
}

.page-title {
  padding-left: 5rem;
}

#page-title {
  border-bottom: rgba(99, 107, 111, 0.2) solid 1px;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
}

.checkbox-error {
  /*margin-bottom: 2rem !important;*/
}

.no-h-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.btn-success-light {
  color: #fff;
  background-color: rgba(92, 184, 92, 0.35);
}

.btn-warning-light {
  color: #fff;
  background-color: rgba(240, 173, 78, 0.35);
}

.btn-danger-light {
  color: #fff;
  background-color: rgba(217, 83, 79, 0.35);
}

.btn-emergency-light {
  color: #fff;
  background-color: rgba(130, 130, 217, 0.35);
}

.btn-info-light {
  color: #fff;
  background-color: rgba(91, 192, 222, 0.35);
}

.btn-success-light.active {
  background-color: #5cb85c;
}

.btn-warning-light.active {
  background-color: #f0ad4e;
}

.btn-danger-light.active {
  background-color: #d9534f;
}

.btn-emergency-light.active,
.label-emergency {
  color: #fff;
  background-color: #8282d9;
}

.btn-info-light.active {
  background-color: #5bc0de;
}

.btn-success-light:hover {
  background-color: rgba(92, 184, 92, 0.75);
}

.btn-warning-light:hover {
  background-color: rgba(240, 173, 78, 0.75);
}

.btn-danger-light:hover {
  background-color: rgba(217, 83, 79, 0.75);
}

.btn-emergency-light:hover {
  color: #fff;
  background-color: rgba(130, 130, 217, 0.75);
}

.btn-info-light:active {
  background-color: rgba(91, 192, 222, 0.75);
}

/* colored radio button formatting */

.no-h-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.thin-btn .btn {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.4;
}

tr.row-checked > td.sorting_1 {
  background-color: rgba(64, 184, 64, 0.2) !important;
}

tr.row-checked > td:not(.sorting_1) {
  background-color: rgba(64, 184, 64, 0.12) !important;
}

tr.row-green > td.sorting_1 {
  background-color: rgba(64, 184, 64, 0.2) !important;
}

tr.row-green > td:not(.sorting_1) {
  background-color: rgba(64, 184, 64, 0.12) !important;
}

tr.row-light-green > td.sorting_1 {
  background-color: rgba(64, 184, 64, 0.1) !important;
}

tr.row-light-green > td:not(.sorting_1) {
  background-color: rgba(64, 184, 64, 0.06) !important;
}

tr.row-red > td.sorting_1 {
  background-color: rgba(184, 64, 64, 0.2) !important;
}

tr.row-red > td:not(.sorting_1) {
  background-color: rgba(184, 64, 64, 0.12) !important;
}

tr.row-light-red > td.sorting_1 {
  background-color: rgba(184, 64, 64, 0.1) !important;
}

tr.row-light-red > td:not(.sorting_1) {
  background-color: rgba(184, 64, 64, 0.06) !important;
}

.toggle-columns-checkbox {
  display: inline-block;
  margin-right: 1rem;
  width: 6rem;
  text-align: right;
}

.toggle-columns-checkbox i,
.toggle-columns-checkbox:hover i,
.toggle-columns-checkbox:focus i {
  color: white !important;
}

/* fazer com que os rows de checkboxes tenham uma cor associada */

.danger-row > td:not(.permission-checkbox) {
  background-color: rgba(217, 83, 79, 0.2) !important;
}

.warning-row > td:not(.permission-checkbox) {
  background-color: rgba(240, 173, 78, 0.2) !important;
}

.success-row > td:not(.permission-checkbox) {
  background-color: rgba(92, 184, 92, 0.2) !important;
}

.has-error label:not(.control-label) {
  color: #636b6f !important;
  font-weight: bold !important;
}

/* alinhar labels com os títulos de panels */

.panel-heading.custom {
  padding: 5px 15px;
}

.panel-heading-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.panel-heading-actions {
  display: flex;
  align-items: center;
  margin-left: auto;
  text-align: right;
}

.panel-heading-actions > *:not(:first-child) {
  margin-left: 1rem;
}

/* alinhar botões em THs com o texto */

.btn-cell {
  display: flex;
  justify-content: flex-end;
}

.btn-cell .btn:not(:last-of-type) {
  margin-right: 0.3rem;
}

.btn-cell-sm {
  padding: 3px 8px !important;
}

.btn-cell-xs {
  padding-top: 7px !important;
  padding-right: 0.2rem !important;
  text-align: right;
}

.table-row-link {
  color: #2e3133;
  padding-bottom: 1px;
}

.table-row-link:hover {
  color: #464b4e;
  text-decoration: none;
  border-bottom: dashed #636b6f thin;
}

/*
.hover-cell, hover-child {
  visibility: hidden;
  text-align: right;
}
/*
.hover-parent:hover > .exam-actions,
tr:hover .hover-cell,
.overlay-row.hover-parent:hover .exam-actions{
  visibility: visible;
}
*/

.exam-list-panel {
  padding: 0;
}

.transparent {
  opacity: 0.5;
}

/* fazer com que os comentários nas labels não sejam bold */

label small {
  font-weight: normal !important;
  padding-left: 0.5rem;
}

/* dar alguma margem em baixo para checkboxes, se necessário */

.space-bottom {
  margin-bottom: 0.5rem !important;
}

/* dar largura mínima aos popovers de tooltips */

label div.popover {
  min-width: 30rem !important;
  text-align: center;
}

label i.fa-question-circle-o {
  margin-left: 0.5rem !important;
}

/* fazer com que inputgroups das datas fiquem com a mesma dimensão que o resto da form */

.date-input-group {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

/* formatar <h4>s dentro de panels para funcionarem como subheaders */

.panel-body h4,
.panel-body h5 {
  margin: 2rem 0 2rem 0;
  padding: 1.5rem 0 1.5rem 3rem;
  border-top: thin solid #e5e5e5;
  border-bottom: thin solid #e5e5e5;
}

.panel-body h4 {
  margin: 2rem 0 2rem 0;
  padding: 1.5rem 0 1.5rem 3rem;
}

.panel-body h5 {
  margin: 1.5rem 0;
  padding: 1rem 0 1rem 1.5rem;
}

.panel-body h4.panel-heading-row {
  padding: 1rem 0 1rem 3rem;
}

h4.panel-heading-row a {
  margin-left: 0.5rem;
}

.panel-subheader {
  margin: 1.5rem 0 1rem 0;
  padding: 1rem 0;
  border-top: thin solid #e5e5e5;
  border-bottom: thin solid #e5e5e5;
  color: #333333;
}

.btn-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
}

.heading-text {
  margin-bottom: 0.4rem;
  margin-right: 1rem;
}

.auto-resize {
  padding: 0;
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.badge-primary {
  background-color: #337ab7;
}

mark {
  padding-right: 0;
  padding-left: 0;
  background-color: #faf2c8 !important;
}

/*
 DATA TABLE FORMATTING
 */

.sorting_1 {
  background-color: rgba(0, 0, 0, 0.02);
}

.table-search {
  cursor: pointer;
}

.table-search:hover {
  background-color: #cccccc !important;
}

.datatable-header {
  padding: 1rem 0 !important;
  background-color: #f5f5f5;
  border-bottom: solid thin #cccccc;
}

.dataTables_length label {
  margin: 0 !important;
  font-weight: normal;
}

.datatable-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.datatable-footer .pagination {
  margin: 1rem 0 0 0 !important;
}

.dataTable {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 769px) {
  .dataTables_filter input {
    width: 30rem !important;
  }
}

/* dataTable bs sorting css */

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-left: 30px;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: block;
  font-family: "Glyphicons Halflings";
  opacity: 0.5;
}

table.dataTable thead .sorting:after {
  opacity: 0.2;
  content: "";
  /* sort */
}

table.dataTable thead .sorting_asc:after {
  content: "";
  /* sort-by-attributes */
}

table.dataTable thead .sorting_desc:after {
  content: "";
  /* sort-by-attributes-alt */
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  color: #eee;
}

.dosage-field-container {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}