body {
    background-color: #ecedf0 !important;
    color: #777;
    zoom: 0.85;
}

body.saudenet {
    background-color: white !important;
}

.breadcrumbs li {
    display: inline;
}

.breadcrumbs > li:not(:last-child):after {
    content: "\f105";
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 10px;
    vertical-align: middle;
}

.loader {
    display: block;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #34495e;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    animation: spin 0.5s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.form-control, .dataTables_filter input[type="search"] {
    border-radius: 0;
    border-color: rgb(204, 204, 204);
    box-shadow: none;
}

.widget-summary .summary .title, .widget-summary .summary .amount {
    color: #777;
}

.container {
    width: 100% !important;
}

#top-bar .nav-pills > li {
    display: contents;
}

#top-bar .nav-pills > li > a {
    color: white;
    font-size: 16px;
    border-radius: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

#top-bar .nav-pills > li.active > a, #top-bar .nav-pills > li > a:focus, #top-bar .nav-pills > li > a:hover {
    background: #415c78;
}

body {
    display: flex;
    overflow: auto;
}

.header {
    position:relative;
    background: #34495e;
    width: 250px;
    height: 100%;
    border: none;
    overflow: auto;
}

.content-body {
    padding: 0 20px;
    height: 100%;
    overflow: auto;
}

.splash {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 999999;
    opacity: 0.5;
}

.splash-img {
    display: none;
    position: fixed;
    z-index: 9999999;
    left: 50%;
    margin-left: -75px;
    top: 45%;
    margin-top: -75px;
}

.splash-img img {
    width: 150px;
    height: 150px;
}

.inner-wrapper {
    padding-top: 40px;
}

.p-0{padding: 0!important}.p-1{padding: 7.5px!important}.p-2{padding: 15px!important}.p-3{padding: 22.5px!important}.p-4{padding: 30px!important}
.pl-0{padding-left: 0!important}.pl-1{padding-left: 7.5px!important}.pl-2{padding-left: 15px!important}.pl-3{padding-left: 22.5px!important}.pl-4{padding-left: 30px!important}
.pr-0{padding-right: 0!important}.pr-1{padding-right: 7.5px!important}.pr-2{padding-right: 15px!important}.pr-3{padding-right: 22.5px!important}.pr-4{padding-right: 30px!important}
.pt-0{padding-top: 0!important}.pt-1{padding-top: 7.5px!important}.pt-2{padding-top: 15px!important}.pt-3{padding-top: 22.5px!important}.pt-4{padding-top: 30px!important}
.pb-0{padding-bottom: 0!important}.pb-1{padding-bottom: 7.5px!important}.pb-2{padding-bottom: 15px!important}.pb-3{padding-bottom: 22.5px!important}.pb-4{padding-bottom: 30px!important}

.m-0{margin: 0!important}.m-1{margin: 7.5px!important}.m-2{margin: 15px!important}.m-3{margin: 22.5px!important}.m-4{margin: 30px!important}
.ml-0{margin-left: 0!important}.ml-1{margin-left: 7.5px!important}.ml-2{margin-left: 15px!important}.ml-3{margin-left: 22.5px!important}.ml-4{margin-left: 30px!important}
.mr-0{margin-right: 0!important}.mr-1{margin-right: 7.5px!important}.mr-2{margin-right: 15px!important}.mr-3{margin-right: 22.5px!important}.mr-4{margin-right: 30px!important}
.mt-0{margin-top: 0!important}.mt-1{margin-top: 7.5px!important}.mt-2{margin-top: 15px!important}.mt-3{margin-top: 22.5px!important}.mt-4{margin-top: 30px!important}
.mb-0{margin-bottom: 0!important}.mb-1{margin-bottom: 7.5px!important}.mb-2{margin-bottom: 15px!important}.mb-3{margin-bottom: 22.5px!important}.mb-4{margin-bottom: 30px!important}

.d-none{display: none !important}.d-block{display: block !important}.d-flex{display: flex !important}.d-table{display: table !important}
.liquidFillGaugeText { font-family: Helvetica; font-weight: bold; }
.ui-widget-header {
    background: #777;
    border-color: #777;
}
.ui-button-text-only .ui-button-text {
    display: none;
}

.ui-dialog .ui-dialog-content {
    padding: 1;
}

.dataTables_wrapper > div.row > div > .pull-right {
    width: 940px;
}

.num-cols-2 {display: grid !important; grid-template-columns: repeat(2, 1fr) !important;}
.num-cols-3 {display: grid !important; grid-template-columns: repeat(3, 1fr) !important;}
.num-cols-4 {display: grid !important; grid-template-columns: repeat(4, 1fr) !important;}
.num-cols-5 {display: grid !important; grid-template-columns: repeat(5, 1fr) !important;}
.num-cols-6 {display: grid !important; grid-template-columns: repeat(6, 1fr) !important;}
.num-cols-7 {display: grid !important; grid-template-columns: repeat(7, 1fr) !important;}
.num-cols-8 {display: grid !important; grid-template-columns: repeat(8, 1fr) !important;}
.num-cols-9 {display: grid !important; grid-template-columns: repeat(9, 1fr) !important;}
.num-cols-10 {display: grid !important; grid-template-columns: repeat(1, 1fr) !important;}

.strong {font-size: 18px;}

