@charset "UTF-8";

* {
  scrollbar-width: thin;
  scrollbar-color: #555;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 5px;
}

*::-webkit-scrollbar-track {
  background-color: rgb(170, 170, 170);
}

*::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 20px;
}

body {
  position: relative;
  min-height: 99.5vh;
  padding-bottom: 60px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.row.fix-line {
  display: flex;
  flex-wrap: wrap;
}

.modal-header button {
  color: #666;
}

.table.no-border > tbody > tr > td {
  border: 0px;
  vertical-align: middle;
}
.table .acao {
  cursor: pointer;
}

.dropdown-header {
  font-weight: bold;
  color: #333;
}

.btn {
  padding: 1px 12px;
}

.x_title h2 b {
  display: block;
  margin-bottom: 2px;
}

.x_sub_title {
  display: block !important;
  line-height: 1.2;
  font-size: 80%;
}

.x_button_title {
  float: right;
  margin: 5px;
}

.x_titulo_subsessao h5 {
  display: flex;
  margin: 5px 0px;
}
.x_titulo_subsessao h5::after {
  content: "";
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  flex: 1;
  margin: 0.5em 0px;
  margin-left: 10px;
}

.ui-autocomplete-disabled {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-widget-content {
  box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.5);
  font-size: 14px;
}

.ui-tooltip-content {
  white-space: pre-line;
}

.right_col {
  background: transparent !important;
}

/* ----------------------------------------- Bootstrap ----------------------------------------- */
.fc-content {
  text-overflow: ellipsis;
}

@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }
}
/* ------------------------------------------ Sidebar ------------------------------------------ */
.x_content.has_sidebar {
  width: calc(100% + 40px);
  margin-left: -20px;
}

.x_content.has_sidebar > .row {
  margin: 0px;
}

.x_content.has_sidebar > .row > div {
  padding: 0;
}

.sidebar {
  font-weight: bold;
  font-family: "Roboto Condensed", Roboto, Arial, sans-serif;
  z-index: 2;
}

.sidebar i {
  width: 15px;
  margin-right: 8px;
  text-align: center;
}

.sidebar i, .sidebar span {
  vertical-align: middle;
}

.sidebar_content {
  margin-top: 2px;
  border: 1px solid #ddd;
  border-right: transparent;
}

.sidebar_content > div {
  padding: 15px 20px;
  min-height: 400px;
}

@media (max-width: 992px) {
  .sidebar {
    width: 100%;
    padding: 0;
  }

  .sidebar ul {
    padding: 0px 5px;
  }

  .sidebar_content {
    width: 100%;
    border-width: 0px 0px 1px;
  }

  .sidebar_content > div {
    padding: 10px;
  }
}
/* ------------------------------------------ Snackbar ----------------------------------------- */
#snackbar {
  visibility: hidden;
  min-width: 250px;
  transform: translate(-50%, 0px);
  text-align: center;
  border-radius: 2px;
  padding: 6px 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 70px;
  font-size: 17px;
}
#snackbar.bg-warning {
  /*background-color: #fcf8e3;*/
  color: #8a6d3b;
}
#snackbar.bg-danger {
  /*background-color: #c9302c;
  color: white;
  background: #f2dede;*/
  color: #a94442;
}
#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}
#snackbar.hide {
  visibility: visible;
  -webkit-animation: fadeout 0.5s;
  animation: fadeout 0.5s;
}
#snackbar span, #snackbar i {
  vertical-align: middle;
}
#snackbar i {
  margin-left: 10px;
  font-size: 12px;
  cursor: pointer;
}

@media (max-width: 590px) {
  #snackbar {
    bottom: 115px;
  }
}
@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
/* ------------------------------------------- Forms ------------------------------------------- */
form .row {
  display: flex;
  flex-wrap: wrap;
}

.form-horizontal .control-label {
  padding-top: 2px;
}

fieldset {
  margin-bottom: 10px;
}

.fieldset_border {
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}

.fieldset_border legend {
  padding: 5px 10px;
  margin: 0px;
  margin-bottom: -1px;
}

.fieldset_border .fieldset_content {
  padding: 10px 10px 0px;
}

legend {
  margin-bottom: 10px;
  padding-bottom: 0;
  border-color: #ccc;
  color: #666;
}

.toggle_fieldset {
  float: right;
  margin-left: 5px;
  padding: 0px 5px;
  color: #C5C7CB;
  font-size: 14px;
  line-height: 27px;
  cursor: pointer;
}

.toggle_fieldset:hover {
  background-color: #F5F7FA;
}

.form_mensagem_erro {
  display: inline;
  color: red;
  white-space: pre-wrap;
}

.obrigatorio {
  color: #d9534f;
  padding-left: 3px;
  line-height: 19px;
}

.dropdown {
  display: inline-block;
}

label {
  margin-bottom: 3px;
}

.form-control {
 /*  height: 24px; */
}

input.form-control {
  padding: 2px 6px;
}

select.form-control, .bootstrap-select .dropdown-toggle {
  /* height: 24px;
  padding: 0px 6px; */
  border-radius: 0;
  color: #555;
}

textarea.form-control {
  resize: none;
  max-height: 50vh;
  padding: 2px 6px;
  overflow: hidden;
}

.form-group input[type=checkbox] {
  vertical-align: top;
  margin: 0;
  height: 20px;
}

.input-group {
  margin-bottom: 0px;
}

.input-group-addon {
  padding: 4px 12px;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background-color: #f5f5f5;
  color: #262626;
}

.dropdown-menu .divider {
  margin: 5px 0px;
}

.dropdown-menu .titulo_grupo {
  margin-left: -10px;
  font-weight: bold !important;
  xfont-size: 14px !important;
}

.ui-autocomplete {
  z-index: 1050 !important;
  font-size: 14px !important;
  color: #555 !important;
  font-family: Calibri;
}

.form-group.checkbox-group {
  padding-top: 5px;
}

.form-group.checkbox-group > * {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

/* ------------------------------------------ Dropdown ----------------------------------------- */
.navbar-nav .open .dropdown-menu .dropdown-submenu {
  position: relative;
}

.navbar-nav .open .dropdown-menu .dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: 0px;
  margin-right: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.navbar-nav .open .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.navbar-nav .open .dropdown-menu .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #aaa;
  margin-top: 5px;
  margin-right: -10px;
}

.navbar-nav .open .dropdown-menu .dropdown-submenu:hover > a:after {
  border-left-color: #ccc;
}

.navbar-nav .open .dropdown-menu .dropdown-submenu.pull-left {
  float: none;
}

.navbar-nav .open .dropdown-menu .dropdown-submenu.pull-left > .dropdown-menu {
  right: -100%;
  margin-right: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

/* ----------------------------------------- Datapicker ---------------------------------------- */
.area_datepicker_calendario {
  display: inline-block;
  padding: 5px;
  font-size: 14px;
}

.area_datepicker_calendario .titulo_datepicker_calendario {
  padding: 5px 0;
  background: #4371a8;
  color: white;
  font-family: "Roboto Condensed", Candara, sans-serif;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

.datepicker_calendario {
  padding: 5px;
  padding-top: 0;
  border: 1px solid #ccc;
  border-top: 0;
}

.datepicker_calendario .datepicker.datepicker-inline {
  width: auto;
}

.datepicker_calendario .table-condensed {
  margin: auto;
  font-size: 14px;
}

.datepicker_calendario table thead tr:not(:last-child) {
  display: none;
}

.datepicker_calendario table thead tr th {
  width: 38px;
}

.datepicker_calendario .table-condensed tbody td {
  border: 1px solid #ccc;
}

.datepicker_calendario table tr td.old, .datepicker_calendario table tr td.old:hover, .datepicker_calendario table tr td.new, .datepicker_calendario table tr td.new:hover {
  background: #eee;
  color: #eee;
}

.datepicker_calendario table tr td.active {
  background: #4371a8 !important;
  border-radius: 0;
}

/* ------------------------------------- Collapsable Panel ------------------------------------- */
.panel.collapsable .panel-heading h1, .panel.collapsable .panel-heading h2, .panel.collapsable .panel-heading h3, .panel.collapsable .panel-heading h4, .panel.collapsable .panel-heading h5 {
  margin: 0px;
}

.panel-heading.blue {
  background-color: #666;
}

.panel-heading.blue h5 {
  color: white;
}

/* ----------------------------------------- Cabecalho ----------------------------------------- */
.top_nav {
  background: #2a323c;
  color: #fff;
}

.nav > li > a > p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-right: 10px;
  line-height: 1.3;
}

.top_menu {
  position: relative;
  display: none;
  height: 130px;
  margin-top: -65px;
}
.top_menu .option_top_menu {
  position: relative;
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  background: white;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  color: #666;
}
.top_menu .option_top_menu h1 {
  display: block;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
}
.top_menu .option_top_menu .cx_hexagono {
  display: block;
  width: 70px;
  height: 60px;
  margin: auto;
}
.top_menu .option_top_menu.current-page::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  border-radius: 0 0 10px 10px;
}
.top_menu .option_top_menu.current-page.vermelho::after {
  background-color: #f03154;
}
.top_menu .option_top_menu.current-page.verde::after {
  background-color: #33cc99;
}
.top_menu .option_top_menu.current-page.azul::after {
  background-color: #00ccff;
}
.top_menu .option_top_menu.current-page.laranja::after {
  background-color: #faa954;
}
.top_menu .option_top_menu.vermelho .hexagono {
  background-color: #f03154;
}
.top_menu .option_top_menu.verde .hexagono {
  background-color: #33cc99;
}
.top_menu .option_top_menu.azul .hexagono {
  background-color: #00ccff;
}
.top_menu .option_top_menu.laranja .hexagono {
  background-color: #faa954;
}