.dataTables_filter > label {width: 100% !important}
.dataTables_filter input[type="search"] {width: 400px !important;}
.sorting::before {content: "\f0d8" !important;font-family: "FontAwesome";}
.sorting::after {content: "\f0d7" !important;font-family: "FontAwesome";}
table.dataTable.table-bordered {border: none;padding-bottom: 10px;padding-top: 10px;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border: 0;border-bottom: solid 1px #dddddd;border-right: solid 1px #dddddd;}
.table-bordered > thead > tr > th:first-child, .table-bordered > tbody > tr > th:first-child, .table-bordered > tfoot > tr > th:first-child, .table-bordered > thead > tr > td:first-child, .table-bordered > tbody > tr > td:first-child, .table-bordered > tfoot > tr > td:first-child {border-left: solid 1px #dddddd;}
.table-bordered > thead > tr:first-child > th, .table-bordered > tbody > tr:first-child > th, .table-bordered > tfoot > tr:first-child > th {border-top: solid 1px #dddddd !important;}
.dataTables_wrapper button {font-size: 14px;font-family: 'Open Sans';}

/* card */
.card-titulo {font-size: 18px;}
.card-titulo > div {display: inline;}
.card .card-valor {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.card .card-titulo,.card.primary .card-titulo {color: #0088cc;}
.card.success .card-titulo {color: #3f923f;}
.card.warning .card-titulo {color: #e89113;}
.card.danger .card-titulo {color: #bd2d29;}
.card.dark .card-titulo {color: #171717;}
.panel-featured-primary:has(.card.success) {border-color: #3f923f !important;}
.panel-featured-primary:has(.card.warning) {border-color: #e89113 !important;}
.panel-featured-primary:has(.card.danger) {border-color: #bd2d29 !important;}
.panel-featured-primary:has(.card.dark) {border-color: #171717 !important;}
section.panel.panel-featured-left {padding: 0;margin: 0;}
.div-componente-mapa .card {min-width: 600px;}

/* RESPONSIVIDADE  */

@media (max-width: 800px) {
  .d-flex {
      display: block !important;
  }
}


/* Icon fonts */

@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?f6026k');
    src:  url('fonts/icomoon.eot?f6026k#iefix') format('embedded-opentype'),
      url('fonts/icomoon.ttf?f6026k') format('truetype'),
      url('fonts/icomoon.woff?f6026k') format('woff'),
      url('fonts/icomoon.svg?f6026k#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-atendimentovacinacao:before {
    content: "\e913";
  }
  .icon-imprimircartaosus:before {
    content: "\e914";
  }
  .icon-prontuario:before {
    content: "\e915";
  }
  .icon-registroavulso:before {
    content: "\e916";
  }
  .icon-vacinacao:before {
    content: "\e917";
  }
  .icon-confirmadorApac:before {
    content: "\e910";
  }
  .icon-reapresentadorApac:before {
    content: "\e912";
  }
  .icon-assinatura:before {
    content: "\e90e";
  }
  .icon-cadastroPainel:before {
    content: "\e90f";
  }
  .icon-painel:before {
    content: "\e911";
  }
  .icon-adicao-usuario:before {
    content: "\e900";
  }
  .icon-agenda:before {
    content: "\e901";
  }
  .icon-autoriza-leito:before {
    content: "\e902";
  }
  .icon-escala:before {
    content: "\e903";
  }
  .icon-mapa-leitos:before {
    content: "\e904";
  }
  .icon-regular:before {
    content: "\e905";
  }
  .icon-solicitacoes:before {
    content: "\e906";
  }
  .icon-solicitar:before {
    content: "\e907";
  }
  .icon-unidade-saude:before {
    content: "\e908";
  }
  .icon-atribuirperfil:before {
    content: "\e909";
  }
  .icon-categoriasanexo:before {
    content: "\e90a";
  }
  .icon-operador:before {
    content: "\e90b";
  }
  .icon-parametros:before {
    content: "\e90c";
  }
  .icon-ppi:before {
    content: "\e90d";
  }

  .login2 {
    background: white;
    margin-top: 170px;
    padding: 30px;
    opacity: 0.95;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    border-radius: 15px; /* Arredondar os cantos */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); /* Adicionar sombra para efeito de profundidade */
}

.login {
  border-radius: 10px; /* Arredondando os cantos */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Efeito de sombra para profundidade */
  border: 1px solid #cccccc; /* Borda sutil */
  padding: 8px 10px; /* Espaçamento interno */
  margin-bottom: 10px; /* Espaçamento entre elementos */
  color: #333333; /* Cor do texto */
  background-color: #ffffff; /* Cor de fundo */
}

/* Estilizando o botão de submit */
input[type=submit].login {
  background-color: #007bff; /* Cor de fundo do botão */
  color: white; /* Cor do texto do botão */
  border: none; /* Removendo a borda */
  cursor: pointer; /* Cursor de mão para indicar ação */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* Sombras para profundidade */
  padding: 10px 20px; /* Aumentando o espaçamento interno */
  font-size: 16px; /* Aumentando o tamanho do texto */
  border-radius: 10px; /* Mantendo os cantos arredondados */
}

/* Estilizando ao passar o mouse sobre o botão */
input[type=submit].login:hover {
  background-color: #0056b3; /* Cor de fundo mais escura ao passar o mouse */
}

/* Ajustando o alinhamento do botão */
input[type=submit].login {
  position: relative;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: auto; /* Ajustando a largura para ser automática */
}