.hexagono {
  position: relative;
  width: 35px;
  /* (height * 50) / 86 */
  height: 60px;
  margin: auto;
}
.hexagono::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: inherit;
  height: inherit;
  background-color: inherit;
  transform: rotate(60deg);
}
.hexagono::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  width: inherit;
  height: inherit;
  background-color: inherit;
  transform: rotate(-60deg);
}
.hexagono i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: white;
  font-size: 30px;
  text-align: center;
  line-height: 60px;
  z-index: 10;
}

@media (min-width: 768px) {
  .top_nav {
    padding-bottom: 85px;
  }

  .top_menu {
    display: block;
  }
}
@media (min-width: 1200px) {
  .top_nav {
    padding-bottom: 90px;
    padding-bottom: 80px;
  }

  .top_menu {
    height: 140px;
    margin-top: -70px;
    height: 120px;
    margin-top: -60px;
  }
  .top_menu .option_top_menu {
    padding: 20px 15px 40px;
  }
  .top_menu .option_top_menu.current-page::after {
    height: 20px;
  }
  .top_menu .option_top_menu h1 {
    margin-top: 30px;
    text-align: left;
    font-size: 32px;
  }
  .top_menu .option_top_menu .cx_hexagono {
    float: right;
  }
}
/* -------------------------------------------- Chat ------------------------------------------- */
#compose .compose-header {
  cursor: pointer;
}
#compose .compose-header .badge {
  background-color: #F03154;
  margin-top: -10px;
  padding: 2px 5px;
}
#compose .compose-header .compose-close {
  margin: 0;
  margin-right: 5px;
  color: white;
  opacity: 1;
  font-size: 14px;
  line-height: 20px;
}
#compose .compose-header .compose-close i {
  line-height: 20px;
}
#compose .compose-footer {
  position: relative;
}
#compose .compose-footer .status {
  float: right;
  color: #ccc;
  font-size: 12px;
  padding-right: 10px;
}
/* #compose .compose-footer .icone-enviar {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #26B99A;
  font-size: 18px;
}
#compose .compose-footer textarea {
  width: 100%;
  margin: 0;
  padding-left: 50px;
  border: 0px;
  border-top: 1px solid #E6E9ED;
  outline: none;
  resize: none;
} */
#compose .editor-wrapper .mensagem {
  margin-top: 10px;
  padding: 0px 10px;
}
#compose .editor-wrapper .mensagem.urgente {
  background-color: #d9534f;
  color: white;
}
#compose .editor-wrapper .mensagem.urgente .mensagem_remetente {
  color: white;
}
#compose .editor-wrapper .mensagem .mensagem_remetente {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  color: #ccc;
}
#compose .editor-wrapper .mensagem .mensagem_texto {
  display: inline-block;
  vertical-align: top;
  width: 85%;
  margin-left: 5%;
}

/* ------------------------------------------- Rodapé ------------------------------------------ */
footer {
  border-top: 2px solid #E6E9ED;
}
footer p {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
}
footer img {
  display: inline-block;
  height: 30px;
}

/* ------------------------------------------- Ficha ------------------------------------------- */
.ficha {
  padding: 15px;
}
.ficha .titulo_ficha h5 {
  display: flex;
  margin: 5px 0px;
}
.ficha .titulo_ficha h5::after {
  content: "";
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  flex: 1;
  margin: 0.5em 0px;
  margin-left: 10px;
}
.ficha .corpo_ficha {
  margin-bottom: 10px;
}

/* ------------------------------------------ Tabelas ------------------------------------------ */
.table {
  margin: 0;
}
.table tr.cabecalho_tbody > th, .table tr.cabecalho_tbody td {
  padding: 4px;
  line-height: 1.5;
  text-align: center;
  background-color: #f5f5f5;
  font-weight: bold;
}
.table td.cabecalho_tbody {
  padding: 4px;
  line-height: 1.5;
  text-align: center;
  background-color: #f5f5f5;
  font-weight: bold;
}
.table th, .table td {
  white-space: pre-line;
}
.table th.cabecalho_doenca, .table td.cabecalho_doenca {
  padding: 4px;
  line-height: 1.5;
  text-align: center;
  background-color: #f5f5f5;
  font-weight: bold;
}

.table .fa.acao, .legenda .fa.acao {
  padding: 0px 5px;
  color: #ccc;
  text-align: center;
}

.table .fa.verde, .legenda .fa.verde {
  color: #5CB45B;
}

.table .fa.laranja, .legenda .fa.laranja {
  color: #FAA954;
}

.table .fa.azul, .legenda .fa.azul {
  color: #50a1e6;
}

.table .fa.vermelho, .legenda .fa.vermelho {
  color: #F03154;
}

.table .btn {
  height: 18px;
  margin-bottom: 0;
  padding: 0 12px;
  font-size: 12px;
  line-height: 16px;
}

.area_legenda {
  width: 100%;
}
.area_legenda h5 {
  margin: 0;
}

.legenda {
  float: left;
  font-size: 14px;
  margin-top: 5px;
}
.legenda ul {
  margin: 0;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}

@media (max-width: 500px) {
  .legenda {
    width: 100%;
  }

  .hidden-xxs {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .table .fa.acao {
    padding: 0px 12px 16px;
    font-size: 1.5em;
  }
}
@media (min-width: 767px) {
  .area_legenda {
    float: none;
  }

  .area_legenda h5 {
    margin-top: 0;
  }

  .legenda ul {
    float: left;
    width: auto;
  }
}
tr.divider th {
  background: #666;
  color: white;
  text-align: center;
}

/* -------------------------------------- Formulário cliente ------------------------------------ */
.upload_foto_usuario {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 75%;
  border: 1px solid #ccc;
  background-image: url(../img/sem_foto_4x3.jpg);
  background-size: cover;
  background-position: center;
}

.upload_foto_usuario a {
  display: inline-block;
  margin: 5px 0;
  text-align: center;
}

#form_tutorial_cliente .resumo span {
  display: block;
}

@media (max-width: 767px) {
  .upload_foto_usuario {
    width: 180px;
    padding-top: 240px;
    margin: 0 auto 20px;
  }
}
/* ---------------------------------------- Atendimento ---------------------------------------- */
.span-turno {
  border: 2px solid #00ccff;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  border-radius: 5px;
  color: #00ccff;
  font-weight: bold;
}
.span-turno.turno-manha {
  border-color: #00ccff;
  color: #00ccff;
}
.span-turno.turno-manha::before {
  content: "M";
}
.span-turno.turno-tarde {
  border-color: orange;
  color: orange;
}
.span-turno.turno-tarde::before {
  content: "T";
}

.info_paciente {
  font-size: 12px;
  margin-left: 10px;
}
.info_paciente.prioridade {
  color: #c97a28;
}
.info_paciente.prioridade::before {
  content: "prioridade";
}
.info_paciente.novo {
  color: #ee1cd2;
}
.info_paciente.novo::before {
  content: "novo";
}
.info_paciente.rn {
  color: #f13a5b;
}
.info_paciente.rn::before {
  content: "RN";
}
.info_paciente.previo {
  color: #ff0000;
}
.info_paciente.previo::before {
  content: "prévio";
}
.info_paciente.urgencia {
  color: #f13a5b;
}
.info_paciente.urgencia::before {
  content: "urgência";
}

.icone_tipo_pagamento {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  border-radius: 50%;
  color: white;
  font-size: 9px;
  font-weight: bold;
  line-height: 12px;
  text-align: center;
}
.icone_tipo_pagamento.particular {
  background-color: #00ccff;
}
.icone_tipo_pagamento.particular::before {
  content: "P";
}
.icone_tipo_pagamento.convenio {
  background-color: #5cb45b;
}
.icone_tipo_pagamento.convenio::before {
  content: "C";
}
.icone_tipo_pagamento.coparticipacao {
  background-color: #faa954;
}
.icone_tipo_pagamento.coparticipacao::before {
  content: "C";
}
.icone_tipo_pagamento.indefinido {
  background-color: #f03154;
}
.icone_tipo_pagamento.indefinido::before {
  content: "U";
}

.texto_tipo_pagamento {
  display: inline;
  vertical-align: middle;
  margin: 0;
}

.status_atendimentos {
  margin-top: 10px;
  font-family: Roboto, Calibri, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.status_atendimentos sup {
  font-weight: normal;
}

@media (min-width: 600px) {
  .status_atendimentos {
    float: right;
    margin-left: 20px;
  }
}
#lista_atendimentos_finalizados .acao:not(.documentos, .info) {
  cursor: default;
}

.btn-turno {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 2.1em;
  margin: 0;
  padding: 0 0.6em;
  border: 1px solid;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  color: #73879C;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 1em;
  cursor: pointer;
}
.btn-turno:first-child {
  border-radius: 4px 0 0 4px;
}
.btn-turno:last-child {
  border-radius: 0 4px 4px 0;
}
.btn-turno.active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333;
  background: #ccc;
}

/* ----------------------------------------- Calendário ---------------------------------------- */
.calendario_evento_semana {
  background: transparent;
  color: #555;
  border: 0;
  line-height: 24px;
}
.calendario_evento_semana:hover {
  color: #555;
}

/* ------------------------------------------- Agenda ------------------------------------------ */
#panel_agenda .subtitulo_agenda {
  width: 100%;
}

#panel_agenda .subtitulo_agenda b {
  display: inline;
}

@media (min-width: 568px) {
  #panel_agenda .subtitulo_agenda {
    width: auto;
    float: right;
  }

  #panel_agenda .subtitulo_agenda + .subtitulo_agenda {
    margin-right: 20px;
  }
}
.icon_novo_cliente {
  vertical-align: middle !important;
}

.icon_novo_cliente i {
  color: #5cb45b;
}

#lista_agendamentos tr:not([id^=agendamento_]) {
  cursor: pointer;
}

#lista_agendamentos .acao {
  cursor: pointer;
}

/* ------------------------------------------ Triagens ----------------------------------------- */
.lista_tipo_retorno li {
  display: inline-block;
  width: 120px;
  margin-right: 20px;
}

#form_exames .table {
  margin-bottom: 10px;
}

#form_exames .table.no-border > tbody > tr > td {
  padding-left: 8px;
  padding-right: 0px;
}

#form_exames .table.no-border input {
  min-width: 50px;
}

#form_exames tr.title {
  text-align: center;
  background-color: #eee;
  font-weight: bold;
}

/* ------------------------------------------ Clientes ----------------------------------------- */
/* --------------------------------------- Dados pessoais -------------------------------------- */
.chevron-collapsable {
  float: right;
  font-size: 12px;
  line-height: 18px;
}

#dados_cliente h4 {
  margin: 30px 0px 10px;
}

.list_group {
  padding: 0px 20px;
  overflow: hidden;
}

/* Folha resumo */
#modal_folha_resumo .table thead tr:first-child th {
  background-color: #f5f5f5;
  color: #666;
  text-align: center;
}

/* ---------------------------------- Questionarios Prontuário --------------------------------- */
.questionario_prontuario_fixo th {
  line-height: 23px !important;
}

.linha_checklist, .linha_checklist_detalhada {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -6px;
}

.linha_checklist > div, .linha_checklist_detalhada > div {
  padding: 0px 6px;
  margin-bottom: 10px;
  line-height: 23px;
}

.linha_checklist_detalhada > div:last-child {
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  .linha_checklist > div:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .linha_checklist > div:nth-last-child(-n+2) {
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  .linha_checklist > div:last-child {
    margin-bottom: 0px;
  }
}
.linha_checklist input[type=checkbox], .linha_checklist label, .linha_checklist_detalhada input[type=checkbox], .linha_checklist_detalhada label {
  display: inline;
  vertical-align: middle;
  margin: 0px;
}

.thumbmails {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
}
.thumbmails .thumb.add {
  cursor: pointer;
}
.thumbmails .thumb.placeholder {
  height: 0px;
  margin: 0;
}
.thumbmails .thumb .titulo {
  display: block;
  width: 100%;
  margin: 5px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.thumbmails .thumb .imagem {
  position: relative;
  width: 100%;
  height: 117px;
  border: 1px solid #666;
  background-color: #fff;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
}
.thumbmails .thumb .imagem > i {
  font-size: 44px;
  line-height: 115px;
  color: #337ab7;
}
.thumbmails .thumb .imagem .acoes {
  position: absolute;
  bottom: -24px;
  width: 100%;
  height: 24px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  transition: 0.5s;
}
.thumbmails .thumb .imagem .acoes > div {
  display: inline-block;
  margin: 0 7px;
}
.thumbmails .thumb .imagem .acoes i {
  cursor: pointer;
  line-height: 24px;
}
.thumbmails .thumb .imagem .acoes .editar {
  color: #5CB45B;
}
.thumbmails .thumb .imagem .acoes .deletar {
  color: #F03154;
}
.thumbmails .thumb .imagem:hover .acoes {
  bottom: 0;
}

/* ----------------------------------------- Lembretes ----------------------------------------- */
#lista_lembretes tr td {
  line-height: 24px;
}

/* ------------------------------------------- Exames ------------------------------------------ */
#lista_exames_selecionados .acao, #lista_exames_requesitados .acao {
  cursor: pointer;
}

#lista_exames_selecionados td {
  vertical-align: middle;
}

/* ----------------------------------------- Documentos ---------------------------------------- */
.botoes_documentos button {
  width: 100%;
}

.botoes_documentos button i {
  margin-left: 5px;
}

#tabela_atestados .acao {
  cursor: pointer;
}

/* ------------------------------------------ Consulta ----------------------------------------- */
.sidebar li {
  border-left: 5px solid #FFF;
}
.sidebar li.light-red {
  border-color: red;
}
.sidebar li.red {
  border-color: #de1818;
}
.sidebar li.dark-red {
  border-color: #a94442;
}
.sidebar li.green {
  border-color: #33cc99;
}
.sidebar li.dark-green {
  border-color: #3c763d;
}
.sidebar li.light-blue {
  border-color: #00ccff;
}
.sidebar li.blue {
  border-color: #0091ff;
}
.sidebar li.dark-blue {
  border-color: #0044cc;
}

.menu_rapido {
  position: fixed;
  bottom: 10px;
  right: 10px;
  /*width: auto;
  height: 60px;*/
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 7px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  background-color: white;
  z-index: 10;
  overflow: hidden;
  /*transition: 1s;*/
}
.menu_rapido #timer_consulta2 {
  width: 44px;
  margin-right: 5px;
  padding: 7px 0;
  border-radius: 50%;
  box-shadow: 1px 1px 3px #ccc;
  cursor: default;
}
.menu_rapido #timer_consulta2.bg-danger {
  background-color: #c9302c;
  color: white;
}
.menu_rapido .item {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  cursor: pointer;
}
.menu_rapido .item i {
  display: block;
  margin-bottom: 3px;
  text-align: center;
}
.menu_rapido .item span {
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 12px;
}

@media (min-width: 1367px) {
  .menu_rapido {
    right: 30px;
  }
}
@media (max-width: 590px) {
  .menu_rapido {
    bottom: 50px;
  }
}
#resumo_dados_pessoais {
  margin-bottom: 20px;
}

#resumo_historico_medico .table {
  margin-bottom: 20px;
}

/* --------------------------------------- Marcar imagem --------------------------------------- */
.media_overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.media_wrapper {
  position: relative;
}

.media_wrapper .media {
  max-width: 80vw;
  max-height: 80vh;
  cursor: crosshair;
}

.point {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: red;
  margin-top: -5px;
  margin-left: -5px;
  cursor: pointer;
}

.media_thumb_wrapper {
  position: relative;
  display: inline-block;
}

.media_thumb {
  max-width: 225px;
  max-height: 150px;
}

.media_thumb_wrapper .point {
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  margin-left: -2.5px;
}

/* ------------------------------------------ Printing ----------------------------------------- */
@media print {
  #top, #top-nav, #top-menu, #compose, footer, .menu_rapido, #timer_consulta {
    display: none;
  }

  .container {
    width: 100%;
  }

  .x_panel {
    border: 0;
  }
}

/* ---------------------------------------- Lockscreen ---------------------------------------- */
.lockscreen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5001;
  /* background-color: rgba(255, 255, 255, .5); */
  background-color: rgba(42, 50, 60, .5);
  transition: all .3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.lockscreen.show {
  visibility: visible;
  opacity: 1;
}
.lockscreen-overlay {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lockscreen-overlay:before {
  z-index: 5002;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-filter: blur(100px);
  -moz-filter: blur(100px);
  -o-filter: blur(100px);
  -ms-filter: blur(100px);
  filter: blur(100px);
}

.lockscreen-overlay .lockscreen-card {
  z-index: 5003;
  width: 300px;
  transition: all .4s ease-in-out;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  visibility: hidden;
  opacity: 0;
  transform: translateY(-15px);
}
.lockscreen.show .lockscreen-overlay .lockscreen-card {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.lockscreen-overlay .lockscreen-card .lockscreen-header {
  width: 100%;
  border-radius: 5px 5px 0 0;
  padding: 8px 10px;
  background-color: #2a323c;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lockscreen-overlay .lockscreen-card .lockscreen-header img {
  max-height: 30px;
}
.lockscreen-overlay .lockscreen-card .lockscreen-body {
  background-color: white;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 3px 15px 1px rgba(0, 0, 0, .1);
  padding: 10px 20px;
}
.lockscreen-overlay .lockscreen-card .lockscreen-profile {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px auto 5px;
}
.lockscreen-overlay .lockscreen-card .lockscreen-profile img {
  max-width: 50px;
  border-radius: 50%;
  margin-right: 10px;
  border: 2px solid white;
  box-shadow: 0 3px 7px 1px rgba(0, 0, 0, .1);
}
.lockscreen-overlay .lockscreen-card .lockscreen-profile p {
  margin: 0;
}

/* ----------------------------------------- Bandeiras ----------------------------------------- */
.form-radio-card {
  width: 100%;
  margin-bottom: 10px;
}
.form-radio-card label {
  display: flex;
  width: 100%;
  height: 70px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background-color: white;
  border: 2px solid #dadada;
  border-radius: 7px;
  cursor: pointer;
  transition: all .3s ease-in-out;
  position: relative;
}
.form-radio-card label:after {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #00ccff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: white;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(30%, 30%);
  transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.form-radio-card img {
  max-width: 75%;
    max-height: 46px;
}
.form-radio-card input {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form-radio-card input:checked + label {
  border-color: #00ccff;
  box-shadow: 0 3px 6px 1px rgba(0, 204, 255, .3); 
}
.form-radio-card input:checked + label:after {
  transition-delay: .1s;
  visibility: visible;
  opacity: 1;
}

.badge-pagamento {
  background-color: transparent;
  border: 1.5px solid #2b9370;
  color: #2b9370;
  margin-left: 2px;
  margin-right: 2px;
  font-size: 11px;
}
.pagamento.tipo.active .badge-pagamento {
  background-color: #2b9370;
  color: white;
}
.badge-pagamento-azul {
  border-color: #00a3cc;
  color: #00a3cc;
}
.pagamento.tipo.active .badge-pagamento-azul {
  background-color: #00a3cc;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}